/* Basic Styles */
a:link { font-weight:bold; color:#184273; text-decoration:none }
a:visited { font-weight:bold; color:#184273; text-decoration:none }
a:hover { font-weight:bold; color:#3290B4; text-decoration:none }
body { margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#324043; background-color:#c0c0c0; }
h1 { font-size:21px; font-weight:normal; color:#184273; margin-top:0px; margin-bottom:16px }
h2 { font-size:12px; font-weight:bold; color:#184273; margin-top:5px; margin-bottom:5px }
img { border:0px }
ol { margin-left:0px; margin-top:0px; margin-bottom:16px; padding-left:20px }
p { margin-top:0px; margin-bottom:16px }
ul { margin-left:0px; margin-top:0px; margin-bottom:16px; padding-left:20px; list-style-type:square; color:#324043; }
ul li { padding-bottom:6px; margin-bottom:10px; }
ul div { color:#696A6C }
hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color:#2e89d0; }

.stellenmarkt { margin-left:0px; margin-top:0px; margin-bottom:12px; padding-left:20px; list-style-type:square; color:#324043; }
.stellenmarkt li { padding-bottom:2px; margin-bottom:6px; }
.stellenmarkt_title { margin-bottom:6px; font-weight:bold; }

/* Page Components */
#outer-container { width:960px; height:100%; margin:15px auto 0px auto; padding:0px; background-color:#FFFFFF; }
#nav-content-container { background-color:#FFFFFF; width:960px; height:100%; float:left;}
#header { height:151px; background-color:#FFFFFF; margin:-15px 0px 0px 0px; padding:0px }
#content { color:#324043; width:640px; margin:7px 0px 0px 0px; float:left; overflow:hidden }
#footer { font-size:11px; color:#184273; text-align:center; font-weight:bold; border-top:12px solid #ffffff; width:960px; height:30px; float:left; }
#map {  }

.col-left { width:285px; margin-right:28px; float:left; }
.col-right { width:285px; float:left; }

.col-left_baustrom { width:200px; margin-right:10px; float:left; }
.col-right_baustrom { width:200px; float:left; }

.col-left-anfrage { width:240px; margin-right:28px; float:left; }
.col-right-anfrage { width:330px; float:left; }

.content_part { padding:0px 20px 0px 20px; }

.header_subtitle,
.content_subtitle,
.footer_subtitle { margin:0px 0px 0px -7px; padding:0px; }

.content_subtitle_link { text-align:left; padding-left:0px; margin-left:-7px; }
.blue_text { color:#2e89d0 }
.subtitle { font-size:12px; font-weight:bold; margin:0px 0px 0px 5px; padding:5px; color:#184273; }
.subtitle_active { font-size:12px; font-weight:bold; margin-left:5px; padding:5px; color:#ffffff; }
.subtitle_link { font-size:12px; font-weight:bold; margin-left:25px; padding:5px; color:#184273; }

.table_images { width:590px; margin-top:32px; }
.table_images th { width:140px; text-align:center; vertical-align:bottom; }
.table_images td { font-size:10px; width:140px; text-align:center; vertical-align:top; }

.table_adress { width:285px; }
.table_adress td { text-align:left; vertical-align:top; }

.table_produkte {  }
.table_produkte td { border:1px ridge #000000; vertical-align:top; }

.ul_mittelspannung { margin-left:0px; margin-top:0px; margin-bottom:16px; padding-left:20px; list-style-type:square; color:#324043; }
.ul_mittelspannung li { padding-bottom:6px; margin-bottom:0px; }

.startseite {}
.startseite a:link { font-weight:bold; color:#ffffff; text-decoration:none }
.startseite a:visited { font-weight:bold; color:#ffffff; text-decoration:none }
.startseite a:hover { font-weight:bold; color:#324043; text-decoration:none }

/* Navigation */
#navigation { font-size:11px; position:relative; top:-9px; width:320px; float:left; background-color:#FFFFFF }

/* #################################################################### */
/* Level 0 */
#navigation ul { margin:0px; padding:0px; list-style-type:none; }
#navigation ul li { margin:0px; padding:0px; }
#navigation ul li a { width:289px; margin-top:1px; padding:3px 5px 3px 23px; color:#fff; font-weight:normal; background:url('../images/navigation/navigation_off.gif') repeat-y; display:block }
#navigation ul li a:hover { background:url('../images/navigation/navigation_on.gif') repeat-y; font-weight:bold; }
#navigation ul li a.current-page { background:url('../images/navigation/navigation_on.gif') repeat-y; font-weight:bold; }
#navigation ul li a.current-sub { background:url('../images/navigation/navigation_on.gif') repeat-y; font-weight:bold; }

/* Level 0 first */
#navigation ul li a.first { height:17px; padding-top:18px; background-image:url('../images/navigation/navigation_first_off.gif') }
#navigation ul li a.first:hover { background-image:url('../images/navigation/navigation_first_on.gif'); }
#navigation ul li a.current-page-first { height: 17px; padding-top:18px; background-image:url('../images/navigation/navigation_first_on.gif'); font-weight:bold; }

/* Level 0 bottom */
#navigation ul li a.bottom { height:16px; background:url('../images/navigation/navigation_last_off.gif') no-repeat }
#navigation ul li a.bottom:hover { background-image:url('../images/navigation/navigation_last_on.gif') }
#navigation ul li a.current-page-bottom { background:url('../images/navigation/navigation_last_on.gif') no-repeat }

/* #################################################################### */
/* Level 1 */
#navigation ul li ul li a { width:277px; padding-left:35px; background-image:url('../images/navigation/navigation_sub_off.gif') }
#navigation ul li ul li a:hover { background-image:url('../images/navigation/navigation_sub_on.gif'); color:#735750; }
#navigation ul li ul li a.current-page { background:url('../images/navigation/navigation_sub_on.gif') repeat-y; color:#735750; }
#navigation ul li ul li a.current-sub { background:url('../images/navigation/navigation_sub_on.gif') repeat-y; color:#735750; }
#navigation ul li ul li a.current-sub-first { background-image:url('../images/navigation/navigation_sub_on.gif'); font-weight:bold; color:#735750; }

/* Level 1 first */
#navigation ul li ul li a.first { height:auto; padding-top:3px; background-image:url('../images/navigation/navigation_sub_off.gif') }
#navigation ul li ul li a.first:hover { background-image:url('../images/navigation/navigation_sub_on.gif') }
#navigation ul li ul li a.current-page-first { height:auto; padding-top:3px; background-image:url('../images/navigation/navigation_sub_on.gif'); color:#735750; }
#navigation ul li ul li a.current-page-last { height:auto; padding-top:3px; background-image:url('../images/navigation/navigation_sub_on.gif'); font-weight:bold; color:#735750; }

/* Level 1 bottom */
#navigation ul li ul li a.bottom { height:auto; background-image:url('../images/navigation/navigation_sub_last_off.gif') }
#navigation ul li ul li a.bottom:hover { background-image:url('../images/navigation/navigation_sub_last_on.gif') }
#navigation ul li ul li a.current-page-bottom { height:20px; padding-top:3px; background-image:url('../images/navigation/navigation_sub_on.gif'); color:#735750; }

/* #################################################################### */
/* Level 2 */
#navigation ul li ul li ul li a { width:265px; padding-left:47px; background:url('../images/navigation/navigation_sub_sub_off.gif')  repeat-y; color:#115578 }
#navigation ul li ul li ul li a:hover { background-image:url('../images/navigation/navigation_sub_sub_on.gif') repeat-y }
#navigation ul li ul li ul li a.current-page,
#navigation ul li ul li ul li a.current-page-last { background-image:url('../images/navigation/navigation_sub_sub_on.gif'); font-weight:bold; color:#735750; }

/* Level 2 first */
#navigation ul li ul li ul li a.first { height:auto; padding-top:3px; background-image:url('../images/navigation/navigation_sub_sub_off.gif') }
#navigation ul li ul li ul li a.first:hover { background:url('../images/navigation/navigation_sub_sub_on.gif') repeat-y }
#navigation ul li ul li ul li a.current-sub,
#navigation ul li ul li ul li a.current-page-first { height:auto; padding-top:3px; background-image:url('../images/navigation/navigation_sub_sub_on.gif') }

/* Level 2 bottom */
#navigation ul li ul li ul li a.bottom { height:auto; background:url('../images/navigation/navigation_sub_sub_last_off.gif') repeat-y }
#navigation ul li ul li ul li a.bottom:hover { background:url('../images/navigation/navigation_sub_sub_last_on.gif') repeat-y }
#navigation ul li ul li ul li a.current-page-bottom { height:auto; padding-top:3px; background:url('../images/navigation/navigation_sub_sub_last_on.gif') repeat-y; font-weight:bold; }

/* #################################################################### */
/* Level 3 */
#navigation ul li ul li ul li ul li a { width:253px; padding-left:59px; background-image:url('../images/navigation/navigation_sub_sub_sub_off.gif') }
#navigation ul li ul li ul li ul li a:hover { background-image:url('../images/navigation/navigation_sub_sub_sub_on.gif') }
#navigation ul li ul li ul li ul li a.current-page,
#navigation ul li ul li ul li ul li a.current-page-last { background-image:url('../images/navigation/navigation_sub_sub_sub_on.gif') }

/* Level 3 first */
#navigation ul li ul li ul li ul li a.first { height:auto; padding-top:3px; background-image:url('../images/navigation/navigation_sub_sub_sub_off.gif') }
#navigation ul li ul li ul li ul li a.first:hover { background-image:url('../images/navigation/navigation_sub_sub_sub_on.gif') }
#navigation ul li ul li ul li ul li a.current-page-first { height:auto; padding-top:3px; background-image:url('../images/navigation/navigation_sub_sub_sub_on.gif') }

/* Special Styles */
.clear { height:1px; clear:both; overflow:hidden }
.error-box { border:1px solid #ED1C24; color:#ED1C24; background-color:#FFDBDC; font-weight:bold; text-align:center; padding:4px; margin-top:8px; margin-bottom:8px; clear:both }
.success-box { border:1px solid #0C9225; color:#0C9225; background-color:#CCFFCC; font-weight:bold; text-align:center; padding:4px; margin-bottom:8px; clear:both }

/* Forms */
form { margin-top:0px; margin-bottom:0px; padding:0px }
.inputfield-std { width:140px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.inputfield-small { width:60px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.select-std { width:160px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.textarea-std { width:260px; height:120px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.textarea-small { width:290px; height:120px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.button-std { font-size:11px; font-weight:bold; color:#FFFFFF; border:1px solid #FFFFFF; background-color:#2b66a0 }
.button-std:hover { font-size:11px; font-weight:bold; color:#f3f5f8; border:1px solid #FFFFFF; background-color:#0e4982 }

/* QuickForm-Templates */
.form-element { padding-bottom:8px }
.input-label { font-size:11px }
.input-element {  }
.form-element-error { border:1px dotted #C63131; color:#0e4982; background-color:#50aad5; margin-bottom:3px; padding:2px }

/* videos */
.span_red { font-size:9pt; color:#d34914; font-weight:bold; }
.flv_div { font-size:8pt; font-weight:bold; padding:5px; min-height:58px; max-width:270px; }

/* produktbilder */
.image_div { font-size:8pt; font-weight:bold; padding:0px; min-height:45px; max-width:270px; }

/* Errorpage */
#errorpage-frame { width:320px; margin-left:16px; margin-top:16px; padding:16px; border:4px solid #CB1212; color:#808080; background-color:#FFFFFF }

/* inveris Image Zoom */
#inv-image-zoom { padding:8px; background-color:#E7E7E8; text-align:center }
#inv-image-zoom img { border:2px solid #FFFFFF }
#inv-image-zoom img:hover { border:2px solid #5F5F5F }
#inv-image-zoom #image { margin-bottom:4px }
#inv-image-zoom #title {  }

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }