/* 
*
* CSS Document für Biomineral
* (c) Sara Gehrmann, ICSmedia
* 2006-11-20
*
*/


* {
	margin:0;
	padding:0;
}

BODY {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../grafik/bg-grauer-verlauf.jpg);
	background-repeat:repeat-x;
	background-color:#E6E9EE;
	font-size:11px;
	line-height:17px;
	color: #636466;
}

A {
	text-decoration:none;
	border:hidden;
	color:#5D9A09;
}

P {
	margin-bottom:15px;
	padding: 0px;
}

STRONG{
	color:#636466;
	font-weight:bold;

}


H2 {
	color:#A3A5A8;
	font-size:16px;
	font-style:bold;
	margin-bottom:30px;

}


H3 {
	color:#636466;
	font-size:11px;
	font-style:bold;
	line-height:17px;
	margin-bottom: 30px;

}

H4 {
	color:#2B6D08;
	font-size:13px;
	font-style:bold;
	line-height:17px;
	padding:75px 0px 0px 5px;
	float:left;
}

H5 {
	color:#5D9A09;
	font-size:10px;
	font-weight:bold;
	margin-top:20px;
	float:left;
}

H6 {
	font-style:italic;
	font-size:11px;
	font-weight:bold;
	padding-top:9px;
	
}

.subtitle {
color:#A3A5A8;
font-size:16px;
font-style:bold;
margin-bottom:30px;
}

.teasertext {
  color:#636466;
	font-size:11px;
	font-style:bold;
	line-height:17px;
	margin-bottom: 30px;
	margin-left:114px;
	font-weight:bold;
}


/*---------- äußerer Rahmen ----------*/
#rahmen {
	margin: 0px auto;
	width:917px;
}


/*----------header----------*/

#header {
	background-image:url(../grafik/rapport-navi2.jpg);
	background-repeat:repeat-x;
	width:916px;
	height:90px;
	position:relative;
}

#header-logo {
	padding:8px 0px 0px 10px;
}

#header-grafik-links {
	background-image:url(../grafik/grafik-links-layout.jpg);
	background-repeat:no-repeat;
	position:absolute;
	height:750px;
	width:45px;
	left: -45px;
}

.header-shop{
	padding:30px 0px 0px 30px;
}


/*----------navigation----------*/

.navigation {
	height:24px;	
}

.navigation_1 A, .navigation_2 A, .navigation_3 A, .navigation_4 A, .navigation_5 A, .navigation_6 A, .navigation_7 A {
	width:131px;
	float:left;
	background-repeat: no-repeat;
	height:24px;
	display:block;
	border:#00CC99;
}

.navigation_1 A:hover, .navigation_2 A:hover, .navigation_3 A:hover, .navigation_4 A:hover, .navigation_5 A:hover, .navigation_6 A:hover, .navigation_7 A:hover {
	width:131px;
	float:left;
	background-repeat: no-repeat;
	height:24px;
	display:block;
	border:#00CC99;
}

.navigation_1 A {
	background-image:url(../grafik/navi-schuessler-salze.jpg);	
}

.navigation_1 A:hover, .navigation_1 A.current {
	background-image:url(../grafik/navi-schuessler-salze_mo.jpg);	
}

.navigation_2 A {
	background-image:url(../grafik/navi-produkte.jpg);	
}

.navigation_2 A:hover, .navigation_2 A.current {
	background-image:url(../grafik/navi-produkte_mo.jpg);	
}

.navigation_3 A:hover, .navigation_3 A.current {
	background-image:url(../grafik/navi-globuli_mo.jpg);	
}

.navigation_3 A {
	background-image:url(../grafik/navi-globuli.jpg);	
}

.navigation_4 A {
	background-image:url(../grafik/navi-service.jpg);	
}

.navigation_4 A:hover, .navigation_4 A.current {
	background-image:url(../grafik/navi-service_mo.jpg);	
}
.navigation_5 A {
	background-image:url(../grafik/navi-unser-koerper.jpg);	
}

.navigation_5 A:hover, .navigation_5 A.current {
	background-image:url(../grafik/navi-unser-koerper_mo.jpg);	
}
.navigation_6 A {
	background-image:url(../grafik/navi-philosophie.jpg);	
}

.navigation_6 A:hover, .navigation_6 A.current {
	background-image:url(../grafik/navi-philosophie_mo.jpg);	
}
.navigation_7 A {
	background-image:url(../grafik/navi-haeufige-fragen.jpg);	
}

