/* CSS PSEUDO KLASSEN */

body, html {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
	/*background-color: #FFFFFF;*/
	/* background-color: #e0e8f0; */
	text-align: center;
	line-height: 16px;
}

body {
	background: url(../sys_pics/background.gif);
}



img {
	border: none;
}

hr{
	border: none;
	background: #cecece;
	color: #cecece;
	height: 1px;
}



a:link,a:visited, a:active,a:hover {
	color: #006fb7;
	text-decoration: underline;
}



a:hover {
	text-decoration: underline;
	background:#d3e1ee;
}


h1 {
	font-size: 14px;
	font-weight: normal;
}



h2{
	font-size: 11px;
	font-weight: bold;
	line-height: 0px;
	display:inline;
}



h3 {

	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align:right;
	padding: 10px;
	padding-top:0px;
	border-bottom: 1px dashed #cecece;
}



h4{ 
	font-size: 11px;
	font-weight: bold;
	display:inline;
	color:#8b8b8b;
}



h5{ /* HEADLINE DES FLIESSTEXTES AUS DEM FELD TEXT DER DB */
	font-size: 11px;
	font-weight: bold;
	display:inline;
	color:#595959
}



.pdfHead{ /* HEADLINE FUER ANGEBOT PDFS */
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
}




input,select{ /* EINGABEFELDER EINZEILIG */
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #cecece;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
	background: #f2f2f2;
}


select:hover,input:hover,textarea:hover{
	background: #e0e8f0;
}



textarea{ /* TEXTAREAS */
	
	padding: 3px;
	border: 1px solid #cecece;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
	background: #fff;
	width:100%;
}


.submit {
	color: #006fb7;
	cursor:pointer;
	font-size: 11px;
}

.submit:hover {
	color: #fff;
	background: #006fb7;
	cursor:pointer;
	font-size: 11px;
}




.submit2 {
	color: #006fb7;
	background: #fff;
	cursor:pointer;
	font-size: 11px;
	border: 1px solid #006fb7;
}

.submit2:hover {
	color: #fff;
	background: #006fb7;
	cursor:pointer;
	font-size: 11px;
}


/* ENDE CSS PSEUDO KLASSEN */







.smalltxt{ /* FOOTERLINKS UND KLEINE AUSZEICHNUNGEN */
	font-size: 9px;
}

.normtxt{ /* DRUCKTEXT in PDFs */
	font-size: 12px;
	line-height: 16px;
}

.midtxt{ /* DRUCKTEXT in PDFs */
	font-size: 13px;
	line-height: 16px;
}


.bigtxt{ /* DRUCKTEXT in PDFs */
	font-size: 14px;
	line-height: 17px;
}

.pdfPreviewNavi{
	width: 100%;
	height:30px;
	background:#f2f2f2;
	padding:10px;
	border: 1px solid #cecece;	
	margin-bottom:2px;
}


.old{
	text-decoration:line-through;
}

.blau{ /* F?RBT SCHRIFT BLAU */
	color: #006fb7;
}

.rot{ /* F?RBT SCHRIFT ROT */
	color: #990000;
	text-decoration: none;
}



.rotUnder{ /* F?RBT SCHRIFT ROT */
	color: #990000;
	text-decoration: underline;
}


.orange{
	color: #f79c00
}



.grau{
	color: #595959;
}

.grauUnder{
	color: #595959;
	text-decoration: underline;
}


.grau:hover{
	text-decoration: underline;
}


.lightGrey{
	color:#909090;
}









#produktpreis{ 
	display:inline;
	border: 1px dashed #cecece;
	padding: 2px 10px 2px 10px;
	margin-left:35px;
	background:#fff;
}



#wrapper { /* ZENTRIERT DIE GESAMTE WEBSITE */
	margin: -2px; /* Ausgemittelt zw. IE u Firefox */
	text-align: left; /* TEXT WIEDER LINKS SETZEN */
	width: 913px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #FFFFFF;*/
}



