@charset "iso-8859-2";
/* CSS Document */

*,html,body,div,ul,ol,li,p,br,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}

body {
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#757575;
	background-image: url(../images/aufbau/bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fff;
}

#bg {
	position:fixed;
	width:70%;
	top:0;
	left:0;
	bottom:0;
	background-image: url(../images/aufbau/bg1.png);
	background-repeat:no-repeat;
	background-position:right top;
	min-height:1400px;
	overflow:none;
	z-index:0;
}
* html  #bg {display:none;}


#wrapper {
	position:relative;
	width:920px;
	margin: 0 auto 0 auto;
	z-index:10;
}

#nav {
	float:left;
	margin-top:35px;
	width:920px;
	height:75px;
	background-image:url(../images/aufbau/bg_nav.png);
}
* html #nav {background-image:url(../images/aufbau/bg_nav.gif);}

#nav ul {float:left; width:600px; height:50px; margin:26px 0 0 1px;}
#nav ul li {float:left; width:90px; list-style-type:none; margin-top:0;}
#nav ul li a{width:90px; height:49px; display:block; text-decoration:none; background-repeat:no-repeat; background-position:bottom;}

#nav ul .home a{background-image: url(../images/aufbau/nav_start.png);}
#nav ul .home a:hover{background-image: url(../images/aufbau/nav_start_h.png);}
#nav ul .home a:focus{background-image: url(../images/aufbau/nav_start_f.png);}
#nav ul .home .aktiv{background-image: url(../images/aufbau/nav_start_a.png);}
#nav ul .home .aktiv:hover,.aktiv:focus{background-image: url(../images/aufbau/nav_start_a.png);}

#nav ul .produkte a{background-image: url(../images/aufbau/nav_pro.png);}
#nav ul .produkte a:hover{background-image: url(../images/aufbau/nav_pro_h.png);}
#nav ul .produkte a:focus{background-image: url(../images/aufbau/nav_pro_f.png);}
#nav ul .produkte .aktiv{background-image: url(../images/aufbau/nav_pro_a.png);}
#nav ul .produkte .aktiv:hover,.aktiv:focus{background-image: url(../images/aufbau/nav_pro_a.png);}

#nav ul .aboutus a{background-image: url(../images/aufbau/nav_us.png);}
#nav ul .aboutus a:hover{background-image: url(../images/aufbau/nav_us_h.png);}
#nav ul .aboutus a:focus{background-image: url(../images/aufbau/nav_us_f.png);}
#nav ul .aboutus .aktiv{background-image: url(../images/aufbau/nav_us_a.png);}
#nav ul .aboutus .aktiv:hover,.aktiv:focus{background-image: url(../images/aufbau/nav_us_a.png);}

#nav ul .news a{background-image: url(../images/aufbau/nav_news.png);}
#nav ul .news a:hover{background-image: url(../images/aufbau/nav_news_h.png);}
#nav ul .news a:focus{background-image: url(../images/aufbau/nav_news_f.png);}
#nav ul .news .aktiv{background-image: url(../images/aufbau/nav_news_a.png);}
#nav ul .news .aktiv:hover,.aktiv:focus{background-image: url(../images/aufbau/nav_news_a.png);}

#bgsite {
	float:left;
	clear:both;
	width:920px;
	height:auto;
	min-height:200px;
	background-image:url(../images/aufbau/bg_site.gif);
	background-repeat: repeat-y;
	background-position:top left;
}

.head_top {
	float:left;
	clear:both;
	width:900px;
	height:239px;
	margin:10px 10px 0 10px;
	background-repeat:no-repeat;
}
* html .head_top 	{position:relative; margin:10px 0 0 6px;}
.headstart {background-image: url(../images/rubriken/start_head.jpg); height:227px;}
.headtft {background-image: url(../images/rubriken/pro_tft.jpg);}
.headcustom {background-image: url(../images/rubriken/pro_custom.jpg);}
.headstand {background-image: url(../images/rubriken/pro_standard.jpg);}
.headoled {background-image: url(../images/rubriken/pro_oled.jpg);}
.headhled {background-image: url(../images/rubriken/pro_highled.jpg);}
.headcboards {background-image: url(../images/rubriken/pro_controller.jpg);}
.headtouch {background-image: url(../images/rubriken/pro_touch.jpg);}

