@charset "utf-8";
/* CSS Document */

html {  height:100%; width:100%; padding:0px; margin:0px; }

body { font-size:13px; color:#666666; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; padding:0px; margin:0px; background-image:url(../tob_bg.png); background-repeat:repeat-x; 	height:100%; /* needed for container min-height */
}

#background { background-image:url(../top_bg.gif); background-repeat:repeat-x; margin:0px; padding:0px; width:100%; height:100%; }
#window { text-align:left; vertical-align:middle;	margin:0 auto; padding:0px; width:100%; height:100%; }
#panel { margin:0 10px 0 40px; width: 100%;

	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

}
#header { font-size:11px; color:#ffffff; height:115px; margin:0 auto; width:895px; padding:0; }

#header .links { float:right; margin-top:25px; height:50px; }
#header .logo { float:left; margin:0; height:50px; width:166px; background-image:url(../logo.gif); background-position:right; background-repeat:no-repeat; }
 
#navigation { font-size:12px; color:#999; background-repeat:no-repeat; width:895px; margin:0 auto; height:43px; padding: 0; background-image:url(../zl.png); background-repeat:no-repeat; background-position: right top }
#navigation ul li, #navigation ul { list-style: none; padding: 0; margin: 0;}
#navigation ul li {  height:43px; float:left; padding: 0; text-align:center; width: auto;}
#navigation .menu a,
#navigation .menu a:link,
#navigation .menu_active a,
#navigation .menu_active a:link { display: block; height: 13px; padding: 8px 23px 22px 23px; color:#ccc; width: 150px;}

#navigation .menu a,
#navigation .menu a:link,
#navigation .menu_active a,
#navigation .menu_active a:link { w/idth: auto; }

#navigation .menu a,
#navigation .menu a:link { color:#999; }
#navigation .menu a:hover { background-image:url(../m_nav_activ_bg.png); background-repeat:repeat-x; color:#ccc; }
#navigation .menu_active { background-image:url(../m_nav_activ_bg.png); background-repeat:repeat-x; height:43px; float:left; padding: 0; text-align:center; color:#ccc; }
#navigation .zl { width:1px; height:43px; float:left; padding: 0; margin:0; }

.render_h { width: 895px; margin: 50px auto 0 auto; padding: 0; clear: both;}

#subnavigation { width:895px; height:25px; margin:0 auto; padding:31px 0 0 0;}
#subnavigation { border-bottom: 1px solid #D6D6D6 }
#subnavigation .menu { height:14px; float:left; color:#666666; font-size:12px; }
#subnavigation .menu_active { background-color:#FFFFFF; height:14px; float:left; text-align:center; color:#cc0000; font-size:12px; }

#subnavigation .menu_active a { color:#cc0000; padding:3px 20px 3px 17px; background: transparent url(../images/sublink.gif) no-repeat 0% 57%; }
#subnavigation a, #subnavigation a:link { color:#666666; padding:3px 20px 3px 17px; background: transparent url(../images/sublink_activ.gif) no-repeat 0% 57%;}
#subnavigation a:hover { color:#cc0000; background: transparent url(../images/sublink.gif) no-repeat 0% 57%; }

#container { width:895px; margin:56px auto 0 auto; clear: both;font-size:13px; padding:0 0 30px 0; line-height:20px; }
#container .headline { padding-bottom:8px; margin-bottom:30px; background-image:url(../images/line.png); background-repeat:repeat-x; background-position:bottom; width:865px; }
#container .left { float:left; width:650px; margin-bottom:60px; }
#container .right { color:#666666; margin-top:16px; padding-bottom:60px; float:left; width:200px; font-size:12px; padding-left:15px; } /* background-image:url(../images/hline.png); background-repeat:repeat-y; */

#c_micro { width:895px; margin:-56px auto 50px auto; clear: both; padding:16px 0 20px 0; background-color: #EFEFEF; }
#c_micro .sitenavigation #futures h3 { font-size: 0.9em; color: #666; margin: 8px 0 0 10px; padding: 0; }

#c_micro .sitenavigation #futures { border: 1px solid #ccc; margin: 30px 0 0 1px;}
#c_micro .sitenavigation #futures ul { margin: 8px 10px 10px 10px; padding: 0; font-size: 0.9em; color: #666; }
#c_micro .sitenavigation #futures ul li { list-style: none; padding: 0 8px 0 20px; background: transparent url(../ok.gif) left 5px no-repeat; line-height: 1.4em;}

#c_micro .sitenavigation #futures ul li.l_zw { list-style: none; padding: 0; margin: 8px 0; background: none; line-height: 0.0001em; height: 1px; font-size: 0.0001em; border-bottom: 1px solid #ccc;}