#leiste {
	text-align: right;
   margin-top: 0px; 
	width: 913px;
   height: 21px;
	background: url(../sys_pics/leiste.gif);
}



#sprachen {
	margin-top: 0px; 
}

.deu {
	margin-top: 5px; 
	margin-right: 3px; 
}



.eng {
	margin-top: 5px; 
	margin-right: 17px; 
}


.pdf{
	position:fixed;
	top: 0px;
	left: 5px;
	z-index:1000;
}


#navi {
	margin-top: 0px;
	z-index:100;
}

#logo {
	margin-top: 0px;
        margin-left: 630px;
}

#headlinebox { 
	margin-top: 0; 
	width: 913px; 
	height: 18px; 
	background: #ffffff; 
	}

#headline {
	padding-left: 17px;
   width: 278px;
	height: 19px; /* war 18px wie headlinebox*/
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background: #006fb7;
	float:left; /* hierdurch kann nach der headline in der zeile noch etwas ausgegeben werden*/
}


#backToFinder{
	top:70px;
	margin-top:-35px;
	margin-bottom:15px;
	height: 20px; 
	width: 595px;
color:#990000;
}

#logintop {
	display:inline;
	margin-left: 10px; /* alt. 30 */
	color:#909090;

	
}

#mainbox {
		float: left;
		margin-top: 0px;
		 width: 913px;
        background-color: #f2f2f2;
        border-bottom: 1px solid #cecece;
        border-top: 1px solid #cecece;
	background: url(../sys_pics/2cols.gif) repeat-y;
	min-height:380px;
}

#leftbox {
	
	float: left;
	padding: 17px;
	margin-top: 0px;
   width: 261px;
       
}



#leftboxpic {
	
	float: left;
	padding: 11px 17px 17px 17px;
	margin-top: 0px;
   width: 261px;
       
}






#box1container {
	float: right;
	margin-top: 0px;
        width: 618px;
        background-color: #F2F2F2;
}

#box1 {
	
	padding: 7px 2px 4px 31px;
}



.vorgangOff {
	padding: 1px 20px 1px 20px;
	display:inline; /* inline Element kann keine width haben*/
	color: #909090;
	background: #ffffff;
	border: 1px dotted #cecece;
	width:130px; 
}

.vorgangOn {
	padding: 1px 20px 1px 20px;
	display:inline; /* inline Element kann keine width haben*/
	color: #fff;
	background: #006fb7;
	/*background: #97b2cc;*/
	border: 1px dotted #cecece;
	width:130px;
}


.iconspacer{
	margin-right:34px;
}


.buttonSpacer{
	margin-right:34px;
}

.produktButton{

	margin-right:34px;
	padding:10px;
	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 2px solid #006fb7;
	border-bottom: 2px solid #006fb7;
	background: #fff;
}



.finderButton{
	padding: 0 5px 0 5px;
	border-right: 2px solid #cecece;
	border-bottom: 2px solid #cecece;
	background: #fff;
}



.leftspacer{
	margin-left:30px;
}



#box2container {
	float: right;
	margin-top: 0px;
   width: 618px;
	/*border-bottom: 1px solid #cecece; */
	border-top: 1px solid #cecece;
	background: url(../sys_pics/headline_back.gif);
}


#box2{
	padding: 10px 0px 10px 31px;
	width:569px;
}


#box3container {
	float: right;
	margin-top: 0px;
	width: 618px;
	border-top: 1px solid #cecece;
}

#box3 {
	padding: 20px 0px 60px 31px;

}

.box3txt{
	margin-right:28px;
}



.fullWidth {
	width:913px;
}









#footerbox {
	
	float: right;
	text-align: right;
	width: 618px;

   background: #ffffff;
	}


.footerlink{
	float: right;
	padding: 10px 17px 17px 17px;
	border-left: 1px solid #cecece;
	height: 37px;
	}