.navigation_7 A:hover, .navigation_7 A.current {
	background-image:url(../grafik/navi-haeufige-fragen_mo.jpg);	
}



A.navigation1_selektiert {
	background-image:url(../grafik/navi-schuessler-salze.jpg);
    background-repeat:no-repeat;
    color:#FF3333;
}

/*----------unternavigation----------*/


#navigation_1, #navigation_2, #navigation_4, #navigation_5 {
	position:absolute;
	width:132px;
	z-index:1;
	visibility:hidden;
	float:left;
	font-size:10px;
}

#navigation_1 ul li, #navigation_2 ul li, #navigation_4 ul li, #navigation_5 ul li {
	list-style:none;
	list-style-type:none;
}

#navigation_1 A, #navigation_2 A, #navigation_4 A, #navigation_5 A {
	color:#231F20;
	background-color:#C1C6CD;
	padding:0px 9px 0px 9px;
	border:1px solid #FFFFFF;
	border-bottom: 0;
  height: 100%; /* fix ie */
	display:block;
}

#navigation_1 A:hover, #navigation_2 A:hover, #navigation_4 A:hover, #navigation_5 A:hover {
  background-color:#636466; 
	color:#FFFFFF;
}

#navigation_1 {
	top:54px;
	
}
#navigation_2 {
	top:18px;
	left:131px;
}

#navigation_4 {
	top:36px;
	left:393px;
}

#navigation_5 {
	left:524px;
}

#navigation_1 a.current, #navigation_2 a.current, #navigation_4 a.current, #navigation_5 a.current {
  background: #999DA2; color: #fff;
}

/*----------content----------*/

#content {
	padding: 48px 20px 20px /*134*/20px; 
	float:left;
	width: 614px;
}


#content H1 {
	color:#5D9A09;
	font-size:24px;
	font-style:bold;
	margin: 0px 0px 15px 64px;
}

#content h2 {
  margin: 0 0 30px 114px;
}

#content h3 {
  margin: 0 0 20px 114px;
}

#content-bg {
	background-image:url(../grafik/header-hintergrund-grafik.jpg);
	background-repeat:no-repeat;
	width:916px;
	background-color:#FFFFFF;
}

.content-text {
	margin-bottom:15px;
	float:left;
}


/*----------content-PRODUKTE----------*/


.dunkel{
	background-color:#E6E6E6;
}

.hell{
	background-color:#FFFFFF;
}

TABLE IMG {
	padding:7px 4px 7px 7px;

}

TABLE .wichtig {
	color:#5D9A09;
	font-size:11px;
	font-weight:bold;
	
}

/*----------content-FAQ----------*/

.content-faq {
	border-bottom:2px dotted #414042;
	margin-bottom:5px;
	padding-bottom:10px;
}

.faq-text{
	padding-left:30px;
}


.faq-punkt {
	width:27px;
	height:27px;
	float:left;
}


/*----------content-KONTAKT----------*/


#formular{
	margin:30px 0px 0px 0px;
}

.formular-text{
	font-size:10px;
	font-weight:bold;
	color:#545454;
}

#formular input {
  width: 180px;
}

#formular textarea {
  width: 180px; height: 120px;
}



/*----------teaser----------*/

#teaser{
	margin:50px 1px 0px 0px;
	float:right;
	background-repeat:no-repeat;
}


.teaser-text{
	font-size:11px;
	color:#231F20;
	padding:5px 10px 20px 5px;
	float:left;
}


#teaser-1 {
	margin-top:88px;
	background-image:url(../grafik/teaser-schuessler-salze.jpg);
	width:206px;
	height:226px;
	
}

#teaser-2 {
	margin-top:20px;
	background-image:url(../grafik/teaser2-schuessler-salze.jpg);
	width:206px;
	height:226px;
	 
}

IMG.link-pfeil{
	padding:78px 0px 0px 3px;
	height:9px;
	width:9px;
	float:left;
	border:none;
}


/*----------footer----------*/

#footer{
	background-color:#2B6D08;
	width:916px;
	height:15px;
	color: #FFFFFF;
	float:none;
	clear:both;
	margin-bottom:10px;
}

#footer P {
	margin:0px 0px 0px 134px;
}

#footer A{
	text-decoration:none;
	border:hidden;
	color:#FFFFFF;
	padding: 0px 5px 0px 5px;

}

/* div {
	border:1px solid #00CC99
} */