/*
               2 Spalten-Content
*/
.content-col{
	width:auto;
	height:auto;
}

.col-left{
	float:left;
	width:327px; 
}

.col-right{
	width:auto; 
	margin-left:357px;
}

.row-footer .content-col{
	padding-top:15px;
}


/*		50% Spaltenbreite Contentansicht	*/
#content .col-left{
	width:435px; 
}

#content .col-right{
	margin-left:465px;
}/*
               2 Spalten-Content
*/
h1, h2, h3{
font-size:24px;
font-family:trebuchet ms, arial, verdana;
color:#898989;
border:0px solid red;
margin:0px 0px 6px 0px;
padding:0px;
line-height:22px;
}

h2{
font-size:16px;
margin:0px 0px 2px 0px;
padding-top:3px;
}

h3{
font-size:12px;
margin:0px 0px 2px 0px;
padding-top:3px;
}

.text{
text-align:left;
}

#prodlist h1{
margin:0px 0px 6px 357px;
}

#proddetail h1{
margin:0px 0px 6px 357px;
}

a{
color:#898989;
}

a:hover{
color:#cb050d;
}/*
               Darstellung des Layouts
*/
body, html{
position:relative;
padding:0px;
margin:0px;
height:100%;
background:white url('/vaw/siteresources/images/background/bg_top.gif') repeat-x left top;
font-family:arial, verdana, helvetica;
font-size:12px;
color:#898989;
}

.layout{
position:relative;
min-height:100%;
background:transparent url('/vaw/siteresources/images/background/bg_bottom.gif') repeat-x left bottom;
}


.centerdiv{
width:900px;
margin:0px auto;
height:auto;
}

/*
               Darstellung der Navigationszeilen
*/
.row-navigation{
position:relative;
height:109px;
}

.row-subnavigation{
position:relative;
height:66px;
}

.logo{
position:absolute;
top:52px;
left:0px;
width:236px;
height:41px;
cursor:pointer;
background:white url('/vaw/siteresources/images/misc/logo.gif') no-repeat right top;
}

/*
               Darstellung des Eye-Catchers
*/
.row-eyecatcher{
height:163px;
background-repeat:no-repeat;
background-position:left top;
}

/*
               Darstellung der Contentzeile
*/
.row-content{
padding:0px 0px 130px 0px;
line-height:20px;
}

/*
               Darstellung der Footerzeile
*/
.layout-footer{
position:absolute;
height:auto;
bottom:0px;
width:100%;
}

.row-footer{
padding:0px 0px 0px 0px;
height:77px;
color:#898989;
}

.row-footer a, #prodlistsmall a, #proddetail a, .link{
color:#898989;
background:transparent url('/vaw/siteresources/images/icons/link.gif') no-repeat 0px 3px;
padding-left:14px;
margin-right:20px;
}

.row-footer a:hover, #prodlistsmall a:hover, #proddetail a:hover, .link:hover{
color:#cb050d;
background:transparent url('/vaw/siteresources/images/icons/link-over.gif') no-repeat 0px 3px;
}

.floater{
float:none;
clear:both;
}#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url('../images/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink{ border:0px solid red; left: 0; float: left;background: url('/vaw/siteresources/images/lightbox/prevlabel.gif') left 15% no-repeat !important;}
#nextLink{ right: 0; float: right;background: url('/vaw/siteresources/images/lightbox/nextlabel.gif') right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url('/vaw/siteresources/images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/vaw/siteresources/images/lightbox/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}/*
               Darstellung der Navigationen

               erste Ebene
*/
.navigation{
	position:absolute;
	list-style:none;
	right:0px;
	padding:0px;
	margin:23px 10px 0px 0px;
}

.navigation li{
	float:left;
	padding:63px 11px 8px 22px;
}


.navigation li a{
	position:relative;
	color:#898989;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
	font-family:verdana, arial, helvetica;
}

.navigation li a:hover{
	color:#cb050d;
}

