/* CSS Document */





/* wrapper holds left faux column tab */

/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body height: 600px;*/

#wrapper {

	text-align: left;

	width: 1000px;

	margin: 20px auto;

	background: #fff url(bilder/background.gif) repeat-y 50% 0;

	z-index: 1;

}



#header, #subnav {

	clear: both; 

	width: 1000px;

}



#header {

	height: 114px;

	background-color: #dddedf;

}



#breadcrumb {

	clear: both;

	height: 14px;

	padding-left: 35px;

	width: 945px;

	color: #FF6600;

	z-index: 4;

}



#footer {

	clear: both;

	width: 1000px;

	margin: -20px auto;

	height: 20px;

	padding: 4px 8px 4px 4px;

	text-align: right;

}

#fusstext {	

	float: left;

	clear: both;

	width: 1000px;

	margin: -20px auto;

	height: 20px;

	padding: 4px 8px 4px 4px;

	text-align: center;

}



#contentfloatholder:after {

 /* this is for NN6 to clear floats */

    content: "."; 

    display: block; 

	height: 0px;

    clear: both; 

    visibility: hidden;

}



#center {

	width: 530px;

	min-height: 500px;

	margin-right:0;

	float: left;

}

#right {
	width: 205px;
	padding: 0px 10px 0px 15px; 
	float: right;
	margin-top: 6px;
	position: relative;	
}

#left {
	width: 220px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	background-color: #feebd3;
}

#subnav {

	padding: 0;

	height: 26px;

} 





/************* IE Mac CSS Only  works for Win too *************

div h3  {

margin: 6px 0;

padding: 0 6px; 

}

*/

/*------------------------------------------------------------------------*/

#logo  {

	float: right;

	width:251px;

	height:68px;

	background-image: url(bilder/bizerba_logo.gif);

	background-repeat: no-repeat;

	margin-top: 20px;

	margin-left: 0px;

}





* html #contentContainer #center {text-align:left;} /* ie6 misbehaves */

* html #contentContainer #center table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Customise the standard HTML

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.breadcrumb {font-size: 10px;}

#breadcrumb a:link, a:visited, a:active {

	color: #000;

	text-decoration: none;

}

/*.bildrand {float:left; margin-top:5px; margin-bottom:5px} */

.ueb-quad-or li{

background-image:  url(bilder/quadrat-orange.gif);

background-repeat: no-repeat;

background-position: 0 .45em;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 0.9em;

	color: #000;

	margin: 0px 0px 0px 5px !important /*Non-IE*/; margin: 0px 0px 0px 0px/*IE*/;

	padding: 0px 0px 0px 18px !important /*Non-IE*/; padding: 0px 0px 0px 0px/*IE*/;

	list-style-position: inside;

	list-style-type: none;

	line-height: 1.8em;

}





.ueb-quad-or a:hover {

	color: #FF6600;

}



.link-mit-quadrat {

background-image:  url(bilder/quadrat-orange.gif);

background-repeat: no-repeat;

background-position: 0 .45em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.98em;

	font-weight: bold;

	list-style-position: inside;

	line-height: 1.2em;

	padding: 2px 0px 0px 18px !important /*Non-IE*/; padding: 2px 0px 0px 16px /*IE*/;

	margin: 10px 0px -6px 0px !important /*Non-IE*/; margin: 1px 0px 0px 0px /*IE*/;

	list-style-type: none;

}



.quadrat-body {

background-image:  url(bilder/quadrat-orange.gif);

background-repeat: no-repeat;

background-position: 0px 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	list-style-position: inside;

	line-height: 16px;

	padding: 2px 0px -2px 18px !important /*Non-IE*/; padding: 2px 0px 0px 16px /*IE*/;

	margin: 10px 0px -2px 0px !important /*Non-IE*/; margin: 1px 0px 0px 0px /*IE*/;

	list-style-type: none;

}