#container #c_micro .sitenavigation { float:right; margin-right:23px; margin-top:5px; width:175px; }
#container #c_micro .sn { margin-top:5px; width:175px; color:#333333; background-color: #fff; font-size:12px; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #ccc;}
#container #c_micro .sitenavigation .menu a { display:block; color:#333333; padding: 6px 0 6px 11px; margin:0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#container #c_micro .sitenavigation .menu a:hover { color:#CA0000; }
#container #c_micro .sitenavigation .menu_active a { display:block; color:#CA0000; padding: 6px 0 6px 11px; margin:0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
#container #c_micro .sitenavigation .menu { background-image: none; margin: 0; padding: 0; }
#container #c_micro .content { float:left; width:650px; margin-bottom:60px; line-height:21px; }
#container #c_micro .text { width:550px; margin: 0 0 22px 23px; }
#container #c_micro .text a { color:#333333; text-decoration:underline; font-weight:normal; }
#container #c_micro .text a:hover { color:#CC0000; }
#container #c_micro .image { width:900px; margin-left: 23px; }
#container #c_micro .right {float: left; }
#container #c_micro .table { margin-left: 23px; }
#container #c_micro .list .download { margin-left: 23px; }
#container #c_micro .list a:hover .download { background-color:#fff; }


#container_so { width:915px; margin:36px auto 0 auto; clear: both;font-size:13px; padding:0 0 30px 0; line-height:20px; }
#container_so .solutionus { width:905px; margin-left: 10px; clear:both; }
#container_so .solutionus h3 { font-weight: normal; margin: 35px 0 15px 0; padding: 0;}
#container_so .solutionus h3 a { background:none; padding:0; }
#container_so .content { margin-bottom:60px; }
#container_so #selectvix { background-color: #333; width: 665px; height:125px; margin:0 0 45px 10px; padding: 0 0 0 15px; }
#container_so #selectvix h3 { color: #fff; font-weight: normal; margin: 0 0 15px 0; padding: 30px 0 0 0; }

#container_so .solutionus ul.solslist { margin: 0; padding: 0; }
#container_so .solutionus ul.solslist li { list-style: none; float: left; margin: 0 3px 0 0; font-size: 0.9em; line-height: 1.3em;}
#container_so .solutionus ul.solslist li.u_hell_gr { background: transparent url(../u_hell_gr.gif) left top no-repeat; padding: 6px 0 0 20px; height: 66px; width: 201px; }
#container_so .solutionus ul.solslist li.u_hell_bl { background: transparent url(../u_hell_bl.gif) left top no-repeat; padding: 7px 0 0 20px; height: 66px; width: 201px; }
#container_so .solutionus ul.solslist li.hell_gr { background-color: #EFEFEF; padding: 6px 0 0 20px; width: 201px; }
#container_so .solutionus ul.solslist li.hell_bl { background-color: #E5F5FA; padding: 7px 0 0 20px; width: 201px; }

#container_so .solutionus tr td,
#container_so .solutionus tr th { border-left: 3px solid #fff; font-size: 0.9em; }
#container_so .solutionus tr td.hell_gr { background-color: #EFEFEF; padding: 6px 0 0 20px; width: 201px; }
#container_so .solutionus tr td.hell_bl { background-color: #E5F5FA; padding: 7px 0 0 20px; width: 201px; }
#container_so .solutionus tr th.hell_gr { background-color: #EFEFEF; padding: 4px 0 3px 20px; width: 201px; border-bottom:8px solid #fff; color:#333; font-weight:bold; vertical-align:top; }
#container_so .solutionus tr th.hell_bl { background-color: #E5F5FA; padding: 5px 0 3px 20px; width: 201px; border-bottom:8px solid #fff; color:#333; font-weight:bold; vertical-align:top; }

#container_so .solutionus .bottom { border-top:2px solid #fff; }
#container_so .solutionus a.pri { background:none; display:block; height: 39px; width: 258px; margin:12px 0 0 3px; padding:0 0 30px 0;}
#container_so .solutionus tr a, 
#container_so .solutionus tr a:link  { color: #cc0000; display:block; margin-bottom: 5px; padding: 0 0 0 15px; background: transparent url(../images/sublink.gif) center left no-repeat; } 
#container_so .solutionus .sol_blo { width:905px; }
#container_so .solutionus a.top_link  { color: #cc0000; display:block; padding: 0 15px 0 0; background: none; font-size:0.9em; } 


#container_so .solutionus .image_f { border: 1px solid #ccc; }
#container_so .solutionus .name { display: block; color: #333; }
#container_so .solutionus .bes { display: block; color: #333; font-style:italic;}