.activenav{
	background:transparent url('/vaw/siteresources/images/background/bg_nav.gif') repeat-x left top;
	border-right:2px solid white !important;
	margin-right:-2px !important;
}

.activenav a{
	color:white !important;
}


/*
               zweite Ebene
*/
.subnavigation{
	position:absolute;
	list-style:none;
	left:338px;
	margin:0px 10px 0px 0px;
	padding:0px;
	border:0px solid red;
}

.subnavigation li{
	float:left;
	padding:7px 11px 6px 22px;
}

.subnavigation li a{
	position:relative;
	color:#898989;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
	
}

.subnavigation li a:hover{
	color:#cb050d;
}

.subnavigation .activenav{
	background:transparent url('/vaw/siteresources/images/background/bg_subnav.gif') repeat-x left top;
	border-right:2px solid white !important;
	margin-right:-2px !important;
}

.subnavigation .activenav a{
	color:white !important;
}/*		Detailansicht Produkt	*/
#proddetail .text{
	margin-bottom:20px;
}

#proddetail .col-left{
	text-align:center;
}

.prodview{
	margin-top:6px;
	margin-bottom:4px;
}

.prodimg a{
	color:#898989;
	background-image:none !important;
	padding-left:0px !important;
	margin-right:0px !important;
	border:0px solid red !important;
}

.prodimg{
	float:left;
	width:135px;
	height:135px;
	border:0px solid red;
	text-align:center;
}

#proddetail .col-left a{
	background:transparent url('/vaw/siteresources/images/icons/lupe.gif') no-repeat 0px 4px;
	border:0px solid red;
	width:auto;
	color:#898989;
	padding:3px 0px 3px 23px;
}

#proddetail .col-left a:hover{
	color:#cb050d;
	background:transparent url('/vaw/siteresources/images/icons/lupe-over.gif') no-repeat 0px 4px;
}


#view{
	float:left;
}

.lupe{
	float:left;
	font-size:12px;
	font-weight:normal;
	background:transparent url('/vaw/siteresources/images/icons/lupe.gif') no-repeat 0px 6px;
	border:0px solid red;
	width:auto;
	color:#898989;
	padding:5px 0px 0px 23px;
	margin-left:10px;
}/*		Spaltenbreite Produktliste small	*/
.prodlistsmall{
	margin:0px 0px 44px 0px;
}

.prodlistsmall img{
	float:left;
	margin-top:15px;
}

.prodlistsmall-col{
	padding-left:154px;
}

#prodlistsmall .text{
	margin-bottom:8px;
}

/*		Zeilenabstand Produktliste groß	*/
#prodlist .content-col{
	margin:0px 0px 44px 0px;
}

#prodlist .col-left{
	text-align:center;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: inhalt-text.tpl                                            */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: inhalt.tpl                                                 */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: einspaltiger-inhalt.tpl                                    */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: zweispaltiger-inhalt.tpl                                   */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: einspaltiger-inhalt.tpl                                    */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: zweispaltiger-inhalt.tpl                                   */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Mitarbeiter                                                       */
 /*  benutztes Display: mitarbeiter.tpl                                            */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Mitarbeiter                                                       */
 /*  benutztes Display: mitarbeiter.tpl                                            */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: detailansicht.tpl                                          */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: listenansicht-referenzseite.tpl                            */
 /*                                                                                */
.linkbox{
margin-top:8px;
}

#prodlistsmall h3{
font-size:14px;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: listenansicht-startseite.tpl                               */
 /*                                                                                */
.showinfo{
 color:red;
font-size:9px;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: detailansicht.tpl                                          */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: listenansicht-referenzseite.tpl                            */
 /*                                                                                */
.linkbox{
margin-top:8px;
}

#prodlistsmall h3{
font-size:14px;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: listenansicht-startseite.tpl                               */
 /*                                                                                */
.showinfo{
 color:red;
font-size:9px;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: inhalt-text.tpl                                            */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: inhalt-text.tpl                                            */
 /*                                                                                */
