html, body, a, p, div, span, textarea, button, select, option, h1, h2, h3, h4, h5, h6, form{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #3f3f3f;
}

html, body{
    width:100%;
    height: 100%;
}

body{
    background-color: #f3f3f3;
}

#seite_komplett{
    width: 1000px;
    min-height: 500px;
    margin: 0px auto;
    border: solid 20px #f3f3f3;
    background-image:url(../pic/heidecksburg.png);
    background-repeat: no-repeat;
    background-position:right top;
}

#Logo_KW{
    margin: 37px 0 0 50px;
}

#Logo_Headline{
    margin: 19px 0 0 50px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #c40d1c;
}

#con_Navi, #con_content, #content_left, #content_right{
    float: left;
}

#con_Navi{
    width: 240px;
    margin-top: 50px;
}

#con_content{
    width: 760px;
    margin-top: 50px;
}

#content_left{
    width: 410px;
    padding: 0 20px 40px 30px;
}

#content_right{
    width: 300px;
}

img.grafik_pic{
    position: relative;
    top: -25px;
    left: -25px;
}

div.content_box{
    position: relative;
    top: -25px;
}

a{
    text-decoration: none;
    color: #3f3f3f;
}

a:hover{
    text-decoration: underline;
    color: #3f3f3f;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */
#NAVIGATION{
    background-color: #e5e5e5;
    padding: 0px 0 0 0;
    margin-left: 35px;
}

#NAVIGATION div.navmainStandardLevel_1,
#NAVIGATION div.navmainStandardLevel_1_active{
    min-height: 25px;
    line-height: 25px;
}

#NAVIGATION div.navmainStandardLevel_1 a{
    padding-left: 20px;
    font-size: 13px;
    display: block;
    color: #3f3f3f;
    text-decoration: none;
    min-height: 25px;
    line-height: 25px;
}

#NAVIGATION div.navmainStandardLevel_1 a:hover,
#NAVIGATION a.navmainStandardLevel_1_active {
    padding-left: 20px;
    font-size: 13px;
    display: block;
    color: #c40d1c;
    font-weight: bold;
    text-decoration: none;
    min-height: 25px;
    line-height: 25px;
}

#NAVIGATION div.navmainStandardLevel_2,
#NAVIGATION div.navmainStandardLevel_2_active{
    min-height: 20px;
    line-height: 20px;
}

#NAVIGATION div.navmainStandardLevel_2 a{
    padding-left: 35px;
    font-size: 11px;
    display: block;
    color: #3f3f3f;
    text-decoration: none;
}

#NAVIGATION div.navmainStandardLevel_2 a:hover,
#NAVIGATION div.navmainStandardLevel_2_active a.navmainStandardLevel_2_active {
    padding-left: 35px;
    font-size: 11px;
    display: block;
    color: #c40d1c;
    font-weight: bold;
    text-decoration: none;
}

#NAVIGATION div.navmainStandardLevel_3,
#NAVIGATION div.navmainStandardLevel_3_active{
    min-height: 20px;
    line-height: 20px;
}

#NAVIGATION div.navmainStandardLevel_3 a{
    padding-left: 50px;
    font-size: 11px;
    display: block;
    color: #3f3f3f;
    text-decoration: none;
}

#NAVIGATION div.navmainStandardLevel_3 a:hover,
#NAVIGATION div.navmainStandardLevel_3_active a.navmainStandardLevel_3_active {
    padding-left: 50px;
    font-size: 11px;
    display: block;
    color: #3f3f3f;
    font-weight: bold;
    text-decoration: none;
}

#NAVIGATION div.trennung{
    margin: 20px 0 20px 10px;
}

#NAVIGATION_Meta div.meta_nav{
    height: 18px;
    line-height: 18px;
}

#NAVIGATION_Meta a{
    padding-left: 20px;
    font-size: 11px;
    display: block;
    color: #3f3f3f;
    text-decoration: none;
}

