html
body
{
background-color:#ffffff;
font-family:Arial, sans-serif;
font-size:11pt;
line-height:14pt;
color: #220044;

}


img
{
border: none;
}


.header
{
text-align:center;
background-image: url(imgs/logo_linksrechts.gif);
background-repeat: x-repeat !important;
background-repeat: repeat-x;
height: auto !important;
height: 100px;
position:relative;
margin-top: 0;
margin-bottom:2px;
padding-bottom:0
}

.anker
{
height:1px;
font-size:1px
}


/*----------Navi oben----------------------------------------------------------------------------------*/

/*--Klappmenü inspiriert von/geklaut bei: http://www.drweb.de/magazin/das-perfekte-menu-klappmenu-navigieren-in-dimensionen/ - Danke dafür!--*/


#menu 
{
width: 710px;
background: #ffffff; 
float: left;
position: relative;
left: -350px;
margin-left: 50%;
}

#menu ul 
{ 
list-style: none; 
margin: 0; 
padding: 0; 
width: 140px; 
float: left;
} 
	
#menu a, #menu h2
{ 
font: bold 11px/16px arial, helvetica, sans-serif;
display: block; 
border-width: 1px; 
border-style: solid;
border-color: #555555;
margin: 0; 
padding: 2px 3px;
}

#menu h2
{ 
background: #C10009;
text-transform: uppercase;
} 

#menu a 
{ 
color: #000; 
background: #efefef; 
text-decoration: none; 
}

#menu a:hover 
{ color: #C10009; 
background: #fff; 
}

#menu li 
{
position: relative;
} 

#menu ul ul 
{ 
position: absolute; 
z-index: 500; 
}

#menu ul ul ul 
{ 
position: absolute; 
top: 0; 
left: 100%;
} 

    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
      {display: none;} 

    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
      {display: block;} 


.unsichtbar
{
visibility: hidden;
color:#efefef
}

#menu .hier
{
border-width: 1px; 
border-style: solid;
border-color: #555555;
color: #C10009; 
background: #fff; 
}
   
/*-------------------------------------------------------------------------------ende navi oben (Hurra)----------*/


.navilinks

{
position: fixed !important;
position: absolute;
top: 210px;
left: 7px;
background-color: #bb0011;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
font: bold 11px/16px arial, helvetica, sans-serif;
width: 120px;
float: left;

}


.navilinks  ul 
{ 
list-style: none; 
margin: 0; 
padding: 0; 
} 


.navilinks li, .navilinks a
{
border: 1px solid white;
display: block;
height: 45px;
text-decoration: none;
color: #ffffff;
}

.navilinks a
{
width:120px
}

.navilinks a:hover
{
background-color: #ffcc44;
color: #333;
width:140px
}

/*------------------------------------------------Ende Navi insgesamt und so----------------------------------*/

.inhalt
{
position: static;
margin-top: 100px;
margin-right: 25px;
margin-left: 160px;
margin-bottom: 60px;
min-width: 550px;
min-height:350px
}

.nachoben 
{
color: #C10009;
font-size: 8pt;
text-decoration:underline
}




.text a, .text2 a
{
border-bottom: 1px solid #bb0011;
color: #220044;
text-decoration: none
}

.text a:hover, .text2 a:hover
{
border-bottom: 1px solid #bb0011;
color: #bb0011;
text-decoration: none
}

.text a:visited, .text2 a:visited
{
border-bottom: 1px solid #666;
color: #666;
text-decoration: none
}

.text a[class="fuss"]
{
border: none;
color: #220044;
}

.text2 a[class="nachoben"]
{
border:none;
color: #C10009;
font-size: 8pt;
text-decoration:underline
}

.text2 a:visited[class="nachoben"]
{
border:none;
color: #C10009;
font-size: 8pt;
text-decoration:underline
}

.text2
{
max-width:620px;
margin-bottom: 450px;
}


.abstand
{
height: 42px
}

h3
{
font-size: 13pt;
font-style: italic;
font-weight: bold;
margin-left: 15px
}

h4
{
font-weight:bold;
margin-left: 15px
}

.bildspalte
{
position: static;
right: 5px;
width: 135px;
float: right;
margin: 0 12px 0px 20px;
line-height: 9.4pt;
font-size: 8pt;
text-align:center;
}

.bildbox
{
right:5px;
float:right;
text-decoration: none;
border: 1px solid #bbb;
width: 125px;
padding: 5px 5px;
margin-bottom: 25px
}

.bildbox a
{
text-decoration: none;
color: #000;
}


.bildbox2
{
float:right;
right: 5px;
margin-bottom: 120px;
font-size: 8pt;
text-align:center;
margin-left:7px
}

sup
{
font-size: 8pt;
border:0
}

/*
.wetterbox
{
border: 2px solid #bb0011;

}
*/

.quelle
{
font-size: 8pt;
text-decoration: none
}

.fuss
{
font-size:6pt
}

.footer
{
width: 100%;
color: #ffffff;
background-color: #d10009;
text-transform: uppercase;
text-align:center;
font-size: 8pt;
font-weight: bold;
position: relative;
bottom: -5px;
}

.footer a
{
color: #ffffff;
text-decoration:none;
}


/*---------------------Schiffe versenken------------------------*/