/*******   i m p o r t   t e x t - s t y l e s   ********/
@import url(styles.css);

/*******   m a i n   d e f a u l t s   ********/
html, body { height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; font-family: Verdana, "Gill Sans", sans-serif;
/*\*/ /* because Mac IE5 don't understand */ }

/* for internet explorer */
* html body {	padding-top:104px; padding-left:0; padding-bottom:10px; }
body.def, body.coll2 { overflow:hidden; background-color:#c3c5c8; }

img { padding:0; margin:0; border:none; }
div { padding:0; margin:0; border:none; }
div.scroll, div.cont-scroll, div#l-container, body { scrollbar-3dlight-color:#fff; scrollbar-arrow-color:#231f20; scrollbar-base-color:#e5e4e6; scrollbar-darkshadow-color:#fff; scrollbar-face-color:#e5e4e6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#ccbb89; }

ul { margin:0; padding:0; }
li { margin:0 0 0 15px; padding:0; }
h1, h2, h3, h4 { padding:0; margin:0; border:none; font-weight:normal; }
.clear { clear:both; margin:0; padding:0; border:none; font-size:1px; height:1px; line-height:1px; }

/*******   l a y o u t   ********/

/*******   c o n t a i n e r   ********/
div#l-container { position:fixed; width:530px; top:0; left:0; margin:104px 0 0 168px; bottom:10px; background-color:#e5e4e6; }
/* for internet explorer */
* html #l-container { height:expression((document.documentElement.clientHeight || document.body.clientHeight) -114 +"px"); }
body.def div#l-container { overflow:auto; }
body.coll2 div#l-container { overflow:auto; overflow-x:hidden; overflow-y:auto; background-image:url(/_images/bg/bg_border_coll.gif);  }

/*******   h e a d e r   *******/
div#l-header { position:absolute; z-index:99; top:0; left:0; width:926px; height:104px; overflow:hidden; }
div#h01 { height:20px; padding:0 0 0 10px; width:926px; background-color:#c3c5c8; }

/*** head corner ***/
div#h0201 { float:left; width:168px; height:84px; border:10px solid #fff; background-color:#dadadc;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:148px; /* angabe standart */
	height:64px;
}

/*** head title ***/
div#h0202 { float:left; width:530px; height:84px; border:solid #fff; border-width: 10px 0 10px 0; background-color:#fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:64px; /* angabe standart */
}

div#h0201 div.lang, div#h0202 div.lang { padding:6px 8px 0 8px; height:34px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:29px; /* angabe standart */
}

div#h0201 div.title, div#h0202 div.title  { margin:6px 8px; }
div#h0202 div.title div.left { float:left; }
div#h0202 div.title div.right { float:left; width:252px; text-align:right; }

/*** head logo ***/
div#h0203 { float:left; height:84px; border:10px solid #fff; background-color:#fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:64px; /* angabe standart */
}

/*** spacerer left/right ***/
div.l-spacer { height:104px; }

/*******   l e f t   c o l u m n   ********/
div#l-left { position:absolute; z-index:2; top:0; left:0; width:168px; height:100%; border:solid #fff; border-width: 0 10px; overflow:hidden; background:#8e8e92; /* 8e8e92 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:148px; /* angabe standart */
}

/*******   r i g h t   c o l u m n   ********/
div#l-right { position:absolute; z-index:3; top:0; left:698px; width:206px; height:100%; border:solid #fff; border-width: 0 10px; overflow:hidden; background:#fff; /* e5e4e6 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:186px; /* angabe standart */
}

/*** box ***/
div#l-right div.title { background-color:#c3c5c8; text-align:center; height:30px; padding: 6px 8px 0 8px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:24px; /* angabe standart */
}
div#l-right div.cont-scroll { overflow:auto; height:124px; } /* scroll-ebene */
div#l-right div.cont { padding:6px 8px; } /* inhalt */
div#l-right div.cont div.news { margin:0 0 8px 0; } /* news */

/* mitarbeiterinnen */
div#l-right div.image { padding:12px 16px 0 16px; } /* inhalt */
div#l-right div.mitarb { padding:8px 16px; } /* text */
div#l-right div.mitarb div#mitarb-statement { text-indent:-10px; } /* statement */
div#l-right div.mitarb div#mitarb-name { margin-top:8px; } /* statement */

div#l-right div.box { border:solid #fff; border-width:0 0 10px 0; }
div#l-right div.box-mitarb {  }

/*******   f o o t e r   ********/
div#l-footer { position:absolute; z-index:98; bottom:0; left:0; width:904px; height:10px; overflow:hidden; background:#fff; }

/*******   c o n t e n t   l a y o u t   ********/
body.def div#l-container div.scroll { }
body.coll2 div#l-container div.scroll { }

