@charset "utf-8";
/* CSS by Lars Zimmermann */
/* www.artworx3d.de */
/* Last change: November 30, 2008 */


/* CSS resetting work is done by famous Eric Meyer ------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


img, div, a { behavior: url(css/iepngfix.htc) }


body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:14px;
	color:#4e5154;
	/* Removed because of iframe integration */
	/* background:#585e63 url(../images/bg.gif) left top repeat-x; */	
	background-color:#ffffff;
	}
	
#main	{
	margin:0 auto;
	width:890px;
	height:200px;
	/* Removed because of iframe integration */
	/* background:url(../images/bg_top.gif) right top no-repeat; */
	}
	
#logo	{
	float:left;
	margin:30px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	color:#cbd1d7;
	}
	
#logo p {
	margin:1px 0 0 45px;
	}
		
		
#suche	{
	float:right;
	margin:55px 20px 0 0;
	display:inline;
	}
	
	
/******************** NAVIGATION ************************/	

#nav {
	clear:both;
	float:left;
	width:885px;
	margin-top:53px;
	position:relative;
	z-index:1000;
	background:url(../images/nav_bg_rechts.gif) right top no-repeat; 
	}

/******************** NAVIGATION  1. EBENE ************************/

#nav ul {
	float:left;	
	list-style-type:none;
	padding-left:23px;
	background:url(../images/nav_bg_links.gif) left top no-repeat;
	}

#nav ul li {     
	float:left;		
	position:relative;
	margin:0 5px;
	}

#nav ul li a {
	float:left;
	color:white;
	font-size:13px;
	padding:5px 15px;
	text-decoration:none;
	background:none;
	}
	
#nav ul li a.active {
	color:#fff;	
	background:#939da7;	
	}

#nav ul li a:hover {
	background:#939da7;
	}	

#nav ul li.buttonorange {
	margin-left:20px;
	display:inline;
	}

#nav ul li.buttonshop a {
	font-weight:bold;
	padding:5px 41px 5px 87px;	
	background:url(../images/nav_bg_buttonorange.gif) left top no-repeat;
	}
	
#nav ul li.buttonshop a:hover {
	background:url(../images/nav_bg_buttonorange_over.gif) left top no-repeat;
	}	

	
#nav ul li.buttoninfoportal a {
	font-weight:bold;
	padding:5px 41px 5px 69px;	
	background:url(../images/nav_bg_buttonorange.gif) left top no-repeat;
	}
	
#nav ul li.buttoninfoportal a:hover {
	background:url(../images/nav_bg_buttonorange_over.gif) left top no-repeat;
	}		

/******************** NAVIGATION  2. EBENE ************************/	

/* hide the sub levels and give them a positon absolute so that they take up no room */

#nav ul li ul {
	visibility:hidden;
	position:absolute;	
	top:26px;	
	left:0; 	
	padding:0;
	}

#nav ul li ul li {	
	margin:0;
	border-top:1px solid white;
	}

#nav ul li ul li a {
	width:220px;
	color:#4e5154;
	background:#e9eef2;	
	}

#nav ul li ul li a:hover{
	color:white; 
	background:#3e454d;
	}

/******************** NAVIGATION  DROP KLASSE FÜR MENUPUNKTE MIT SEITLICHEM PFEIL ************************/


#nav ul li ul li a.drop {      
	background:#e9eef2 url(../images/nav_pfeil.png) top right no-repeat;
	}

#nav ul li ul li a.drop:hover{  
	background:#3e454d url(../images/nav_pfeil.png) right -29px no-repeat;
	}

#nav ul li ul li :hover > a.drop {
	background:#3e454d url(../images/nav_pfeil.png) right -29px no-repeat;
	}	


/******************** NAVIGATION  3. EBENE ************************/


#nav ul li ul li ul {
	position:absolute;
	left:250px;
	top:-1px;
	}	

#nav ul li ul li ul li {
	border-left:1px solid white;
	}	

#nav ul li ul li ul li a {
	width:222px;
	background:#d6dce1;
	}


/******************** NAVIGATION  FUNKTIONALITÄTEN ************************/

/* style the table so that it takes no part in the layout - required for IE to work */

#nav table {
	position:absolute; 
	top:0;
	left:0;
	}