.footerlink A:link {  color:#909090;}
.footerlink A:visited {  color:#909090;}
.footerlink A:active {  color:#909090;}
.footerlink A:hover {  color:#595959;}


.footerAdresse{
	width:879px;
	clear:both;
	padding:12px 17px 0 17px;
	text-align:center;
	color:#717171;
	margin-bottom:20px;
}



#suchbox {
	padding: 10px 17px 0 17px;
	color:#909090;
	text-align: left;
	float: left;
	
	height: 54px;
	width: 261px;
	background: #ffffff;
}



	
	
#zoom {
	position: absolute;
	display: none;
        top: 130px;
        text-align: center;
	padding: 20px 40px 40px 40px;
	width:833px;
   	border: 1px solid #006fb7;
	background: #f2f2f2;
}
	
	
	
	

	
	
	
	
	
	
	
	
	
	/* N A V I G A T I O N*/


.subnavrechts{ /* HACK UM DIE UNTERMENUS ZU VERSCHIEBEN */
left: -2px;
padding: 10px;
border: 1px solid #006fb7;
z-index:100;
}



/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 700px; /*For KHTML*/
	list-style: none;
	height: 24px;
	}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
	}


ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 180px;
	list-style: none;
	display: none;
	position: absolute;
	top: 47px;
	left: 14px;
	}



ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 180px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	}

/* Root Menu */
ul#navmenu a {
	 border-top: 1px solid #ffffff; /* FOR IE, sonst verschwindet das menue bei ?berschneidung mit text da leerraum 1px */
	  border-bottom: 1px solid #ffffff; /* FOR IE, sonst verschwindet das menue bei ?berschneidung mit text da leerraum 1px */
	padding: 0 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #fff;
	color: #666;
	font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #fff;
	color: #006fb7;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	padding: 0 0 0 4px;
	margin-top: 0px;
	margin-left: 2px;
	float: none;
	background: #006fb7;
	color: #ffffff;
	z-index:100;
	
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	margin-top: 0px;
	background: #97b2cc;
	color: #000;
	
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	margin-top: 0px;
	background: #97b2cc;
	color: #fff;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	margin-top: 0px;
	background: #cbd9e5;
	color: #000;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #cbd9e5;
	color: #444;
	width: 250px;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #e0e8f0;
	color: #000;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 180px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}



/* E N D E   N A V I G A T I O N */











/* P R O D U K T E */
.produktBild{
	width:259px;
	text-align:center;
	margin-bottom:3px;
}



/* SLIDER UND DARIN BEINHALTETE TABELLE */

#topslide1, #topslide2, #topslide3, #topslide4, #topslide5, #topslide6{
padding: 2px 0 2px 10px;

background: url(../sys_pics/leiste.gif);
border-bottom: 1px solid #595959;
cursor: pointer;
width: 559px;


}

#mainslide1,#mainslide2,#mainslide3,#mainslide4,#mainslide5,#mainslide6{
	padding: 17px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	width: 533px;
	display:none;
}



#mainslide2 /* fuer AUFBAUHILFE */
{ 
	overflow: auto;
	overflow-y: hidden;
	white-space:nowrap;
}



#mainslide2box /* fuer AUFBAUHILFE */
{ 
	overflow: auto;
	overflow-y: hidden;
	white-space:nowrap;
	width:4000px; /* wird per javascript aber auf die gesamtbreite der bilder gebracht */
}




#mainslide4 /* fuer ZUBEHOER */
{ 
	overflow: auto;
	height: 250px;
	overflow-x: hidden;
	white-space:nowrap;
}





#mainslide5 /* fuer Bildergalerie zum seitlich scrollen */
{ 
	overflow: auto;
	overflow-y: hidden;
	white-space:nowrap;
	background: #f2f2f2;
}



#gallerynav{ /* Navigation der Bildgalerie */
	padding: 17px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	width: 533px;
	display:none;
}



#plus1, #plus2, #plus3, #plus4,#plus5,#plus6{
	padding-right: 5px;
	float: left;
}

.datenblatt{

border-collapse: collapse;
	width: 100%;
}


