/*
==================================================================================
	Inhaltsverzeichnis
		1.	Allgemeine Defintionen
		2.	Header Defintionen
		3.	Content Defintionen
		4.	Footer Defintionen
		5.	PopUp Defintionen
==================================================================================
*/

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
}

body{
	font-size: 62.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background: url(../layout/background.gif) repeat-x;*/
}

/*
========================================================
1.	Allgemeine Definitionen
========================================================
*/

h1{
	color: #FFFFFF;
	font-size: 120%;
	display: inline;
}
h2{
	display: none;
}
h3{
	font-size: 120%;
	margin: 10px 0 5px 0;
}
a{
	text-decoration: none;
	color: #67727D;
}
a:hover{
	color: #1F2A2E;
}
a img {
	border: none;
}

/* Layout */
div#site{
	/*background: #999;*/
	background: url(../layout/background_kurz.gif) repeat-x #E8E9EB;
	/*border: 1px solid lime;*/
	
}

/*
========================================================
2.	Header Definitionen
========================================================
*/

div#header{
	height: 120px;
	width: 920px;
}
div#header a#logo{
	background: url(../layout/logo.gif) no-repeat;
	display: inline;
	width: 96px;
	height: 106px;
	margin: 5px 0 0 30px;
	float: left;
}
div#header ul{
	margin: 5px 0 0 0;
	display: block;
	list-style: none;
	float: right;
	width: 100px;
}
div#header ul li{
	padding: 0 10px 0 0;
	display: block;
	width: 90px;
	height: 20px;
	text-align: right;
	background: url(../layout/sprachwechsel.gif) no-repeat top right;
}
div#header ul li a{
	color: #a3a3a3;
}
div#header ul li a:hover{
	color: #1F2A2E;
}

/*
========================================================
X.	Navigation Definitionen
========================================================
*/
/* === Deutsche Definition === */
ul#navi_lang0, ul#navi_lang1, ul#navi_lang3 {
	position: absolute;
	height: 30px;
	background: url(../layout/navi1_deu.gif) no-repeat;
	list-style: none;
	top: 112px;
	left: 212px;
	width: 690px;
}
ul#navi_lang1{background: url(../layout/navi1_fra.gif) no-repeat;}
ul#navi_lang3 {background: url(../layout/navi1_eng.gif) no-repeat;}


ul#navi_lang0 li, ul#navi_lang1 li, ul#navi_lang3 li {
	float: left;
}
ul#navi_lang0 a, ul#navi_lang1 a, ul#navi_lang3 a {
	display: block;
	height: 30px;
	margin: 0 2px 0 0;
	text-align: center;
	padding: 5px 0 0 0;
	color: #000000;
}
ul#navi_lang0 a#navi-raumgliederung		{ width: 111px; }
ul#navi_lang0 a#navi-rauminraum			{ width: 111px; }
ul#navi_lang0 a#navi-callcenter			{ width: 111px; }
ul#navi_lang0 a#navi-spezialprodukte	{ width: 111px; }
ul#navi_lang0 a#navi-dienstleistungen	{ width: 111px; }
ul#navi_lang0 a#navi-kontakt				{ width: 111px; margin: 0 8px 0 0; }

ul#navi_lang1 a#navi-raumgliederung		{ width: 148px; }
ul#navi_lang1 a#navi-rauminraum			{ width: 118px; }
ul#navi_lang1 a#navi-callcenter			{ width: 111px; }
ul#navi_lang1 a#navi-spezialprodukte	{ width: 111px; }
ul#navi_lang1 a#navi-dienstleistungen	{ width: 96px; }
ul#navi_lang1 a#navi-kontakt				{ width: 82px; margin: 0 8px 0 0; }

ul#navi_lang3 a#navi-raumgliederung		{ width: 121px; }
ul#navi_lang3 a#navi-rauminraum			{ width: 111px; }
ul#navi_lang3 a#navi-callcenter			{ width: 111px; }
ul#navi_lang3 a#navi-spezialprodukte	{ width: 111px; }
ul#navi_lang3 a#navi-dienstleistungen	{ width: 111px; }
ul#navi_lang3 a#navi-kontakt				{ width: 101px; margin: 0 8px 0 0; }

