* {margin: 0; padding: 0;}

html, body {}

body {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
background-image: url(../_img/bg_main.gif);
background-repeat: repeat-x;
color: #004365;
}


/* ------------------------------------------------------------ DIV allgemein */

div {text-align: left;}

/* ------------------------------------------------------------ Wrapper */

#wrapper {
margin: 0 auto; 
width: 940px;
background: none; 
}

/* ------------------------------------------------------------ Header */

#header {
float: left; 
width: 940px;
height: 426px;
background-image: url(../_img/bg_header.gif);
background-repeat: repeat-y;
}

/* ------------------------------------------------------------ Header-Logo */

#logo {
float: left;
width: 940px; 
height: 128px;
background: none;
margin-top: 20px; 
}

/* ------------------------------------------------------------ Header-Navigation */

#navi {
float: left;
width: 940px; 
height: 33px;
background: none; 
}

ul.navi {}

li.navi {
display: inline; 
list-style-type: none; 
font-size: 14px;
color: #004365;
}

a.navi {text-decoration: none;color: #7DAADF;}
a.navi:hover {color: #002538;}


/* ------------------------------------------------------------- Header-Image */

#header_img {
float: left;
width: 940px; 
height: 245px; 
}


/* ------------------------------------------------------------ Content BEREICH */

#content {
float: left; 
width: 660px; 
padding-top: 24px;
padding-bottom: 35px;
}


h1 {font-size: 16px; 
color: #FF9900;
padding-bottom: 14px;
}

h2.content {font-size: 14px; 
color: #FF9900;
padding-bottom: 5px;
}

p.content {
font-size: 12px;
padding-right: 60px;
padding-bottom: 15px;
line-height: 130%;
}

p.content_top {
padding: 10px 60px 15px 0px;
font-size: 11px;
text-align: right;
}

a.content {text-decoration: none; color: #7DAADF;}
a.content:hover {color: #004365;}

a.content_spezial {text-decoration: none; color: #FFFFFF; background-color: #FF9900;}
a.content_spezial:hover {color: #004365;}

hr.content {
border: 0px;
border-top: solid 1px #F5EED9;
border-bottom: solid 1px #FFFFFF;
width: 600px; 
margin-top: 23px;
}

ul.content {
padding-left: 42px;
padding-bottom: 15px;
}

li.content {
font-size: 12px;
padding-bottom: 3px;
}

/* ------------------------------------------------------------ Content BOX */

div.content_box {
width: 600px;
margin-top: 20px;
margin-bottom: 15px;
}

div.content_box_img {
float: left;
width: 200px;
height: 120px;
}

div.content_box_txt {
float: left;
width: 400px; 
min-height: 120px; 
background-color: #F5EED9;
}

h2.content_box_txt {
padding: 12px 33px 5px 14px;
color: #FF9900;
font-size: 12px;
}

p.content_box_txt {
padding: 0px 33px 5px 14px;
font-size: 12px;
}

a.content_box_txt {text-decoration: none; color: #004365; font-weight: bold;}
a.content_box_txt:hover {color: #002538;}



/* ---------------------------------------------------------- Infobox mit Veranstaltungen und Jahreszeitenauswahl */


#info_box {
float: left;
width: 280px; 
background-color: #7DAADF;
padding-bottom: 35px;
}

div.season {
width: 248px;
height: 24px;
background-color: #FFFFFF;
margin-top: 24px;
margin-bottom: 20px;
}

ul.season {
margin-left: 33px;
padding-top: 5px;
}

li.season {
display: inline;
list-style-type: none;
font-size: 12px;
color: #BC6F00;
}

a.season {text-decoration: none;color: #7DAADF;}
a.season:hover {color: #FF9900;}

h2.info_box {
font-size: 24px;
padding-left: 33px;
}

h3.info_box {
font-size: 12px;
padding-left: 33px;
color: #004365;
padding-top: 15px;
padding-bottom: 5px;
}

p.info_box {
font-size: 12px;
padding-left: 33px;
padding-right: 32px;
padding-top: 5px;
}

a.info_box {text-decoration: underline;color: #004365;}
a.info_box:hover {color: #002538;}

img.info_box {
padding-left: 33px;
padding-top: 20px;
}

/* ------------------------------------------------------------ Footer */

#footer {
float: left; 
width: 940px; 
height: 25px; 
border-top: 1px solid #7DAADF;
font-size: 12px;
padding-bottom: 50px;
}

div.footer_left {
float: left;
width: 470px;
height: 20px;
padding-top: 9px;
text-align: left;
color: #6797C4;
}

div.footer_right {
float: left;
width: 470px;
height: 20px;
padding-top: 9px;
text-align: right;
}

ul.footer {}

li.footer {
display: inline; 
list-style-type: none; 
font-size: 12px;
color: #004365;
}

a.footer {text-decoration: none;color: #7DAADF;}
a.footer:hover {color: #004365;}


/* ------------------------------------------------------------ Kontaktformular */


label, input, select { /* Alle Labels UND Formularelemente auswählen */
display: block;
float: left;
}



form {
background: #FFF;
padding: 0 0 0 0;
margin: 0 0 0 0;
/* height: 300px; */
}



fieldset {
border: 0px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}



label {
margin: 0px 15px 0px 0px;
text-align: left; 
padding-right: 1em;
}

textarea {
width: 225px;
height: 75px;
}