.datenblatt td{
/*border-left: 1px solid #595959;*/
	border-right: 1px solid #595959;
	padding: 2px 6px 2px 6px;
	text-align: right;
}


.rowover{
	background: #fdffb9;
	font-size: 14px;
	font-weight: bold;
}


.abwechslung1{
	background: #e5e5e5;
}


.abwechslung2{
	background: #fff;
}

.tableheadleft{
	font-weight: bold;
	width:267px;
}

.tableheadtop{
	border-bottom: 1px solid #595959;
	font-weight: bold;
/*width: 200px;*/
}

.tablemain{
	border-bottom: 1px solid #595959;
	border-left: 1px solid #ffffff;
}

.selectedtable{
	background: #006fb7;
	color:#ffffff;
}

/* ENDE SLIDER */




/* STARTSEITE */

.startseitebild1{
	margin-left:87px;
	display:inline;
}

.startseitebild2{
	margin-left:37px;
	display:inline;
}

.startseitebildAngebote{
	vertical-align:middle;
	float:left;
	margin-right:10px;
}


.angebot{
	float:right;
	margin-right:88px;
}



/* Q-TIP */

div#qTip { 
	padding: 10px 17px 17px 17px;
	width: 235px;
	border-top: 1px solid #cecece; 
	border-left: 1px solid #cecece; 
	border-right: 2px solid #595959; 
	border-bottom: 2px solid #595959; 
	display: none; 
	background: #f2f2f2; 
	color: #595959; 
	font:  10px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 14px;
	text-align: left; 
	position: absolute; 
	z-index: 1000;
}



div#qTipZoom { 
	padding: 15px;
	min-width: 235px;
	border-top: 1px solid #cecece; 
	border-left: 1px solid #cecece; 
	border-right: 2px solid #595959; 
	border-bottom: 2px solid #595959; 
	display: none; 
	background: #f2f2f2; 
	color: #595959; 
	font:  10px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 14px;
	text-align: center; 
	position: absolute; 
	z-index: 1000;
}




/* 6 e r   R U B R I K   E I N Z E L S E I T E N */

.bilderbox{
	float:left;
	padding-right:18px;
	max-width:270px; 
	text-align:center;
	margin-bottom:20px;
}

.rahmen{
	border: 1px solid #cecece;
	margin-bottom:5px;
	padding: 5px;
	background:#f2f2f2;
}



/* ANFRAGELISTE */



.graueliste{
	padding: 8px;
	background:#f2f2f2;
	border:1px solid #cecece
}

.inliste{
	float:right;
	position:inherit;
}

.cellFloatLeft{ /* DIVS KÖNNEN SO MIT WIDTH ANGABE NEBEN EINANDER DARGESTELLT WERDEN*/
	display:table-cell;
	float:left;
	text-align:center;
}


.farbfeld{
	text-align:right;
	vertical-align:text-bottom;
	font-size: 9px;
	color: #000;
	border: 1px solid #cbcbcb;
	width: 28px;
	height: 20px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;

}



.anfragetxt{
	width: 550px;
}

.kontaktTextfeld{
	width:468px;
	background:#f2f2f2;
}


.anfragelisteMicro{ /* FRAME OBEN IM PRODUKTFINDER */
	background:#f2f2f2; 
	width:558px;
	height:200px;
	text-align:right;
}




/* PRODUKTFINDER */

.produktfinder { /* SELECT ELEMENT AUF PRODUKTFINDER SEITE */
	border: 1px solid #cecece;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #fff;
	width: 190px;
	margin-bottom: 10px;
}







.finderobjekt{
	padding-top: 8px;
	background:#f2f2f2;
	margin-right: 10px;
	margin-bottom:10px;
	float:left;
	text-align:center;
	width:165px;/* 119-4er und 167-3er */
	height:204px;
	border: 1px solid #cecece;
}