ul#navi_lang0 a#navi-raumgliederung:hover		{ background: url(../layout/navi1on_deu.gif) no-repeat 0 0; }
ul#navi_lang0 a#navi-rauminraum:hover			{ background: url(../layout/navi1on_deu.gif) no-repeat -113px 0; }
ul#navi_lang0 a#navi-callcenter:hover			{ background: url(../layout/navi1on_deu.gif) no-repeat -226px 0; }
ul#navi_lang0 a#navi-spezialprodukte:hover	{ background: url(../layout/navi1on_deu.gif) no-repeat -339px 0; }
ul#navi_lang0 a#navi-dienstleistungen:hover	{ background: url(../layout/navi1on_deu.gif) no-repeat -452px 0; }
ul#navi_lang0 a#navi-kontakt:hover				{ background: url(../layout/navi1on_deu.gif) no-repeat -565px 0; }

ul#navi_lang1 a#navi-raumgliederung:hover		{ background: url(../layout/navi1on_fra.gif) no-repeat 0 0; }
ul#navi_lang1 a#navi-rauminraum:hover			{ background: url(../layout/navi1on_fra.gif) no-repeat -150px 0; }
ul#navi_lang1 a#navi-callcenter:hover			{ background: url(../layout/navi1on_fra.gif) no-repeat -270px 0; }
ul#navi_lang1 a#navi-spezialprodukte:hover	{ background: url(../layout/navi1on_fra.gif) no-repeat -383px 0; }
ul#navi_lang1 a#navi-dienstleistungen:hover	{ background: url(../layout/navi1on_fra.gif) no-repeat -496px 0; }
ul#navi_lang1 a#navi-kontakt:hover				{ background: url(../layout/navi1on_fra.gif) no-repeat -594px 0; }

ul#navi_lang3 a#navi-raumgliederung:hover		{ background: url(../layout/navi1on_eng.gif) no-repeat 0 0; }
ul#navi_lang3 a#navi-rauminraum:hover			{ background: url(../layout/navi1on_eng.gif) no-repeat -123px 0; }
ul#navi_lang3 a#navi-callcenter:hover			{ background: url(../layout/navi1on_eng.gif) no-repeat -236px 0; }
ul#navi_lang3 a#navi-spezialprodukte:hover	{ background: url(../layout/navi1on_eng.gif) no-repeat -349px 0; }
ul#navi_lang3 a#navi-dienstleistungen:hover	{ background: url(../layout/navi1on_eng.gif) no-repeat -462px 0; }
ul#navi_lang3 a#navi-kontakt:hover				{ background: url(../layout/navi1on_eng.gif) no-repeat -575px 0; }

ul#navi_lang0 a.active-link { background: url(../layout/navi1on_deu.gif) no-repeat 0 0; }
ul#navi_lang1 a.active-link { background: url(../layout/navi1on_fra.gif) no-repeat 0 0; }
ul#navi_lang3 a.active-link { background: url(../layout/navi1on_eng.gif) no-repeat 0 0; }


/*
========================================================
3.	Content Definitionen
========================================================
*/
div#inhalt{
/*	height: 378px;*/
	height: auto;
	height: 1%;
	background: url(../layout/background.jpg) repeat-y #E8E9EB;;
	border-top: 1px solid #C5C5C5;
	width: 950px;
}
div#inhalt div#titel{
	margin: 48px 0 0 0;
	padding: 0px 0 0 196px;
	background: url(../layout/titelbar.gif) repeat-x;
	height: 16px;
	border-top: 1px solid #868b90;
	border-bottom: 1px solid #868b90;
}
div#inhalt div#titel p{
	color: #FFFFFF;
	font-size: 90%;
	display: inline;
	margin: 0 0 0 15px;
}
div#inhalt ul#subnavi{
	display: block;
	list-style: none;
	float: left;
	width: 190px;
}
div#inhalt ul#subnavi li{
	display: block;
	border-bottom: 1px solid #f1f2f3;
}
div#inhalt ul#subnavi li a{
	color: #000000;
	display: block;
	padding: 4px 0 4px 6px;
}
div#inhalt ul#subnavi li a:hover, div#inhalt ul#subnavi li a:active, div#inhalt ul#subnavi li a.active-link{
	color: #000000;
	background: #F1F2F4;
}
div#inhalt ul#subnavi li ul{
	display: block;
	margin: 0;
	border-top: 1px solid #f1f2f3;
}
div#inhalt ul#subnavi li ul li{
	display: block;
	border: none;
}
*html div#inhalt ul#subnavi li ul li{
	height: 1%;
}
div#inhalt ul#subnavi li ul li a{
	display: block;
	padding: 3px 0 3px 18px;
	margin: 0 0 0 0px;
	background: url(../layout/subnavi.gif) no-repeat left;
}
div#inhalt ul#subnavi li ul li a:hover, div#inhalt ul#subnavi li ul li a:active, div#inhalt ul#subnavi li ul li a.active-link{
	background: #f1f2f4 url(../layout/subnavi.gif) no-repeat left;
}

