/* CSS Document */

body {margin:0px;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(../gfx/body_hg.gif); background-repeat:repeat-x;}


/*stile fuer container*/
#container {width:740px; margin:0 auto;}

/*stile fuer startseite*/
#startseite { margin:278px 0 0 0; text-align:center;}
#startseite p {margin:30px 0 52px 0; font-size:14px; text-transform:uppercase; line-height:1.3em;}
#startseite .startseite_englisch {font-size:10px;text-transform:uppercase;}

#startseite a, #startseite a:hover {font-size:12px;text-transform:uppercase; color:#99744D; text-decoration:none;}
#startseite a:hover {color:#000000;}
.dunkelbraun {color:#99744D;}
.hellbraun {color:#C3AE96;}


/*stile fuer navi*/
#navi { padding:0; height:23px; margin:123px 0 0 0;}
#navi .logo {float:left;}
#navi .navi { margin:12px 0 0 10px; text-transform:uppercase; float:right; padding:0;}
#navi a, a:hover {color:#000000; text-decoration:none;}
#navi a:hover {color:#99744D;}

#navi .navi_aktiv {color:#99744D;}

/*stile fuer head*/
#head { margin:81px 0 0 0;}
#head .head_1, #head .head_2 {width:143px; height:31px; background-color:#000000; color:#FFFFFF; padding:0 0 0 17px; line-height:32px; float:left; text-transform:uppercase; font-weight:bold; font-size:14px;}
#head .head_2 {width:543px; float:right;}


/*stile fuer subnavi*/
#subnavi {float:left; width:160px; background-color:#C3AE96; height:397px; margin:17px 0 0 0;}

#subnavi ul {margin:22px 0 0 0; padding:0; width:160px;border-top:3px #FFFFFF solid;}
#subnavi li {list-style-type:none; border-bottom:3px #FFFFFF solid; padding:5px 0 5px 17px; text-transform:uppercase;}
#subnavi li a {color:#000000; text-decoration:none;}
#subnavi li a:hover {color:#C3AE96;}
#subnavi li:hover {background-color:#FFFFFF;}
#subnavi li:hover a {color:#C3AE96;}
#subnavi .subnavi_aktiv, #subnavi .subnavi_aktiv a {background-color:#FFFFFF;color:#C3AE96;}

#sprache {width:160px; float:left; line-height:22px; text-transform:uppercase; color:#FFFFFF; text-align:center; margin:370px 0 0 0; position:absolute;}
#sprache a, #sprache a:hover {text-decoration:none; color:#FFFFFF;}
#sprache a:hover {text-decoration:none; color:#000000;}
#sprache .sprache_aktiv {color:#000000; text-decoration:underline;}



/*stile fuer content_bg*/
#content_bg { width:560px; background-color:#C3AE96; float:right; height:397px; margin:17px 0 0 0;}


/*stile fuer content*/
#content { float:right; width:516px; background-color:#FFFFFF;  margin:4px; height:371px; padding:18px 18px 0 18px; overflow:auto;}
#content h1 {font-size:12px; text-transform:uppercase; color:#99744D; margin:0;}
#content p {margin:0 0 30px 0; line-height:1.5em;}
#content .ohne_text-transform {text-transform:none;}

#content .produkt_img {float:left; margin:0 4px 0 0;}
#produkt_text { width:250px; float:right; margin:0;}

#content a, #content a:hover { text-decoration:underline; color:#000000;}
#content a:hover {color:#C3AE96;}


/*stile fuer kontakt*/
#kontakt_adresse {width:180px; position:absolute; margin:0 0 0 350px;}
#kontakt_adresse h1 { text-transform:uppercase; font-weight:bold;}



#content .kontakt_text {width:80px; float:left; line-height:22px;}
#content .kontakt_formular { width:220px; float:left; margin:0 0 5px 10px;}
#content input, #content textarea {width:205px; border:1px solid #C3AE96;}
#content .plz {width:50px;border:1px solid #C3AE96; margin:0 5px 0 0;}
#content .ort {width:144px;border:1px solid #C3AE96;}