/*************************************************************/
/*   Design:   brown beauty	haupt-template			         */
/*   File:     cmain.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Samuel Mueller, www.nuun.ch                    */
/*   Datum:   20. September 2007		                     */
/*   Site: 	  wwww.blumen-nuetzi.ch                          */
/*-----------------------------------------------------------*/
/*   Lizenz:  Dieses CSS-Layout darf frei genutzt werden.	 */
/*			  Das Design ist copyright geschuetzt.           */
/*			  Weitere Fragen an mailto:info@nuun.ch		     */
/*************************************************************/
/*   Colors:  dunkelbraun: #312a1d			 				 */
/*			  hellbraun: #c7b089							 */
/*			  mittelbraun: #75673f							 */
/*			  beige: #ded2ae								 */
/*			  leuchtgrün: #2dbf5d							 */
/*************************************************************/


/*  GLOBALES  												 */
/*************************************************************/
*{margin:0;padding:0;}
body {margin:0px auto; font: 100.01%/1em Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.05em; color:#ded2ae; background-color:#4e3f30;}
#page-bg{width:100%; background:url(brownbeauty/grafics/folgebody_bg.jpg) repeat-x; height:auto;}
#page-container {width:875px; margin-left:auto; margin-right:auto; height:auto;}

/*  FIXES  													 */
/*************************************************************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */ 
#clearer{clear:both;}

/*  HEADER  & MITTELBALKEN MIT FOTO							 */
/*************************************************************/
#header{width:875px; height:auto; margin-bottom:4px; font-size:0.7em; padding-top: 5px;}
#header ul{list-style-type:none; position:relative; top:0px; left:0px; width:700px; float:left;}
#header ul li{float:left; color:#a79255;}
#header ul li a:link, #header ul li a:visited {margin:0 5px 0 5px; color:#a79255; text-decoration:none; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
#header ul li a:hover, #header ul li a:active {color:#ded2ae;}
#date{color:#75673f;}
#logo img{padding:20px 0 20px 5px;}
#logo address{color:#312a1d; font-size:0.7em; font-style:normal; padding: 0 0 0 5px;}
#logo address a:link, #logo address a:visited {color:#312a1d; text-decoration:underline; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
#logo address a:hover, #logo address a:active {color:#75673f;}

/*  SERNAV													 */
/*************************************************************/
div#header ul li.menu-current a:link, div#header ul li.menu-current a:visited {color:#ded2ae;}


/*  ABSATZFORMATE  											 */
/*************************************************************/
/*  Lauftext */
#content p{font-size:0.8em; line-height:1.6em; color:#ded2ae; letter-spacing:0.05em;}
a:link, a:visited{text-decoration: none; color:#2dbf5d;}
a:hover, a:active{text-decoration: none; color:#ded2ae;}
#content h3, #content h4, #content h5, #content h6{font-size:12px; line-height:1.3em; padding: 2px 0; margin-bottom:0.2em; color:#cbd300;}
.bildlegende{font-size: 0.85em;font-style:italic;}
.strong{font-weight:bold;}

/*  Überschriften */
#content h1 {font-size:0.9em; line-height:1.5em; margin: 0 0 1em 0; color:#ded2ae; font-weight:bold; letter-spacing:0.05em;}
#content h2 {font-size:0.8em; line-height:1.6em; margin: 0 0 1em 0; color:#c7b089; font-weight:bold; letter-spacing:0.05em;}
#newspane h1{font-size:0.8em; line-height:1em; margin: 0 0 1em 0; color:#2dbf5d; font-weight:bold; letter-spacing:0.05em;}
#newspane h2{font-size:0.8em; line-height:1em; margin: 0 0 1em 0; color:#2dbf5d; font-weight:bold; letter-spacing:0.05em;}

/*  Listen */
#content ul{list-style-type:none; margin: 0.5em 0 0 2em; font-size:0.8em;}
#content ul li{background:url(brownbeauty/grafics/list_bullet.gif) no-repeat left 4px; padding-left: 20px; margin: 0 0 0.5em 0.5em; color:#ded2ae;}
#content ul li.menu-expand{background:url(brownbeauty/grafics/list_bullet.gif) no-repeat left 4px; padding-left: 20px; margin: 0 0 0.5em 0.5em; color:#ded2ae;}

/*  Bilder */
#content img{ border: 7px solid #ded2ae;}
#content table img{ border: 2px solid #ded2ae;}
#content p img{border: 2px solid #ded2ae; margin: 0 10px 0 0;}

/*  Linien */
hr{border: 0px; /* Für Firefox und Opera */ border-top: solid 1px #ded2ae; border-bottom: solid 1px #ded2ae; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */}

/*  FOOTER  												 */
/*************************************************************/
#footer-inner{width:875px; margin-left:auto; margin-right:auto; }
#copy{width:220px; height:auto; margin-top:0px; font-size:0.55em; float:left; padding-top:5px; color:#75673f;}
#top{position:relative; top:-11px; left:0; width:20px;float:left;}
#footerstuff{position:relative; top:0px; left:20px; width: 520px; font-size:0.6em; float:left; padding-top:5px;}
#fleurop{position:relative; top:-67px; left:20px; width: 64px; height: 68px; float:left;background-color:#CCCCCC;}
#footerstuff a:link, #footerstuff a:visited{color:#2dbf5d; text-decoration:none;}
#footerstuff a:hover, #footerstuff a:active{color:#c7b089; text-decoration:none;}


/*  FORMULAR  												 */
/*************************************************************/

td.field_title{
width:120px;
height:30px;
font-size: 0.8em;
color:#ded2ae;
padding-right: 20px;
vertical-align:middle;}

font.radio_label{
width:60px;
font-size: 0.8em;
color:#ded2ae;
padding: 0 20px 0 5px;
vertical-align:middle;}

input#field3, input#field4, input#field5, input#field6, input#field7, input#field8, input#field9, textarea#field10{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#75673f;
width: 220px;
height: 18px;
padding: 2px;
border: 1px solid #75673f;
background: #c7b089;}

input#field3:focus, input#field4:focus, input#field5:focus, input#field6:focus, input#field7:focus, input#field8:focus, input#field9:focus, textarea#field10:focus{
border: 1px solid #2dbf5d;
font-size:0.8em;
color:#2dbf5d;
background: #ded2ae;}

textarea#field10{
height: 80px;
color:#312a1d;
margin-top: 0.3em;
font-size: 0.8em;}

input.submitter{
font-size:0.8em;
color:#312a1d;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #ded2ae;
background: #ded2ae;
width: 224px;
height: 25px;
margin-top:15px;}

.required{color:#ded2ae !important;}
.formback{font-size:0.8em; margin-top:1em; display:block;}

/* Newsletter */

td.tdleft{
text-align:left; 
height:30px;
font-size:0.8em;
color:#312a1d;}

td.tdright{
text-align:right; 
height:30px;
font-size:0.8em;
color:#312a1d;}

.border{
background-color: #c7b089;
border: 1px solid #312a1d;
padding:2px 2px;}

.newsletterfields {
width: 250px; 
height:22px;
font-size:0.8em;}

.senden{
background-color: #c7b089;
border: 1px solid #312a1d;
width: 100px;
padding:1px 1px;}

fieldset{
width: 435px;
border:#312a1d solid 1px;
padding:0px 10px 10px 10px;}

legend{
width: 50px;
font-size:0.8em;
color:#312a1d;
padding:0px 4px;}