.quadrat-normal {

background-image:  url(bilder/quadrat-orange.gif);

background-repeat: no-repeat;

background-position: 0px 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	list-style-position: inside;

	line-height: 16px;

	padding: 2px 0px -2px 18px !important /*Non-IE*/; padding: 2px 0px 0px 16px /*IE*/;

	margin: 10px 0px -2px 0px !important /*Non-IE*/; margin: 1px 0px 0px 0px /*IE*/;

	list-style-type: none;

}



li.q-liste-black {

	list-style-position: outside;

	margin-left: -20px;

	list-style-type: none;

	list-style-image: url(bilder/quadrat-black.gif);

}



.q-liste-bold {

	clear: both;

	font-size: 12px;

	font-weight: bold;

	margin: 0px 0px -10px 0px !important;

}



.quadrat-rechts-Ueberschrift-fett {

	font-family: Arial, Helvetica, sans-serif;

	clear: both;

	font-size: 13px;

	font-weight: bold;

	margin: 15px 0px 0px 0px !important;

	line-height: 15px;

	color: #000;

}



.quadrat-rechts-11Punkt {

	font-size: 11px;

	line-height: 15px;

	padding-left: 15px;

	background-image:  url(bilder/quadrat-o-small.gif);

	background-repeat: no-repeat;

	background-position: 0px 4px;

}



.quadrat-links-11Punkt {

	font-size: 11px;

	line-height: 13px;

	padding-left: 15px;

	margin-left: 8px;

	background-image:  url(bilder/quadrat-black.gif);

	background-repeat: no-repeat;

	background-position: 0px 4px;

}



.link-normal {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;

}



a:link, a:visited, a:active {

	color: #000;

	text-decoration: none;

}



a:hover {

	color: #FF6600;

	text-decoration: none;

}

hr {

	margin: 5px 0px 5px 0px;

	color: #603;

	border: 0;

	border-top: 1px solid #603;

	height: 1px;

}

/* Page Headings */

.U1 {

	list-style-type: none;

	list-style-position: outside;

	list-style-image: url(bilder/quadrat-orange.gif);

	line-height: 20px;

	margin-left:-20px;

	margin-top: 5px;

	margin-bottom: 5px;

	font-size:17px;

	color: #000000;

	font-family:Geneva, Arial, Helvetica, sans-serif;

}



h1 {margin: 0;

	padding:0;

	font-size:14px;

	margin-top: 5px;

	margin-bottom: 5px;

	color: #f29400;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	line-height: 20px;

}

h2, h3 {

	margin-top: 0px;

	

	/* color: #f29400; */

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	margin-bottom: 0px;

	padding-bottom: 0px;

	line-height: 1.3em;

}

h2  {font-size:1.1em; color: #f29400;}

h3  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	margin-top: 10px;

}



h4  {

	font-size:11px;

	color: #000;

	margin-top: 10px;

}



body { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	/* background-color: #f29400; */

	background-color: #fff; 

	margin: 0;

	line-height: 18px;

}



.bildtitel {

	font-size:10px !important;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	line-height: 12px;

}

.bildtitel-fett{

	font-size:10px !important;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	line-height: 12px;

	font-weight:bold !important;

}



.bildtitel-fett-10-left{

	font-size:10px !important;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	line-height: 12px;

	font-weight:bold !important;

	margin-left: 8px;

	display: block;	

}



.text09-small-bold {

	font-size: 9px;

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	line-height: 11px;

}

.text09-small {

	font-size: 9px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	line-height: 11px;

}

.text10 { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	margin: 0;

	line-height: 14px;

}

.text_10px { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin: 0;

	line-height: 14px;

}



.link_text_11px {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-top: 2px;

	line-height: 14px;

	display: block;



}



.textbody_11px {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-top: 2px;

	line-height: 14px;

}

.bildtitel-quad {

	font-size:0.8em;

	color: #000;

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	line-height: 1.2em;

}

.impressum {

	font-size:0.8em;

	color: #000;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align: right;

}

form {margin: 0;}



