body {
    font-family: Arial, Trebuchet MS, Lucida Sans Unicode, Helvetica, sans-serif;
    font-size: 100.01%;
    text-shadow:0 1px 1px rgba(255,255,255,0.4);
    color:#262626;
    margin:0;
    padding:0;
    <!--- background: #ffffff url(http://datebo.de/cgi-bin/sailtrek.newpic); --->
    <!--- background: #384248;  ./IMG_5672.JPG--->
}

div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 700px;
    padding: 1;
    background: #ffffff;
    border: 1px ridge silver;
}

xl78 {
    font-family: Trebuchet MS, Lucida Sans Unicode, Helvetica, sans-serif;
    font-size: 100.01%;
    color:#cad4ef;
}

h1 {
    font-size: 1.5em;
    margin: 0; padding: 0.3em;
    text-align: left;
    background: #ffffff url(./navigation_3.jpg) no-repeat 10% 50%;
    border-bottom: 1px solid silver;
}

p#Fusszeile {
    clear: both;
    font-size: 0.83em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #ffffff;
    border-top: 1px solid silver;
}

.title{
    position:absolute;
    right:20px;
    top:10px;
    font-size:12px;
    --text-transform:uppercase;
}
.fl{
    float:center;
}
.container{
    width: 2000;
}
.menu{
    height:40px;
    border-left:1px solid rgba(0,0,0,0.3);
    border-right:1px solid rgba(255,255,255,0.3);
    margin-left:auto;
    margin-right:auto;
}
a{
    text-decoration:none;
    color:#FFFFFF;
    ---text-transform:uppercase;
    font-size:14px;
    font-weight:normal;
}
li a{
    display:block;
    padding:0 20px;
    border-left:1px solid rgba(255,255,255,0.1);
    border-right:1px solid rgba(0,0,0,0.1);
    text-align:center;
    line-height:39px;
    background : transparent;
    <!---
    background:-webkit-gradient(linear,left top,left bottom,from(rgb(68,68,68)),to(rgb(169,169,169)));
    background:-moz-linear-gradient(top,rgb(68,68,68),rgb(169,169,169));
    -webkit-transition-property:background;
    -webkit-transition-duration:700ms;
    -moz-transition-property:background;
    -moz-transition-duration:700ms;
    --->
}

ul li a:hover{
    background:transparent;
}

ul[rel=sam1] li a{
    background:#999999;
}

ul[rel=sam1] li a:hover{
    background:transparent ;
}
ul li.active a{
    background:-webkit-gradient(radial,50% 100%,10,50% 50%,90,from(rgba(31,169,244,1)),to(rgba(0,28,78,1)));
    background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);
}
ul.vertical{
    margin:0 20px 0 0;width:250px;
    border:1px solid #323232;
    -webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;
    -webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;
}
ul.vertical li{
    list-style:none;position:relative;
    background:-webkit-gradient(radial,50% 100%,0,50% 100%,140,from(rgba(31,169,244,1)),to(rgba(0,28,78,1)));
    background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);
}
ul.vertical li span{
    position:absolute;
    left:20px;
    top:50px;
    color:#151515;
    text-shadow:0 1px 1px rgba(255,255,255,0.2);
}
ul.vertical li:first-child a,ul.vertical li:first-child{
    -webkit-border-top-right-radius:8px;
    -moz-border-radius-topright:8px;
}
ul.vertical li:last-child a,ul.vertical li:last-child{
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
}
ul.vertical li a{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(117,117,117,1)),to(rgba(68,68,68,1)));
    background:-moz-linear-gradient(top,rgba(117,117,117,1),rgba(68,68,68,1));
    text-align:left;
    border-bottom:1px solid #323232;
    border-top:1px solid #868686;
    border-right:1px solid #5a5a5a;
    color:#151515;
    -webkit-transition-property:background;
    -webkit-transition-duration:700ms;-moz-transition-property:background;
    -moz-transition-duration:700ms;
}
ul.vertical li a:hover{
    background:transparent none;
}
ul.vertical[rel=ver1] li a{
    background:#606060;
}
ul.vertical[rel=ver1] li a:hover{
    background:transparent none;
}

.wrapper {
    width: 900px;
    height: 40px;
    background : transparent;
    border-top: 2px solid #939393;
    position: relative;
    margin-bottom: 30px;
    margin-left:auto;
    margin-right:auto;
}

ul {
    margin: 0;
    padding: 0;
}

ul.menu {
    height: 40px;
    border-left: 1px solid rgba(0,0,0,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);
    float:left;
}


ul.menu li {
    list-style: none;
    float:left;
    height: 39px;
    text-align: center;
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
    }

ul li a {
    display: block;
    padding: 0 20px;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    line-height: 39px;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
    -webkit-transition-property: background;
    -webkit-transition-duration: 700ms;
    -moz-transition-property: background;
    -moz-transition-duration: 700ms;
    }

ul li a:hover {
    background: transparent none;
}

ul li.active a{
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
    background: -moz-radial-gradient(center 40px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
}