/*CSS Document*/
/*Grundstock www.sarnowskis.decimal
------------------------------------------------------------------------------------------------------------------------------------*/
body{
    min-height: 100%;
	background-color:#ecd4e2;	
    font-family: Myriad Pro, Trebuchet MS, Arial;     
    font-size: 16pt;
	line-height: 20pt;
    color: #ecd4e2;
}
.container{
    width: 980px;
	margin: auto;
}


/*Kopfbereiche --- außer BIO!!!
---------------------------------------------------------------------------------*/
#header{
    width: 980px;
	height: 160px;
	background: url(../images/header_wc.png) center no-repeat;	
	
}
#logo a{
    background: url(../images/logo.png) center no-repeat;
	width: 475px;
	height: 160px;
	margin-left: 10px;	
	display: block;
	text-indent: -999999px;	
}
#brand a{
    background: url(../images/brand.png) center no-repeat;
	width: 250px;
	height: 140px;
	margin-left: 10px;	
	display: block;
	text-indent: -999999px;	
}



/*NAVIGATIONSBEREICHE; Hauptnavigation
---------------------------------------------------------------------------------*/
#navi{    
	padding: 10px 0 15px 30px;
	width: 950px;
	height: 33px;
	background-color: #330033;
	border-bottom: solid 3px #ecd4e2;
}
#navi ul{    
    list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navi li{
    display: inline;
}
a.navilink{
	font-family: Trebuchet MS, Arial;
    font-size: 18px;
    color: #ff9933;
    margin-left: 0px;
    padding: 5px 12px 7px 32px;
	text-decoration: none;
    float: left;	
}
a.navilink:hover{
    color: #ecd4e2;
	text-decoration: none;
}
strong.aktiv{
    color: #ecd4e2;
	text-decoration: none;
}
a.navilink-start{
    font-size: 18px;
    color: #ff9933;
    margin-left: 0px;
    padding: 5px 12px 7px 13px;
	text-decoration: none;
    float: left;	
}
a.navilink-start:hover{
    color: #99ccff;
	text-decoration: none;
}

/*Navigation für Homeseiten Elke, Stefanie (und Perlua später noch)
---------------------------------------------------------------------------------*/
#navi-home{    
	padding: 10px 0 15px 30px;
	width: 950px;
	height: 33px;
	background-color: #330033;
	border-bottom: solid 3px #ecd4e2;
}
#navi-home ul{    
    list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navi-home li{
    display: inline;
}
a.navilink{
	font-family: Trebuchet MS, Arial;
    font-size: 18px;
    color: #ff9933;
    margin-left: 0px;
    padding: 5px 12px 7px 32px;
	text-decoration: none;
    float: left;	
}
a.navilink:hover{
    color: #ecd4e2;
	text-decoration: none;
}
strong.aktiv{
    color: #ecd4e2;
	text-decoration: none;
}
a.navilink-start{
    font-size: 18px;
    color: #ff9933;
    margin-left: 0px;
    padding: 5px 12px 7px 13px;
	text-decoration: none;
    float: left;	
}
a.navilink-start:hover{
    color: #99ccff;
	text-decoration: none;
}


/*Navigation für die BIO Seiten (später)
---------------------------------------------------------------------------------*/
#navi-bio{    
	padding: 10px 0 15px 70px;
	width: 910px;
	height: 33px;
	background-color: #003300;
	border-bottom: solid 3px #ecd4e2;
}
#navi-bio ul{    
    list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navi-bio li{
    display: inline;
}
a.navilink{
	font-family: Trebuchet MS, Arial;
    font-size: 18px;
    color: #ff9933;
    margin-left: 0px;
    padding: 5px 12px 7px 32px;
	text-decoration: none;
    float: left;	
}
a.navilink:hover{
    color: #ecd4e2;
	text-decoration: none;
}
strong.aktiv{
    color: #ecd4e2;
	text-decoration: none;
}
a.navilink-start{
    font-size: 18px;
    color: #ff9933;
    margin-left: 0px;
    padding: 5px 12px 7px 13px;
	text-decoration: none;
    float: left;	
}
a.navilink-start:hover{
    color: #99ccff;
	text-decoration: none;
}