blockquote 	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-style:italic;

	color: #666;

	border-left: 2px solid #666;

	padding-left: 10px;

	font-size: 1.2em;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	####	Header Menu #####

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */



 ul.menu, li.menu { /* List Formatierung loeschen */

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#nav {

	height: 100%;

	background: #666666;

	/* background: #693b2c;*/

	 

	border-left: 1px solid #000; /*  Strich links in Navigation */

	padding:0;

	background-image: url(bilder/back-black.jpg);

	background-position: 0 0;

	background-repeat: repeat-x;/**/

}

#navContainer {

	padding:0 0 0 36px;

	margin: 0;

	display:block;

	clear:both;

	background-color: #666666;

	background-image: url(bilder/back-black.jpg);

	background-position: 0 0;

	background-repeat: repeat-x;

	min-height: 26px;

}

#nav ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-size: 0.8em;

	

	width: auto;

	/*text-transform: uppercase;

	(Disappearing List-Background)

	http://www.positioniseverything.net/explorer/ie-listbug.html

	*/

	position: relative; /* Fix the Stupid IE6 Bug */

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#nav li {

	/*

	(Disappearing List-Background)

	http://www.positioniseverything.net/explorer/ie-listbug.html

	*/

	position: relative; /* Fix the Stupid IE6 Bug */

}



/*  1. Ebene Link und Formatierung horizontale ausrichtung */

#nav ul li {float: left; color: #fff; text-align: left; font-weight: normal; border-right: 1px solid #000;  line-height: 1.4em;}

#nav ul li a {display: block;  padding: .5em .8em .5em .8em;  color: #fff; text-decoration: none; }



/* 1. Ebene Formatierung und over Effekte */

#nav li a:focus, #nav ul li a:hover {background: #f29400; color: #000; background-image: url(bilder/back-orange.png); background-position: 0 -1px; background-repeat: repeat-x;}

#nav li a:active, #nav a.menu-current  {background: #f29400; color: #000; background-image: url(bilder/back-orange.png); background-position: 0 -1px; background-repeat: repeat-x;}



/* Aktuell gew?hlte Seite Anpassungen orange*/ 

#nav li.menu-current a	{background: #f29400; color: #fff;  font-weight: bold;} 



/* Current page Anpassungen*/

#nav li.menu-current a {background: #f29400; color: #000; border-bottom: 1px solid #000;font-weight: bold; background-image: url(bilder/back-orange.png); background-position: 0 -1px;

background-repeat: repeat-x;}

#nav .menu-parent a {background: #f29400; color: #000; border-bottom: 1px solid #000;font-weight: bold; background-image: url(bilder/back-orange.png); background-position: 0 -1px;

background-repeat: repeat-x;}



/* 2. Menueebene*/

#nav .menu li ul {position: absolute; width: 13em; margin-top: 0; display: none; text-transform: none;  font-size: 100%;}

#nav .menu li ul  a {width: 16em; background: #c8c9c9; color: #000; border: 1px solid #000; border-right: 0px; margin-top: -1px ;}

#nav .menu li ul a:hover {background: #f29400;  color:#000;}

#nav .menu-parent li a {background: #f29400; color: #fff; border-bottom: 1px solid #000;font-weight: bold; }





/* 3. Menueebene Aussehen */

#nav .menu ul li ul li a { width: 13em; padding: .5em 0em .5em 0em; margin-left: 0px; background: #dbdddc; color: #000; }

#nav .menu ul li ul li ul { width: 13em; background: #dbdddc; color: #000; }

#nav .menu ul li ul li a:hover { background: #f29400; color: #000; }



/* 4. Men?ebene Aussehen 

#nav .menu li ul li ul li ul a { width: 12em; padding: .6em .1em .6em .4em; margin-left: 10px; background: #c8c9c9; color: #000; }*/

#nav .menu li ul li ul li ul a {width: 12.6em; margin-left: 0px !important /*Non-IE*/; margin-left: 0/*IE6*/; background: #c8c9c9; color: #000; }

#nav .menu li ul li ul li ul a:hover  {background: #f29400; color: #000; }









/* Show and hide */

#nav .menu li ul ul,

