/*----------------------------- CSS  reformhaus-seefeld.ch  CSS ------------------------*/
/*----------------------------- CSS  von naef-grafik.ch     CSS ------------------------*/
/*----------------------------- CSS  SCREEN.ch              CSS ------------------------*/

.schloss
{
padding-left:620px;
}

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
/*	background-color:#ced60f;*/
	background: url(../bilder/hg4.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body
{
	font-size: 15px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #006e2f;
	padding-top:70px;
	min-height: 101%;	
/*	background:	url(../bilder/bg_0.gif) no-repeat left top,
				url(../bilder/bg_1.gif) no-repeat top,
				url(../bilder/bg_3.gif) no-repeat right top,
				url(../bilder/bg_4.gif) no-repeat right bottom,				
				url(../bilder/bg_2.gif) no-repeat bottom,
				url(../bilder/bg_5.gif) no-repeat left bottom;
	min-height: 101%;*/
}

p
{
	font-size: 15px;
	color: #006e2f;
	line-height: 1.4em;
	padding-bottom: 20px;
}

.produzenten /*p Text in Grün */
{ 
	color:#96b314;
	font-size: 15px;	
}

h1
{
	font-size: 33px;
	letter-spacing: 2px;
	font-weight: lighter;
	padding-bottom: 12px;
	line-height: 1.2em;
	color: #96b314;
}

h2
{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 35px;
	line-height: 1.4em;
}

.wenigbottom
{
	padding-bottom: 10px;
}

a
{
	color: #006e2f;
	text-decoration: underline;
}

a#current
{
	color: #96b314;
}


/*------------- Layout -------------*/

	
#container
{
	width: 850px;
	height: auto;
	margin: 0px auto 0 auto;
    position:static;
}

.header
{
	width: 850px;
	height: 208px;
	border-bottom: 2px solid #ced60f;
/*	background:url(../bilder/show_seefeld_01.jpg) no-repeat;*/
}

/*#imageline
{
	width: 850px;
	height: 208px;
	border-bottom: 2px solid #ced60f;
	background:url(../bilder/show_seefeld_01.jpg) no-repeat;
}*/

#header_print
{
	display: none;
}

.header_print
{
	display: none;
}

#content
{
	width: 850px;
	height: auto;
	float: left;
	background:url(../bilder/hintergrund_border.gif) repeat-y #fff;
}

#inhalt
{
	width: 636px;
	min-height:300px;
	float: left;
	padding: 35px 30px 15px 30px;
	background-color: #fff;
}


/*------------- Öffnungszeiten -------------*/

#oeffnungszeiten
{
	height: 208px;
	width: 133px;	
	margin-top:0;
	padding-left:17px;
	z-index:5;
    position:absolute;
	background-color:#006e2f;
	background:url(../bilder/logo_reformhaus_seefeld.gif) no-repeat #006e2f;	
}

#oeffnungszeiten p
{
	font-size: 12px;
	line-height: 17px;	
	color:#fff;
	padding-bottom:5px;
}

.top
{
	margin-top:90px;
}



/*------------- Footer -------------*/

#footer
{
	background-color: #006e2f;
	height: 19px;
	width: 668px;
	float: right;
	padding: 2px 0 0 30px;
	border-top: 2px solid #ced60f;
}

.adresse
{
	color: #fff;
	font-size: 12px;
}


/*------------- Bild Einkaufskorb -------------*/

#einkaufskorb
{
	height:400px;
	width:210px;
	background-color:#334422;
	z-index:5;
	margin-left:-65px;
	margin-top:250px;	
    position:absolute;
	background:url(../bilder/einkaufskorb.gif) no-repeat;
}



/*------------- Newsletter -------------*/

#newsletter { 
	height:60px;
	width:140px;
	z-index:4;
	margin-left:800px;
	margin-top:230px;	
	position:absolute;
}

#newsletter img { 
	border:none;
}


/*------------- Hauptnavigation -------------*/

#hauptnavicont
{
	letter-spacing: 1.5px;
	width: 152px;
	height: auto;
	float: left;
}