/*----------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/


/*komplette BEARBEITUNGSBEREICHE
------------------------------------------------------------------------------------*/
#content{
    position: absolute;    
	width: 980px;	
	height: auto;
	background-color: #330033;
	float: left;
	/*border: solid 1px #ffffff;*/
}
#content2{
    position: absolute;    
	width: 980px;	
	height: auto;
	background-color: #003300;
	/*border: solid 1px #ffffff;*/
}
#right{
	position: absolute;
    width: 220px;
    padding: 15px 5px 15px 5px;	
	margin: 25px 28px 10px 730px;
	border: solid 1px #ffffff;
	float: right;    	
}


/*index, Startseite
--------------------------------------------------------------------------------------*/
#main{
	position: relative;
	width: 635px;
    padding: 0px 20px 10px 20px;	
	margin: 10px 0px 120px 30px;
	background-color: transparent;	
	/*border: solid 1px #ffffff;*/
	float: left;    	
}
#start-main-right{
	position: absolute;
    width: 220px;
    padding: 15px 5px 15px 5px;	
	margin: 10px 28px 10px 720px;
	border: solid 1px #ffffff;
	float: right;    	
}

/*Home-Seiten Elke, Stefanie (und später Perlua)
--------------------------------------------------------------------------------------*/
#home-main{
	width: 660px;
    padding: 15px 5px 15px 20px;	
	margin: 10px 0px 120px 20px;
	/*border: solid 1px #ffffff;*/
	float: left;    	
}
#home-main-right{
	position: absolute;
    width: 220px;
    padding: 15px 5px 15px 5px;	
	margin: 10px 28px 10px 720px;
	border: solid 1px #ffffff;
	float: right;    	
}


/*Die Bücher von Elke
------------------------------------------------------------------------------------*/
#buch-main{	
	width: 870px;
	height: auto;
    padding: 15px 5px 0px 20px;	
	margin: 10px 0px 120px 40px;
	/*border: solid 1px #ffffff;*/
	float: left;   	
}

#cover{	
	width: 820px;
	height: auto;
    padding: 15px 5px 0px 5px;	
	margin: 10px 0px 0px 0px;
	/*border: solid 1px #ffffff;*/
	border-bottom: solid 1px #ecd4e2;
	float: left;   	
}
#coverpic{    	
    width: 208px;
	height: 342px;
    padding: 1px 1px 1px 1px;	
	margin: 0px 1px 10px 40px;
	/*border: solid 1px #7e7e7e;*/
	float: left;
}
#covertext{
    position: relative;
    width: 470px;
	height: 330px;
	font-size: 14px;
	padding: 1px 20px 15px 20px;
	margin: 1px 30px 20px 20px;
	/*border: solid 1px #ffffff;*/
	float: left;    
}
#covertext ul li{
    list-style-type: none;
    background: url(../images/li.png) left no-repeat;
	padding: 5px 0px 3px 34px;
	margin: 5px 0px 5px -40px;
}
#buch-text{
    position: relative;
    width: 800px;
	height: auto;
	font-size: 17px;
	padding: 1px 40px 15px 20px;
	margin: 10px 30px 15px 0px;
	/*border: solid 1px #ffffff;*/
	float: left;    
}
#direkt{        
    width: 600px;
	height: 20px;	
	padding: 0px 5px 5px 5px;
	margin: -5px 5px 5px 250px;			
	float: left;	
}

a.direkt{   
    color: #cf5e0a;
	margin-left: 0;
	padding: 0px 25px 7px 0px;
	text-decoration: none;
	font-weight: bold;
}
a.direkt:hover{
    color: #fca712;
}


/*Die Foto-Ausstellung von Elke
------------------------------------------------------------------------------------*/
#foto-main{	
	width: 870px;
	height: auto;
    padding: 15px 5px 0px 20px;	
	margin: 10px 0px 120px 40px;
	/*border: solid 1px #ffffff;*/
	float: left;   	
}

#fotopic{    	
    width: 180px;
	height: 120px;
    padding: 1px 1px 1px 1px;	
	margin: 0px 1px 20px 20px;
	border: solid 1px #ffffff;
	float: left;
}
#fotoshow{    	
    width: 780px;
	height: 500px;
    padding: 1px 1px 1px 1px;	
	margin: 0px 1px 20px 20px;
	border: solid 10px #000000;
	float: left;
}

