body {
background-image:url('Verlauf.jpg');
font-family: Verdana,sans-serif;
color: #FEECC9;
}
a {text-decoration: none;
font-weight: normal;
color:  #FEECC9;
outline: none;
}
a:visited {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:hover {
text-decoration: none;
}

#signet {
position: absolute;
top: 0px;
left: 32px;
}

#foto {
position: absolute;
top: 0px;
left: 180px;
}

#linie {
position: absolute;
top: 120px;
left: 0px;
width: 100%;
background-color: #C41D1E;
height: 20px;
}

#main {
position: absolute;
top: 320px;
left: 180px;
width: 780px;
color: FCFEF4;
font-size: 11pt;
}

#main a {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#main a: {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#main a:active {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#main a:visited {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#main a:hover {
color: #F2E020;
text-decoration: none;
font-weight: bold;
}

#mainschm {
position: absolute;
top: 145px;
left: 180px;
width: 780px;
color: FCFEF4;
font-size: 11pt;
}
#mainschm a {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#mainschm a: {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#mainschm a:active {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#mainschm a:visited {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#mainschm a:hover {
color: #F2E020;
text-decoration: none;
font-weight: bold;
}

#newsblock {
position: absolute;
top: 140px;
left: 155px;
width: 580px;
padding: 6px;
margin: 2%;
background: #2C50B1;
border: 5px solid #B7BCC2;
color: yellow;
}

#karte {
position: absolute;
top: 160px;
left: 175px;
width: 580px;
padding: 6px;
}
#kartelinks {
position: absolute;
top: 160px;
left: 15px;
width: 130px;
font-size: 80%;
}
#kartelinks a {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#kartelinks a: {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#kartelinks a:active {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#kartelinks a:visited {
color: #B5B5B5;
text-decoration: underline;
font-weight: bold;
}
#kartelinks a:hover {
color: #F2E020;
text-decoration: none;
font-weight: bold;
}

#menubox {
position: absolute;
top: 123px;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
#menubox a {
font-weight: bold;
}
#menubox a: {
font-weight: bold;
}
#menubox a:visited {
font-weight: bold;
}
#menubox a:active {
font-weight: bold;
}
#menubox a:hover {
font-weight: bold;
color: yellow;
}

ul {padding: 0; margin: 0; font: 1em sans-serif; color: #FEECC9;}
ul li {list-style-type: none; position: relative; margin: 0; padding: 0; color: #FEECC9;}
ul ul {display: none; margin-left: 0; font-size: 0.96em;}
ul li:hover > ul {display: block; position: left: 100%; border-right: 0;}
li a {display: block; padding: 0px 0px; text-decoration: none; background: #C41D1E; color: #FEECC9;}
ul#topmenu li a:hover {background: transparent; color: yellow; text-decoration: none; font-weight: bold;}
li.sub > a {font-weight: bold; background: transparent; color: #FEECC9; }
ul#topmenu {display: block; width: 90%; font-weight: bold; text-align: left; padding: 0px 7px; background: #C41D1E; color: #FEECC9;}
ul#topmenu > li:hover > ul {width: 90%; top: 1.5em; left: 0; color: #FEECC9; background: #C41D1E; }
ul ul {width: 10em;}

#home {position: absolute; left: 180px; width: 60px;}
#aktuelles {position: absolute; left: 240px; width: 90px;}
#karten {position: absolute; left: 310px; width: 90px;}
#webcams {position: absolute; left: 400px; width: 70px;}
#fotos {position: absolute; left: 480px; width: 70px;}
#erfahrungen {position: absolute; left: 540px; width: 90px;}
#links {position: absolute; left: 640px; width: 100px;}
#impressum {position: absolute; left: 700px; width: 70px;}
