.rund{ border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
z-index:2;
}
.text{
color:black;
z-index:1;
}
.hauptteil{
z-index:1;
position:absolute;
width:730px;
top:185px;
left:335px;
background-color:white;
}
.header{
z-index:2;
position: absolute;
height: 155px;
left: 335px;
top: 5px;
}
.logo{
z-index:2;
left:-90px;
top:-20px;
height:385px;
width:560px;
border:none;
position:absolute;
}
.links{
background-color:#2D2D2D;
z-index:1;
position:absolute;
height:10000px;
width:192px;
left:0px;
top:0px;
}
.rechts{
background-color:#2D2D2D;
z-index:3;
position:absolute;
height:10000px;
width:192px;
top:0px;
right:0px;
}
div#Rahmen {
z-index:2;
position:absolute;
left:335px;
height:19px;
top:162px;
width:100%;
background-color:#292929;
padding-top:5px;
}
ul#Navigation {
margin: 0;
padding: 0;
text-align: center;
z-index:2;
}
ul#Navigation li {
list-style: none;
float: left; /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 0px 0px 0px 5px;
padding: 0;
}
ul#Navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: 25px;; left: 0px;
display: none; /* Unternavigation ausblenden */
z-index:2;
}
ul#Navigation li ul li {
float: none;
display: block;
margin-top: 3px;
margin-bottom: 3px;
z-index:2;
}
ul#Navigation a, ul#Navigation span {
display: block;
font-size:12px;
width: 102px; /* Breite den in li enthaltenen Elementen zuweisen */
text-decoration: none;
border-left-color: white;
border-top-color: white;
font-family: "Cambira", "Calibri", "Arial", sans-serif;
color: #66FF33;
background: #595858; /* Old browsers */
background: -moz-linear-gradient(top, #595858 41%, #878787 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#595858), color-stop(100%,#878787)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #595858 41%,#878787 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #595858 41%,#878787 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #595858 41%,#878787 100%); /* IE10+ */
background: linear-gradient(to bottom, #595858 41%,#878787 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595858', endColorstr='#878787',GradientType=0 ); /* IE6-9 */;
z-index:2;
}
ul#Navigation a:hover, ul#Navigation span{
padding: 2px 0px 3px 0px;
font-size:12px;
border-color: white;
border-left-color: white; border-top-color: white;
font-family: "Cambira", "Calibri", "Arial", sans-serif;
background: #333232; /* Old browsers */
background: -moz-linear-gradient(top, #333232 15%, #333232 15%, #444444 55%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#333232), color-stop(15%,#333232), color-stop(55%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333232 15%,#333232 15%,#444444 55%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333232 15%,#333232 15%,#444444 55%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333232 15%,#333232 15%,#444444 55%); /* IE10+ */
background: linear-gradient(to bottom, #333232 15%,#333232 15%,#444444 55%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333232', endColorstr='#444444',GradientType=0 ); /* IE6-9 */;
color:yellow;
z-index:2;
}
ul#Navigation li:hover ul {
display: block;
background:#292929;
padding-right:5px;
left:-5px;
top:18px;
z-index:2;
}