.galleryobjekt{
	padding-top: 8px;
	background:#f2f2f2;
	margin-right: 10px;
	margin-bottom:10px;
	float:left;
	text-align:center;
	width:165px;/* 119-4er und 167-3er */
	height:150px;
	border: 1px solid #cecece;
}









.rotBorder{ /* F?RBT SCHRIFT ROT */
	border:1px solid #990000;
}




/* SITEMAP */

.sitemap , .newsbox{
	border: 1px solid #cecece;
	background: #f2f2f2;
}




/* K U N D E N K O N T O */
.borderTr{
	border: 1px solid #cecece;
}

.disabled{
	color:#b0b0b0;
}


.produktFarbe{
	width:15px;
	height:15px;
	border:1px solid #595959;
}




/* SUCHE */

.highlight{
	background: #97b2cc;
	color: #000;
	/*
	background: #ffff00;
	color: #000;
	*/
}

.inputweiss{ /* EINGABEFELDER EINZEILIG */
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #cecece;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
	background: #fff;
}

.suchBild{
	float:left;
	padding-right:10px;
	padding-bottom:5px;
}







/* PRESSEMITTEILUNGEN */
.newsPic{
	border: 1px solid #cecece;
	margin-bottom:5px;
	width:233px;
	padding: 15px;
	background:#f2f2f2;
	float:right;
	margin-bottom:20px;
}





/* NEWS */
.newsText{
	width: 465px;
	float: right;
}

.newsImg{
	float:left;
	background:#f2f2f2;
	padding:5px;
	border: 1px solid #cecece;
	margin-right:10px;
}












/* COOKIE UND JAVASCRIPT WARNING */
.warning{
	padding: 5px;
	color:#990000;
	background:#f5caca;
	border:1px solid #990000;
	text-align:center;
}



/* S H O P */
.colorPicker{
	
	height:15px;
	
}


.farbAusgabe{
	border:1px solid #cecece;
	position:absolute;
	width:17px;
	height:17px;
	display:none;
	
}




/* TABELLEN STYLES FUER WARENKORB,ANFRAGELISTE,BESTELLSTATUS,AEHNLICHE PRODUKTE */


.status{
	width:132px;
	height:22px; 
	text-align:center;
	padding-top:4px;
	float:left;
	color: #ffffff;
	font-weight: bold;
}





.trBack{
	background:#f2f2f2;
	height:52px;
}



.trBorder{
	background:#f2f2f2;
	border:1px solid #cecece;
}



.tdLeft{
	border-left:1px solid #cecece;
}

.tdRight{
	border-right:1px solid #cecece;
}

.nettoHighlight{
	background:#e4e4e4;
}

.tdWhite{
	background:#fff;
	width:19px;
}



.warenkorb_add{

	margin-left:33px;
	clear:both; 

}



.posRight{
	margin-bottom:60px;
	text-align:left;
	float:right

}




li.liste { 
	margin-left:-20px;
}





.infoKasten2{
	height:200px;
	width: 251px;
	overflow: auto;
	overflow-x: hidden;
	border: 1px solid #cecece;
	padding:5px;
}
































/* ANGEBOTS PDF TABELLEN ETC */
.userField{
	height:30px;
	width:300px;
	margin-right:60px;
	border-bottom: 1px solid #595959;
}


.userAnrede{
	width:10px;
	height: 10px;
	border: 1px solid #595959;
	margin-right:20px;
}


.userTable {
	margin-right:30px;
}


.angebotsTable{
	border-collapse: collapse;
}

.angebotsTable td{
	border: 1px solid #595959;
	padding: 5px 10px 5px 10px;
}


.angebotsTable2{
	border:1px solid #ffffff;
}






/* VIDEOS */
.videoImg{
	background:#fff;
	padding:5px;
	border: 1px solid #cecece;
	margin-right:10px;
	width: 65px;
}



.videoSelection { 
	overflow: auto;
	height: 532px;
	overflow-x: hidden;
	white-space:nowrap;
}















/* DESIGN AND PROGRAMMING BY TOBY JERG */