#nav .menu li:hover ul ul, 

#nav .menu li:hover ul ul ul, 

#nav .menu li.subMenu ul ul ul,

#nav .menu li.subMenu ul ul

{display: block;}



#nav .menu li:hover ul, 

#nav .menu ul li:hover ul,

#nav .menu ul ul li:hover ul,

#nav .menu li a:focus ul, 

#nav .menu li.subMenu ul, 

#nav .menu li li.subMenu ul 

{display: block;}



/* Positioning the Pop-out Drops */

#nav li {position: relative;}



#nav ul ul ul{

	position: absolute;

	top: 0px;

	left: 100%;

}

#nav #currentpage a {

	background: #000;

	color: #fff;

	}

/* Linke Navigationsspalte */

#produktnav {

	position:absolute;

	padding-top:40px;  padding-top:11px; 

	margin-top: 30px;

	margin-left: 5px;



}



#menu {

	/*background-color: #FEEACF;*/

	background-color: #eaeaea; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity:0.9;

	display: block;

	width: 210px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 12px;

}	



#menu ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#menu li a {

	display: block;

	padding: 4px 15px;

	width: 180px;

	border-bottom: 1px solid #fff;

}

/* 2. Ebene */

#menu li ul a {

	padding: 4px 5px 4px 25px;

}

/* 3. Ebene */

#menu li ul ul a {

	width: 170px;

	padding: 4px 0 4px 40px;

}

/* 4. Ebene */

#menu li ul ul ul a {

	width: 155px;

	padding: 4px 0 4px 55px;

}



/* 5. Ebene */

#menu li ul ul ul ul a {

	width: 140px;

	padding: 4px 0 4px 70px;

}



#menu a:link, #menu a:visited {

color: #000;

text-decoration: none;

}



#menu a:hover {

	background-color: #f29400;

	color: #000 !important;

	font-weight: bold;

}

#menu .menu-current {

	background-color: #f29400;

	font-weight: bold;

	background-image: url(bilder/current.gif);

	background-repeat: no-repeat;

	background-position: 5px 7px; 

}



#menu .menu-parent {

	font-weight: bold;

	background-image: url(bilder/expand.gif);

	background-repeat: no-repeat;

	background-position: 5px 7px; 

	color: #f29400 !important;

}

/*

#menu .menu-child {

	background-color: #FFCF88;

}



#menu  .menu-top {

	border-top: 1px solid #fff;

}



#menu  .menu-expand {

	background-image: url(bilder/expand.gif);

	background-repeat: no-repeat;

	background-position: 180px 10px; 

} */



	

/* end menu */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Kopfnavigation eaeaea */

/* ~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





#kopfnav {

	padding:0;

	margin: 0;

	background-color: #dddedf; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity:0.9;

}



#kopfnav ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-size: 0.8em;	

	width: auto;

	position: relative; /* Fix the Stupid IE6 Bug */

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#kopfnav li {

	position: relative; /* Fix the Stupid IE6 Bug */

}





/*  1. Ebene Link und Formatierung horizontale ausrichtung */

#kopfnav ul li {float: left; color: #000; text-align: left; font-weight: normal; line-height: 1.3em;}

#kopfnav ul li a {display: block;  padding: .5em .8em .5em .8em;  color: #000; text-decoration: none; }



/* 1. Ebene Formatierung und over Effekte */

#kopfnav li a:focus, #kopfnav ul li a:hover {background: #f29400; color: #000;}

#kopfnav li a:active, #kopfnav a.menu-current  {background: #00ffff; color: #00ffff;}



/* Aktuell gewaehlte Seite Anpassungen orange*/ 

#kopfnav li.menu-current a	{background: #f29400; color: #fff;  font-weight: bold;} 



/* Current page Anpassungen*/

#kopfnav li.menu-current a {background: #f29400; color: #000; border-bottom: 1px solid #000;font-weight: bold;}

#kopfnav .menu-parent a {background: #f29400; color: #000; border-bottom: 1px solid #000;font-weight: bold;}