#foto-text{
    position: relative;
    width: 750px;
	height: auto;
	font-size: 14px;
	padding: 1px 20px 15px 30px;
	margin: 1px 30px 15px 0px;
	/*border: solid 1px #ffffff;*/
	float: left;
    
}


/*Die Werke von Stefanie und Artenschutz
------------------------------------------------------------------------------------*/
#werke-main{	
	width: 870px;
	height: auto;
    padding: 15px 5px 0px 10px;	
	margin: 10px 0px 120px 0px;
	/*border: solid 1px #ffffff;*/
	float: left;   	
}

#werkepic{    	
    width: 180px;
	height: 120px;
    padding: 1px 1px 1px 1px;	
	margin: 0px 1px 20px 20px;
	border: solid 1px #ffffff;
	float: left;
}

#werke1{    	
    width: 200px;
	height: 283px;
    padding: 1px 1px 1px 1px;	
	margin: 0px 1px 20px 30px;
	border: solid 1px #ecd4e2;
	float: left;
}
#werke2{    	
    width: 780px;
	height: 500px;
    padding: 1px 1px 1px 1px;	
	margin: 0px 1px 20px 20px;
	border: solid 10px #000000;
	float: left;
}

#werke-text{
    position: relative;
    width: 660px;
	height: auto;
	font-size: 14px;
	padding: 1px 20px 15px 20px;
	margin: 1px 30px 15px 10px;
	/*border: solid 1px #ffffff;*/
	float: left;
    
}
#werke-text2{
    position: relative;
    width: 660px;
	height: auto;
	font-size: 16px;
	padding: 1px 20px 15px 20px;
	margin: 1px 30px 15px 10px;
	border: solid 1px #ffffff;
	float: left;
    
}

/*Die BIO | ÖKO Angebote
------------------------------------------------------------------------------------*/
#header-bio{
    width: 980px;
	height: 165px;
	background: url(../images/header_bio2.png) center no-repeat;		
}

#bio-main{
	width: 800px;
	height: auto;
	background-color: #003300;
    padding: 15px 5px 0px 10px;	
	margin: 10px 0px 10px 80px;
	border: solid 1px #ffffff;
	float: left;    	
}

#biopic{    	
    width: 290px;
	height: 150px;
    padding: 1px 10px 1px 1px;	
	margin: 0px 15px 5px 0px;
	border: solid 1px #7e7e7e;
	float: left;
}

#bio-text{
    position: relative;
    width: 450px;
	height: auto;
	font-size: 11px;
	padding: 15px 10px 15px 10px;
	margin: 0px 10px 15px 0px;
	border: solid 1px #ffffff;
	float: left;    
}



/*Impressum
-----------------------------------------------------------------------------------*/
#main-impress{
    position: relative;
    width: 968px;
	height: 1257px;
    padding: 5px 5px 5px 5px;	
	margin: 0px 5px 120px 0px;
	background-color: transparent;
	border: solid 1px #ffffff;	
}
#main-impress-content{ 
   position: absolute;  
   margin: 2px 2px 2px 10px;
   padding: 10px 20px 10px 20px;       
   width: 900px; 
   height:auto;
   font-family:  Arial, Verdana, Trebuchet MS;
   font-size: 12px;   
   color: #2e2e2e;
   background-color: #ffffff;   
   border: solid 1px #e79c0b;   	
   float: left;
}
a.impress
{
    font-size: 12px;
    color: #fca712;
    margin-left: 0px;
    padding: 0px 5px 2px 0px;
	text-decoration: none;
    float: left;
}
a.impress:hover
{
    color: #fae607;
}


