/*===Grundeinstellungen===*/
html {
margin: 0px;
padding: 0px;
}
body {
margin:0px;
padding:20px 10px;
background-color:Black;
text-align: center;
color:Aqua;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14pt;
}
table, tr, td {
border-width: 0px;
border-collapse: collapse;
empty-cells: show;
font-weight: bold;
}
img {
border: none;
}
/*===Layout===*/
#head {
height: 80px;
font-size: 10pt;
}
#navi{
min-width: 100px;
float: left;
padding: 20px 2px 0px 2px;
font-family: serif;
}
#main{
margin-left: 100px;
text-align: left;
padding: 20px 40px 0px 40px;
font-size: small;
font-weight: bold;
height: 100%;
}
/*===Navi-links===*/
#navi a {
background-image: url(../pics/buttons/brown.gif);
background-repeat: no-repeat;
background-position: top left;
display: block;
color: White;
width: 100px;
height: 23px;
font-size: 12px;
padding-left: 27px;
padding-top: 2px;
text-align: left;
margin-bottom: 3px;
}
#navi a:active, #navi a:focus, #navi a:hover {
background-image: url(../pics/buttons/yellow.gif);
color: Black;
}
#navi a.red {
background-image: url(../pics/buttons/red.gif);
}
#navi a.red:active, #navi a.red:focus, #navi a.red:hover {
background-image: url(../pics/buttons/orange.gif);
color: Black;
}
#navi a.yellow {
background-image: url(../pics/buttons/yellow.gif);
color: Black;
}
#navi a.yellow:active, #navi a.yellow:focus, #navi a.yellow:hover {
background-image: url(../pics/buttons/brown.gif);
color: White;
}
#navi a.green {
background-image: url(../pics/buttons/lime.gif);
color: Black;
}
#navi a.green:active, #navi a.green:focus, #navi a.green:hover {
background-image: url(../pics/buttons/blue.gif);
color: White;
}
#navi a.blue {
background-image: url(../pics/buttons/darkblue.gif);
color: White;
}
#navi a.blue:active, #navi a.blue:focus, #navi a.blue:hover {
background-image: url(../pics/buttons/blue.gif);
color: White;
}
#navi a.lblue {
background-image: url(../pics/buttons/lightblue.gif);
color: Black;
}
#navi a.lblue:active, #navi a.lblue:focus, #navi a.lblue:hover {
background-image: url(../pics/buttons/blue.gif);
color: White;
}
#navi a.orange {
background-image: url(../pics/buttons/orange.gif);
color: White;
}
#navi a.orange:active, #navi a.orange:focus, #navi a.orange:hover {
background-image: url(../pics/buttons/red.gif);
color: White;
}
#navi a.restricted {
background-image: url(../pics/buttons/restricted1.gif);
color: Black;
}
#navi a.restricted:active, #navi a.restricted:focus, #navi a.restricted:hover {
background-image: url(../pics/buttons/restricted.gif);
color: White;
}
#main a.databank {
background-image: url(../pics/buttons/databank.gif);
background-repeat: no-repeat;
background-position: top left;
display: block;
color: White;
width: 400px;
height: 23px;
font-size: 12px;
padding-left: 30px;
padding-top: 4px;
text-align: left;
margin-bottom: 3px;
}
#main a.databank:active, #main a.databank:focus, #main a.databank:hover {
background-image: url(../pics/buttons/databanka.gif);
color: Black;
}
#main a.akte {
background-image: url(../pics/buttons/brown.gif);
background-repeat: no-repeat;
background-position: top left;
display: block;
color: White;
width: 100px;
height: 23px;
font-size: 12px;
padding-left: 30px;
padding-top: 4px;
text-align: left;
margin-bottom: 3px;
}
#main a.akte:active, #main a.akte:focus, #main a.akte:hover {
background-image: url(../pics/buttons/yellow.gif);
color: Black;
}
#main a.top, #main a.top:visited {
background-image: url(../pics/buttons/darkblue.gif);
background-repeat: no-repeat;
background-position: top left;
display: block;
color: White;
width: 100px;
height: 23px;
font-size: 12px;
padding-left: 27px;
padding-top: 4px;
text-align: left;
margin-bottom: 3px;
}
#main a.top:active, #main a.top:focus, #main a.top:hover {
background-image: url(../pics/buttons/blue.gif);
color: White;
}
#main a.akten, #main a.akten:visited {
background-image: url(../pics/buttons/akten.gif);
background-repeat: no-repeat;
background-position: top left;
display: block;
color: White;
width: 300px;
height: 23px;
font-size: 12px;
padding-left: 30px;
padding-top: 4px;
text-align: left;
margin-bottom: 3px;
}
#main a.akten:active, #main a.akten:focus, #main a.akten:hover {
background-image: url(../pics/buttons/aktena.gif);
color: white;
}
#main a.chat, #main a.chat:visited {
background-image: url(../pics/buttons/chat.gif);
background-repeat: no-repeat;
background-position: top left;
display: block;
color: White;
width: 200px;
height: 23px;
font-size: 12px;
padding-left: 30px;
padding-top: 4px;
text-align: left;
margin-bottom: 3px;
}
#main a.chat:active, #main a.chat:focus, #main a.chat:hover {
background-image: url(../pics/buttons/chata.gif);
color: white;
}
#main td.akte_left { vertical-align: top; }
/*====Text-links===*/
#main a, #main a:visited { color:#0080FF;
text-decoration:none;}
#main a:active, #main a:focus, #main a:hover { color:Aqua;
text-decoration:underline; }
/*===�erschriften===*/
#main h1 {
font-size: large;
text-align:center;
color:#FFCC00;
display: block;
text-decoration: underline;
margin-bottom: 30px;
}
#main h3 {
font-size: 10pt;
text-align:center;
color:#FFFFFF;
display: block;
text-decoration: none;
margin-bottom: 30px;
}
#main h4 {
font-size: 10px;
text-align:center;
color:#FFFFFF;
display: block;
text-decoration: none;
margin-bottom: 0px;
}
/*===Team-Tabelle===*/
table.team td {
width: 50%;
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px groove Gray;
}
table.rs td {
text-align: left;
padding: 5px;
border: 1px groove white;
}
table.team td.subgroup {
border: none;
}
/*===Die Schiffe===*/
div.schiff{
border: 1px Aqua outset;
padding: 1px;
margin-bottom: 15px;
overflow: visible;
float:left;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}
div.schiff h2 {
color: aqua;
font-size: small;
margin-top: 5px;
margin-bottom: 6px;
letter-spacing: 2px;
}
div.schiff img{
margin: 2px;
border: 1px outset Aqua;
background-color: Black;
}
div.schiff div {
padding: 2px;
border: 1px Aqua outset;
}
div.schiff div.data {
border: none;
text-align: left;
}
div.schiffsinfos {
text-align: right;
border: none;
}
/*===Die Mitglieder===*/
table.mitglieder td {
border: 1px solid white;
border-collapse: collapse;
}
table.mitglieder td {
padding-left: 2px;
padding-right: 2px;
}
table.header {
position: absolute;
top: 0px;
right: 0px;
}
table.headerleft {
position: absolute;
top: 0px;
left: 0px;
}