.headaboutus {background-image: url(../images/rubriken/aboutus.jpg);}
.headnews {background-image: url(../images/rubriken/news.jpg);}

#head_nav {
	float:left;
	clear:both;
	width:900px;
	height:100px;
	margin:0 10px 0 10px;
	background-image: url(../images/aufbau/headnav_bg.jpg);
	background-repeat:no-repeat;
}
* html #head_nav {position:relative; padding:0; margin: 0 0 0 6px;}

#head_nav .pro_eintrag {
	float:left;
	width:186px;
	height:67px;
	margin:0 1px;
	padding:16px 15px 17px 21px;
	color:#fff;
	background-position:right;
	background-repeat:no-repeat;
}

#head_nav .bu_head {width:64px; height:23px; margin: 10px 0 0 -3px; }
#head_nav .bu_head a{
	display:block;
	padding:4px 0 11px 13px;
	font-size:11px;
	text-shadow: 1px 1px 0 #111;
	color:#fff;
	background-image:url(../images/aufbau/bu_head.gif); 
	background-repeat:no-repeat; 
}
#head_nav .bu_head a:hover {background-image:url(../images/aufbau/bu_head_h.gif); color:#ddddd;}
#head_nav .headnvavlink {width:77px; float:right; }
#head_nav .headnvavlink  a{height:70px; display:block; background-image:none; padding:0;}
#head_nav .headnvavlink  a:hover {background-image:none; }

#head_bottom {
	float:left;
	clear:both;
	width:900px;
	height:173px;
	margin:0 10px 0 10px;
	background-image: url(../images/aufbau/headbottom_bg.jpg);
	background-repeat:no-repeat;
}
* html #head_bottom {padding:0; margin: -10px 0 0 6px;}

#head_bottom .mit_eintrag{
	float:left;
	width:249px;
	height: 115px;
	margin: 30px 18px 0 33px;
	background-repeat:no-repeat;
	background-position:top left;
}
* html #head_bottom .mit_eintrag {width:247px; padding:0; margin-left:20px;}
#head_bottom .mitpro {background-image: url(../images/aufbau/titel_produkte.gif);}
#head_bottom .mittea {background-image: url(../images/aufbau/titel_team.gif);}
#head_bottom .mitnews {background-image: url(../images/aufbau/titel_news.gif);}
#head_bottom .mittext {float:left; width:126px; height:auto; margin:34px 0 0 0; font-size:11px;}
#head_bottom .headbild {float:right; width:105px; height:92px; margin:25px 0 0 0; }
#head_bottom .headbild a {background-image:none; padding:0;}
#head_bottom .headbild a:hover {background-image:none;}


.inhalt_top {
	float:left;
	clear:both;
	width:900px;
	height:28px;
	margin:10px 10px 0 10px;
	background-image: url(../images/aufbau/inhalttop_bg.jpg);
	background-repeat:no-repeat;
}
* html .inhalt_top {position:relative; margin: 10px 0 0 6px;}
.starttop {height:7px;}

.inhalt {
	float:left;
	clear:both;
	width:832px;
	min-height:90px;
	margin:0 10px 0 10px;
	padding: 0 32px 2px 32px;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	background-color:#fff;
	line-height:1.4;
}
* html .inhalt {position:relative; margin: 0 0 0 6px;}

/*----------------- inhaltsbereich  start ------------------*/


.inhalt  .spalte2 {
	float:left;
	width:534px;
	min-height:120px;
	margin: 0 1px 0 0;
	padding: 0 32px 0 0;
	background-repeat:no-repeat;
}

.inhalt  .spalte2.autoheight {
	min-height:0;
	margin-bottom:20px;
}

* html .inhalt  .spalte2 {width:500px;}
.inhalt  .startbild {background:url(../images/inhalt/startbild.jpg); background-repeat:no-repeat; background-position:right top; margin-top:18px;}
.inhalt  .trenner_ver {background:url(../images/aufbau/trenner_ver.jpg); background-repeat:no-repeat; background-position:right center;}


.inhalt.startinhalt.partners .spalte2 {
	margin-bottom:20px;
}