#NAVIGATION_Meta a:hover{
    padding-left: 20px;
    font-size: 11px;
    display: block;
    color: #3f3f3f;
    text-decoration: underline;
}

/* ###################################################### */
/* ####################### Breadcrumb_Navi ############## */
/* ###################################################### */
#Breadcrumb_Navi{
    margin: 35px 0 0 250px;
    padding: 0 20px 10px 20px;
    width: 390px;
    background-image:url(../pic/line_long.png);
    background-repeat: no-repeat;
    background-position:left bottom;
    color: #8e8e8e;

}

#Breadcrumb_Navi a{
    padding-right: 4px;
    color: #8e8e8e;
    text-decoration: none;
}

#Breadcrumb_Navi a:hover{
    text-decoration: underline;
}

/* ###################################################### */
/* ####################### CONTENT ###################### */
/* ###################################################### */
#Headline{
    padding-left: 25px;
}

#content_left #Headline div.text{
    color: #c40d1c;
    font-size: 16px;
    letter-spacing: 0.02em;
    font-weight: bold;
    position: relative;
    top: -19px;
    left: 25px;
    width: 350px;
    text-align: left;
}

#content_left #Headline div.text p{
    color: #c40d1c;
    font-size: 16px;
    letter-spacing: 0.02em;
    font-weight: bold;  
}

#content_left div.text{
    position: relative;
    top: -30px;
    text-align: justify;
    line-height: 1.5em;
}

/* ###################################################### */
/* ####################### NEWS_ZUFALL ################## */
/* ###################################################### */
#content_right #NEWS_ZUFALL{
    background-color: #e5e5e5;
    margin-left: 40px;
}

#content_right #NEWS_ZUFALL div.headline{
    padding: 0px 20px 5px 20px;
    color: #3f3f3f;
    font-weight: bold;
}

#content_right #NEWS_ZUFALL div.news_pic{
    padding: 0px 20px 10px 20px;
}

#content_right #NEWS_ZUFALL div.text{
    padding: 0px 20px 0px 20px;
}

#content_right #NEWS_ZUFALL div.text a{
    color: #565656;
    text-decoration: none;
}

/* ###################################################### */
/* ####################### SUCHE ######################## */
/* ###################################################### */
#content_right #SUCHE{
    background-color: #e5e5e5;
    margin-left: 40px;
    margin-bottom: 50px;
    height: 45px;
}

#content_right #SUCHE div.content_box{
    position: relative;
    top: -28px;
}

#content_right  #SUCHE input[type=text]{
    margin-left: 20px;
    width: 180px;
    border-width: 1px;
    font-size: 11px;
}

#content_right #SUCHE input[type=submit]{
    margin-left: 5px;
    border-width: 1px;
    color: #3f3f3f;
    background-color: #e5e5e5;
    font-size: 11px;
    padding: 0px 5px 0px 5px;
}

/* ###################################################### */
/* ################### SUCHE_AUSGABE #################### */
/* ###################################################### */
#searchResults{
   
}

#searchResults div.message{
    margin-bottom: 15px;
}

#searchResults div.searchResultItem{
    margin-bottom: 20px;
}

#searchResults div.Headline{
    font-size: 11px;
    font-weight: bold;
    color: #c40d1c;
}

#searchResults a.a_Headline{
    font-size: 11px;
    font-weight: bold;
    color: #c40d1c;
    text-decoration: none;
}

#searchResults a:hover.a_Headline{
    text-decoration: underline;
}

/* ###################################################### */
/* ####################### GALERIE ###################### */
/* ###################################################### */
#content_right #GALERIE{
    background-color: #e5e5e5;
    margin-left: 40px;
    margin-bottom: 50px;
}

#content_right #GALERIE div.ligallery{
    margin: 0 20px 0 20px;
}

#content_right #GALERIE td.gallery_image{
    padding: 5px 0px 10px 0;
}

