/* CSS Document */

@charset "utf-8";

/* Portal */

* {	
	margin: 0px;
	padding: 0px;
}

body { background-color: #FFF; font-family: sans-serif; font-size: 16px; }

.portal {
	width:920px;
	height:430px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-215px 0 0 -460px;
}

.su_img { border: 5px solid #FFF; }

.su_img:hover { border: 5px solid #CDCDCD; }

.fw_banner { padding-bottom: 25px; }

.nfo_banner { padding-top: 25px; }

/* Top Navbar */

.nb_img_hl { border: 5px solid #FFF; }

.nb_img { border: 5px solid #FFF; }

.nb_img:hover { border: 5px solid #CDCDCD; }

.nav_top_logo {
	float: left;
	position: absolute;
	left: 5px;
	top: 5px;
}

.nav_top_sites {
	float: left;
	position: absolute;
	right: 0px;
}

.nav_top_links {
	position: absolute;
	background-color: #AAA;
	top: 115px;
	width: 1000px;
	height: 30px;
}

/* Page Layout */

.fw_wrapper {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}

.fw_header {
	width:1000px;
	height: 145px;
	background-color: #FFF;
	position: fixed;
	top: 0px;
	z-index: 1000;
	border-bottom: 5px solid #CCC;
}

.fw_content {
	width: 980px;
	position: absolute;
	background-color: #FFF;
	color: #111;
	padding: 165px 10px 115px 10px;
}

.fw_content_fixed {
	top: 155px;
	bottom: 115px;
	width: 980px;
	position: fixed;
	background-color: #FFF;
	color: #111;
	padding: 10px;
}

.fw_footer {
	width: 1000px;
	height: 100px;
	background-color: #AAA;
	position:fixed;
	bottom: 0px;
	z-index: 999;
	border-top: 5px solid #CCC;
}

.fw_footer table {
	padding: 5px 10px;
}

.fw_fb {
	padding: 2px;
	position: absolute;
	z-index: 1001;
	width: 115px;
	right: 330px;
	bottom: 2px;
}

/* Studio Construction */

.baustelle {
	width:724px;
	height:240px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-120px 0 0 -362px;
}

/* Page Content */

h1 {
	font-size: 20px;
	font-family: "Arial Narrow", sans-serif;
	font-weight: bolder;
	padding-bottom: 10px;
	text-transform: uppercase;
}

h2 {
	font-family: "Arial Narrow", sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	padding: 5px 0px;
}

ul {
	padding-left: 30px;
}
li {
	padding-left: 5px;
}

.c {
	text-align: center;
	width: 100%;
}

.imgbrdr {
	border: 1px solid #666;
	margin: 5px;
}

.fullscreeen {
	position: absolute;
	width: 980px;
	top: 45px;
	bottom: 0px;
	border: 1px solid #333;
}

.fullscreeen_noborder {
	position: absolute;
	width: 100%;
	top: 30px;
	bottom: 0px;
	border: 0px;
}

iframe { border: 0px; }

.teammember {
	float:left;
	width: 150px;
	height:230px;
	padding: 5px;
	text-align:center;
}

.teammotto {
	float:left;
	width: 550px;
	padding: 50px;
}

.teammember img { border: 1px solid #999; }

.teamdesc {
	font-family: "Arial Narrow", sans-serif;
	font-size: 13px;
}

.hoverover {
	position: absolute;
	text-align:center;
	width: 540px;
	z-index: 250px;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	left: 220px;
	bottom: 25px;
	border: 1px solid #333;
}

.contactform {
	position: absolute;
	right: 10px;
	top: 165px;
	height: 300px;
	width: 490px;
	border-left: 1px solid #CCC;
	padding-left: 50px;
}

input[type=text],
textarea {
	width: 400px;
	background-color: #CCC;
	color: #333;
	margin: 3px;
	border: 1px solid #AAA;
}

input[type=submit] {
	width: 400px;
	background-color: #FFF;
	color: #F00;
	font-weight: bolder;
	margin:3px;
	border: 1px solid #AAA;
}

input[type=submit]:hover {
	width: 400px;
	background-color: #F00;
	color: #FFF;
	font-weight: bolder;
	margin:3px;
	border: 1px solid #AAA;
}

.openhours {
	border: 1px solid #CCC;
	background-color: #EEE;
	margin: 20px 0px;
	padding: 5px;
}

a {
	text-decoration: underline;
	font-weight:bold;
	color: #F00;
}

a:hover { color: #000; }

.rtb { /* red text bold */
	color: #F00;
	font-weight:bolder;
}

.sidebar {

	position: absolute;
	right: 0px;
	top: 200px;
	width: 100px;
	padding: 10px 10px;
	border-left: 1px solid #CCC;
	background-color: #FFF;
	
}

.angebote_bimg {
	
	max-width: 850px; 
	
}

.angebote_simg {
	
	max-width: 100px;
	min-width: 100px;

}

.site_image_lt550 {
	border: 1px #CCC solid;
	margin: 0px 10px 10px 0px;
	padding: 10px;
	background-color: #EEE;
}

.site_image_gt550 {
	border: 1px #CCC solid;
	margin: 0px 0px 10px 10px;
	padding: 10px;
	background-color: #EEE;
}

hr {
margin: 15px;	
}


/* LIGHTBOX */


p.error { width: 550px; margin: 50px auto; font-size: 14px; }
a img {	border: none; }
#bildwand { width: auto; margin: 0 auto; text-align: left; line-height: 0; font-size: 0; }
#bildwand img { margin: 1px; }

/* LIGHTBOX */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: #000 url('') repeat; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; background: #fff; }
#lbCenter { z-index: 99999; }
#lbImageContainer img { -moz-box-shadow: 1px 0 5px #000; -webkit-box-shadow: 1px 0 5px #000; box-shadow: 1px 0 5px #000; }
#lbCenter .lbLoading { background: #fff url('') no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; background: url(''); z-index: 9999; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: url('') no-repeat left center; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: url('') right center no-repeat; }
#lbBottomContainer { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
#lbBottom { padding: 5px 10px; text-align: left; font: 10px sans-serif; line-height: 10px; color: #000; }
#lbCloseLink { display: block; float: right; width: 44px; height: 10px; background: url('') no-repeat right top; outline: none; }
#lbCaption, #lbNumber { display: inline; }
#lbCaption { padding-right: 0.5em; font-weight: bold; }
#lbNumber { color: #666; }