/* 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: #333333;
        }

/* 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: 950px;
        height: 58px;
        background: url(../gfx/bg_top.jpg) no-repeat left top;
        overflow: hidden;
        margin: 0;
        }

div#logolink {
        width: 380px;
        height: 45px;
        position: absolute;
        margin-top: 10px;
        margin-left: 30px;
        float: left;
        }

div#subnavi {
        width: 510px;
        height: 45px;
        position:absolute;
        margin: 0 0 0 430px;
        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: #333333
        }

a:hover {
        text-decoration: none;
        color: #870803;
        }


/*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: 205px;
        width: 125px;
        }

#m_b {
        left: 330px;
        width: 124px;
        }

#m_c {
        left: 454px;
        width: 124px;
        }

#m_d {
        left: 578px;
        width: 124px;
        }

#m_e {
        left: 702px;
        width: 124px;
        }

#m_f {
        left: 826px;
        width: 124px;
        }


/* Hover Menu */

#m_a a:hover,#page.aaktiv #m_a {
        background: url(../gfx/navi.jpg) -205px -43px no-repeat;
}
#m_b a:hover,#page.baktiv #m_b {
        background: url(../gfx/navi.jpg) -330px -43px no-repeat;
}
#m_c a:hover,#page.caktiv #m_c {
        background: url(../gfx/navi.jpg) -454px -43px no-repeat;
}
#m_d a:hover,#page.daktiv #m_d {
        background: url(../gfx/navi.jpg) -578px -43px no-repeat;
}
#m_e a:hover,#page.eaktiv #m_e {
        background: url(../gfx/navi.jpg) -702px -43px no-repeat;
}
#m_f a:hover,#page.faktiv #m_f {
        background: url(../gfx/navi.jpg) -826px -43px no-repeat;
}



#winter {
        width: 950px;
        height: 330px;
        overflow: hidden;
        margin: 0;
        background-image: url(../gfx/winter.jpg);
        background-position: top center;
        background-repeat: no-repeat;

        }

#sommer {
        width: 950px;
        height: 330px;
        overflow: hidden;
        margin: 0;
        background-image: url(../gfx/sommer.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        }



div#suche {
        width: 400px;
        margin-top: 35px;
        margin-left: 500px;
        }

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: 190px;
        margin: 0 10px 3px 0;
        }

.fld_suche_select {
        width: 195px;
        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: 930px;
text-align:left;
margin: 0 auto 10px auto;
padding: 0;
overflow: hidden;
}




#content_a {
width: 460px;
float: left;
padding: 0;
margin: 0 10px 0 0;
}


#content_b {
width: 460px;
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-size: 14px;
        font-weight: bold;
        color: #333333;
        margin: 0;
        padding: 10px 10px 3px 10px;
        }

#content_a ul, #content_b ul {
padding:0 10px 0 10px;
margin:0;
}


li {
list-style: none;
display:inline;
}



#teaser_frame {
width: 950px;
text-align: left;
margin: 20px auto 10px auto;
padding: 0;
overflow: hidden;
float: left;
}

p {
padding: 5px 0 5px 10px;
margin: 0;
}

#teaser_frame ul {
padding: 0;
margin: 0;
}


.teaser_headline {
margin: 5px 0 0 10px;
padding: 0;
font-weight: bold;
font-size: 12px;
}


.teaser_ort {
margin: 2px 0 0 10px;
padding: 0;
font-size:11px;
font-weight: bold;
color:#333333;
}


* html .view, * html .view_right {
width: 452px;
text-align:left;
padding: 0;
border: 1px #333333 solid;
background: url(../gfx/bg_teaser.jpg) top left repeat-x;
overflow: hidden;
}


.view, .view_right {
width: 450px;
text-align:left;
padding: 0;
border: 1px #333333 solid;
background: url(../gfx/bg_teaser.jpg) top left repeat-x;
overflow: hidden;
}



.view {
margin: 10px auto auto 10px;
float: left;
}


.view_right {
margin: 10px 10px auto auto;
float: right;
}

* html .view {
margin: 10px auto auto 5px;
float: left;
}


* html .view_right {
margin: 10px 5px auto auto;
float: right;
}


.view img, .view_right img {
width: 120px;
height: 80px;
padding: 2px;
margin: 5px;
float: right;
border: 1px #333333 solid;
}


div#copyright {
        width: 940px;
        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;
padding: 0;
background: url(../gfx/bg_teaser.jpg) top left repeat-x;
border: 1px #333333 solid;
overflow: hidden;
}

.form {
margin: 0 0 20px 0;
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 #333333 solid;
background: url(../gfx/bg_teaser.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 10px 0 0;
}


.pics {
padding: 3px;
margin: 0 0 20px 0;
border: 1px #333333 solid;
overflow: hidden;
}

.pic {
width: 200px;
padding: 0;
margin: 0;
}

hr {
height: 1px;
margin: 5px 0 5px 10px;
color: #999999;
}

.hr {
height: 1px;
margin: 5px 0 5px 0;
color: #999999;
}

/* KALENDER */
.plan {
        background-color: #8CA804;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        text-align:center;
        border: 1px #666666 solid
        }


.kal_f {
        background-color: #e4e4e4
        }

.kal_b {
        background-color: #990000;
        text-align:center;
        color: #FFFFFF
        }

.kal_tage {
        background-color: #003300;
        text-align:center;
        color: #FFFFFF
        }

#frame_res {
width: 642px;
margin-left: 10px;
margin-top: 10px;
padding: 0;
background: url(../gfx/bg_teaser.jpg) top left repeat-x;
border: 1px #333333 solid;
overflow: hidden;
}


.fld_res {
        width: 310px;
        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}