#container_so a, #container_so a:link  { color: #666; display:block; margin-bottom: 5px; padding: 0 0 0 15px; background: transparent url(../so_link.gif) center left no-repeat; } 


#footer { clear:both;	position:absolute; bottom:0; /* stick to bottom */ background-color: #4D4F4F; width:100%; height:30px; color:#999999; font-size:11px; }
#ifoot { width: 895px; margin:0 auto; }
#footer a { color:#999999; }
#footer .left { float:left; width:550px;  padding-top:10px; }
#footer .right { float:right; width:200px; padding-top:10px; text-align:right; }
#shadowbottom { width:960px; height:17px; margin-left:-17px; }

#container .sitenavigation { float:left; margin-top:60px; margin-right:35px; width:170px; color:#333333; font-size:12px; }
#container .sitenavigation a { color:#333333; }
#container .sitenavigation a:hover { color:#CA0000; }
#container .sitenavigation .menu { background-image:url(../images/line.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:6px; margin-bottom:7px; color:#CA0000; }
#container .content { float:left; width:650px; margin-bottom:60px; line-height:21px; }
#container .content .headline { margin-left:-208px; margin-top:-2px; padding-left:2px; padding-bottom:8px; margin-bottom:26px; background-image:url(../images/line.png); background-repeat:repeat-x; background-position:bottom; width:865px; }
#container .h1 { margin-bottom:18px; font-weight:bold; }
#container .table { margin-bottom:18px; margin-top:18px; font-size:11px; line-height:14px; }
#container .table table { color:#999999; }
#container .table table th { color:#ffffff; font-weight:bold; font-size:12px; }
#container .table table thead { background-color:#525252; color:#999999; }
#container .table table tbody { background-color:#333333; color:#999999; }
#container .table table tbody td { height:34px; }
#container .table table td { border-right:1px solid #666666; border-bottom:1px solid #666666; text-align:center; vertical-align:middle; }
#container .table table .vline { }
#container .table table .product { color:#ffffff; font-weight:bold; font-size:12px; border-right:1px solid #ffffff; text-align:left; }
#container .table table .line { border-right:1px solid #ffffff; }

