/*Allgemein*/
html, body{ margin:0;padding:0;height:100%;}
body{background:#f1deb5; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif;}

a,a:visited,a:link {color: #fff;}
a:hover {color: #000;}
a:active {color: #fff;}
p{margin:0px;}
h1{font-size:14px;color:#fff;font-family:Tahoma, Arial, Helvetica, sans-serif;}
h2{font-size:13px;color:#fff;font-family:Tahoma, Arial, Helvetica, sans-serif;}

.clear_small{clear:both;height:1px;}

/*gesamt*/
#sidebox{background:#f1deb5;width:316px;margin:5px auto;position:relative;height:auto;padding-left:4px;}

/*header*/
#header{height:83px;width:310px;position:absolute;top:0px;}

/*Navigation*/
#navi{background: url(images/navigation.gif) no-repeat;height:32px;width:315px; position:relative;overflow: visible;
    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;     border-radius: 5px;
    }
#nav {padding:0 5px 0 5px; margin:0; list-style:none; font-size: 11px; position:absolute; z-index:200; height:27px; width:auto;overflow: visible;}
#nav ul {padding:0; margin:0;margin-top:-6px; list-style:none; float:left; background:#ed0000;z-index:999;overflow: visible;
    background:#7a0000;
}
#nav li {float:left;}
#nav li li {float:none; border-left:1px solid #fff; border-right:1px solid #fff;}
#nav li.last {border-bottom:1px solid #fff;}
/* a hack for  IE6 */
* html #nav li li {float:left;}
#nav li a {display:block; float:left; color:#fff; height:27px;  padding:0 12px 0 5px; line-height:27px; text-decoration:none; white-space:nowrap; font-weight:bold;border-right:1px solid #fff;}
#nav li a.down {background:url(../images/layout/down.gif) no-repeat right center;}
#nav li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:normal; letter-spacing:1px;}
#nav li:hover {position:relative; z-index:300;}
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {color:#000;}
#nav li li a {color:#fff;}
#nav li li.cssplay_hover a {color:#fff; background-color:#000;}
#nav li:hover ul {left:0; top:33px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:33px; z-index:500;}
#nav ul {position:absolute; left:-9999px; top:10px;margin-top:-6px;z-index:999;overflow: visible;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#000;}
#nav li li:hover > a {color:#000; background-color:#fff;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#ed0000;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
{color:#633; background-color:#ddd;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/*content*/
#sidecontent{top:83px;position:relative;}
#content{width:308px;height:auto;margin-top:5px;margin-bottom:8px; border:1px solid #fff;
    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;     -moz-border-radius: 5px;    border-radius: 5px;
} 
.kopf_content{background: url(images/seiten-kopf.gif) no-repeat;height:22px;width:308px;}
.kopf_content h1{margin:0px;padding-left:5px;padding-top:2px;}
.kopf_content h1 img{padding-bottom:1px;}
.kopf_content h1 a{text-decoration:none;font-weight:bold;}
.text{padding:5px;}

ol.bl{list-style:none;width:180px;}
ol.bl li{border:1px solid #B3B2B2;-webkit-border-radius: 5px;    -khtml-border-radius: 5px;     -moz-border-radius: 5px;    border-radius: 5px;
      background:#fff;margin-bottom:4px;padding:2px 5px;}
ol.bl li a{color:#000;text-decoration:none;font-weight: bold;}
ol.bl li a:hover{color:#ed0000;text-decoration:none;}

.inhalt{width:298px;height:auto;margin:4px; border:1px solid #fff;
    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;     -moz-border-radius: 5px;    border-radius: 5px;
}
.kopf_inhalt{background: url(images/inhalt-kopf.gif) no-repeat;height:22px;width:298px;}
.kopf_inhalt h2{margin:0px;padding-left:7px;padding-top:3px;}
.inhalt .text{ padding:5px;}
.inhalt .text p, .text p{ line-height:1.3em;margin-bottom:6px;padding:0px;}
.inhalt .text a{ color:#ed0000;text-decoration:none;}
.inhalt .text a:hover{ color:#000;}

select{width:200px;    border:1px solid #B3b2b2;
    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;     border-radius: 5px;
}
select option:nth-child(2n){background:#f1deb5;}
input{border:1px solid #B3b2b2;-webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;     border-radius: 5px;width:200px;padding:2px;font-size:11px;}
input.button{border:none;width:140px;height:17px;padding:2px;padding-bottom:4px;padding-top:1px;font-size:11px;background: url(images/buttons.gif) no-repeat;color:#fff;font-weight:bold;margin-top:5px;}
span.button{border:none;width:140px;height:17px;padding:35px;padding-bottom:4px;padding-top:1px;background: url(images/buttons.gif) no-repeat;margin:5px;}
span.button a{font-size:11px;color:#fff;font-weight:bold;margin:5px;text-decoration:none;}
span.button a:hover{color:#000;}

.back {text-align:center;margin:5px;width:300px;}
.back a{color:#ed0000;font-weight:bold;text-decoration:none;}
.back a:hover{color:#000;}

.list{padding:5px;clear:both;width:288px;height:auto;margin:4px; border:1px solid #fff;
    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;     -moz-border-radius: 5px;    border-radius: 5px;}
.text img.img, .list img.img{float:left;width:80px;height:80px;border:none;margin-right:5px;}
.text a.bilder{width:80px;height:80px;}
.text a.bilder img{width:80px;height:80px;border:none;margin:5px;}
.text p, .list p{padding:0 0 5px 0;text-align:left;margin:0px;line-height:1.4em;}
.text p a, .list p a{color:#ed0000;font-weight:bold;text-decoration:none;font-size:14px;}
.text p a:hover, .list p a:hover{color:#000;font-weight:bold;text-decoration:none;}
.text span{float:left;width:143px;line-height:1.4em; }

.telefon {height:18px;padding:0 0 0 30px;margin-left:5px;margin-bottom:5px;background: url(../images/telefon.gif) no-repeat;font-size:14px;}
    
/*Footer*/
#footer{position:relative;font-size:11px;padding-left:5px;}
#footer a{color:#000;text-decoration:none;}
#footer a:hover{color:#ED0000;text-decoration:underline;}