div#startseite{
	height: 378px;
	background: url(../layout/background.jpg) repeat-y;
	border-top: 1px solid #C5C5C5;
}
div#startseite div#titel{
	margin: 58px 0 0 0;
	padding: 0px 0 0 470px;
	background: url(../layout/titelbar.gif) repeat-x;
	height: 16px;
	border-top: 1px solid #868b90;
	border-bottom: 1px solid #868b90;
}
div#Produkt1,div#Produkt2,div#Produkt3,div#Produkt4,div#Produkt5,div#Produkt6,div#Produkt7,div#Produkt8{
	position: absolute;
	width: 200px;
	height: 130px;
}
div#Produkt1{left: 22px; top: 153px;}
div#Produkt2{left: 232px; top: 153px;}
div#Produkt3{left: 662px; top: 153px;}
div#Produkt4{left: 77px; top: 328px;}
div#Produkt5{left: 287px; top: 328px;}
div#Produkt6{left: 497px; top: 328px;}
div#Produkt7{left: 707px; top: 328px;}

/*
========================================================
4.	Footer Definitionen
========================================================
*/
div#footerbg{
	height: 65px;
	background: url(../layout/footerbar.gif) repeat-x #FFF;
	border-top: 1px solid #cbcbcb;
	font-size: 100%;
	color: #FFFFFF;
	line-height: 1.4;
	clear: both;

}
div#footer{
	height: 65px;
	width: 930px;
}
div#footer a{
	color: #FFFFFF;
}
div#footer p{
	display: inline;
	width: 450px;
	height: 56px;
	padding: 0;
	margin:4px 0 0 8px;
	float: left;
}

ul#navi2_lang0, ul#navi2_lang1, ul#navi2_lang3{
	margin: 36px 0 0 98px;
	display: block;
	float: left;
	width: 241px;
	height: 26px;
	background: url(../layout/navi2_deu.gif) no-repeat;
	list-style: none;	
}
ul#navi2_lang1{background: url(../layout/navi2_fra.gif) no-repeat; width: 318px; margin: 36px 0 0 20px;}
ul#navi2_lang3{background: url(../layout/navi2_eng.gif) no-repeat; width: 280px; margin: 36px 0 0 61px;}



ul#navi2_lang0 li,ul#navi2_lang1 li,ul#navi2_lang3 li {
	float: left;
}
ul#navi2_lang0 a, ul#navi2_lang1 a, ul#navi2_lang3 a {
	display: block;
	height: 30px;
	margin: 0 2px 0 0;
	text-align: center;
	padding: 4px 0 0 0;
	color: #000000;
}
ul#navi2_lang0 a#navi-Uberuns			{ width: 77px; }
ul#navi2_lang0 a#navi-Partner			{ width: 77px; }
ul#navi2_lang0 a#navi-Bildergalerie	{ width: 77px; margin: 0 6px 0 0; }

ul#navi2_lang1 a#navi-Uberuns			{ width: 112px; }
ul#navi2_lang1 a#navi-Partner			{ width: 77px; }
ul#navi2_lang1 a#navi-Bildergalerie	{ width: 116px; margin: 0 6px 0 0; }

ul#navi2_lang3 a#navi-Uberuns			{ width: 76px; }
ul#navi2_lang3 a#navi-Partner			{ width: 77px; }
ul#navi2_lang3 a#navi-Bildergalerie	{ width: 116px; margin: 0 6px 0 0; }

