/*************************************************************/
/*   Design:   brown beauty	start-template			         */
/*   File:     c1.css					                     */
/*************************************************************/
/*   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:#c7b089; background-color:#4e3f30;}
#page-bg{width:100%; background:url(/templates/brownbeauty/grafics/startbody_bg.jpg) repeat-x;}
#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;}

/*  LAYOUT  												 */
/*************************************************************/
#middle{height:auto; width:875px;}
#logo {position:relative; top:30px; left:0px; width: 250px; height:350px; float:left;}
#randompic{position:relative; top:0px; left:0px; width: 625px; height:380px; float:right; z-index:0;}
#footer{position:relative; top: 0px; width:100%; height:auto; background:url(/templates/brownbeauty/grafics/footer_bg.gif) repeat-x; padding:5px 0 1px 0;}

/*  CONTENT  												 */
/*************************************************************/
#hnav ul{list-style-type:none; position:relative; top:-40px; left:0px; width:250px; height:auto; float:left; z-index:10;}
#hnav ul li{color:#c7b089; margin:0;}
#hnav ul li a:link, #hnav ul li a:visited { padding: 7px 0 0 28px; color:#a79255; text-decoration:none; font-size:0.8em; background:url(/templates/brownbeauty/grafics/hnav_no.jpg) no-repeat; display:block; width:204px; height: 23px}
#hnav ul li a:hover, #hnav ul li a:active, #hnav ul li a.aktiv {color:#ded2ae; background:url(/templates/brownbeauty/grafics/hnav_akt.jpg) no-repeat;}
#content {position:relative; top:-40px; left: 0px; width:605px; height:auto; padding: 10px; z-index:15; float:right; margin-bottom:-40px;}
#newspane{width: 500px;}
#newspane ul{list-style-type:none; width: 500px; padding-left:20px;}
#newspane ul li{background:url(/templates/brownbeauty/grafics/newsicon.gif) no-repeat 8px 10px; padding:5px 0 5px 25px; font-size:1em;}
#newspane ul li a:link, #newspane ul li a:visited {text-decoration:none; color:#2dbf5d; display:block; font-weight:bold;}
#newspane ul li a:hover, #newspane ul li a:active { text-decoration:underline; color:#ded2ae;}
#newspane .date{font-size:0.7em; text-transform:uppercase;font-weight:normal;}