@charset "UTF-8";

* {padding:0px; margin:0px;}

body { background-color: #bbd7f3; margin: 0; font-weight: normal; font-size: 11px; line-height: 13px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; }


a {border-style: none;color: #000;font-weight: bold;}
a:active { color: #000; font-weight: bold; font-size: 13px; line-height: 15px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; }
a:link { color: #000; font-weight: bold; font-size: 13px; line-height: 15px; font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
a:visited { color: #000; font-weight: bold; font-size: 13px; line-height: 15px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; }
a:hover { color: #951922; font-weight: bold; font-size: 13px; line-height: 15px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; }

h1 { color: #951922; font-weight: normal; font-size: 21px; font-family:  Arial; text-decoration: none; padding:0; margin:0;}
p {padding:0; margin:0;}
ul {padding:0; margin:0; list-style-type: disc; }
li {padding:0; margin:0; margin-left:15px;}

img {border-style: none;}

.aflaggen {border-style: none; margin-left: 2px; }

/* ----- WYSIWYG - Styles ----- */

.redHead {color: #951922; font-weight: normal; font-size: 20px; line-height: 20px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; margin-bottom: 10px; margin-top:5px; margin-bottom:5px;}  
.greenHead {color: #669933; font-weight: normal; font-size: 20px; line-height: 20px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; margin-bottom: 10px; margin-top:10px; margin-bottom:10px;}  

.redHeadSmall {color: #951922; font-weight: bold; font-size: 16px; line-height: 15px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; margin-top:5px; margin-bottom:5px; }
.greenHeadSmall{color: #669933; font-weight: bold; font-size: 16px; line-height: 15px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; margin-top:5px; margin-bottom:5px;}

.greenTextBold {color: #669933; font-weight: bold; font-size: 13px; line-height: 13px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; }
.redTextBold {color: #951922; font-weight: bold; font-size: 13px; line-height: 13px; font-family:  Arial, Helvetica, Geneva; text-decoration: none; }

.normTextLHgr{line-height: 18px;}
.normTextLHno{line-height: 13px;}

.img_bg_dhtml {width: 110%; height:37px;z-index: 10;position:absolute;}
.div_bg_dhtml {margin-left:-5px; z-index: 10; width: 100%; margin-top: -23px; position: absolute; filter:Alpha(opacity=0); -moz-opacity: 0.00; opacity: 0.00;}
.div_bg_dhtml:hover{filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}
.con_dhtml_text_top{position:absolute; z-index:50; padding-top:10px; padding-left:5px;}

.con_outer{width:100%; position:absolute; top:0; min-height: 1013px; height: 100%; text-align: center; background-color: #bbd7f3; padding: 0px;}
.con_main{  width: 925px; background-image: url(../Bilder/bg_con_main.png); background-repeat: repeat-y; margin-left:4%; min-height: 1000px; padding: 0; text-align: left; }
.con_top_navi {width: 925px; height: 25px;}
.con_top_banner {width:925px; height: 287px;}
.con_dhtml_navi { background-image: url(../Bilder/bg_con_dhtml_navi.png); width:925px; height: 17px; }
.con_spacer {width:925px; height: 26px;}
.con_bottom_navi { margin-top: 1px; background-image: url(../Bilder/bg_con_navi_unten.png); background-repeat: repeat-y; width: 715px; height: 30px; float: right; }
.con_bottom_logos {  background-image: url(../Bilder/bg_con_center.png); background-repeat: repeat-y;background-position: 210px 1px; width: 925px; height: 35px; clear: both;}
.con_bottom_logos_touren {background-image: url(../Bilder/bg_con_center_touren.png); background-repeat: repeat-y;background-position: 210px 1px; width: 925px; height: 35px; clear: both;}
.con_bottom { width: 925px; min-height: 1px; clear: both;}
.con_bottom_end { background-image: url(../Bilder/abschluss.png); background-repeat: no-repeat;  width: 925px; height: 13px; clear: both; margin-left:4%;}
.con_overlay { float: left; width: 620px; height: 317px; position: absolute; margin-left:505px; margin-top:0px; }
.con_overlay_herz {z-index: 1000; width: 61px; height: 49px; position: absolute; margin-left: 840px ; margin-top:330px; background-image: url(../Bilder/herz_gruen.png); background-repeat:  no-repeat;}
.con_right_navi { float: left; width: 125px; height: 285px; position: absolute; margin-left:924px; margin-top:220px; }
.con_content_left{ width: 210px; min-height:605px; float: left; position: relative;}
.con_content_center{background-image: url(../Bilder/bg_con_center.png); background-repeat: repeat-y; width: 470px; min-height: 780px; float: left;   }
.con_content_center_touren {width: 715px; min-height: 605px; float: left;  background-image:url(../Bilder/bg_con_center_touren.png); background-repeat: repeat-y; }
.con_content_right{ width: 245px; min-height: 605px; float: right; position: relative; }
.con_content_logo_left {margin-left: 30px; float: left;}
.con_content_searchbox {margin-left: 30px; height: 20px;}
.con_content_banner_top {margin-left:13px;}
.con_content_flaggen {padding-top: 15px; margin-right: 50px; float: right; }
.con_content_maincontent {width: 450px; margin:0px; padding:0px; margin-left:10px; margin-right:10px;}
.con_content_maincontent_touren {width: 680px; margin:0px; padding:0px; margin-left:10px; margin-right:10px;}
.con_content_maincontent_head {margin:0px; padding:0px; margin-bottom:30px; margin-top:5px;}
.con_content_maincontent_text {margin-bottom:50px; padding:0px;}
.con_content_maincontent_list {margin:0px; padding:0px; margin-top:10px; }
.con_content_right_pics {margin-left: 5px;}
.con_content_right_google {margin-right: 100px; float: right; }
.con_content_katalog { margin-left: 5px; margin-bottom: 5px;}
.con_content_webcams { margin-left: 5px; margin-bottom: 5px;}
.con_content_ggsk { margin-left: 5px; margin-bottom: 5px;}
.con_content_ub{ margin-left: 5px; margin-bottom: 5px;}
/* ----- Artikelliste ----- */
.con_al {margin-top: 20px;}
.con_al_image {float: left; margin-top: 5px; margin-right: 10px;}
.con_al_head {margin-top: 5px; padding-left:10px;  }
.con_al_head a {color: #951922; font-weight:bold;}
.con_al_link a {color: #951922; font-weight:bold; margin-left:5px;}
.con_al_text {margin-left:10px; margin-top: 3px; }
.con_artikel {margin-top:20px; }
.con_al_ges{border-top: 1px solid #AAA; margin-bottom: 15px;}
/*.con_artikel {background-color:#ff0000;}*/
.con_artikel_img {clear:both; float:left; margin-right:10px; margin-bottom:10px;}
.con_artikel_head {padding-top: 0px; margin-bottom: 10px;}
.con_artikel_text {margin-top: 10px; color: #000000; font-weight: normal; font-size: 13px; line-height: 15px; font-family:  Arial; text-decoration: none;}
.con_artikel_link {color: #951922; font-weight:bold; padding-top:3px; display:block; }
.tbl_al_inner{border-top: 1px solid #AAA;}



a.artikel_head_link {color: #951922; font-weight: normal; font-size: 21px; font-family:  Arial; text-decoration: none; padding:0; margin:0;}
.spn_txt_cont { color: #000000; font-weight: normal; font-size: 13px; line-height: 15px; font-family:  Arial; text-decoration: none;}

/* ----- Wetter ----- */
/* wetter gesamt */
.con_weather_str_l{float:left; margin-left: 5px;}
.con_weather_str_r{float:right; margin-right: 5px;}

.con_weather_outer_ges{width: 215px; height: 110px; border-bottom:1px dotted #951922;}
.con_weather_inner_ges{margin:5px; margin-top:10px;}
.con_weather_head_ges{
    color: #951922;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
.con_weather_subhead_ges{
    color: #999;
    font-weight: bold; 
    font-size: 11px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em; 

}

.con_weather_more_ges{
    float:left;
    margin-right: 10px; 
    margin-top: 5px;
    
}


.spn_weather_temp_ges{
    color: #336600;
    font-weight: bold; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;

}

.spn_weather_desc_ges{
    color: #336600;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}


/* wetter auf jeder seite */
.con_weather_outer{width: 215px; height: 115px; background-color: #99cc33;}
.con_weather_inner{padding:5px;}
.con_weather_head{
    color: #336600;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
.con_weather_subhead{
    color: #FFF;
    font-weight: bold; 
    font-size: 11px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em; 

}

.con_weather_img{
    float:left; 
    margin-top: 5px; 
    margin-right:5px;
    /*border: 1px solid #ffcc00;*/
}
.con_weather_more{
    float:left;
    margin-right: 10px; 
    margin-top: 5px;
    
}
.con_weather_moreBu{
   float: right;
   margin-top: 5px;
   margin-right: 10px;
    
}

.con_weather_txt{margin-top:5px;}

.spn_weather_temp{
    color: #FFF;
    font-weight: bold; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;

}

.spn_weather_desc{
    color: #FFF;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;


}

/* ----- Online Katalog ----- */

.con_katalog_outer{margin-left:20px;width:180px; height:200px;}
.con_katalog_inner{padding:5px; }
.con_katalog_head{
    color: #336600;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
.con_katalog_img{    
    float:left; 
    margin-top: 5px; 
    margin-right:5px;
}
.con_katalog_txt{
    float:left;
    margin-top:5px;
    color:#336600;
}

.con_katalog_btn{
    float:right;
    margin-right: 10px;
    margin-top:45px;}


.spn_katalog_desc{
    color:#336600;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_katalog_desc a{
    color:#336600;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_katalog_desc a:hover{
    color:#336600;
}
.spn_katalog_desc a:visited{
    color:#336600;
}

/* ----- Gastgebersuche Klein ----- */
.inp_ggs {color: #000000; font-size: 11px; font-family: Arial, Verdana; background-color: #ffffff; border: solid 1px #99cc33; }
.lbl_ggs { color: #fff; font-weight: bolder; font-size: 11px;font-family: Arial, Verdana, Helvetica, Geneva; text-decoration: none}
.inp_ggs_date{color: #fff; background-color: #99cc33; font-weight: bolder; border: none;}


.con_ggsk_outer{width: 215px; height: 250px; background-color: #99cc33;}
.con_ggsk_inner{padding:5px; }
.con_ggsk_content{margin-top: 10px;}
.con_ggsk_head{
    color: #336600;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
.con_ggsk_img{    
    float:left; 
    margin-top: 5px; 
    margin-right:5px;
    border: 1px solid #ffcc00;
}
.con_ggsk_txt{margin-top:5px; width: 150px;}

.con_ggsk_btn{
    float:left;
    
    margin-top: 5px;
}

.con_ggsk_btn_r{
    float:right;
    margin-right: 10px;
    margin-top:5px;
}
.con_vts_btn_r{
    float:left;   
}

.con_volltext{
    margin-top: 5px;
}

.spn_ggsk_desc{
    float: left;
    color: #FFF;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_ggsk_desc a{
    color: #FFF;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_ggsk_desc a:hover{
    color: #951922;
}
.spn_ggsk_desc a:visited{
    color: #FFF;
}

/* ----- Webcams ----- */

.con_webcam_outer{width: 215px; height: 230px; background-color: #99cc33;}
.con_webcam_inner{padding:5px; }
.con_webcam_head{
    color: #336600;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
.con_webcam_img{    
    float:left; 
    margin-top: 5px; 
    margin-right:5px;
   /* border: 1px solid #ffcc00;*/
}
.con_webcam_txt{float:left;margin-top:5px; width: 150px;}

.con_webcam_btn{
    float:right;
    margin-right: 10px;
    margin-top: 10px;
}

.spn_webcam_desc{
    float: left;
    color: #FFF;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_webcam_desc a{
    color: #FFF;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_webcam_desc a:hover{
    color: #951922;
}
.spn_webcam_desc a:visited{
    color: #FFF;
}

.img_webcam_small{width: 195px; height: 160px;border: 1px solid #ffcc00;}

/* ----- Webcams gesamt ----- */

.con_webcam_gesamt_outer{}
.con_webcam_gesamt_inner{padding:5px; }
.con_webcam_gesamt{margin-bottom:15px;}
.con_webcam_gesamt_img{
    width:352px; 
    height:288px;    
    border: 1px solid #ffcc00;
}
.con_webcam_gesamt_txt{margin-top:5px; margin-bottom:5px; font-weight:bold; font-size: 12px;}
.img_webcams{width:352px; height:288px;}

/* ----- Urlaubsboerse ----- */

.con_uboerse_outer{width: 215px;  background-color: #99cc33;}
.con_uboerse_inner{padding:5px; }
.con_uboerse_head{
    color: #336600;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 16px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
.con_uboerse_img{    
    float:left; 
    margin-top: 5px; 
    margin-right:5px;
  /*  border: 1px solid #ffcc00;*/
     
}
.con_uboerse_txt{
    float:left;
    margin-top:5px;
    width:120px;
    
}

.con_uboerse_btn{
    float:right;
    margin-right: 10px;
    margin-top:70px;}


.spn_uboerse_desc{
    color: #FFF;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_uboerse_desc a{
    color: #FFF;
    font-weight: normal; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    letter-spacing: -0.05em;
}
.spn_uboerse_desc a:hover{
/*    color: #951922;*/
    color: #FFF;
}
.spn_uboerse_desc a:visited{
    color: #FFF;
}

/* ----- Footer ----- */

.con_content_logo_center{
    margin-left: 55px; 
    float:left; 
    }
.spn_footer{
    margin-right:3px;
    color: #000000; 
    font-weight: normal; 
    font-size: 11px; 
    line-height: 11px; 
    font-family:  Arial, Helvetica, Geneva; 
    text-decoration: none; 
}



/* ----- Sitemap ----- */
.sitemapStandardMainCat {margin-top: 10px;}
.sitemapStandardLevel_0 A.sitemapStandardLevel_0 {font-weight: bold; font-size: 14px; color: #951922;}
.sitemapStandardLevel_0 A.sitemapStandardLevel_0:hover {font-weight: bold; color: #000;}
.sitemapStandardLevel_1 A.sitemapStandardLevel_1 {font-weight: bold;}
.sitemapStandardLevel_1 {margin-left:20px;}
.sitemapStandardLevel_2 {margin-left:30px;}
.sitemapStandardLevel_3 {margin-left:40px;}
.sitemapStandardLevel_4 {margin-left:50px;}
.sitemapStandardLevel_5 {margin-left:60px;}


/* ----- Search ----- */

.inp_searchterm 
{
    position:absolute;
    padding-top:2px;
    margin:0px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddddda;
    width:100px;
    height: 15px;
}



.span_searchbox_input .btn_search
{
    margin-left: 100px;
 width: 24px;
 height: 20px;
 border-left: 0;

}

.search_result_link {border-style: none; font-weight: normal; font-size: 11px; line-height: 13px; font-family: Arial, Helvetica, Geneva; text-decoration: none}
.search_result_link:active { color: #000000;  }
.search_result_link:link { color: #000000;  }
.search_result_link:visited { color: #000000;  }
.search_result_link:hover { color: #951922;  }

.search_result_link2 {border-style: none; font-weight: normal; font-size: 11px; line-height: 13px; font-family: Arial, Helvetica, Geneva; text-decoration: none}
.search_result_link2:active { color: #000000;  }
.search_result_link2:link { color: #000000;  }
.search_result_link2:visited { color: #000000;  }
.search_result_link2:hover { color: #951922;  }

/* ----- Browserwarnung Page ----- */

.con_browserfehler{margin: 0 auto; text-align: center; margin-top: 50px;}
.spn_bw_head{color: #951922; font-size: 16px; font-weight: bolder; font-family:  Arial, Helvetica, Geneva;}
.spn_bw_text{color: #000; font-size: 14px; font-weight: normal; font-family:  Arial, Helvetica, Geneva;}
.spn_bw_link{color: #000; font-size: 14px; font-weight: normal; font-family:  Arial, Helvetica, Geneva;}
a.bw_link{color: #951922; font-size: 14px; font-weight: bold; font-family:  Arial, Helvetica, Geneva;}
a.bw_link:hover{color: #951922; font-size: 14px; font-weight: bold; font-family:  Arial, Helvetica, Geneva;}
a.bw_link:visited{color: #951922; font-size: 14px; font-weight: bold; font-family:  Arial, Helvetica, Geneva;}

/* ----- Login ----- */

.inp_login{
  height:14px;
  color:#575756;
  width:200px;
  border:1px solid #999; color:#575756;  
}

.lbl_login { 
    display:block; 
    float:left; 
    color:#575756;
    width: 100px;
}

.con_login_ob{
    margin-bottom: 10px;
}

.con_login_btn input,.btn_login{
    border:1px solid #999;
    color:#990000;
    font-size:10px;
    margin:0;
    padding:0;
}


/* ----- CONTACT FORM ----- */
.con_contact_send{ font-weight: bold; margin-top:20px; font-size:14px; color:#339933; }
.con_contact_fail{ margin-top:20px; font-size:14px; color:#993333; }

#contactForm { font-size:11px; color:#575756;}
#contactForm .contactRow {margin:4px 0; color:#575756;}
#contactForm label { display:block; float:left; color:#575756;}
#contactForm .contactRow input, #contactForm .contactRow textarea { border:1px solid #999; color:#575756; }
#contactForm .contactRow select {border:1px solid #999; color:#575756;}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea { color:#575756;}
#contactForm .contactRow input {height:14px;color:#575756;width:400px;}
#contactForm input.check{ float:left; width:50px; }
#contactForm .contactRow textarea {width:400px; 
    color:#575756;
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    color:#575756;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    color:#575756;
}
#contactFormSubmit #contactFormSubmitRight {
    color:#575756;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    border:1px solid #999;
    color:#990000;
    font-size:10px;
    margin:0;
    padding:0;
    float:left;
    margin-right:10px;
}
#contactFormSubmit #contactFormSubmitLeft input {
    padding:0;
}

#contactForm table {
    border-collapse:collapse;color:#575756;
}
#contactForm table td {
    padding:0;
    color:#575756;
}
#contactForm table td.pt {
    padding-top:2px;
    color:#575756;
}
* html #contactForm table td.pt {
    padding-top:0;
    color:#575756;
}

/* ----- Newsletter ----- */
#newsletter { font-size:11px; color:#575756;width:405px;}
#newsletter .contactRow {margin:4px 0; color:#575756;}
#newsletter label { display:block; float:left; color:#575756;}
#newsletter .contactRow select {border:1px solid #999; color:#575756;width:55px;}
#newsletter .contactRow input {height:14px;color:#575756;width:400px;border:1px solid #999;}
.plichtfelder {float:right; padding-right:5px;}
#newsletterSubmit {
    color:#575756;
}

#newsletterSubmit input{
    border:1px solid #999;
    color:#990000;
    font-size:10px;
    margin:0;
    padding:0;
    float:left;
    margin-right:10px;
}


/* ----- Map Buttons ----- */
.con_content_mabu{
    margin-left: 30px;
    margin-top: 25px;
}
/* ----- Veranstaltungen ----- */
.con_vkal_mainhead{
    color: #951922;
    font-size: 14px;
    font-weight:bold;
    /*margin-bottom: 5px;*/
    text-transform: uppercase;
}
.con_vkal_ges{
    border-bottom:1px solid #eceef0;
    clear:both;
    margin-bottom:10px;
    
}
.con_vkal_titel, .con_vkal_titel a, .con_vkal_titel a:hover, .con_vkal_titel a:visited, .con_vkal_titel:active{
    color: #669933;
    font-size:12px;
    font-weight: bold;
    
}
.con_vkal_img{
    float:left;
    border: 1px solid #ffcc00;
    margin-right:5px;
}
.con_vkal_date{
    
}
.con_vkal_time{
    
    
}
.con_vkal_clear{
    clear:both;
}
.con_vkal_content{
    margin-top: 5px;
    margin-bottom:5px;
}
.con_vkal_weiter, .con_vkal_weiter a, .con_vkal_weiter a:hover, .con_vkal_weiter a:visited, .con_vkal_weiter a:active{
    color: #951922;
    font-size: 12px;
    font-weight:bold;
    margin-top: 10px; 

}
/* ----- Movies ----- */
.div_movies{
    margin-top: 25px;
}
.div_movie{
    margin-bottom: 20px;
}
.div_movie_txt{
    margin-top: 10px;
    margin-bottom: 5px;
}
/* ----- Navigation ----- */
/* ----- Meta Navi -----*/
.con_content_navi_top {margin-left: 30px; padding-top: 8px; float: left;}
.metaNavi:link{ color: #000000; font-weight: normal; font-size: 13px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-right:5px; text-decoration: none; }
.metaNavi:visited{ color: #000000; font-weight: normal; font-size: 13px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-right:5px; text-decoration: none; }
.metaNavi:hover{ color: #000000; font-weight: normal; font-size: 13px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-right:5px; text-decoration: none; }
.metaNavi:active{ color: #000000; font-weight: normal; font-size: 13px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-right:5px; text-decoration: none; }

/* ----- Left Navi Dyn ----- */

.con_content_navi_left_dyn
{
    margin-left: 30px;
    margin-top: 25px;
}
a.leftnavi_dyn_titel, a.leftnavi_dyn_titel:hover, a.leftnavi_dyn_titel:visited
{
    color: #951922;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    
}

.con_leftnavi_dyn_titel
{
  
    
    margin-bottom: 5px;
  
}

/* ----- Left Navi ----- */

.con_content_navi_left 
{
    margin-left: 30px;
}




/* level 1 */
.con_leftNavi1st
{
    margin-top: 20px;
    margin-bottom:5px;
}

a.leftNavi1st, a.leftNavi1st:hover, a.leftNavi1st:visited
{
    color: #951922;
    font-weight: bolder; 
    font-size: 14px; 
    line-height: 14px; 
    font-family: Verdana, Arial;
/*    font-weight: bold; */

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}

/* level 2 */

.con_leftNavi2nd
{
   /* background-image: url(../Bilder/left_navi_arrow_h.gif); 
    background-repeat: no-repeat; 
    background-position: 0% 50%;*/
    width: 165px;
    height: 17px;
    border-bottom:1px solid #eceef0;
    vertical-align: bottom;
    padding-top: 5px;
    padding-bottom: 0px;
   /* background-color:#0000ff;*/

}


a.leftNavi2nd, a.leftNavi2nd:hover, a.leftNavi2nd:visited
{
    background-image: url(../Bilder/left_navi_arrow_h.gif); 
    background-repeat: no-repeat; 
    background-position: 0% 35%;
    padding:0;
    margin:0;
    padding-left:10px;
    width: 155px;
    height: 17px;
    color: #669933;
    font-weight: normal; 
    font-size: 12px; 
    font-family: Arial;
    text-decoration: none;
     display: block;
    /*background-color:#ff0000;*/
   
}

a.leftNavi2nd_on, a.leftNavi2nd_on:hover, a.leftNavi2nd_on:visited
{
    background-image: url(../Bilder/left_navi_arrow_h.gif); 
    background-repeat: no-repeat; 
    background-position: 0% 35%;
    padding:0;
    margin:0;
    padding-left:10px;
    width: 155px;
    height: 17px;
    color: #951922;
    font-weight: normal; 
    font-size: 12px; 
    font-family: Arial;
    text-decoration: none;
     display: block;
    /*background-color:#ff0000;*/
   
}

/* level 3 */

.con_leftNavi3rd
{
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 3px;
    width: 145px;
   /* height: 17px;*/
    vertical-align: bottom;
    
}

a.leftNavi3rd, a.leftNavi3rd:hover, a.leftNavi3rd:visited
{
    color: #669933;
    width: 145px;
    height: 12px;
    font-weight: normal; 
    font-size: 12px; 
    font-family: Arial;
    text-decoration: none;
    display: block;
    /*background-color:#ff0000;*/
}

a.leftNavi3rd_on, a.leftNavi3rd_on:hover, a.leftNavi3rd_on:visited
{
    color: #951922;
    width: 145px;
    height: 12px;
    font-weight: normal; 
    font-size: 12px; 
    font-family: Arial;
    text-decoration: none;
    display: block;
    /*background-color:#ff0000;*/
}

/* ----- DHTML Navi -----*/
.con_content_navi_dhtml {margin-left: 13px;  height: 17px; }



/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */

ul.MenuBarHorizontal
{

    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    z-index: 990;
    text-transform: uppercase;
     margin-top: -2px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
    z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
    margin-left: 10px;
    padding: 0;
    z-index: 1000;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    min-width: 55px;
    display: block;
  
    float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
    
    margin: 0;
    margin-top: 15px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 130px;
    position: absolute;
      text-transform: none;
    left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
    left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
    margin: 0;
    width: 136px;
    height: 21px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
    position: absolute;
    margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
 /*border: 1px solid  #e1160f;*/

}

ul.MenuBarHorizontal ul li, ul.MenuBarHorizontal ul ul
{
   margin-bottom: 5px;
   background-color: transparent;
    display:block;
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
    display: block;
    cursor: pointer;
    background-color: transparent;
    padding: 2px 5px;
    font-family: Verdana, Arial;
    font-weight: bold;
    letter-spacing: 0.00em;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    height: 13px;
    
}

ul.MenuBarHorizontal a:hover
{
    display: block;
    cursor: pointer;
    padding: 2px 5px;
    font-family: Verdana, Arial;
    font-weight: bold;
    letter-spacing: 0.00em;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    background-color: #a4212d;
}

ul.MenuBarHorizontal ul a
{
    display: block;
    cursor: pointer;
    background-image: url(../Bilder/bg_submenu_normal.png) ;
    background-repeat:  no-repeat;
    background-color: transparent;
    padding: 2px 5px;
    font-family: Verdana, Arial;
    font-weight: bold;
    letter-spacing: 0.00em;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    width: 136px;
    height: 21px;
}

ul.MenuBarHorizontal ul a:hover
{
    display: block;
    cursor: pointer;
    background-image: url(../Bilder/bg_submenu_hover.png) ;
    background-repeat:  no-repeat;
    background-color: transparent;
    padding: 2px 5px;
    font-family: Verdana, Arial;
    font-weight: bold;
    letter-spacing: 0.00em;
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
    width: 136px;
    height: 21px;
}


/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
    background-color: transparent;
    color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
    background-color: transparent;
    color: #FFF;
}


ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
    /*background-color: transparent;*/
    color: #FFF;
    background-color: #a4212d;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover div.div_bg_dhtml 
{
    margin-left: -5px;
    z-index: 10;
    margin-top: -23px;
    width:100%;
    filter:alpha(opacity=100);-moz-opacity: 1.00;opacity: 1.00;
}
/*
ul.MenuBarHorizontal a:visited, ul.MenuBarHorizontal a:visited
{
    background-color: transparent;
    color: #FFF;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:hover
{
    background-color: transparent;
    color: #FFF;
}
*/
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
    background-image: url(../SpryAssets/SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
    background-image: url(../SpryAssets/SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
    background-image: url(../SpryAssets/SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
    background-image: url(../SpryAssets/SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
    ul.MenuBarHorizontal li.MenuBarItemIE
    {
        display: inline;
        f\loat: left;
   
    }
}

/* ----- Bottom Navi ----- */

.con_content_navi_bottom
{ 
    margin-top: 10px;
    margin-left: 10px;
}
.con_navi_bottom_item_off a, .con_navi_bottom_item_off a:hover, .con_navi_bottom_item_off a:visited 
{
    font-family: Verdana, Arial, Helvetica, Geneva; 
    font-size: 9px;
    color: #000000;
}


.con_navi_bottom_item_open a, .con_navi_bottom_item_open a:hover, .con_navi_bottom_item_open a:visited 
{
    font-family: Verdana, Arial, Helvetica, Geneva; 
    font-size: 9px;
    color: #951922;
}
.span_navi_bottom_middot 
{ 
    font-family: Verdana, Arial, Helvetica, Geneva; 
    font-size: 10px;
    color: #000000;
    letter-spacing: -1px;
}

.span_navi_bottom_caption 
{ 
    font-family: Verdana, Arial, Helvetica, Geneva; 
    font-size: 9px; 
    color: #a21b27;
}

/* ----- Right Navi ----- */

.con_content_navi_right
{ 
    margin-top: 5px;
    margin-left: 0px;
}

.con_navi_right_off, .con_navi_right_open
{
    margin-bottom: 15px;
}

.con_navi_right_off a, .con_navi_right_off a:hover, .con_navi_right_off a:visited , .con_navi_right_off a:active
{
    margin: 0;
    padding: 0;
    font-family:  Verdana, Arial,Impact;
    font-weight: bolder;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.00em;
    color: #006f99;
    display: block;
}

.con_navi_right_open a, .con_navi_right_open a:hover, .con_navi_right_open a:visited, .con_navi_right_open a:active
{
    margin: 0;
    padding: 0;
    font-family:  Verdana, Arial,Impact;
    font-weight: bolder;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.00em;
    color: #951922;
    display: block;
}

.clearer{clear:both;}
.img_boxes_left{border: 1px solid #ffcc00;;}

/* ----- Wetter ----- */
.con_content_weather{margin-left: 5px; margin-bottom: 5px; background-color: #99CC33; width: 214px; min-height: 135px;}

.con_weather_inner{}
.con_weather_subhead{height: 20px; background-color: #FCC706; color: #000;line-height: 18px; padding-left: 10px;}
.con_weather_head{padding-left: 10px; font-weight: bold; margin-top: 3px;}
.con_weather_day{ margin-left: 10px; margin-top: 3px;}
.con_weather_day_1{float:left; margin-left: 2px; width: 20px;}
.con_weather_day_2{float:left; margin-left: 24px; width: 20px;}
.con_weather_day_3{float:left; margin-left: 25px; width: 20px;}
.con_weather_img{clear:both; margin-left: 5px; padding-top: 3px;}
.con_weather_img_1{float:left; border: 1px solid #092d76;}
.con_weather_img_2{float:left; margin-left: 5px; border: 1px solid #092d76;}
.con_weather_img_3{float:left; margin-left: 5px; border: 1px solid #092d76;}
.con_weather_txt{ clear: both;margin-left: 5px; padding-top: 3px;}
.spn_weather_temp{ font-size: 11px;}
.spn_weather_desc{ font-size: 11px;}