#subnavicont
{
	width:150px;
	padding: 3px 0;
	border-bottom: 2px solid #ced60f;
}

#hauptnavi li
{
	list-style-type: none;
}

#hauptnavi a
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 2px solid #ced60f;
	display: block;
	padding: 2px 0 2px 16px;
	text-decoration: none;
}


/*------------- Unternavigation -------------*/
               
#hauptnavi a:hover
{
	background-color: #006e2f;
	color: #fff;
}

#hauptnavi a#hncurrent
{
	color: #fff;
	background-color: #006e2f;
	border-right: 2px solid #e3e698;	
}

#hauptnavi ul ul
{
	padding: 3px 0;
	border-bottom: 2px solid #e3e698;
}

#hauptnavi li li a
{
	font-size: 11px;
	padding-left: 16px;
	display: block;
	border: none;
}

#hauptnavi li li a:hover
{
	color: #96b314;
	background-color: #fff;
}


/*------------- Servicenavigation -------------*/

#servicenavicont
{
	color:#FFFFFF;
	height: 22px;
	width: 150px;
	float: right;
	padding-top: 5px;
}

#servicenavicont_mitLogin
{
	color:#FFFFFF;
	height: 22px;
	width: 180px;
	float: right;
	padding-top: 5px;
}

#servicenavicont_mitLogin img
{
	padding:0;
	margin:0;
}

#servicenavi li
{
	list-style-type: none;
	display: inline;
}

#servicenavi a
{
	font-size: 12px;
	padding-right:10px;
	text-decoration:none;
}

#servicenavi a:hover, #servicenavi a#sncurrent
{
	text-decoration:underline;
}


/*------------- Inhalt -------------*/

#inhalt a
{
	color: #96b314;
	font-weight: normal;
	text-decoration: underline;	
}

#inhalt a:hover
{
	color: #006e2f;
	text-decoration: underline;
}

.lageplan {
	font-size:12px; 
	color:#554433; 
	text-align:right;
	padding-top:10px;
	}

acronym { /*für Kommentartexte */
	color:#FF0000;
	font-size:10px;
}

span.rot
{
	color: #cc071e;
}

/*------------- Aktuell News Box -------------*/

h3
{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	color: #96b314;
}

.aktuell
{
	border: 1px dotted #96b314;
	padding:30px 20px 20px 20px;
	margin-bottom:15px;
	background:url(../bilder/icon_aktuell.gif) no-repeat top left;	
}

p.aktuell_text
{
	padding-bottom: 0px;
}

p.aktuell_rot
{
	color: #cc071e;
	padding-bottom: 0px;
}


/*------------- Inhalt: Naturkosmetik -------------*/

.logo_kosmetik {
	float: left;
	width: auto;
	margin: 0px 15px 25px 0;
}

.logo_kosmetik img{
	border: 1px #ffffff solid;
	margin: 0px;
	padding: 0px;
 }

.logo_kosmetik img:hover{
	border: 1px #96b314 solid;
}

.clearboth { 
	clear: left; 
	}

.float {
	float:left;
}

/*img#bg { für flexibles Hintergrundbild
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}*/


/*------------- Inhalt: Links -------------*/

#links_spalte_1 { 
	width:190px;
	float:left;
}

#links_spalte_2 { 
	width:210px;
	float:left;
	padding-left:30px;
	border-left:#666666 dotted 1px;
}

#links_spalte_3 { 
	width:200px;
	float:left;
}


/*------------- Logo Probon -------------*/

.probon {
	vertical-align:middle;
	display: table-cell;
	min-height: 10em;
}

.probon img {
	border:none;
	margin-right:5px;
}

.probon img:hover {
	border: 1px #96b314 solid;
}



/*------------- Portrait Fotos -------------*/

.portrait 
{ 
	width:105px;
	height:230px;
	padding:0 75px 20px 0;
	float:left;
}

.portrait p
{ 
	padding-top:10px;
}

span.portrait_bez
{
	font-size: 15px;
	color: #96b314;
}