/* 2. Menueebene*/

#kopfnav .menu li ul {position: absolute; z-index: 10; width: 13em; margin-top: 0; display: none; text-transform: none;  font-size: 100%;}

#kopfnav .menu li ul  a {width: 16em; background: #c8c9c9; color: #000; border: 1px solid #000; border-right: 1px solid #000; margin-top: -1px ;}

#kopfnav .menu li ul a:hover {background: #f29400;  color:#000;}

#kopfnav .menu-parent li ul a {background: #f29400; color: #fff; border-bottom: 1px solid #000;font-weight: bold; }





/* 3. Menueebene Aussehen */

#kopfnav .menu ul li ul li a { width: 13em; padding: .5em 0em .5em 0em; margin-left: 0px; background: #dbdddc; color: #000; }

#kopfnav .menu ul li ul li ul { width: 13em; background: #dbdddc; color: #000; }

#kopfnav .menu ul li ul li a:hover { background: #f29400; color: #000; }



/* 4. Men?ebene Aussehen 

#kopfnav .menu li ul li ul li ul a { width: 12em; padding: .6em .1em .6em .4em; margin-left: 10px; background: #c8c9c9; color: #000; }*/

#kopfnav .menu li ul li ul li ul a {width: 12.6em; margin-left: 0px !important /*Non-IE*/; margin-left: 0/*IE6*/; background: #c8c9c9; color: #000; }

#kopfnav .menu li ul li ul li ul a:hover  {background: #f29400; color: #000; }









/* Show and hide */

#kopfnav .menu li ul ul,

#kopfnav .menu li:hover ul ul, 

#kopfnav .menu li:hover ul ul ul, 

#kopfnav .menu li.subMenu ul ul ul,

#kopfnav .menu li.subMenu ul ul

{display: block;}



#kopfnav .menu li:hover ul, 

#kopfnav .menu ul li:hover ul,

#kopfnav .menu ul ul li:hover ul,

#kopfnav .menu li a:focus ul, 

#kopfnav .menu li.subMenu ul, 

#kopfnav .menu li li.subMenu ul 

{display: block;}



/* Positioning the Pop-out Drops */

#kopfnav li {position: relative;}



#kopfnav ul ul ul{

	position: absolute;

	top: 0px;

	left: 100%;

}

#kopfnav a {

	color: #000000;

	}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	Custom Classes (Re-useables)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	

/*  Float containers fix: */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

/*  \*/

* html #clearfix {

	height: 1%;

}

/*  */



.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



/* Inline font Styles */

/* Pretty styles for changing text in the WYSIWYG editor */



.important	{font-weight:bold;color:#f00;}

.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}



.info-box {

	width: 97%;

	font-size: 11px;

	display: block;

	border: 1px solid #f29400;

	background-color:#FEEACF;

	padding: 4px 6px;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Search Box in banner */

/* ~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#search_box {color: #fff; text-align: left;}

#search_box {float: right;	clear: right;	width: 190px ; margin-right:10px;}

#search_box fieldset {border:0;}

#search_box legend, #search_box label {display:none;}



#search_string {

	margin-top:3px;

	width: 100px;

	height: 14px;

	font-size: 10px;

	vertical-align: top;

	border: 1px inset #ccc;

}

#search_submit {

	width: 50px;

	height: 20px;

	margin-top:2px;

	padding: 0 0 3px 0;

}

.search_submit {

	font-size:11px;

	margin-top:0;

}



/* Customise the Login Box */

#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}

#login-box fieldset {border:0;text-align:center;}

#login-box legend		{

	font-size: 90%;

	text-transform: uppercase;

	font-family:"Times New Roman", Times, serif;

	color: #333;

	font-weight: normal;

	letter-spacing: 0.15em;

}

.username {color: #009;} /* Color of name when logged in*/

.topboxbody {font-size:0.8em;padding:2px;}



#login-box input {

	text-transform: uppercase;

	font-size: 10px;

	margin: 5px 0px 1px 0px;

	width: 100px;

}