#content_right #GALERIE div.gTop{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: dotted 1px silver
}

#content_right #GALERIE div.gTop a,
#content_right #GALERIE div.gBottom a{
    color: #565656;
    text-decoration: none; 
}

#content_right #GALERIE div.gBottom{
    padding-top: 5px;
    margin-top: 5px;
    border-top: dotted 1px silver
}

#content_left #Galerie_Liste{
    padding-top: 25px;
    position: relative;
    top: -30px;
    border-top: dotted 1px silver;
}

#content_left #Galerie_Liste div.Headline{
    position: relative;
    top: -30px;
    text-align: left;
    margin-top: 10px;
}

#content_left #Galerie_Liste div.Headline a{
    color: #c40d1c;
    font-size: 12px;
    letter-spacing: 0.01em;
    font-weight: bold;
    text-decoration: none;
}

#content_left #Galerie_Liste div.Headline a:hover{
    text-decoration: underline;
}

#content_left #Galerie_Liste div.text{
    position: relative;
    top: -30px;
    text-align: justify;
    padding: 5px 0 0 0;
    width: 280px;

}

#content_left #Galerie_Liste div.text a{
    color: #565656;
    text-decoration: none;
}

#content_left #Galerie_Liste div.text a:hover{
    text-decoration: underline;
}

#content_left #Galerie_Liste div.img{
    float: right;
    margin: 0 0 15px 15px;
    width: 85px;
    min-height: 60px;
}

/* ###################################################### */
/* ####################### Kursleiter ################### */
/* ###################################################### */
#content_left #Kursleiter{
    position: relative;
    top: -30px;
    width: 410px;
}

#content_left #Kursleiter div.abschnitt{
    font-weight: bold;
    color: #c40d1c;
}

#content_left #Kursleiter div.kurse,
#content_left #Kursleiter div.person{
    padding: 5px 0 15px 10px;
    width: 400px;
}

#content_left #Kursleiter div.zeit{
    float: left;
    width: 80px;
    text-align: right;
    padding: 0 10px 5px 0;
}
#content_left #Kursleiter div.eintrag{
    float: left;
    width: 270px;
    padding: 0 0 5px 10px;
}

#content_left #Kursleiter_Liste{
    position: relative;
    top: -30px;
    width: 410px;
}

#content_left #Kursleiter_Liste div.Kursleiter{
    margin-bottom: 10px;
    line-height: 25px;
    height: 25px;
    background-color: #e5e5e5;
    padding-left: 10px;
}

#content_left #Kursleiter_Liste a{
    display: block;
    text-decoration: none;
    color: #3f3f3f;
}

/* ###################################################### */
/* ####################### Bild ######################### */
/* ###################################################### */
#content_right #BILD{
    background-color: #e5e5e5;
    margin-left: 40px;
    margin-bottom: 50px;
}

#content_right #BILD div.Bild_Box{
    margin: 5px 20px 10px 20px;
    
}

/* ###################################################### */
/* ####################### NEWS ######################### */
/* ###################################################### */
#content_left #NEWS {
    position: relative;
    top: -30px;
}

#content_left #NEWS div.block{
    border-top: solid 1px #e5e5e5;
    padding: 10px 0 10px 0;
}

#content_left #NEWS div.block img{
    float: right;
    margin: 0 0 10px 10px;
}

#NEWS div.news_date{
    font-size: 10px;
    color: #c40d1c;
}

#NEWS div.news_headline{
    margin: 5px 0 5px 0;
}

#NEWS a.a_headline{
    font-size: 12px;
    color: #c40d1c;
    text-decoration: none;
}

#NEWS a:hover.a_headline{
    text-decoration: underline;
}

#NEWS img.teaser_img{
    width: 100px;
    float: right;
    margin: 0 0 15px 15px;
}

#NEWS div.news_text{
    
}

