/* 
==========================================================================
Allgemeine HTML-Elemente
==========================================================================
*/
*
{
	margin:0;
	padding:0;
}

html {
    font: normal 76% Verdana,Helvetica,Arial,sans-serif;
}


body
{
	background-color:#99B299 ;
	color:black;
	font-size: 1.1em;
}

a
{
	color:#316531;
	text-decoration:none;
}

img
{
	border:none;
}

/* 
==========================================================================
Positionierung Div-Element page
==========================================================================
*/
#page
{
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	width:900px;
	background-color:#fff;
}

/* 
==========================================================================
Seitenkopf
==========================================================================
*/
#header
{
	/*height:238px;*/
	font-weight:bold;
	text-transform:uppercase;
	list-style-type:none;
	overflow:hidden;
}

#logo
{
	text-align:center;
}

#headerimg
{
	height:105px;
	clear:both;
}

/* 
==========================================================================
Seitenkopf - Navigation
==========================================================================
*/
#nav:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav
{
	display: inline-block;
}

/* Hide from IE Mac \*/
#nav
{
	display: block;
}
/* End hide from IE Mac */

#menue 
{
	background-color:#316531;
}

#menue a 
{
	display: block;
	margin: 0px 3px;
	color:#fff;
}

#menue a:hover
{
	color:#99B299;
}

#nav, #nav ul 
{
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:1;
}

#nav li a
{
	padding:0.5em 0pt ;
}

#navtext
{
	padding: .5em 0;
	position:relative;
	top: .5em;
}

#nav li 
{
	float: left;
	position: relative;
	padding-left: 0.5em;
}

#nav li ul 
{
	display: none;
	position: absolute; 
	top: 1em;
	left: 0;
	background: transparent url(/cms/media.php/480/menubg.png);	
	z-index:1000;
}

#nav li li {
	clear: both;
	white-space:nowrap;
	float:none;
	padding:0;
	display:inline;
}

#nav li li a
{
	padding: .35em .2em;
}

#nav li > ul 
{
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul 
{ 
	display: block; 
}

#nav li.over ul 
{
	background: #668d66;
	top: 2.25em;
	left:.5em;
}

#nav li ul li a:hover
{
	color:#99B299;
}

/* 
==========================================================================
Barierefrei, Breadcrumb Bereich
==========================================================================
*/
#main
{
	height:100%;
	clear:both;
	padding-top: 1em;
}

#access
{
	float:left;
	width: 205px;
	padding-left: 20px;
}

#access img
{
	padding-left:0.25em;
}

#accessback 
{
	display:none;
}

#breadcrumb
{
	margin-left: 230px;
}

#breadcrumb ul
{
	list-style-type: none;
	margin-right: 1em;
}

#breadcrumb li
{
	background:transparent url(/cms/media.php/480/pfeil.gif) no-repeat scroll left center;
	padding:0 .5em 0 1em;
	display: inline;
}

/* 
==========================================================================
Inhaltsbereich
==========================================================================
*/
#content
{
	clear: both;
	padding:10px 0 0 10px;
}

#contentimg
{
	border:1px solid #fff;
	float:left;
	width:200px;
}

#contentimg img
{
	margin-bottom:10px;
}

#maincontent
{
	margin:0 0 0 15px;
	width:650px;
	float:left;
}

#maincontent h1
{
	font-size:1.4em;
	margin-bottom:0.5em;
	font-family: "Times New Roman",serif;
}

#maincontent h2
{
	font-size:1.1em;
	margin:0.5em 0 0.25em 0;
}

#maincontent h3
{
	font-size:1em;
	margin:0.25em 0 0.25em 0;
}

#maincontent ul
{
	margin-left:3em;
	clear:both;
}

#maincontent ul li
{	
	list-style-type:none;
	list-style-image:url(/cms/media.php/480/pfeil.gif);

}

#maincontent dt
{
	font-weight:bold;
}

#maincontent dd
{
	margin-left: 3em;
}

#maincontent table
{
	clear:both;
	border:0px solid #316531;
	border-collapse:collapse;
	margin-bottom:1em;
}

#maincontent table td,
#maincontent table th
{
	border:1px solid #316531;
	padding:0.25em 1em 0.25em 1em;
}

#maincontent table th,
#maincontent table thead td
{
	font-weight:bold;
	border-bottom:2px solid #316531;
}

#maincontent img.img_float_left
{
	clear:both;
	float:left;
	margin:0 10px 5px 0;
}

#maincontent img.img_float_right
{
	clear:both;
	float:right;
	margin-left:5px;
	padding-top:5px;
}

#maincontent img.img_float_none
{
	clear:both;
	padding-top:5px;
}

#maincontent div.teaser,
#maincontent div.produktgroup
{
	padding-top:10px;
	clear:both;
}

#maincontent div.teaser p,
#maincontent div.produktgroup p
{
	margin:0 0 5px 0;
}

#maincontent div.teaser a,
#maincontent div.produktgroup a,
#sidebar div.sidebarcontent a
{
	background:transparent url(/cms/media.php/480/pfeil.gif) no-repeat scroll left center;
	padding-left: 11px;
}

#maincontent div.produktgroup_text
{
	padding-left:120px;
}


/* 
==========================================================================
Warenkorb
==========================================================================
*/
#maincontent form
{
	padding-bottom:.5em;
}

#maincontent dl.wk_dl dt
{
	clear: left;
	float: left;
	width: 30%;
}

#maincontent dl.wk_dl dd
{
	overflow: hidden;
	margin-left: 0;
}

#maincontent dl.wk_dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#maincontent input.wk_btn
{
	width:8em;

}

#maincontent input.wk_inputtext
{
	margin-bottom:0.2em
} 

/* 
==========================================================================
Rechte Seite
==========================================================================
*/
#sidebar
{
	width:180px;
	float:left;
}

div.sidebarcontent
{
	margin-bottom:5px;
}

/* 
==========================================================================
Seitenfuss
==========================================================================
*/
#footer
{
	padding-bottom:13px;
	clear:both;
	text-align:center;
	line-height:16px;
}

#footer img
{
	display:inline;
	position:relative;
	top:15px;
}

#footer a
{
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:hover
{
	color:#316531;
}