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

a,a:visited,a:link {color: #000;}
a:hover {color: #f29400;}
a:active {color: #000;}
h1{font-size:16px;color:#fff;font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;}
h2{font-size:14px;color:#f29400;font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;}
.rss_default h2 a{color:#f29400;}
h3{font-size:12px;color:#f29400;font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;}
img{border:none;}
.clear{clear:both;height:15px;}
.clear_small{clear:both;height:1px;}
p{margin:0px;}
li{margin-bottom:5px;}

/*gesamt*/
#sidebox{width:990px;margin:5px auto;position:relative;height:auto;}

/*runde Ecken*/ 
#nav li a, #nav li span, .inhalt, .kopf_content, .kopf{
-webkit-border-radius: 10px 10px 0 0;    -khtml-border-radius: 10px 10px 0 0;    border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;
}

/*header*/
#header{height:100px;width:990px;position:absolute;top:0px;}
#logo{height:63px;width:326px;margin-left:5px;margin-top:5px;float:left;}
#werbung_content{float:right;margin:5px 0;width:468px;height:60px;-webkit-box-shadow: #b7b7b7 1px 3px 3px;    -moz-box-shadow: #b7b7b7 1px 3px 3px;     box-shadow: #b7b7b7 1px 3px 3px;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#b7b7b7, offx=2, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#b7b7b7, offx=2, offy=2);
}

/*Navigation*/
#navi{height:27px;width:980px;margin:0 5px; position:absolute;overflow: visible;}
#nav {padding:0 5px 0 5px; margin:0; list-style:none; font-size: 13px; position:absolute; z-index:200; height:27px; width:auto;overflow: visible;}
#nav ul {padding:0; margin:0; list-style:none; float:left; background:#f29400;z-index:999;overflow: visible;}
#nav li {float:left;margin:0 5px 0 0;}
#nav li li {float:none; border-left:1px solid #fff; border-right:1px solid #fff;}
#nav li.last {border:none;}
/* a hack for  IE6 */
* html #nav li li {float:left;}
#nav li a, #nav li span  {display:block; float:left; color:#fff; height:27px;  padding:0 6px 0 6px; line-height:27px; text-decoration:none; white-space:nowrap; font-weight:bold;border-right:1px solid #fff;background: url(images/navi_bg.gif) repeat-x;}
#nav li.active span, #nav li a:hover{background: url(images/navi_bg_hover.gif) repeat-x;}
#nav li a.down {background:url(images/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 */

/* 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:#f29400;}

#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{padding:100px 0 0 4px;}
#content{width:676px;height:auto;float:left;margin-top:5px;}
.inhalt{padding:0px;width:670px;height:auto;margin-bottom:10px;}
.kopf_content{background: url(images/navi_bg.gif) repeat-x;height:27px;width:670px;}
.kopf_content h1{margin:0px;padding-left:10px;padding-top:2px;float:left;}
.kopf_content h1 a{color:#fff;}
.kopf_content h1 a:hover{color:#f29400;}
table{width:670px;padding:5px;}
table tr td hr{border-bottom:1px solid #f29400;border-top:none;border-left:none;border-right:none;height:1px;}
iframe body{background:#dedede;}

/*rechte Spalte*/
#sidebar{float:right;width:306px;height:auto;margin-top:5px;}
.kopf{background: url(images/navi_bg.gif) repeat-x;height:27px;width:306px;}
.kopf h1{margin:0px;padding:2px 0 0 10px;}
.box{width:306px;height:auto;margin-bottom:10px;}
.box_text{padding:0px;margin-bottom:10px;-webkit-box-shadow: #b7b7b7 1px 3px 3px;    -moz-box-shadow: #b7b7b7 1px 3px 3px;     box-shadow: #b7b7b7 1px 3px 3px;background:#dedede;
-webkit-border-radius: 0 0 10px 10px;    -khtml-border-radius: 0 0 10px 10px;    border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#b7b7b7, offx=2, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#b7b7b7, offx=2, offy=2);}
.box_text p{padding:5px;}
.box_text a{color:#000;font-weight:bold;text-decoration:none;}
.box_text a:hover{color:#f29400;font-weight:bold;text-decoration:none;}
.box_text_rechts{padding:5px;background:#dedede;text-align:center;line-height:1.6em;
-webkit-box-shadow: #b7b7b7 1px 3px 3px;    -moz-box-shadow: #b7b7b7 1px 3px 3px;     box-shadow: #b7b7b7 1px 3px 3px;
-webkit-border-radius: 0 0 10px 10px;    -khtml-border-radius: 0 0 10px 10px;    border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#b7b7b7, offx=2, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#b7b7b7, offx=2, offy=2);}

/*Footer*/
#footer{margin:10px 5px 0 0px;height:auto;width:auto;background:#3d3c3f;color:#fff;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{color:#f29400;text-decoration:underline;}
#footer p{color:#fff;}
#footer p, #footer h3{margin:10px;line-height:1.4em;}

/*Inhalt*/


#col3

{
float:right;
background:#ffffff url(images/sidebarflag.gif) no-repeat top right;
width:372px;
margin:84px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.8em;
border:2px solid #ebebeb;
}


#col3 p

 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}


form
{
padding:0px;
margin:0px;
}

form p

{
color: #555555;
text-align: left;
font-size: 0.6em;
font-family: Helvetica, Arial, Verdana;
}


input 
{
color:#000000;
background-color:#f9faf5;
height:24px;
float:right;
width: 200px;
}

.submit 

{
float:right;
color: #000000;
margin-top:0px;
background-color: #f9faf4;
width: 60px;
margin-right:70px;
margin-left:3px;
margin-top:5px;
}

.input

{
color: #000000;
margin-top:0px;
background-color: #f9faf4;
border-top:3px solid #550a13;
border-left:6px solid #550a13;
border-right:6px solid #550a13;
border-bottom:6px solid #550a13;
width: 150px;
font-size: 1.9em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