/* make the second level visible when hover on first level list OR link */

#nav ul li:hover ul,
#nav ul a:hover ul{
	visibility:visible; 
	}

/* keep the third level hidden when you hover on first level list OR link */

#nav ul :hover ul ul{
	visibility:hidden;
	}

/* make the third level visible when you hover over second level list OR link */

#nav ul :hover ul :hover ul{ 
	visibility:visible;
	}
	
	
/********** CONTENT ***********/

#contentarea {
	clear:both;
	float:left;
	position:relative;
	z-index:1;
	min-height:400px;
	width:800px;
	/* Removed because of iframe integration */
	/* margin-top:9px; */
	background:white url(../images/content_bg_top.gif) left top no-repeat;
	}

.content_column {
	float:left;	
  width:500px;
  /* Removed because of iframe integration */
	/* margin:34px 0 0 43px; */	
	display:inline;	

	}
	
.content {
	clear:both;
	float:left;
	width:100%;
	padding-bottom:15px;
	}
	
.content img {
	vertical-align:text-bottom;
	}		

.context_column {
	float:left;
	width:250px;	
	margin:34px 0 0 50px;
	display:inline;	
	font-size:11px;		
	}
	
.dotted {
	padding-top:25px;
	background:url(../images/dotted.gif) left top repeat-x;
	}		
	
/********** CONTENT ***********/

#zettel {
	position:absolute;
	top:12px;
	right:-70px;
	width:171px;	
	z-index:100;
}


#zetteloben {
	background:url(../images/zettel_top.png) left top no-repeat;	
}

#zettelmitte {
	padding-top:45px;	
	min-height:82px;
	text-align:center;
	width:171px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#867063;
	background-image:url(../images/zettel_mitte.png);
	background-position:bottom;
	background-repeat:no-repeat;		
}

#zettelcontent {
	padding-bottom:25px;
}

#zettelbottom {
	height:10px;	
	background:url(../images/zettel_bottom.png) left top no-repeat;		
}
	


/********** FOOTER ***********/	
	
#footer {
	clear:both;
	float:left;
	position:relative;
	width:885px;
	height:200px;
	padding-top:80px;
	text-align:center;
	color:#adb3b8;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	background:url(../images/content_bg_bottom.gif) left top no-repeat;	
	}
	
#footer a {	
	color:#adb3b8;
}

#footer a:hover {	
	color:white;
	text-decoration:none;
}

#footer ul {
	margin-bottom:8px;
}

#footer li {	
	display:inline;
	padding:0 10px;
	border-right:1px solid #adb3b8;
}

#footer li.noborder {	
	border:0;
}


#produktbottom {
	position:absolute;
	top:0;
	left:0;
	}
	
	
/********** HTML ***********/		



h1 {
	font-size:28px;	
	margin-bottom:12px;
	color:#f76b32;
	font-weight:bold;
	letter-spacing: -0.01em;	
}

.content h1 a {
	text-decoration:none;
	color:#f76b32;	
}

.content h1 a:hover {
	color:#f76b32;	
	text-decoration:underline;
}

.einleitung {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	}

h2	{
	font-weight:bold;
	color:#f76b32;
	margin:40px 0 20px 0;	
	}

h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.5;
}

.box p {
	font-size:11px;
	}
	
.box ol {
	font-size:11px;
	margin-left:20px;
	}
	
.box ol li {
	margin-bottom:4px;
	}
	
.box img {
	float:left;
	padding:5px 5px 5px 0;
	}
	
.more {
	font-weight:bold;
	text-decoration:underline;
	}			

a.more:hover {
	color:#777c80;
	}

h4 {
	font-size:10px;	
	margin-bottom:12px;
}

h5 {
	font-size:16px;	
	margin-bottom:5px;
	font-weight:bold;
}

p	{
	margin-bottom:10px;
	line-height:1.6;	
}


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

.content a {
	text-decoration:underline;
	}


input	{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	border:1px solid #a7aeb4;
	background:white url(../images/input_bg.gif) left bottom repeat-x;
	}

input#button {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	color:#fff;
	border:1px solid #868e96;
	background:#868e96;
	}


	
#zettelmitte a {
	color:#867063;	
}	

#zettelmitte p {
	margin-bottom:0;	
}