body, html {
	font-family: Arial, Helvetica, Verdana, sans-serif;	color: #000; 

	background-image: url(parts/back.gif);
	background-repeat:repeat-x;
	background-color: #003170; 
}
img {
	border:none;
}
img a{
	border:none;
}
h2{
	margin-left:12px;
	padding:0;
	color:#ffffff;
	font-size:14px;
	line-height:16px;
	margin-top:2px;
	margin-bottom:0px;
}
h3 {
	font-size:14px;
	line-height:16px;
	margin:0;
	margin-bottom:13px;
}
p{
	margin:0;
	margin-bottom:12px;
}
#mainContainer {
	position:relative;
	width: 820px;
	/*height:600px; Das muss f�r die folgeseiten noch ge�ndert werden*/
	margin: 0 auto;
	background: #003170;
	text-align: left; 
}
#shadow-top{
	height:10px;
	width:820px;
	background-image: url(parts/sh-oben.gif);
}
#shadow-left{
	float:left;
	width:10px;
	height:590px;
	background-image: url(parts/sh-links.gif);
}
* html #shadow-left{
	position:relative;
	top:-8px;
}
#shadow-right{
	float:right;
	width:10px;
	height:590px;
	background-image: url(parts/sh-rechts.gif);
}
* html #shadow-right{
	position:relative;
	top:-8px;
}
/**************************
HEADER
**************************/
#header {
	position:relative;
	float:left;
	background-image: url(parts/header.jpg);
	height:185px;
	width:800px;
	margin:0;
	padding:0;
	border-bottom:1px solid #ffffff;
	position:relative;
}
* html #header{
	position:relative;
	top:-8px;
}
#flash-menue{
	position:relative;
	top:0;
	left:0;
	background:transparent;
	z-index:0;
}
#menue1{
	position:absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width:800px;
	height:27px;
	background:#0071a2;
	font-weight:bold;
	font-size:13px;
	line-height:15px;
	/*letter-spacing:0.1em;*/
}
#menue1 li {
	list-style: none;
	float: left;
}
#menue1 li a {
	display: block;
	margin-top:4px;
	margin-bottom:6px;
	padding-top:2px;
	padding-left:8px;
	padding-right:8px;
	text-decoration: none;
	border-left:1px solid #e6eff5;
	color:#ffffff;
}
#menue1 li a:hover {
	position:relative;
	right:-1px;
	color: #0071a2;
	background:#e6eff5;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:6px;
	padding-bottom:6px;
}
#menue1  a.home{
	float:left;
	height:22px;
	width:42px;
	background-image: url(parts/haus.jpg);
	padding:0;
	border-left:1px solid #0071a2;
}
#menue1 a.home:hover {
	position:relative;
	right:0px;
	margin-top:4px;
	background-image: url(parts/haus.jpg);
	padding:0;
}
#menue1 li ul {
	display: none;
	background:#e6eff5;
	width:800px;
	height:22px;
	z-index:10;
}
#hier{
	position:relative;
	top:27px;
	background:#e6eff5;
	width:800px;
	height:22px;
}
*html #hier{
	position:relative;
	top:26px;
}
#hier li{
	position:relative;
	top:4px;
	padding-left:8px;
	padding-right:4px;
	display:inline;
	list-style:none;
	font-size:13px;
	font-weight:bold;
	color: #0071a2;
}
#hier li a{
	/*bei padding top oder bottom gibts konflikte mit dem hover der anderen menues*/
	list-style:none;
	text-decoration:none;
	color: #7dacdb;
}
#hier li a:hover{
	color: #0071a2;
}
#hier1{
	position:relative;
	right:-1px;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	color: #0071a2;
	background:#e6eff5;
	border-left:1px solid #e6eff5;
}
#menue1 li:hover ul, #menue1 li.hover ul {
	position: absolute;
	display: inline;
	left: 0;
	margin: 0;
	padding: 0;
	border:0px;
}
#menue1 li:hover li, #menue1 li.hover li {
	float: left;
	border:0px;
}
#menue1 li:hover li a, #menue1 li.hover li a {
	position:relative;
	right:0px;
	color: #7dacdb;
	background:transparent;
	border:0px;
}
#menue1 li li a:hover {
	color: #0071a2;
}
/**************************
content
**************************/
#pageContain1{
	float:left;
	width:800px;
	min-height:404px;
	background:#cbe2f2;
}
#pageContain2{
	float:left;
	width:800px;
	min-height:404px;
	background:#7dacdb;
}
* html #pageContain1 {
	position: relative;
	top:-8px;
}
* html #pageContain2 {
	position: relative;
	top:-8px;
}
#content {
	overflow:hidden;
	float: right;
	width: 663px;
	min-height:383px;
	background-image: url(parts/header-anhang.jpg);
	background-repeat: no-repeat;
}
#content-info {
	overflow:hidden;
	float: right;
	width: 663px;
	min-height:383px;
	background-image: url(parts/header-anhang-info.jpg);
	background-repeat: no-repeat;
}
/*startseite*/
.shortcut{
	text-decoration:none;
	cursor: pointer;
}
.smallInfo{
	float:left;
	height:136px;
	border:0px solid #ffffff;
	margin-top:9px;
	margin-left:10px;
	display:inline;
}
.smallInfo .titel{
	font-weight:bold;
	width:202px;
	height:18px;
	background-image: url(parts/smallinfo-top.jpg);
	font-size:16px;
	color:#006699;
	text-align:right;
	padding-right:5px;
	padding-top:2px;
}
.bigInfo{
	float:left;
	width:314px;
	height:213px;
	background-image: url(parts/big-square.jpg);
	margin-left:10px;
	margin-right:2px;
	margin-top:12px;
	display:inline;
}
.bigInfo .titel{
	position:relative;
	top:0px;
	left:215px;	
	width:96px;
	height:25px;
	font-size:24px;
	line-height:25px;
	font-weight:bold;
	color:#ffffff;
	text-align:right;
}
.bigInfo .infotexttitel{
	position:relative;
	top:22px;
	left:162px;
	width:147px;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	color:#005d98;
	text-align:left;
}
.bigInfo .infotext{
	position:relative;
	top:32px;
	left:162px;
	width:147px;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#005d98;
	text-align:left;
}
.bigInfo .newstext1{
	position:relative;
	top:113px;
	left:12px;	
	width:290px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#005d98;
	text-align:right;
}
.bigInfo .newstext2{
	position:relative;
	top:120px;
	left:160px;	
	width:147px;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#005d98;
	text-align:right;
}
/*startseite-ende
-----------------
Infoseite*/
.infos{
	width:629px;
	margin-top:21px;
	margin-left:16px;
	font-size:12px;
	color:#464648;
	clear:both;
}
.infos .i-head{
	float:left;
	width:629px;
	height:20px;
	background:url(parts/inhalt-balken.jpg);
	background-repeat:no-repeat;
}
.infos .i-textfloatlinks{
	float:left;
	width:629px;
	margin-top:13px;
	text-align:justify;
}
.infos .i-textfloatrechts{
	float:left;
	width:629px;
	margin-top:13px;
	text-align:justify;
}
.infos .i-textlinks{
	float:left;
	width:421px;
	margin-top:13px;
	margin-right:10px;
	text-align:justify;
}
.infos .i-textrechts{
	float:right;
	width:421px;
	margin-top:13px;
	padding-left:10px;
	text-align:justify;
}
.infos .i-bildrechts{
	margin-top:13px;
	float:right;
}
.infos .i-bildlinks{
	margin-top:13px;
	float:left;
}
.infos img{
	border:0px solid #3c7cac;
}
.infos .i-textfloatlinks img{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
.infos .i-textfloatrechts img{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
/*Infoseite ende
-----------------
produktseiten*/
.produkt{
	position:relative;
	float:left;
	margin-left:17px;
	margin-top:15px;
	width:626px;
	padding-bottom:4px;
	/*height:149px;*/
	background-color:#6d99c6;
	display:inline;
	font-size:12px;
	color:#ffffff;
}
.produkt .bild{
	position:relative;
	float:left;
	width:137px;
	height:137px;
	background-color:#ffffff;
	border:2px solid #3c7cac;
	margin-left:4px;
	margin-top:4px;
	display:inline;
}
.produkt .bild .innen{
}
.lupe{
	position:absolute;
	bottom:0;
	right:0;
	width:31px;
	height:25px;
	background: url(parts/lupe.gif);
}
#bildgross{
	position:absolute;
	top:0;
	left:0;
	z-index:23;
}
.produkt .titel{
	float:left;
	width:478px;
	height:20px;
	margin-top:4px;
	background: url(parts/produkt-balken.jpg);
}
.p-text{
	float:left;
	width:464px;
	margin-left:12px;
	margin-top:6px;
}
.dealer{
	position:relative;
	float:left;
	margin-left:17px;
	margin-top:15px;
}
table.tabelle_dealer{
	float:left;
	margin-left:0px;
	margin-top:8px;
	display:inline;
	border-collapse:collapse;
	width:626px;
	min-width:626px;
	max-width:626px;
	font-size:10px;
	color:#ffffff;
	background:#0071a2;
}
table.tabelle_dealer a{
	color:#ffffff;
}
table.tabelle_dealer a:hover{
	color:#ffffff;
}
table.tabelle_dealer td{
	border:1px solid #ffffff; 
	text-align:center;
	min-width:120px;
	width:400px;
}
* html tabelle_dealer.tabelle td{
	min-width:120px;
	width:400px;
}
table.tabelle_dealer th{
	border:1px solid #ffffff; 
	font-weight:bold;
	padding-left:3px;
	padding-right:6px;
	text-align:center;
	overflow:hidden;
	background:#016087;
}
table.tabelle_dealer .dealer_left{
	text-align:center;
}



table.tabelle{
	float:left;
	margin-left:12px;
	margin-top:8px;
	display:inline;
	border-collapse:collapse;
	width:450px;
	min-width:450px;
	max-width:450px;
	font-size:10px;
	color:#ffffff;
	background:#0071a2;
}
table.tabelle td{
	border:1px solid #ffffff; 
	text-align:center;
	width:450px;
}
* html table.tabelle td{
	width:450px;
}
table.tabelle th{
	border:1px solid #ffffff; 
	font-weight:bold;
	padding-left:3px;
	padding-right:6px;
	text-align:center;
	overflow:hidden;
	background:#016087;
}
.td_artikelnummer{
	width:70px;
	min-width:70px;
}
.td_preis{
	width:50px;
	min-width:50px;
}
.bestell a{
	text-align:center;
	display:block;
	margin:0 auto;
	/*float:right;*/
	width:45px;
	height:12px;
	padding-left:5px;
	background: url(parts/best.jpg);
	background-position:0px 0px;
	font-size:9px;
	text-decoration:none;
	color:#ffffff;
}
.bestell a:hover{
	display:block;
	background: url(parts/best.jpg);
	background-position:0px 12px;
}
#eee{
	clear:both;
	min-height:15px;
}
.einzeilig{
	position:absolute;
	right:19px;
	bottom:4px;
	width:450px;
	height:20px;
}
.info{
	float:right;
	margin-left:50px;
	font-weight:bold;
	text-align:right;
}
.bestell1{
	float:right;
	width:50px;
	margin-left:50px;
}
.bestell1 a{
	text-align:center;
	display:block;
	float:right;
	width:45px;
	height:12px;
	padding-left:5px;
	background: url(parts/best1.jpg);
	background-position:0px 0px;
	font-size:9px;
	text-decoration:none;
	color:#ffffff;
}
.bestell1 a:hover{
	display:block;
	background: url(parts/best1.jpg);
	background-position:0px 12px;
}
/*produktseiten-ende*/
/**************************
LEFT COLUMN
**************************/
#leftSide {
	float: left;
	width: 136px;
	min-height:383px;
	background-color: #ffffff;
	margin-right:0px;
	border-right:1px solid #ffffff;
	/*display:inline;*/
	color:#ffffff;
}
#left1{
	overflow:hidden;
	display:block;
	width:126px;
	height:29px;
	border-bottom:1px solid #ffffff;
	background-image: url(parts/links1.jpg);
}
#left2{
	overflow:hidden;
	display:block;
	width:126px;
	height:29px;
	border-bottom:1px solid #ffffff;
	background-image: url(parts/links2.jpg);
}
#left3{
	overflow:hidden;
	display:block;
	width:126px;
	height:29px;
	border-bottom:1px solid #ffffff;
	background-image: url(parts/links3.jpg);
}
#left4{
	overflow:hidden;
	display:block;
	width:126px;
	height:29px;
	border-bottom:1px solid #ffffff;
	background-image: url(parts/links4.jpg);
}
#left5{
	overflow:hidden;
	display:block;
	width:126px;
	height:29px;
	border-bottom:1px solid #ffffff;
	background-image: url(parts/links5.jpg);
}
#leftSide a{
	display:block;
	font-size:13px;
	color:#006699;
	line-height:29px;
	padding-left:10px;
	text-decoration:none;
}
#leftSide a:hover{
	background:#ffffff;
	color:#006699;
}
#leftSide #left-active{
	display:block;
	width:126px;
	height:29px;
	background:#ffffff;
	color:#006699;
}
#leftSide #left-unter1{
	margin-left:0px;
	background-color:#ffffff;
}
#leftSide #left-unter1 a{
	display:block;
	width:110px;
	font-size:11px;
	line-height:18px;
	padding-left:24px;
	background-image: url(parts/pfeil.jpg);
	background-repeat:no-repeat;
	background-position:10px 3px;
}
#leftSide #left-unter1 a:hover{
	font-weight:bold;
	color:#00518c;
}
#leftSide #left-unter1 #hieri{
	font-weight:bold;
	color:#00518c;
}
#left-unter2{
	margin-left:0px;
	background-color:#ffffff;
}
#leftSide #left-unter1 #left-unter2 li{
	margin:0;
	padding:0;
	list-style:circle;
	list-style-position:outside;
	color:#006699;
}
#leftSide #left-unter2 a{
	display:block;
	width:102px;
	height:auto;
	font-size:11px;
	line-height:18px;
	padding-left:34px;
	background-image:none;
}
#leftSide #left-unter2 a:hover{
	font-weight:bold;
	color:#00518c;
	background-color:#b6d1eb;
}
#leftSide #left-unter2 #hieri{
	font-weight:bold;
	color:#00518c;
	background-color:#b6d1eb;
}
#left-unter3{
	margin-left:0px;
	background-color:#ffffff;
}
#leftSide #left-unter3 a{
	display:block;
	width:86px;
	height:auto;
	font-size:11px;
	line-height:18px;
	padding-left:50px;
	background-image:none;
}
#leftSide #left-unter3 a:hover{
	font-weight:bold;
	color:#00518c;
	background-color:#b6d1eb;
}
#leftSide #left-unter2 #hieri{
	font-weight:bold;
	color:#00518c;
	background-color:#b6d1eb;
}
/**************************
FOOTER
**************************/
#footer-innen{
	position:relative;
	top:-1px;
	clear:both;
	width:800px;
	height:20px;
	background: #005d98;
	border-top:1px solid #ffffff;
	margin-bottom:-1px;
}
.leftie{
	float:left;
	margin-top:4px;
	margin-left:10px;
	margin-right:50px;
	display:inline;
}
.rightie{
	float:right;
	margin-top:4px;
	margin-right:10px;
	margin-left:50px;
	text-align:right;
	display:inline;
}
#footer-innen a{
	font-size:11px;
	letter-spacing:0.1em;
	color:#ffffff;
	text-decoration:none;
}
#footer {
	clear:both;
	width: 820px;
	height: 10px;
	background-image: url(parts/sh-unten.gif);
	background-repeat:no-repeat;
	margin: 0 auto;
	text-align: center;
}
* html #footer{
	position:relative;
	top:-8px;
}
#header_right_text{
	margin-top:3px;
	margin-right:10px;
	color:#ffffff;
	display:inline;
	float:right;
	text-align:right;
}
#left-image{
	width:136px;
	height:234px;
	background-image: url(parts/links-bild.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
}
.flags {
	float: left;
	margin-top: 6px;
	margin-left: 12px;
	margin-right: 0px;
}
#s_text{
	display:inline;
	color:#F6B154;
	/*background-color:#0071a2;*/
}

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





/*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(./parts/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./parts/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; }