ul#navi2_lang0 a#navi-Uberuns:hover, ul#navi2_lang0 a#navi-Uberuns.active-link					{ background: url(../layout/navi2on_deu.gif) no-repeat 0 0; }
ul#navi2_lang0 a#navi-Partner:hover, ul#navi2_lang0 a#navi-Partner.active-link					{ background: url(../layout/navi2on_deu.gif) no-repeat -79px 0; }
ul#navi2_lang0 a#navi-Bildergalerie:hover, ul#navi2_lang0 a#navi-Bildergalerie.active-link	{ background: url(../layout/navi2on_deu.gif) no-repeat -158px 0; }

ul#navi2_lang1 a#navi-Uberuns:hover, ul#navi2_lang1 a#navi-Uberuns.active-link					{ background: url(../layout/navi2on_fra.gif) no-repeat 0 0; }
ul#navi2_lang1 a#navi-Partner:hover, ul#navi2_lang1 a#navi-Partner.active-link					{ background: url(../layout/navi2on_fra.gif) no-repeat -114px 0; }
ul#navi2_lang1 a#navi-Bildergalerie:hover, ul#navi2_lang1 a#navi-Bildergalerie.active-link	{ background: url(../layout/navi2on_fra.gif) no-repeat -193px 0; }

ul#navi2_lang3 a#navi-Uberuns:hover, ul#navi2_lang3 a#navi-Uberuns.active-link					{ background: url(../layout/navi2on_eng.gif) no-repeat 0 0; }
ul#navi2_lang3 a#navi-Partner:hover, ul#navi2_lang3 a#navi-Partner.active-link					{ background: url(../layout/navi2on_eng.gif) no-repeat -78px 0; }
ul#navi2_lang3 a#navi-Bildergalerie:hover, ul#navi2_lang3 a#navi-Bildergalerie.active-link	{ background: url(../layout/navi2on_eng.gif) no-repeat -157px 0; }

div#footer img#Sicherheit{
	float: left;
	display: block;
	margin: 8px 0 0 10px;
}

a#insymalink{
	/*width: 920px;*/
	display: block;
	text-align: left;
	padding: 2px 0 0 780px;
	margin: 0;
	background: #FFF;
	color: #C2C2C2;
}

/*
========================================================
5.	PopUp Definitionen
========================================================
*/

a.popLink img{
	border: 1px solid #7d7d7d;
}
a.popLink{
	position: relative;
	display: block;
}
a.popLink span{
	display: none;
}

a.popLink:hover span{
	display: none;
	width: 440px;
	position: absolute;
	left: 1px;
	bottom: 13px;
	border-top: 1px solid #7d7d7d;
	padding: 2px 10px;
	background: #7d7d7d;
	color: #FFF;
}
div#inhalt a.popLink:hover{
	background: none;
}
div#PopDiv{
	position: absolute;
	border: 1px solid #7d7d7d;
	font-size: 110%;
	background: #FFF;
	padding: 4px;
}
div#PopDiv a{
	display: block;
	padding: 3px 15px;
	color: #FFF;
	background: #7d7d7d;
	border: 1px solid #7d7d7d;
	border-bottom: none;
	text-align: right;
}
div#PopDiv a:hover{
	background: #F2F2F2;
	color: #000;
}
div#PopDiv img{
	border: 1px solid #7d7d7d;
}

/* ### Aufpoppender Inhalt ### */
div#inhalt div.popContent{
	position: absolute;
	border: 1px solid #7d7d7d;
	font-size: 110%;
	background: #FFF;
	top: 100px;
	left: 150px;
	width: 500px;
	height: 400px;
	overflow: hidden;
}
div#inhalt div.popContent div{
	overflow: scroll;
	width: 480px;
	height: 348px;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}
div#inhalt div.popContent a#closeLink, div#inhalt div.fachhandel_detail a#closeLink{
	display: block;
	padding: 3px 15px;
	color: #FFF;
	background: #7d7d7d;
	border-bottom: 1px solid #7d7d7d;
	height: 15px;
	text-align: right;
}
div#inhalt div.popContent a#closeLink:hover, div#inhalt div.fachhandel_detail a#closeLink:hover{
	background: #F2F2F2;
	color: #000;
}
div#stretch{
	clear: both;
	float: none;
}