.red { color:#CA0000; }

#container .text { width:550px; margin-bottom:22px; }
#container .text a { color:#333333; text-decoration:underline; font-weight:normal; }
#container .text a:hover { color:#CC0000; }
#container .image { width:900px; }
#container .list a:hover .link { color:#666666; background-color:#F1F1F1; }
#container .list a:hover .download { color:#666666; background-color:#F1F1F1; }
#container .list .link { margin-top:-1px; color:#666666; padding-top:5px; padding-left:2px; padding-bottom:5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; width:614px; height:20px; }
#container .list .download { margin-top:-1px; color:#666666; padding-top:5px; padding-left:2px; padding-bottom:5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; width:614px; height:auto; background-image:url(../images/pfeil.png); background-repeat:no-repeat; background-position:right; }
#container .teaser { float:left; width:277px; background-color:#F1F1F1; height:226px; margin-right:10px; border-bottom:1px solid #CCCCCC; }
#container .teaser .text { padding:0 10px 0 10px; }
#container .teaser img { padding-bottom:6px; }
#container .teaser a { color:#666666; text-decoration:none; }
#container .results table { width:617px; }
#container .results table .fix  { background-image:url(../images/cell.png); background-repeat:repeat-x; background-position:top; }
#container .results table .fix td { padding-left:15px; padding-top:20px; text-align:left; vertical-align:top; }
#container .results table .category { color:#999999; font-weight:bold; }
#container .results table .name { font-weight:bold; }
#container .results table .special { background-image:url(../images/cell.png); background-repeat:repeat-x; background-position:top; }
#container .results table .special td { padding-left:15px; height:26px; padding-top:5px; text-align:left; vertical-align:top; }
#container .results table .product { height:30px; background-image:url(../images/line.gif); background-repeat:repeat-x; background-position:top; }
#container .results table .product td { padding-left:0px; margin-left:0px; padding-top:8px; padding-bottom:1px; text-align:left; vertical-align:top; }
#container .results table .text { padding-bottom:18px; width:410px;  }
#container .results table .img img { width:auto; border:0px solid #CCCCCC; }
#container .results table a { color:#666666; }
#container .results table img { width:100px; border:1px solid #CCCCCC; }
#container .results table table { width:100%; }
#container .results table .productone td { padding-left:0px; margin-left:0px; }

#container .left .text { width:550px; }
#container .left .image { width:630px; }

#container .indexbox { background-color:#F1F1F1; margin:0 0 20px 0; padding:0px; border-bottom:1px solid #CCCCCC; height:395px; width:645px;}
#container .indexbox .text { width:550px; margin-bottom:12px; padding:0 10px 0 10px; }
#container .indexbox .indextext { width:550px; margin-bottom:12px; padding:20px 10px 0 20px; color:#333; font-weight:bold; }
#container .indexbox .indexpicc {margin:20px 0 6px 24px;}
#container .indexbox .indexpictx {margin:40px 0 12px 124px;}
#container .indexbox a.smart_mfx,
#container .indexbox a.smart_mfx:link { display:block; text-indent: -1000em;
	cursor: pointer;
	background-image:url(../images/smart_metering_form_xemtec.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin: 2px 1px 5px 25px;
	width: 200px;
	height: 45px;
}
#container .indexbox a.individual_ss,
#container .indexbox a.individual_ss:link { display:block; text-indent: -1000em;
	cursor: pointer;
	background-image:url(../images/individual_system_solutions.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin: 2px 1px 5px 45px;
	width: 279px;
	height: 45px;
 }

#container .indexbox a.smart_mfx:hover,
#container .indexbox a.individual_ss:hover {	background-position:bottom left;}

.iboxing_txt { line-height: 1.4em; font-weight:bold; padding:11px 0 0 0; margin-bottom:0;}

#container .right .box { background-color:#F1F1F1; margin:0 0 20px 0; padding:0px; border-bottom:1px solid #CCCCCC;}
#container .right .box h1 { width:179px; margin: 0 0 12px 0; padding:10px 10px 0 0px; font-weight:bold; font-size: 13px }
#container .right .text { width:179px; margin-bottom:12px; padding:0 10px 0 10px; }
#container .right .image { width:179px; margin-bottom:12px; padding:12px 10px 0 10px; }
#container .right .link { width:179px; margin-bottom:12px; padding:0 10px 0 10px; }
#container .right a { display:block; color:#666666; width:179px; padding:0 10px 12px 10px; text-decoration:none; }
#container .right a:hover { color: #cc0000; }

a { color:#ffffff; text-decoration:none; }
a:hover { color:#ffffff; text-decoration:none; }

h1 { font-size:20px; color:#333333; }
h2 { font-size:14px; color:#333333; }

img { border:0px solid #FFFFFF; }


/*************************************************************************************/
/*************************************************************************************/
/* Formulare */

#form-module * {
	margin: 0;
	padding: 0;
	background-color: #EFEFEF;
}

#form-module {
	width: 616px;
	margin: 20px 0 0 0;
	padding: 0;
	color: #6D6D6D;
	border-bottom: 1px solid #ccc;
}

#container #form-module fieldset {
	border: none;
	/*border-bottom: 1px solid #ccc;*/
	padding: 15px 0;
}

#form-module legend {
	display: none;
}

#form-module .element .hl {
	margin: 0 0 16px 0;
	font-size: 0.0001em;
	line-height: 0.0001em;
	height: 16px;
	padding: 0;
	border:none;
	border-bottom: 1px solid #ccc;
	display:block;
	width: 616px;
	
}

#form-module .element {
	display: block;
	clear: both;
}

#container .left #form-module label,
#form-module label {
	display: block;
	float: left;
	width: 140px;
	padding: 5px;
	margin-left:10px;
	text-align:left;
}

#container .left  #form-module label.checkbox,
#form-module label.checkbox {
	border-right: none;
	margin:0;
	padding:0 0 16px 0;
	width: 340px;
	font-size: 0.9em;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float: left;
	width: 300px;
	border: 1px solid #ccc;
	margin: 5px;
	background-color: #fff;
}

#form-module input,
#form-module textarea {
	font-size: 1.0em;
}
#form-module select {
	font-size: 0.9em;
}


#container .left #form-module input.text {
	height: 27px;
	width: 300px;
	float: left;
	margin: 5px;
}

#form-module input.checkbox {
	width: auto;
	padding: 0 ;
	border: none;
	margin: 3px 10px 0 165px;
}

#form-module input.submit {
	text-indent: -1000em;
	text-transform: -1000em;
	cursor: pointer;
	background-image:url(../images/form_send.png);
	background-repeat:no-repeat;
	background-color:none;
	border:none;
	margin: 28px 5px 5px 165px;
	width: 120px;
	height: 34px;
}

#form-module input.submit:hover {
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height: 146px;
}

#form-module-thanks {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#form_warning {color:red; font-size: 0.9em; font-style:italic; margin-left: 165px;}

#ticker {position: absolute; top:140px;}

#c_micro #Slideshow {padding-top:80px;}