/* ###################################################### */
/* ################### Kontaktformular ################## */
/* ###################################################### */
#content_left #kontakt_form div.sp1{
    float: left;
    width: 170px;
    padding: 3px 0 3px 0;
}

#content_left #kontakt_form div.sp2{
    float: left;
    width: 220px;
    padding: 3px 0 3px 0;
}

#content_left #kontakt_form div.normal{
    padding: 3px 0 3px 0;
}

#content_left #kontakt_form div.line{
    margin: 5px 0 5px 0;
    height: 1px;
    background-color: #c40d1c;
}

#content_left #kontakt_form textarea{
    border-width: 1px;
    color: #3f3f3f;
    font-size: 11px;
}

#content_left #kontakt_form input[type=text]{
    border-width: 1px;
    color: #3f3f3f;
    font-size: 11px;
}

#content_left #kontakt_form input[type=reset]{
    border-width: 1px;
    color: #3f3f3f;
    background-color: #e5e5e5;
    font-size: 11px;
}

#content_left #kontakt_form input[type=submit]{
    margin-left: 5px;
    border-width: 1px;
    color: #3f3f3f;
    background-color: #e5e5e5;
    font-size: 11px;
}

/* ###################################################### */
/* ################### Kursdetail ####################### */
/* ###################################################### */
#content_left #Kursdetail div.sp1{
    float: left;
    width: 120px;
    padding: 0px 0 10px 0;
}

#content_left #Kursdetail div.sp2{
    float: left;
    width: 270px;
    padding: 0px 0 10px 0;
}

/* ###################################################### */
/* ################### regelmäßige KursListe ############ */
/* ###################################################### */
#content_left #reg_KursListe div.art{
    float: left;
    width: 120px;
    padding: 0px 0 0px 5px;
    min-height: 20px;
    line-height: 20px;
}

#content_left #reg_KursListe div.beginn{
    float: left;
    width: 70px;
    padding: 0px 0 0px 5px;
    min-height: 20px;
    line-height: 20px;
}

#content_left #reg_KursListe div.titel{
    float: left;
    width: 200px;
    padding: 0px 0 0px 5px;
    min-height: 20px;
    line-height: 20px;
}

#content_left #reg_KursListe div.tag{
    color: #c40d1c;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 0 10px 5px;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
}

#content_left #reg_KursListe div.ort{
    font-size: 11px;
    color: #3f3f3f;
    font-weight: bold;
    padding-left: 5px;
    margin: 0px 0 5px 0px;
    height: 20px;
    line-height: 20px;
    background-color: #e5e5e5;
}

#content_left #reg_KursListe a:hover{
    display: block;
    text-decoration: none;
}

#content_left #reg_KursListe a:hover{
    text-decoration: none;
}

#content_left #spez_KursListe div.datum{
    color: #c40d1c;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 0 0px 5px;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
    background-color: #e5e5e5;
}

#content_left #spez_KursListe div.titel{
    padding: 0px 0 0px 5px;
    min-height: 20px;
    line-height: 20px;
}

#content_left #spez_KursListe div.kursleiter{
    padding: 0px 0 0px 5px;
    min-height: 20px;
    line-height: 20px;
    border-bottom: dotted 1px silver;
}

#content_left #spez_KursListe a:hover{
    display: block;
    text-decoration: none;
}

#content_left #spez_KursListe a:hover{
    text-decoration: none;
}

/* ################### ClearFIX ################### */
div.clearfix{
    clear: both;
}

/* ################### maaja Link ################# */
#maajaLink{
    width: 1000px;
    margin: 5px auto;
    text-align: right;
    padding: 0px 0px 5px 0;
    color: #B1B1B1;
    font-size: 9px;
}

#maajaLink a.maajaLink{
    color: #B1B1B1;
    font-size: 9px;
    text-decoration: none;
}

#maajaLink a:hover.maajaLink{
    text-decoration: underline;
}
