subnavi3

CSS OHNE STYLE TAGS

body {background-color:#D0D0A7;}
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
#counter{text-align:center; display: none;}
a:link, a:visited, a:active{
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;color:#868686;
text-decoration:underline;background-color:#;}
a:hover{
color:#FFF;text-decoration:none}

#design_subnavi{
width: 1020px;
margin: 0 auto;
padding:10px;
background-color:#363636;}

#bg2{
width: 1000px;
margin: 0 auto;
padding:10px;
background-color:#1376C9;
-moz-border-radius:5px;}

#top1 {
color: #FFFFFF;
width: 1000px;
height: 100px;
background-image: none;  repeat:repeat;
background: #2D2D2D;
float: left;
padding: 0px;
border: 0px solid #000;
margin: 0px 0px 5px 0px;
-moz-border-radius-topright: 5px;   
-khtml-border-radius-topright: 5px;   
-webkit-border-top-right-radius: 5px;   
-moz-border-radius-topleft: 5px;   
-khtml-border-radius-topleft: 5px;   
-webkit-border-bottom-top-radius: 5px;
}

#subnavi{-moz-border-radius:5px;}
ul#topnav {   
margin: 0;
padding: 0;   
float: left;   
width: 1000px;   
list-style: none;   
position: relative;
background:  #2D2D2D url()
repeat-x; }

ul#topnav li {
height:25px;   
float: left;   
margin: 0;
padding: 0;   
border: 0px solid #2D2D2D; }

ul#topnav li a {
line-height:25px;  
padding: 0px 20px;   
display: block;   
color: #696969;   
text-decoration: none; }

ul#topnav li a:hover { color:#FFF;}

ul#topnav li:hover {
background: #000 none repeat-x ;
border: 0px   solid #FFF; }

ul#topnav li span {   
font-size:12px;
line-height:25px;
float: left;   
padding: 0px 0px 0px 0px;   
position: absolute;   
left: 50;
top:25px;   
display: none;
width: 915px;   
background: #000 none;  
color: #fff;        
-moz-border-radius-bottomright: 5px;   
-khtml-border-radius-bottomright: 5px;   
-webkit-border-bottom-right-radius: 5px;   
-moz-border-radius-bottomleft: 5px;   
-khtml-border-radius-bottomleft: 5px;   
-webkit-border-bottom-left-radius: 5px; }

ul#topnav li:hover span { display: block; }
/*--Show subnav on hover--*/
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {  text-decoration: underline;color:#FFF;}

#content {
float:left;
display:inline;
min-height: 550px;
width: 795px;
background: #303030;
color: #B7B7B7;
border: 0px solid #000;
margin: 5px 0px 5px 0px;
padding: 40px 10px 10px 10px;
overflow:auto;
-moz-border-radius: 5px;   
-khtml-border-radius: 5px;   
-webkit-border-radius: 5px;}

#sidebar_container {
width: 160px;
min-height:580px;
background: #2D2D2D;
background-image: none;
color: #000000;
border: 0px solid #6E6E6E;
margin: 5px 0px 0px 0px;
padding: 10px;
float: right;
-moz-border-radius:5px;}

#footer2 {
color: #FFFFFF;
width: 1000px;
height: 230px;
background-image: none;
background: #2d2d2d;
float: left;
padding: 0px;
border: 0px solid #000;
margin: 0px 0px 0px 0px;
-moz-border-radius-topright: 5px;   
-khtml-border-radius-topright: 5px;   
-webkit-border-top-right-radius: 5px;   
-moz-border-radius-topleft: 5px;   
-khtml-border-radius-topleft: 5px;   
-webkit-border-bottom-top-radius: 5px;
}

#footer {
clear: both;
width: 1000px;
height:25px;
line-height:25px;
color: #FFF;
border: 0px solid #000;
background: #2D2D2D none
repeat-x;
-moz-border-radius-bottomright: 5px;   
-khtml-border-radius-bottomright: 5px;   
-webkit-border-bottom-right-radius: 5px;   
-moz-border-radius-bottomleft: 5px;   
-khtml-border-radius-bottomleft: 5px;   
-webkit-border-bottom-left-radius: 5px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center; }

#menufuss a, #menufuss a:visited , #menufuss a:active {display: block;
color:#7F7F7F;
text-decoration:none ;font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif; font-size: 14px;
padding-left: 10px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:30px;
line-height:30px;
text-align:left;
vertical-align:middle;
background:transparent;
border-bottom:dotted 1px #444444;
width:240px
}

#menufuss a:hover {background-color:#0F0F0F; text-decoration:none ;
color:#E1F4FF;
text-decoration:none ;
border-left:solid 0px #fff;
}

h3.fussheader {color:#7d7d7d;background-color:#;
font-size: 18px;line-height: 20px;
font-family: trebuchet ms,arial, helvetica, tahoma ,verdana,  sans-serif;
border-bottom:dotted 1px #696969;
padding-top:0px}