/*--------------------------------------------
 [Table of contents]
 
 1. reset Styles
 2. global Styles
 3. text Formating
 4. global Classes
 5. nav styles
 	5.1 global
 	5.2 main nav
 	5.3 lang nav
 	5.4 sub nav
 6. layout
 	6.1 global
 7. content
 
 ------------------------------------------------*/



/*--------------------------------------*/
/* =1 Reset Style Sheet by 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,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}/* remember to define focus styles! */:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}



/*------------------------------*/
/* =2 global styles 			*/
html {
    height: 100%;
}
body {
    font: 75% Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    color: #707072;
    background: #ffffff;
    margin: 0;
}


/*------------------------------*/
/* =3 text formating 			*/
h1 {
    
	font-size: 1.4em;
    margin: 1em 0;
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 1.5em 0 1em 0;
}
h3, h4 {
    font-size: 1.1em;
    margin: 1em 0;
    color:#99a544;
}

h4 {
    margin-bottom:2px;
}

p, ul, ol, dl {
    margin: 1em 0;
}
input, textarea, label, select {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

a:link, a:visited {
    text-decoration: underline;
    color: #99a544;
}
a:hover, a:focus, a:active {
    color: #99a544;
	text-decoration: none;
}

strong { font-weight: bold; }
italic { font-style: italic; }

#content ul li, #main ul li {
	list-style: disc;
	margin-left:13px;
}

#content ol li, #main ol li {
	list-style:decimal;
	margin-left:20px;
}

#main ol {
	margin-left:20px;
}



/*------------------------------*/
/* =4 global classes 			*/
.more{
    padding-right: 10px;
    line-height: 1.8em;
    background: url(../img/mehr_lesen.gif) no-repeat right 0px;
}
.ir {
    position: absolute;
    top: -9999px;
    left: 0;
    width: 1px;
    height: 1px;
    margin: 0;
}
.clear {
	clear: both;
}


/*------------------------------*/
/* =5 nav styles 				*/


/* =5.1 global					*/
.nav {
    float: left;
    display: inline;
}
.nav ul {
    float: left;
}
.nav li {
    float: left;
    list-style: none;
}
.nav a {
    float: left;
    display: block;
}

/* =5.2 main nav				*/

#main_nav {
	/* IE6 Bug
	der div-Tag um die #main_nav muss sein:
	http://www.brunildo.org/test/IE_raf3.html
	*/
    position: absolute;
    left: 0;
    bottom: 0;	
    margin: 0;
	background: #707072;
	width: 820px;
	display: block;
	border-right: 1px solid #ffffff;
}
#main_nav li {    
	background: url(../img/background/main_nav_border.gif) no-repeat left center;
	position: relative;
}
#main_nav li ul {
	margin: 0;
	position: absolute;
	left: 0;
	top: 30px;
	display: none;
	background: #707072;
}
#main_nav .active ul {
	background: #99a544;
}
#main_nav li li {
	display: block;	
	background: none;
	width: 100%;
	white-space: nowrap;
}
#main_nav li a {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial;
	padding: 8px 10px;
}
#main_nav li.level1:hover ul {
	display: block;
}
#main_nav li.level1:hover a {
	color: #dddddd;
}
#main_nav li.active:hover a {
	color: #ffffff;
}
#main_nav .active a {
	background: #99a544;
}
#main_nav li li a {
	font-size: 0.9em;
	padding: 4px 10px;	
	width: 100%;
}
#main_nav .first {
   background: none;
}


/* =5.3 lang nav			*/

#lang_nav {
    position: absolute;
    top: 8px;
    right: 10px;
	margin: 0;
}
#lang_nav a {
	width: 27px;
	margin-left: 3px;
	height: 19px;
    text-decoration: none;
}
#lang_de { background: url(../img/background/lang_de.gif) no-repeat left top; }
#lang_en { background: url(../img/background/lang_en.gif) no-repeat left top; }



/* =5.4 sub nav				*/
#sub_nav {
    position: absolute;
    top: 46px;
    right: 10px;
	margin: 0;
}
#sub_nav a {
    padding: 0 0.5em;
	color: #504f54;
    text-decoration: none;
}


/*------------------------------*/
/* =6 layout 					*/


/* =6.1 global					*/
#page {
    width: 100%;
    background: #ffffff;
    border-top: none;
    padding-bottom: 50px;
}
#header {
    position: relative;
    width: 820px;
    height: 115px;
	float: left;
}
#header .inner {
	height: 75px;
	border-right: 2px solid #a4af58;
}
.inner {
	float: left;
	width: 820px;
}
#search {
	position: absolute;
	left: 460px;
	top: 41px;
}
#search label {
	padding-right: 5px;
}
#unlimited_header {
	float: left;
	width: 100%;
	background: #707072 url(../img/background/header.jpg) no-repeat left top;
	height: 158px;	 
}
#unlimited_header h2 {
	margin: 0;
}
#unlimited_header .inner {
	height: 158px;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
#logo {
    position: absolute;
    left: 20px;
    top: 0px;
}
#main {
    float: left;
    width: 820px;
    padding-bottom: 20px;
	border-right: 2px solid #a4af58;
}
#content {
    float: left;
    display: inline;
    width: 750px;
    padding: 20px 20px 20px 35px;
    background: #ffffff;
    text-align: justify;
}
#footer {
    clear: both;
	width: 770px;
	padding-left: 50px;
    border-right: 2px solid #a4af58;
}
#footer h3 {
	float: left;
	position: relative;
	top: 15px;
}
#footer_nav {
    float: left;
    margin: 0;
}
#footer_nav li {
    float: left;
    padding: 0px 8px;
}
#footer_nav li a {
	float: left;
	display: block;
	width: 102px;
	height: 67px;
	background-image: url(../img/background/footer_nav_links.gif);
	background-repeat: no-repeat;
}
#herbagreen a { background-position: 0 0; }
#herbaland a { background-position: 0 -67px; }
#animamineral a { background-position: 0 -134px; }
#phosgrow a { background-position: 0 -201px; }




/*------------------------------*/
/* =7 content 					*/