/*Fußzeilen 
----------------------------------------------------------------------------------------------------------------------------------------*/
#footer{ 
	position: fixed;
    font-size: 12px;	
    width: 960px;
	height: 100px;	
	padding: 10px 0px 20px 20px;
	margin: 10px 0px 0px 0px;
	background: url(../images/ornament_03.png) center no-repeat;
	background-color: #330033;
	border-top: solid 3px #ecd4e2;
	color: #ffffff;	
}
#footer2{ 
	position: fixed;
    font-size: 12px;	
    width: 960px;
	height: 100px;	
	padding: 10px 0px 20px 20px;
	margin: 150px 0px 0px 0px;
	background: url(../images/ornament_03.png) center no-repeat;
	background-color: #330033;
	border-top: solid 3px #ecd4e2;
	color: #ffffff;	
}
#footer3{ 
	position: fixed;
    font-size: 12px;	
    width: 960px;
	height: 100px;	
	padding: 10px 0px 20px 20px;
	margin: 575px 0px 0px 0px;
	background: url(../images/ornament_03.png) center no-repeat;
	background-color: #330033;
	border-top: solid 3px #ecd4e2;
	color: #ffffff;	
}

#leftfoot{    
	width: 360px;
	height: 90px;	
	border-right: 1px solid #ecd4e2;
	margin: 0px 20px 0px -15px;
	padding: 2px 0px 0px 5px;
	float: left;
}
#middelfoot{    
	width: 300px;
	height: 90px;	
	border-right: 1px solid #ecd4e2;
	margin: 0px 50px 0px -15px;
	padding: 2px 0px 0px 5px;
	float: left;
}
.foot-navi{	
    left: 15px;
    float: left;
    position: relative;	
}

a.navifoot{
    font-size: 12px;
    color: #fca712;
    margin-left: 0px;
    padding: 0px 5px 2px 0px;
	text-decoration: none;
    float: left;	
}
a.navifoot:hover{
    color: #fae607;
	text-decoration: none;
}
.date{
    margin: 20px 30px 0px 0px;
	padding: 2px 10px 0px 5px;
    float: right;
}
.partner{
	position: relative;
	margin-right: 40px;
	float: left;
}


/*----allgemeine Klassen-------------------------------------------------------------*/
h1{
   color: #ff9933;
   font-size: 30px;
   clear: both;
   margin: 15px 0px 15px 0px;
   padding: 0px 0px 0px 80px;   
}
h2{
   color: #ecd4e2;
   font-size: 20px;
   clear: both;
   margin: 15px 0px 5px 0px;
   padding: 0px 0px 0px 20px;
}
h3{
   color: #fca712;
   font-size: 16px;
   clear: both;
   margin: 0;
   padding: 2px 0;
}
h4{
   color: #2d0e02;
   margin: 18px 0px 15px 0px;
   font-size: 18px;
   border-bottom: 1px dotted #2d0e02;   
}
h5{
   color: #fca712;
   margin: 38px 0px 15px 0px;
   font-size: 10px;
   border-bottom: 1px dotted #2d0e02;   
}
h6{
   color: #fca712;
   margin: 3px 0px 15px 0px;
   font-size: 10px;
   border-bottom: 1px dotted #2d0e02;   
}

span {
   height: 30px;
   width: 150px;
   font-weight: bolder;
   color: #686766;
   text-align: center;
   padding: 140px;
   margin: 10px;
}
a{
  color: #cf5e0a;
  text-decoration: none;
  font-weight: bold;
}
a:hover{
  color: #ecd4e2;
}
b{
  color: #fca712;
  font-size: 14pt;
  text-decoration: none;
  font-weight: bold;
}
.clear{
    clear: both;
}
.nofloat{
   clear:both;
}
.notext{
   text-indent: -9999px;
   color: #000000;
   font-size: 1px;
   overflow: hidden;
}



/*noch ungenutzter Bereich___________________________________________________________________*/

a.link{  
   font-size: 13px;
   color: #c45609;
   margin-left: 15px;
   padding: 0px 0px 7px 0px;
   text-decoration: none;
   font-weight: bold;         
}
a.link:hover
{
    color: #c45609;
}
.link-box{      
   width: 600px; 
   height: 60px;
   padding: 2px 5px 15px 0px;	
   margin: 5px 0px 15px 0px;   
   border-bottom: 1px dotted #c45609;
}

#link-content{   
   font-size: 11px;      
   width: 480px; 
   max-height: 36px;
   padding: 0px 5px 2px 15px;	
   margin: 2px 0px 0px 102px;      
}