/*******   produkte  ********/
div#l-container div.scroll div.title { height:40px; padding: 3px 8px 0 8px; background-color:#e5e4e6; background-image:url(/_images/bg/bg_content_title.gif); background-repeat:repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:37px; /* angabe standart */
}
/*******   produkte  ********/
div#l-container div.scroll div.title-2 { height:57px; padding: 3px 8px 4px 8px; background-color:#e5e4e6; background-image:url(/_images/bg/bg_content_title_2.gif); background-repeat:repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:50px; /* angabe standart */
}
div#l-container div.scroll div.title-3 { height:55px; padding: 5px 8px 4px 8px; background-color:#e5e4e6; background-image:url(/_images/bg/bg_content_title_2.gif); background-repeat:repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:50px; /* angabe standart */
}
div#l-container div.scroll div.title-4 { height:40px; padding: 6px 8px 0 8px; background-color:#e5e4e6; background-image:url(/_images/bg/bg_content_title.gif); background-repeat:repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:34px; /* angabe standart */
}
div#l-container div.scroll div.cont { width:490px; margin:10px 0 0 10px; } /* inhalt */
div#l-container div.scroll div.cont div#e-text { margin:10px 0 0 0; }
div#l-container div.scroll div.cont div.img-left { float:left; width:154px; margin: 10px 16px 0 0; }
div#l-container div.scroll div.cont div.text-right { float:left; width:320px; margin: 10px 0 0 0; }

div#l-container div.scroll div.cont div.img-left-g { float:left; width:250px; margin: 10px 16px 10px 0; }
div#l-container div.scroll div.cont div.text-right-g { float:left; width:224px; margin: 10px 0 0 0; }

/*** content produkte kuverts & direktwerbung ***/
div.coll { float:left; width:260px; }
div.coll-01 { float:left; width:240px; }
div.space { float:left; width:10px; }

div.coll div.title { height:40px; padding: 3px 8px 0 8px; background-color:#e5e4e6; background-image:url(/_images/bg/bg_content_title.gif); background-repeat:no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:37px; /* angabe standart */
}

div.coll-cont { padding:0 10px 0 10px; }
div.coll-cont-01 { padding:0 0 0 10px; }