.inhalt  .button {float:left; width:65px; height:23px; margin: 10px 0 5px -2px;} 
* html .inhalt  .button {float:left; width:65px; height:23px; margin: 10px 0 5px 0;} 
.inhalt  .button a {
	display:block;
	padding:3px 0 11px 13px;
	font-size:11px;
	text-shadow:0 1px 1px #111;
	color:#fff;
	background-image: url(../images/aufbau/bu1_a.gif); 
	background-repeat:no-repeat; 
}
.inhalt .button a:hover {background-image: url(../images/aufbau/bu1_h.gif); color:#fff;} 


.inhalt  .spalte {
	float:left;
	width:231px;
	margin:0 0 0 31px;
	background-repeat:no-repeat;
	background-position:right center;
}

.inhalt  .spalte .menu { 
	float:left; 
	height:19px; 
	width:100%;  
	margin-top:18px; 
	background-image:url(../images/aufbau/trenner_quer.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom;
}
.inhalt  .spalte .menu li {float:left; width:auto; height:18px; list-style-type:none; text-align:center;}
.inhalt  .spalte .menu li a {height:18px; display:block; background-repeat:no-repeat; text-decoration:none; font-size:11px; padding:2px 9px 0 9px; background-image:none;}
.inhalt  .spalte .menu .schweiz .aktiv {width:62px; background-image: url(../images/aufbau/ch_register.jpg); color:#757575;  }
.inhalt  .spalte .menu .deutsch .aktiv {width:70px;background-image: url(../images/aufbau/de_register.jpg); color:#757575;  padding:2px 9px 0 4px; margin:0; }

.schweizbox {display: block;}
.deutschbox { display:none;}

.inhalt  .spalte .eintrag {float:left; width:229px; padding:13px 1px 18px 1px; background-image:url(../images/aufbau/trenner_quer.jpg); background-repeat:no-repeat; background-position:bottom; font-size:11px; }
.inhalt  .spalte .eintrag .bild {float:right; width:auto; border:0; padding: 5px 0 0 0;}
.inhalt  .spalte .eintrag a {background-image:none; padding:0;}
.inhalt  .spalte .last {background-image: none;}

.adresse {float:left; width:129px; padding-left:139px; margin:18px 0 0 0; background-image: url(../images/aufbau/logo_grau.jpg); background-repeat:no-repeat; background-position:left top; font-size:10px; line-height:1.1; line-height:1.4;}


/*----------------- inhaltsbereich ------------------*/

.subnav {float:left; clear:both; width: 896px; height:31px; margin: 10px 10px 0 11px; padding: 0 0 0 32px; background-image:url(../images/aufbau/subnav_bg.jpg); background-repeat: no-repeat; }
* html .subnav {margin: 10px 0 0 6px;}
.subnav  li {float:left; list-style-type:none; height:31px;}
* html .subnav  li {width: 100px; text-align:center;}
.subnav .trenner {width:2px; background-image:url(../images/aufbau/subnav_trenner.jpg);}
.subnav  li a {display:block; height:31px; padding:7px 13px 0 13px; color:#FFFFFF; font-size:14px; font-weight:bold; text-shadow:0 1px 1px #055a84;}
.subnav  .aktiv  {background-image: url(../images/aufbau/subnav_bg_a.jpg); background-repeat:repeat-x;}

.inhalt_register {
	float:left;
	width:866px;
	height:60px;
	margin:10px 10px 0 10px;
	padding: 0 0 0 32px;
	background-image:url(../images/aufbau/inhatlttop_re.jpg);
	background-repeat:no-repeat;
}
* html .inhalt_register {position:relative;}
.inhalt_register li {float:left; width:auto; height:32px; margin: 5px 10px 0 0; list-style-type:none;}
* html .inhalt_register  li { width:160px; text-align: center;}
.inhalt_register li  a {display:block; padding: 7px 16px 0 16px; text-shadow: 1px 1px 1px #fff; }
.inhalt_register .aktiv {padding:0; background-image:url(../images/aufbau/top_re_bg.jpg); background-repeat:no-repeat; list-style-type:none;}
.inhalt_register .aktiv a {display:block; height: 24px; padding: 7px 16px 0 16px; margin:0; background-image:url(../images/aufbau/to_re_abschluss.jpg); background-repeat:no-repeat; background-position:right top; color: #757575}
.inhalt_register .aktiv a:hover {color: #252525}


.inhalt .tab {float:left; background-image: url(../images/aufbau/tabtitel_bg.jpg); background-repeat:no-repeat;}
.inhalt .tab tr {height:29px; font-size:11px; }
.inhalt .tab tr  td {padding-left:16px; border-bottom: 1px solid #dcdcdc;}
.inhalt .tab tr .pdf a {width:24px; height: 19px; text-align: center; background-image:url(../images/aufbau/pdf_icon.gif); background-repeat:no-repeat; background-position:center;}
.inhalt .tab tr .pdf a:hover {background-image:url(../images/aufbau/pdf_icon_h.gif)}
.inhalt .tab tr .anfrage  {text-align: center; background-image:url(../images/aufbau/anfrage_icon.gif); background-repeat:no-repeat; background-position:center;}
.inhalt .tab tr .anfrage:hover {background-image:url(../images/aufbau/anfrage_icon_h.gif)}


.inhalt .tab tr a {display:block; background-image:none;  padding:0;}
.inhalt .tab tr a:hover {background-image:none;}
.inhalt .tab .hellgrau {background-image: url(../images/aufbau/tab_hellgrau.jpg); background-repeat:repeat-x; background-position: top;}
.inhalt .tab .tabtitel {height:30px; color: #FFFFFF; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #055a84;  border:none;}

.inhalt .aktuell {
	float:left;
	width:261px;
	height:117px;
	margin: 0 33px 30px 0;
	background-image:url(../images/aufbau/aktu_trenner.gif);
	background-repeat:no-repeat;
	background-position:right center; 
}
.inhalt .aktu_last { margin-right:0; background-image:none;}
.inhalt .aktuell .aktu_bild { float:right;  margin: 15px 5px 0 2px; background-image:url(../images/inhalt/aktuell_standart.png);}
.inhalt .aktuell .team_bild {float:right; margin: 12px 2px 0 0;}
.inhalt .aktuell .aktu_bild a{ padding:0; margin: 0; background-image:none; display:block; width:105px; height:92px; }
.inhalt .aktuell .aktu_text {  margin: 17px 0 0 0; font-size:11px; line-height:1.3; margin: 15px 0 0 0;}

.inhalt .team {
	float:left;
	width:248px;
	height:110px;
	margin: 0 29px 27px 0;
	background-image:url(../images/aufbau/aktu_trenner.gif);
	background-repeat:no-repeat;
	background-position:right center; 
}
.inhalt .team  .tea_bild {float:right; margin: 9px 2px 0 0;}
.inhalt .team  a { padding:0; margin: 0; background-image:none;}
.inhalt .team  a:hover { background-image:none;}
.inhalt .team .tea_text {  float:left; height:5em; width:165px; padding: 6px 0 0 0; font-size:11px; line-height:1.3; margin: 15px 0 0 0;}
.inhalt  .tea_last {margin-right:0; background-image:none;}
.inhalt .team .mail {font-size:11px;position:relative;bottom:0px;}

.inhalt .halb {
	float:left;
	width:400px;
	height:auto;
	background-repeat:no-repeat;
	background-position:right center;
}

.inhalt .newsbild { 
	float:right; 
	width:auto;
	height:auto;
	/*background-image:url(../images/inhalt/news_bild_gr.jpg);*/
	padding:1px;
	border:1px solid #eeeeee; 
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:10px;
}

.midabschluss {
	display:block;
	width:100%;
	height:1px;
	clear:both;
}

.inhalt .gebaude {
	padding: 18px 0 0 32px; 
	background-image: url(../images/inhalt/gebaude_de.png);
	background-repeat:no-repeat; 
	background-position:right top;
}


.inhalt  .partner {
	float:left;
	width: 545px;
	min-height: 300px;
	padding: 0 285px 15px 0;
	margin: 20px 0 0 0;
	font-size:11px;
	line-height:1.2;
	border-bottom: 1px solid #DCDCDC;
	background-repeat:no-repeat;
	background-position:top right ;
}


/*-------------- Ende inhaltsbereich ----------------*/

.inhalt_bottom {
	float:left;
	clear:both;
	width:900px;
	height:28px;
	margin:0 10px 0 10px;
	background-image: url(../images/aufbau/inhaltbottom_bg.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}
* html .inhalt_bottom {position:relative; margin: 0 0 0 6px;}

#footer {
	float:left;
	clear:both;
	width:920px;
	height:12px;
	margin-bottom:40px;
	background-image:url(../images/aufbau/bg_footer.png);
	background-repeat:no-repeat;
	background-position:left;
}
* html #footer {background-image:url(../images/aufbau/bg_footer.gif); margin:0 0 0 0; position:relative; display:none;}



/*-------------- Textformatierungen ----------------*/

h1 {font-size:22px; font-weight:normal; color:#008bcf; margin-bottom:18px; clear:both;}
h2 {font-size:14px; font-weight:normal; color:#008bcf; margin:4px 0 4px 0;}
h3 {}
h4 {}
h5 {font-size:12px; font-weight:bold; color:#414141; margin-bottom:6px; }
h6 {font-size:15px; font-weight:bold; color:#fff; margin-bottom:5px; text-shadow:0 1px 1px #055a84;}

p {margin: 0 0 8px 0;}

.auszeichnung {color: #252525;}

a { color:#008bcf; text-decoration: none;}
a:hover {color:#494949;}
.inhalt .noimg {background-image:none; padding:0;}
.inhalt .noimg:hover {background-image:none; padding:0;}

#head_bottom a { color:#008bcf; text-decoration: none; padding: 0 0 0 8px; background-image:url(../images/aufbau/link_a.gif); background-repeat:no-repeat; background-position:left center;}
#head_bottom a:hover {color:#494949; background-image:url(../images/aufbau/link_h.gif);}

.inhalt a { color:#008bcf; text-decoration: none; padding: 0 0 0 8px; background-image:url(../images/aufbau/link_a.gif); background-repeat:no-repeat; background-position:left center; }
.inhalt a:hover {color:#494949; background-image:url(../images/aufbau/link_h.gif);}

.inhalt a.prev {
	background-image:url(../images/aufbau/link_a_prev.gif);
	background-position:left center; 
	padding: 0 0 0 12px;
}

.inhalt a.next {
	background-image:url(../images/aufbau/link_a.gif);
	background-position:right center; 
	padding: 0 12px 0 0;
}

.inhalt a.over {
	background-image:url(../images/aufbau/link_a_over.gif);
	background-position:left center; 
}

.footmenu_bordered {
	width:auto; padding:1px 20px 0; float:left; text-align:center; border-right:1px solid #ddd; border-left:1px solid #ddd;
}

a.pirobox_gall {
	padding:0px;
	line-height:0px;
}

.newsbild a, .newsbild a img {
	padding:0px;
	line-height:0px;
	border:none;
	color:inherit;
	margin:0px;
}

.w_contact {
	z-index:1000;
	position:absolute;
	border:1px solid #cccccc;
	padding:1px;
	width:400px;
	height:250px;
	top:50%;
	margin-top:-180px;
	background-color:#f0f0f0;
	margin-left:-200px;
	left:50%;
}

.w_contact input[type=text], .w_contact textarea {
	width:250px;
	resize:none;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
}

.w_contact input[type=submit] {
	width:100px;
	height:25px;
}

.w_contact table {
	background-image:url("../images/aufbau/tabtitel_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	width:100%;
	height:100%;
}

.w_contact#contact_ok {
	height:100px;
}

.w_contact table thead th {
	text-align: left;
	color: #ffffff;
	height:26px;
}

.w_contact table thead td {
	text-align: right;
	color: #ffffff;
	height:26px;
	padding-right:10px;
}

.w_contact table thead a {
	color:#ffffff;
}

.w_contact table thead a:hover {
	color:#ffffff;
}

.w_contact table th, td {
	padding:3px;
}
.w_contact table tbody th {
	text-align: left;
	padding-left:20px;
}

.bank label {
	width:100px;
	display:inline-block;
}

body {
	/*min-height:100%; /*Scrollbar immer anzeigen*/
	background:#f0f0f0;
	overflow:scroll;
}

.inhalt.startinhalt .spalte2.front {
	padding:0;
	width:562px;
}

.inhalt.startinhalt .spalte2.front div.txt{
	float:left;
}

.inhalt.startinhalt .spalte2.front div.img{
	position:relative;
	border:none;
	background:none;
	float:right;
	display:inline-block;
}

.inhalt.startinhalt .spalte2.front div.img img{
	border:none;
	background:none;
}