/* CSS Document */
body {text-align:center;height:100%;margin:0 auto;padding:0;background:#fff url(../images/background.jpg) repeat;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:100%;color:#444;}
html {height:100%;}
img {border:0;}

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

form {display:inline;}
input {padding:7px 5px;border:1px solid #d8d5c2;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.em;color:#c1bd9f;}
input:hover {border:1px solid #bf8d5c;color:#bf8d5c;}
input:focus {border:1px solid #bf8d5c;background:#faf4e9;color:#bf8d5c;}
.absenden {width:120px;margin:10px 0;background:#ccc;border:none;color:#a11c1c;cursor:pointer;}

.line {display:block;width:100%;height:1px;margin:1.5em 0;border-top:1px solid #e1e1e1;}
.line_h1 {display:block;width:100%;height:1px;margin:1.5em 0 3em 0;border-top:1px solid #e1e1e1;}
.line_dotti {display:block;width:100%;height:2px;margin:2em 0;border-top:1px dotted #ccc;}
.line_dotti2 {display:block;width:100%;height:2px;padding:3em 0 0 0;border-top:1px dotted #ccc;}
.mini {display:block;margin:.2em 0;}
.midi {display:block;margin:.8em 0;}
.maxi {display:block;margin:1.5em 0;}
.cl {clear:left;display:block;margin:0;}
.cr {clear:right;display:block;margin:0;}
.cb {clear:both;display:block;margin:0;}

/* layout */
.container {
	width: 960px;
	margin: 0 auto;
	}

.clr { clear: both; }


.wrapper {text-align:left;min-width:770px;max-width:970px;margin:0 auto;}

/* MOTION ****************************************************************************************************** */
.motion {width:100%;margin:0 auto;background-repeat:no-repeat;background-position:center top;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
@media screen and (max-width:1600px) {.motion {-webkit-background-size:1600px auto;-moz-background-size:1600px auto;background-size:1600px auto}}

.produktbild { position: absolute; left: 350px; }

/* LOGO ****************************************************************************************************** */
.logo {
	position: relative;
	height: 110px;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e7dcc8;
	}
.logo a {
	position: absolute;
	left: 26px; top: 13px;
	display: block;
	width: 219px;
	height: 72px;
	background: url(../images/logo.png);
	text-indent: -999em;
	}
.logo form {
	display: block;
	position: absolute;
	right: 0; top: 37px;
	width: 277px; height: 34px;
	}
.logo form #suchen { padding: 0; border: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .logo form #suchen { position: relative; top: 2px; }
}
.logo form #firma { float:left; width:232px; border: 1px solid #C0C0C0; border-right: none; padding: 8px 5px; color: #C0C0C0; }
.logo form #firma:focus { background: #EEE; }

/* NAVIGATION ****************************************************************************************************** */
.navbg { background: url(../images/bg-head.jpg) center top no-repeat; }
.navigation {
	position: relative;
	height: 378px;
	margin: 0;
	}
	
.mehr_infos {
	position: absolute;
	right: 0; top: 170px;
	padding: 5px 10px;
	font-size: 0.7em; 
	background: #004370;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.mehr_infos a { color: #FFF; text-decoration: none; }
	
.grey {height:5px;margin:0;background:#2c2a27 url(../images/background_grey.jpg) repeat-x;}
.top {height:290px;border-bottom:3px solid #9ec1d7;background:url(../images/background_top.jpg) top left repeat-x;}
.wolke {height:290px;background:url(../images/background_wolke.gif) top center no-repeat;}

#menu {position:absolute;width:281px;height:250px;top:0; left:26px; list-style: none; padding:0; margin: 20px 0;}
#menu li {
	position:relative;
	height: 33px;
	}
#menu li a {
	position:relative;
	display:block; height: 33px;
	background: url(../images/icons/navarrow.png) no-repeat 27px;
	margin:0;
	padding-left: 48px;
	text-decoration:none; text-align: left;
	font-weight:bold; font-size:.8em; color:#fff; line-height: 33px;
	}
#menu li a:hover, #menu li a.aktiv { background-color: #041b30; }
#menu li li a { background: #041b30; padding: 0 20px; }
#menu li li a:hover { background: #041b30; }
#menu li ul {display:none;position:absolute;z-index:4;left:175px;top:0;width:200px;background-color:#adcedf;list-style:none;margin:0;padding:0;}
#menu li:hover ul, #menu li.over ul {display:block;background:#041b30;}

/* glider */
#my-glider-horizontal {width:270px;position:relative;margin:20px 0;border-bottom: 1px solid #CECECE;}
.controls {width:270px;margin:0;padding:0 0 0 7px;background:#044273;height:40px;}
.controls a {position: relative; top: 7px; display: block; float: left; margin: 0;padding:0 30px;text-decoration:none;font-weight:bold;color: #FFF !important;line-height: 33px; height: 33px; font-size: 1.2em;}
.controls a:hover, .controls a.active {background:#041B30; color:#FFF !important;}
div#my-glider-horizontal div.scroller {width:300px;height:180px;overflow:hidden;}
div#my-glider-horizontal div.scroller div.section {overflow:hidden;float:left;width:300px;height:180px;padding:20px 0 0 0;font-size:1.1em; line-height: 1.6em;}
div#my-glider-horizontal div.scroller div.section ul { list-style: none; padding-left: 0; }
div#my-glider-horizontal div.scroller div.content {width:10000px;}
div#my-glider-horizontal div.scroller div.content a {text-decoration:none;font-weight:bold;color:#407698;}
div#my-glider-horizontal div.scroller div.content a:hover {text-decoration:none;font-weight:bold;color:#2c2a27;}
.section_h1 {display:block;margin:0 0 10px 0;}

.middle {position: relative; top: -45px; text-align:left;width:960px;margin:0 auto;}
.middle_content {float:left;width:570px;padding:25px 20px 25px 40px;font-size:.8em;border-right: 1px solid #E0E0E0;}
.middle_content a {text-decoration:none;font-weight:bold;color:#3f789b;}
.middle_content a:hover {color:#333;}
.middle_content h1 {margin:35px 0 10px 0;padding:0 0 5px 0;border-bottom:2px solid #DEDEDE;font-weight:normal;font-size:1.5em;color:#004377;}

.middle_randspalte {position: relative; top: -90px; left: -1px;float:left;text-align:left;width:25%;padding:0 0 25px 20px;line-height:1.35em;font-size:.7em;border-left: 1px solid #E0E0E0;}
.middle_randspalte h2 {margin:35px 0 10px 0;text-transform:uppercase;font-size:1.15em;color:#3f789b;}
.middle_randspalte h3 {font-size:1em;color:#333;}
.middle_randspalte a {color:#3f789b;}

.submenu {width:185px;padding:20px 0;font-size:1.25em;}
.submenu_site {position:absolute;z-index:6;margin:-20px 0 0 -20px;padding:5px;color:#d8d5c2;font-size:.7em;color:#d8d5c2;}
.submenu a {display:block;padding:10px 0 10px 25px;background:url(../images/icons/submenu_off.gif) 0 8px no-repeat;text-decoration:none;color:#444;}
.submenu a:hover, .submenu a.aktiv {background:url(../images/icons/submenu_on.gif) 0 8px no-repeat;color:#3f789b;}

.blue {clear:both;height:2px;margin:0;background:#3f789b;}

.footer {padding:25px 25px 75px 25px;background:#e0eff6;color:#3f789b;font-size:.8em;}
.quicknav {float:right;margin:0;}
.quicknav a {padding:0 20px;text-decoration:none;color:#3f789b;}
.quicknav a:hover {color:#333;}

/* titelseiten */
.guenter-netzteile {text-align:center;float:left;width:150px;margin:0 20px 20px 0;}
.guenter-netzteile_pic {padding:20px;border:1px solid #d8d5c2;}
.guenter-netzteile_text {width:143px;height:3em;margin:1px 0 0 0;padding:5px;background:#d8d5c2;font-size:.9em;}
.guenter-netzteile_text a {color:#444;outline:none;}
.guenter-netzteile_text a:hover {color:#444;text-decoration:none;}
.medizinische-netzteile {float:left;width:190px;margin:0 15px 20px 0;}
.medizinische-netzteile a {color:#444;outline:none;}
.medizinische-netzteile a:hover {color:#444;text-decoration:none;}

/* formatierungen unterseiten */
.topten_text {padding-left: 0px;clear:left;margin:0;line-height:1.6em;font-size:.9em; position: relative;}
.topten_text a {color:#044273;}
.topten_pic {float:left;margin:5px 15px 0 0;}
.presse_text, .jobs_text {padding:0 0 25px 25px;}

.topten_text span { display: block; position: absolute; left: 0; top: 45%; font-weight: bold; color: #044273; }

/* schriften */
h1 {margin:0 0 25px 0;font-size:1.1em;}
h1.font_orange {margin:25px 0;border-bottom:2px solid #DEDEDE;color:#578f3d;}
h1.font_green {margin:25px 0;border-bottom:2px solid #DEDEDE;color:#578f3d;}
h1.font_blue {margin:25px 0;border-bottom:2px solid #DEDEDE;color:#044273;}
h2.presse {padding:0 0 0 30px;background:url(../images/icons/presse.gif) no-repeat;font-size:1em;}
h2.jobs {padding:0 0 0 30px;background:url(../images/icons/jobs.gif) no-repeat;font-size:1em;}
h2.suchergebnis {margin:25px 0 0 0;text-transform:none;font-size:1em;}

.minifont {font-size:80%;}
.minifont_hell {font-weight:normal;font-size:80%;color:#947a69;}
.font_blue {color:#044273;}
.font_green {color:#578f3d;}
.einleitung {line-height:1.5em;}

/* bilder */
.pic_holder {float:left;width:180px;margin:0 10px 50px 0;font-size: 12px; line-height: 1.6em;}
.pic_holder img { width: 130px; }
.pic_holder_netzteile {text-align:center;float:left;width:100px;margin:0 30px 10px 0;}
.pic_holder_small {float:left;width:150px;margin:0 10px 10px 0;}
.pic_holder_small_text {margin:0 0 0 160px;}
.pic_holder_small_text a {text-decoration:underline;font-weight:normal;font-size:.8em;color:#444;}
.pic_left, .pic_left_green, .pic_left_blue {float:left;margin:0 10px 5px 0;padding:2px;}
/*
.pic_left {border:1px solid #d8d5c2;}
.pic_left_blue {border:1px solid #3f789b;border-bottom:2px solid #3f789b;}
.pic_left_green {border:1px solid #578f3d;border-bottom:2px solid #578f3d;}
*/
.pic_left_mitarbeiter {float:left;margin:0 75px 5px 0;padding:2px;border:1px solid #d8d5c2;}
.pic_right {float:right;margin:0 0 5px 10px;padding:2px;border:1px solid #d8d5c2;}
.holder_partnerlogo {text-align:center;float:left;width:150px;height:105px;margin:0 25px 25px 0;padding:5px;border:1px solid #d8d5c2;font-size:.8em;}
.holder_linklogo {text-align:center;float:left;width:150px;height:75px;margin:0 25px 25px 0;padding:5px;border:1px solid #d8d5c2;font-size:.8em;}
.pic_partnerlogo {margin:0 0 10px 0;border-bottom:1px solid #d8d5c2;}
.icon {margin:0 0 -2px 0;}