/* body anweisungen */
/* Typo */
body {
        margin-top: 0;
        /* Nur fuer den IE 5.X */
        text-align: center;
        background-color:#FFFFFF;
        background: url(../gfx/bg_site.jpg);
        background-position: top center;
        background-repeat: repeat-y;
        }

/* text allgemein */
body, table, tr, td, div, input, textarea, select {
        font-family: Arial,  Verdana;
        font-size: 12px;
        text-decoration: none;
        color: #666666;
        }

b {
color: #336699;
}

/* Layout*/
#page {
        /* Sicherstellen dass der IE ab hier alles linksbuendig darstellt */
        text-align: left;
        width: 950px;
        height: auto;
        margin: 0 auto 0 auto;
        }

div#top {
        width: 910px;
        height: 58px;
        margin: 10px auto 10px auto;
        background: url(../gfx/bg_top_kl.jpg) no-repeat left top;
        overflow: hidden;
        }

div#logolink {
        width: 420px;
        height: 77px;
        position: absolute;
        margin-top: 10px;
        margin-left: 30px;
        float: left;
        }

div#subnavi {
        width: 510px;
        height: 80px;
        position:absolute;
        margin: 0 0 0 400px;
        padding: 5px 0 0 0;
        text-align: right;
        font-size: 11px;
        color: #CCCCCC;
        }

div#subnavi h1 {
        font-size: 12px;
        font-weight: bold;
        color: #CCCCCC;
        text-decoration: none;
        margin:5px 0 0 0;
        }

#list {
        list-style:none;
        display:inline;
        }

#list li {
        display:inline;
        }

#list a {
        text-decoration: none;
        color: #CCCCCC
        }

#list a:hover {
        text-decoration: underline;
        color: #CCCCCC;
        }


a {
        text-decoration: underline;
        color: #336699
        }

a:hover {
        text-decoration: none;
        color: #336699;
        }


/*Hauptmenu*/
div#navbar{
        height: 43px;
        width: 950px;
        margin: 0 0 0 0;
        padding: 0;
        border: 0;
        }

div#navbar ul#hauptmenu{
        height: 43px;
        width: 950px;
        background: url(../gfx/navi.jpg) no-repeat left top;
        margin: 0;
        padding: 0;
        position: relative;

        }

div#navbar ul#hauptmenu li{
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 0;

}
ul#hauptmenu li,ul#hauptmenu a{
        height:43px;
        display:block;
}
div#navbar ul#hauptmenu li a {
        text-indent: -9999px;
        text-decoration: none;
}

#m_a {
        left: 20px;
        width: 150px;
        }

#m_b {
        left: 172px;
        width: 150px;
        }

#m_c {
        left: 324px;
        width: 150px;
        }

#m_d {
        left: 476px;
        width: 150px;
        }

#m_e {
        left: 628px;
        width: 150px;
        }

#m_f {
        left: 780px;
        width: 150px;
        }


/* Hover Menu */

#m_a a:hover,#page.aaktiv #m_a {
        background: url(../gfx/navi.jpg) -20px -43px no-repeat;
}
#m_b a:hover,#page.baktiv #m_b {
        background: url(../gfx/navi.jpg) -172px -43px no-repeat;
}
#m_c a:hover,#page.caktiv #m_c {
        background: url(../gfx/navi.jpg) -324px -43px no-repeat;
}
#m_d a:hover,#page.daktiv #m_d {
        background: url(../gfx/navi.jpg) -476px -43px no-repeat;
}
#m_e a:hover,#page.eaktiv #m_e {
        background: url(../gfx/navi.jpg) -628px -43px no-repeat;
}
#m_f a:hover,#page.faktiv #m_f {
        background: url(../gfx/navi.jpg) -780px -43px no-repeat;
}



#winter {
        width: 910px;
        height: 320px;
        overflow: hidden;
        margin: 0 auto 0 auto;
        background-image: url(../gfx/sommer.jpg);
        background-position: top center;
        background-repeat: no-repeat;

        }

#sommer {
        width: 910px;
        height: 320px;
        overflow: hidden;
        margin: 0 auto 0 auto;
        background-image: url(../gfx/sommer.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        }



div#suche {
        width: 380px;
        margin-top: 28px;
        margin-left: 490px;
        }

div#suche h1 {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        margin: 0;
        padding: 0 0 3px 0;
        }

.suchform {
        margin: 0;
        padding: 0;
        }

.fld_suche {
        width: 185px;
        margin: 0 10px 3px 0;
        }

.fld_suche_select {
        width: 190px;
        margin: 0 10px 3px 0;
        }



.button_suche {
        margin: 10px 0 0 0;
        }

.button_login {
        width: 440px;
        margin: 10px 0 0 0;
        }

.txt_white_small {
        font-size: 11px;
        color: #FFFFFF;
}



#content_center {
width: 970px;
text-align:left;
margin: 0 auto 10px auto;
padding: 0;
overflow: hidden;
}




#content_a {
width: 470px;
float: left;
padding: 0;
margin: 0 10px 0 0;
}


#content_b {
width: 450px;
float: right;
padding: 0;
margin: 0 10px 0 0;
}

* html #content_b {
width: 450px;
float: right;
padding: 0;
margin: 0 10px 0 5px;
}

#content_a h1, #content_b h1, #content_center h1, #content_650 h1{
font-family: Arial Narrow;
font-size: 22px;
font-weight: normal;
color: #336699;
margin: 10px 0 10px 20px;
padding: 0;
}

