html {
height: 100.1%;
font-size: 62.5%;
}
body {
font-family: Arial; Verdana; sans-serif;
font-size: 1.2em;
line-height: 1.6em ;
text-align: center ;
background-color: #003366;
}
* {
margin: 0px; padding: 0px; border: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial; Verdana; sans-serif;
margin: 0em 0em 0.5em 0em;
color: #003366;
}
h6 {
margin: 0em 0em 0.3em 0em;}

h1 {
font-size: 1.9em;
padding-bottom: 0.4em;
font-weight: bold;
}

h2 {font-size: 1.8em }
h3 {font-size: 1.6em }
h4 {font-size: 1.4em }
h5 {font-size: 1.2em }
h6 {font-size: 1.0em }

a {color: #ffffff; text-decoration: none}
a:link {}
a:visited {}
a:hover {}
a:active {}

a.hl {color: #ffffff; text-decoration: none}
a.hl:link {}
a.hl:visited {}
a.hl:hover {
color: #003366;
background: #ffffff;
}
a.hl:active {}

a.inv {}
a.inv:link {}
a.inv:visited {}
a.inv:hover {
color: #ffcc00;
background: #ffcc00;
}
a.hl:active {}


hr {
background-color: #ffcc00;
color: #ffffff;
height: 1px;
margin: 10px 0px;
text-align:right
}
div#wrapper {
width: 760px;
margin: 0px auto;
/*margin: 0px 40px*/
text-align: left;
background: #FFCC00;
}
div#header {
height: 171px;
background-repeat: no-repeat;
}
div#nav {
height: 26px;
font-weight: bold;
font-size: 1.2em;
background: url(../bilder/navigation/tab_normal3.gif)repeat-x;
}
div#nav li {
display: inline;
list-style-type: none;
}
div#nav a {
float: left;
text-decoration: none;
padding-left: 0.5em;
margin: 0em;
background: url(../bilder/navigation/tab_normal3.gif) no-repeat left top;
color: #003366;
}
div#nav a span {
display: block;
padding: 0.3em 1.4em 0em 0.5em;
background: url(../bilder/navigation/tab_normal3.gif) no-repeat right top;
}
div#nav li a:hover,
body#home li.nav_home a,
body#idee li.nav_idee a,
body#termine li.nav_termine a,
body#reisen li.nav_reisen a,
body#kontakt li.nav_kontakt a,
body#newsletter li.nav_newsletter a,
body#impressum li.nav_impressum a {
background: url(../bilder/navigation/tab_over3.gif) no-repeat left top;
color: #FFFFFF;
}
div#nav li a:hover span,
body#home li.nav_home a span,
body#idee li.nav_idee a span,
body#termine li.nav_termine a span,
body#reisen li.nav_reisen a span,
body#kontakt li.nav_kontakt a span,
body#newsletter li.nav_newsletter a span,
body#impressum li.nav_impressum a span {
background: url(../bilder/navigation/tab_over3.gif) no-repeat right top;
color: #FFFFFF;
}
<!-- Nur für Startseite -->
div#content_startseite {
border-top: 1px solid #003366;
padding: 20px 10px 20px 118px;
list-style-position: outside;
}
div#content_startseite li {
padding: 0.2em;
list-style-type:disc;
list-style-position:outside;
}
div#bildleiste_start {
background: #ffcc00;
text-align: center;
}
div#bildleiste_start img {
margin: 0px 2px 2px 0px;
border: 1px solid #003366;
}
div#button_aktion {
height: 50px;
font-weight: bold;
font-size: 1.2em;
background: url(../bilder/navigation/tab_normal3.gif)repeat-x;
margin: 10px 0px 10px 0px;
/*text-align: center;*/
}
div#button_aktion li {
display: inline;
list-style-type: none;
}
div#button_aktion a {
float: left;
text-decoration: none;
padding-right: 0em;
margin: 0px 0px 0px 130px;
background: url(../bilder/navigation/tab_normal3.gif);
color: #003366;
}
div#button_aktion a span {
display: block;
padding: 0.3em;
background: url(../bilder/navigation/tab_normal3.gif);
}
div#button_aktion li a:hover {
background: url(../bilder/navigation/tab_over3.gif);
color: #FFFFFF;
}
div#button_aktion li a:hover span {
background: url(../bilder/navigation/tab_over3.gif);
color: #FFFFFF;
}<!-- End nur für Startseite -->
div#wrap_content {}

div#navi_col {
float: left;
width: 110px;
padding: 10px 5px;
margin: 10px 0px 5px 10px;
border; 1px solid #003366;
background: #ffffff;
border: 2px solid #003366;
}
div#navi_col ul {
list-style-type: none;
font-weight: bold;
}
div#navi_col ul ul {
list-style-type: none;
margin: 0px -5px 0px 15px;
padding: 0px 2px 0px 2px;
}
div#navi_col a {
text-decoration: none;
color: #000000;
}
div#navi_col li.select {
border: 2px 0px solid #003366;
padding-left: 4px;
margin-left: -5px;
margin-right: -5px;
background: #B1D0ED;
}
div#navi_col li.programm {
border-bottom: 2px solid #003366;
padding-left: 5px;
margin-left: -7px;
margin-right: -2px;
background: #ffcc00;
}
div#content {
float: left;
width: 440px;
padding: 10px;
margin: 10px 0px 10px 10px;
background: #003366;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 110%;
}
div#content li {
margin-left: 20px;
list-style-type: circle;
list-style-position: outside;
}
div#content h1, h2, h3, h4, h5, h6 {
color: #ffffff;
}
div#content h6 {
margin-top: 5px;
}
div#content_wide {
float: left;
width: 560px;
padding: 10px;
margin: 10px;
background: #003366;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 110%;
}
div#content_cal {
float: left;
width: 550px;
padding: 10px;
margin: 10px;
background: #003366;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 110%;
}
div#content_wide li {
margin-left: 30px;
list-style-position: outside;
}
div#content_wide h1, h2, h3, h4, h5, h6 {
color: #ffffff;
}
div#facts {
margin-bottom: 20px;
}
div#img_col {
float: right;
width: 110px;
padding: 10px 5px;
margin: 0px 10px 10px 0px;
background: #ffcc00;
text-align: center;
font-weight: bold;
}
div#img_col img {
margin: 0px 2px 20px 0px;
border: 1px solid #003366;
}
div#img_col img.portrait {
margin: 0px 2px 5px 0px;
border: 1px solid #003366;
}
div#img_col_left {
float: left;
width: 110px;
padding: 10px 5px;
margin: 0px -5px 10px 10px;
background: #ffcc00;
text-align: center;
font-weight: bold;
}
div#img_col_left img {
margin: 0px 0px 14px 2px;
border: 1px solid #003366;
}
.img_center {
margin: 0px 25px;
}
.defloat {
clear: both;
font-size: 0.0em;
line-height: 0.0em;
}
.img_map {
border: 2px solid #ffffff;
margin: 0px 5px 20px 0px;
float: left;
}
.img_map_h {
border: 2px solid #ffffff;
margin: 0px 5px 45px 0px;
float: left;
}
.img_map_hh {
border: 2px solid #ffffff;
margin: 0px 5px 65px 0px;
float: left;
}
.img_flag {
margin: 0px 10px 10px 0px;
float: left;
}
.img_flag_b {
border: 1px solid #ffffff;
margin: 0px 10px 10px 0px;
float: left;
}
.img_right {
float: right;
}
.neu {
float: right;
margin-right: 30px;
}
.h4_headline {
margin-top: 5px;
}