div.coll-cont-brands { padding:8px 10px; margin-bottom:10px; background-color:#f1f2f3; }

/* dotted lines */
div.dotted-w { height:1px; font-size:1px; background-color:#fff; background-image:url(/_images/global/dotted_line_w.gif); background-repeat:repeat-x; }
div.dotted-r { height:1px; font-size:1px; background-image:url(/_images/global/dotted_line_r.gif); background-repeat:repeat-x; }
div.img-main { height:1px; }

/* form button */
input.button, input.buttontxt { border:3px double #999; border-top-color:#ccc; border-left-color:#ccc; padding:1px 3px; margin: 6px 0 0 0; background-color:#eeeeee; background-image:url(/_images/bg/bg_button.gif); background-repeat:repeat-x; color:#333333; font-family:Verdana,Helvetica,sans-serif; font-size:11px; font-weight:bold; }
input.field, input.fieldtxt, textarea.field, textarea.fieldtxt { background:#f4f4f4; border:1px solid #999; /* padding-right:0; padding-left:2px; */ padding:2px 0 2px 2px; margin: 2px 0 2px 0; border-bottom: solid 1px #e6e6dc; border-right: solid 1px #e6e6dc; font-family:Verdana,Helvetica,sans-serif; font-size:12px; background-image:url(/_images/bg/bg_forms.gif); background-repeat:repeat-x; }	/* fields */
input.errHilite { background:#cce6ff; border:1px solid #999; padding-right:0; padding-left:2px; margin: 2px 0 2px 0; border-bottom: solid 1px #e6e6dc; border-right: solid 1px #e6e6dc; font-family:Verdana,Helvetica,sans-serif; font-size:11px; background-image:url(/_images/bg/bg_forms_err.gif); background-repeat:repeat-x; }
input.fieldtxt { width:256px; }
textarea.fieldtxt { width:490px; height:50px; }
input.buttontxt { width:126px; }

/* form layout */
div.formlbl2 { float:left; width:124px; margin: 2px 0 0 0; }
div.formfld2 { float:left; width:366px; }
div.formfld31 { float:left; width:70px; margin: 3px 0 0 0; }
div.formfld32 { float:left; width:40px; }
div.formlbl31 { float:left; width:30px; margin: 2px 0 0 0; }
div.formlbl32 { float:left; width:326px; margin: 2px 0 0 0; }
div.formlbl30 { float:left; width:70px; margin: 2px 0 0 0; }

/*******   c o n t e n t   ********/

/*******   n a v i g a t i o n   ********/
/* box */
div#l-left div#nav { width:168px; font-family:Verdana, Arial, sans-serif; }

/* links allgemein */
a:link, a:hover, a:visited, a:active, a:focus { text-decoration:none; color:#231f20; }
a.white:link, a.white:hover, a.white:visited, a.white:active, a.white:focus  { color:#fff; }

		#theMenu { width:148px; padding: 0; margin:0; border:none; }
		.xtraMenu { margin:0; padding:0; border:none; }
		#theMenu ul li a.sel { background-color:#b2b4b8 ! important; }
		#theMenu ul ul li a.sel { background-color:#c0c0c0 ! important; }
		/* Some list and link styling */
		#theMenu a, #theMenu a:link, #theMenu a:hover  { text-decoration:none; }
		
		#theMenu ul li { padding:0; margin:0; }
		#theMenu ul li a { display:block; color: #000; background-color: #e5e4e6; padding: 8px 0 8px 10px; font-size: 11px; font-weight: normal; }
		#theMenu ul li a:hover { display:block; color: #000; background-color: #b2b4b8; padding: 8px 0 8px 10px; font-size: 11px; font-weight: normal; }
		#theMenu ul ul li { padding:0; margin:0; }
		#theMenu ul ul li a { display:block; color: #000; padding: 8px 0 8px 10px; font-size: 11px; font-weight: normal; }
		#theMenu ul ul li a:hover { display:block; color: #000; background-color: #b2b4b8; padding: 8px 0 8px 10px; font-size: 11px; font-weight: normal; }

		/* For the xtra menu */
		#theMenu ul ul ul li { padding: 0; margin-bottom: 0; }
		#theMenu ul ul ul li a { display:block; color: #000; background-color: #999999; padding: 8px 0 8px 10px; font-size: 11px; font-weight: normal; }
		#theMenu ul ul ul li a:hover { display:block; color: #000; background-color: #c0c0c0; padding: 8px 0 8px 10px; font-size: 11px; font-weight: normal; }

		/* ul { margin:0; padding:0; border:none; } */
		#theMenu ul { margin:0; padding:0; border-bottom: 1px solid #fff; }
		#theMenu li { list-style-type: none; margin:0; padding:0; border-bottom: 1px solid #fff; }
		h3, h4 { margin:0; padding:0; border:none; }

		/* Header links styling */
		h3.head a {
			color: #fff;
			display:block;
			font-size: 13px;
			font-weight: normal;
			background-color: #8e8e92;
			padding: 8px 0 8px 10px;
			/* min-height:17px; */
		}
		h3.head a:hover {
			color: #fff;
			background-color: #7c7d80;
		}
		h3.selected a {
			color: #000;
			background-color: #fff;
			padding: 8px 0 8px 10px;
		}
		h3.selected a:hover {
			color: #000;
			background-color: #fff;
		}

		/* Xtra Header links styling */
		h4.head a {
			color: #fff;
			display:block;
			border-bottom: 1px solid #fff;
			font-size: 11px;
			font-weight: normal;
			background-color: #c3c5c8;
			padding: 8px 0 8px 10px;
			/* min-height:17px; */
			margin:0;

		}
		h4.head a:hover {
			color: #fff;
			background-color: #b2b4b8;
		}
		h4.selected a {
			background-color: #e5e4e6;
			color: #fff;
			padding: 8px 0 8px 10px;
		}
		h4.selected a:hover {
			color: #fff;
			background-color: #e5e4e6;

		}

/* 1.level*/
a.item1, a.item1:link, a.item1:visited, a.item1:hover, a.item1:active, a.item1:focus { padding:8px 0 8px 10px; color:#fff; font-size:13px; font-weight:normal; text-decoration:none; display:block; }
div#nav div.m1-b a.item1 { color:#000 ! important; }

/* box 1.level */
div#nav div.m1-a { background-color:#7c7d80; } /* over #711617 */


/*******   n a v i g a t i o n   ********/

/*******   p r i n t   v e r s i o n   ********/
@media print
  	{
		html, body { height:100%; max-height:100%; overflow:visible; padding:0; margin:0; border:0; font-family: Verdana, "Gill Sans", sans-serif;
		/*\*/ /* because Mac IE5 don't understand */ }
		body.def, body.coll2 { overflow:visible; background-color:white; }

		/* for internet explorer */
		* html body { padding:0; background-color:white; }
		div#l-container { position:inherit; width:720px; top:0; left:0; bottom:0; margin:0; background-color:white; background-image:none !important; }
		/* for internet explorer  */
		* html #l-container { height:auto; }

		body.def div#l-container { overflow:visible; }
		body.coll2 div#l-container { overflow:visible; }

		div#l-header { display:none; }
		div#l-left { display:none; }
		div#l-right { display:none; }
		div#l-footer { display:none; }
		div.title { background-color:#fff !important; background-image:none !important; }
		div.dotted-r { display:none; }
		div.cont div.dotted-r { display:block; }
		/* texte */
		.text11white, .text11whitebold { color:#000; }
		.text8white, .text8whitebold { color:#000; }
		/* texte */
		a.white:link, a.white:hover, a.white:visited, a.white:active, a.white:focus  { color:#000; }
		div#l-container div.scroll div.cont { width:640px; margin:10px 0 0 10px; } /* inhalt */
		div#l-container div.scroll div.cont div.text-right { float:left; width:470px; margin: 10px 0 0 0; }
		div#l-container div.scroll div.cont div.text-right-g { float:left; width:374px; margin: 10px 0 0 0; }
	}
/*******   p r i n t   v e r s i o n   ********/