#content_a h2, #content_b h2, #content_center h2, #content_650 h2{
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #336699;
margin: 5px 0 0 20px;
padding: 0;
}

#content_a ul, #content_b ul {
padding:0 10px 0 20px;
margin:0;
}


.umlauf {
padding: 0;
margin: 0;
float: left;
overflow: hidden;
}

.small_left {
width: 150px;
padding: 0;
margin: 0;
float: left;
}

.small_middle {
width: 150px;
padding: 0;
margin: 0;
float: left;
}

.small_right {
width: 150px;
padding: 0;
margin: 0;
float: left;
}


li {
list-style: none;
padding: 0 0 2px 0;
}

.map {
padding: 0;
margin: 0 0 0 10px;
}



#teaser_frame {
width: 950px;
text-align: left;
margin: 20px auto 10px auto;
padding: 0;
overflow: hidden;
float: left;
}

p {
padding: 2px 0 0 20px;
margin: 0;
}

#teaser_frame ul {
padding: 0;
margin: 0;
}

#teaser_frame p {
padding: 2px 5px 0 20px;
margin: 0;
}


.teaser_headline {
margin: 0 0 0 10px;
padding: 0;
font-weight: bold;
font-size: 12px;
}


.teaser_ort {
margin: 0 0 0 10px;
padding: 0;
font-size:11px;
font-weight: bold;
color:#336699;
}



.view, .view_right {
width: 450px;
text-align:left;
padding: 10px 10px 10px 0;
background: url(../gfx/bg_teaser.jpg) top center no-repeat;
overflow: hidden;
}


.view {
margin: 10px auto 0 10px;
float: left;
}


.view_right {
margin: 10px 10px 0 auto;
float: right;
}

* html .view {
margin: 10px auto 0 5px;
float: left;
}


* html .view_right {
margin: 10px 5px 0 auto;
float: right;
}


.view img, .view_right img {
width: 120px;
height: 80px;
margin: 0 5px 0 15px;
float: left;
}


div#copyright {
        width: 930px;
        margin: 0 auto 20px auto;
        padding:0;
        float: left;
        }

div#copyright p {
        padding: 0;
        text-align: right;
        }

.fld_a {
        width: 440px;
        background-color: #e4e4e4;
        border: 1px solid; border-color: #333333 #999999 #999999 #333333
        }


#content_center_frame {
margin: 10px 20px 10px 20px;
padding: 0;
background: url(../gfx/bg_frame.jpg) top left repeat-x;
border: 1px #336699 solid;
overflow: hidden;
}

.form {
margin: 0 0 20px 0;
padding: 0;
}

.fewo_tabelle {
margin: 0 0 0 20px;
padding: 0;
}


/* ######## ANFRAGE ######## */
.button_kontakt {
width: 260px;
height:28px;
margin: 30px 0 0 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_kontakt.jpg) top left no-repeat;
}

.button_anmeldung {
width: 195px;
height:28px;
margin: 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_anmeldung.jpg) top left no-repeat;
}


.frame {
width: 450px;
text-align:left;
padding: 20px;
margin: 30px auto 20px auto;
border: 1px #336699 solid;
background: url(../gfx/bg_frame.jpg) top left repeat-x;
overflow: hidden;

}

.liste {
display:list-item;
list-style: circle;
margin: 0 0 5px 20px;
}


#printonly { display: none; }

.fld_c { background-color: #e4e4e4; width: 200px; border: 1px solid; border-color: #333333 #999999 #999999 #333333}


#content_650 {
width: 650px;
float: left;
padding: 0;
}


#content_300 {
width: 200px;
float: right;
padding: 0 20px 0 0;
}


.pics {
padding: 3px;
margin: 0 0 20px 0;
border: 1px #336699 solid;
overflow: hidden;
}

.pic {
width: 200px;
padding: 0;
margin: 0;
}

hr {
height: 1px;
margin: 5px 0 5px 20px;
color: #336699;
}

.hr {
height: 1px;
margin: 5px 0 5px 0;
color: #3366999;
}

/* KALENDER */
.plan {
        background-color: #83ACD6;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFFFFF
        font-weight: normal;
        text-align:center;
        border: 1px #336699 solid
        }


.kal_f {
        background-color: #e4e4e4
        }

.kal_b {
        background-color: #990000;
        text-align:center;
        color: #FFFFFF
        }

.kal_tage {
        background-color: #336699;
        text-align:center;
        color: #FFFFFF
        }

#frame_res {
width: 632px;
margin-left: 20px;
margin-top: 10px;
padding: 0;
background: url(../gfx/bg_frame.jpg) top left repeat-x;
border: 1px #336699 solid;
overflow: hidden;
}


.fld_res {
        width: 300px;
        background-color: #e4e4e4;
        border: 1px solid; border-color: #333333 #999999 #999999 #333333
        }

.txt_rot {
        color: #FF0000
        }

 .button_400 {
background-color: #CCCCCC; width: 400px; border-color: #333333 #999999 #999999 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.button_save { background-color: #e4e4e4; width: 200px; font-weight: bold; color: #FF0000; border: 1px #FF0000 solid}
.button_200 { background-color: #CCCCCC; width: 200px; border-color: #333333 #666666 #666666 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.fld_d { background-color: #e4e4e4; width: 40px; border: 1px solid; border-color: #333333 #999999 #999999 #333333 }


.fld_f { background-color: #e4e4e4; border: 1px solid; border-color: #333333 #999999 #999999 #333333 ; width: 610px}

.startpic {
border: 1px #336699 solid;
float: left;
margin: 5px 10px 5px 20px;
padding: 2px;
}