@charset "utf-8";
/* CSS Document */
body{ background-color:#eff5f7; background-image:url(/images/site_elem/bg.png); background-repeat:repeat-x; font:Arial, Helvetica, sans-serif; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#4f4f4f;}
h1{ color:#2aa9d8;font-family: 'Pontano Sans', sans-serif; font-size:30px;}
h2{color:#2aa9d8; font-size:18px;}
h3{ padding-bottom:0; margin-bottom:0;padding-top:5px; margin-top:0;}
h4{ font-weight:bold;}
p{ padding:0 10px; margin:0;}

a:link{ color:#2aa9d8; text-decoration:none;}
a:hover{ color:#2aa9d8; text-decoration:none;}
a:active{ color:#2aa9d8; text-decoration:none;}
a:visited{ color:#2aa9d8; text-decoration:none;}

.trenner{ width:940px; background-image:url(/images/site_elem/trenner.png); height:19px; position:absolute; left:5px;}

/********************* HEADER *****************************/
#header { padding:0 5px;}
#header .navigation { width:875px; height:50px;background-image:url(/images/site_elem/navi_bg.png); padding-top:10px;font-family: 'Pontano Sans', sans-serif; font-size:15px; margin-left:40px;}
#header .inside{ }
#header .inside ul{ list-style-type:none; margin:0; padding:0;}
#header .inside li { float:left; padding:0; margin:0;}
#header .inside li a { width:133px !important; display:block; text-align:center; color:#000; margin-right:5px; height:35px; line-height:35px; text-decoration:none; }
#header .inside li a:hover { color:#f00; }
#header .inside ul ul { display:none; position:absolute; z-index:999; }
#header .inside li li { float:none; }
#header .inside li li a { text-align:left;}
#header .inside .active{ height:35px !important;width:128px !important;display:block !important; text-align:center !important; line-height:35px; }
#header .inside .sibling{ height:35px !important;width:128px !important;display:block !important; margin-right:5px; }
#header .inside .submenu{ height:35px !important;width:128px !important;display:block !important; margin-right:5px; }
#header .inside{ height:35px !important;width:128px !important;display:block !important; }
#header .inside .level_1 .first {width:100px !important;}
#header .inside .level_1 .last {width:80px !important;}
#header .inside .level_2 {z-index:999;}
#header .inside .level_2 .first {width:131px !important;  }
#header .inside .level_2 .active{ margin:0; padding:0; text-align:left !important; color:#2aa9d8;}
#header .inside .level_2 li {width:131px !important; padding:0 17px !important;  background-image:url(/images/site_elem/navi_line.png);background-position:bottom;font-size:9px; line-height:normal !important; height:27px !important; font-weight:500;}
#header .inside .level_2 .last {width:131px !important; background-repeat:no-repeat;border:0px !important;background-image:url(/images/site_elem/navi_bottom.png) !important; background-position:left;height:35px !important;}


#header .head{ width:950px; height:115px;}
#header .head .logo{ width:652px; float:left; height:180px !important;}
#header .head .partner{ width:190px; float:right; }
#header .head .partner .iko{ width:84px; float:left;}
#header .head .partner .ksa{ width:84px; float:left; margin-left:20px;}
#header .head .lang{ float:right; width:150px; margin-top:70px;}
#header .head .lang .social{ width:180px; height:45px; }
#header .head .lang .social .vimeo{ width:30px; float:left; margin-top:7px; }
#header .head .lang .social .facebook{ width:30px; float:left; margin-top:7px; }
#header .head .lang .social .twitter{ width:30px; float:left; margin-top:7px; }
#header .head .lang .social .tv{ width:30px; float:left; margin-top:7px; }
#header .head .lang .social .youtube{ width:30px; float:left; margin-top:7px; }
#header .head .lang .social .flickr{ width:30px; float:left; margin-top:7px; }
#header .head .lang .social .google{ width:30px; float:left; margin-top:7px; }
#header .head .lang .flags{ width:150px; height:18px; margin-top:-5px;}
#header .head .lang .flags .ger{ width:80px; float:left; height:18px; padding-left:5px;}
#header .head .lang .flags .aut{ width:65px; float:left; height:18px;}

#header .mod_article{ width:940px; height:260px; overflow:hidden; background-image:url(/images/site_elem/slider.png);padding:5px 10px 0 10px; background-repeat:no-repeat; margin-top:15px; position:relative;}
#header .mod_article .slider{ padding:0 !important;}
#header .mod_article .ce_image{position:relative; width:940px; height:240px;}
#header .mod_article h1{ z-index:4;}
#header .mod_article .image_container{position:absolute; top:0px; padding:0; margin:0; z-index:3;}
#header .mod_article .slider .ce_image h6{ z-index:999999999;}
#header .mod_article .slider .ce_image .image_container{ z-index:1;}
#header .mod_article .slider .ce_image .image_container img{ z-index:2;}
#header .mod_article .slider .ce_text{ width:940px; height:240px;}
#header .mod_article .slider .ce_text p{ z-index:6; position:absolute; bottom:20px; left:20px; background-image:url(/images/site_elem/slider_teaser_bg.png); padding:10px; max-width:880px;}
#header .mod_article .slider .ce_text .image_container{ z-index:1; }
#header .mod_article .slider .ce_text img{ z-index:1;}

/********************* CONTAINER *****************************/
#container{ z-index:2; padding:5px 5px 65px 5px; margin-top:45px;}
#container .inside .c33l{background-image:url(/images/site_elem/box_bg.png) !important; width:285px; height:303px; padding:0 15px 15px 15px; font-size:12px;}
#container .inside .c33r{background-image:url(/images/site_elem/box_bg.png) !important; width:285px; height:303px; padding:0 15px 15px 15px; font-size:12px;}
#container .inside .c33r h2{color:#2aa9d8; font-size:18px;}
#container .inside .c33l h2{color:#2aa9d8; font-size:18px;}
#container .inside .c33r p{ padding:0;}
#container .inside .c33l p{padding:0;}
#container .inside .c33r .image_container{ padding:0 !important;margin:0 !important;}
#container .inside .c33l .image_container{ padding:0 !important;margin:0 !important;}
#container .inside .c33r a{ font-weight:bold;}
#container .inside .c33l a{font-weight:bold;}

#container .inside .subcl .layout_latest{ border-top:1px solid #9eb0bc;}

#container .inside .subcl .layout_latest .newsdetail{ width:280px; padding-top:5px;}
#container .inside .subcl .layout_latest .newsdetail .image_container{ width:90px; border:1px solid #3eb2db; height:70px; overflow:hidden; float:left;}
#container .inside .subcl .layout_latest .newsdetail .text{ width:170px; margin-left:15px; float:left;}
#container .inside .subcl .layout_latest .newsdetail .text_long{ width:280px;}

#container .inside  .kursetable td{ padding:10px;}

/************* TEAM ******************************/
#container #team .c25l{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px; margin-right:3px;}
#container #team .c25r{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px;}
#container #team .c25l .ce_image{width:200px; height:160px; overflow:hidden;}
#container #team .c25r .ce_image{  width:200px; height:160px; overflow:hidden;}
#container #team .c25l .ce_image .image_container{ padding:0; margin:0;}
#container #team .c25r .ce_image .image_container{ padding:0; margin:0;}
#container #team .c25l .ce_text{width:200px;}
#container #team .c25r .ce_text{width:200px;}
#container #team .c25l .ce_hyperlink{ width:200px; margin-top:10px;}
#container #team .c25r .ce_hyperlink{ width:200px;  margin-top:10px;}
#container #team p{ padding:0;}

/************* Wetter ******************************/
#container #wetter-feldberg .c25l{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px; margin-right:3px;}
#container #wetter-feldberg .c25r{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px;}
#container #wetter-feldberg .c25l .ce_image{width:200px; height:160px; overflow:hidden;}
#container #wetter-feldberg .c25r .ce_image{  width:200px; height:160px; overflow:hidden;}
#container #wetter-feldberg .c25l .ce_image .image_container{ padding:0; margin:0;}
#container #wetter-feldberg .c25r .ce_image .image_container{ padding:0; margin:0;}
#container #wetter-feldberg .c25l .ce_text{width:200px;}
#container #wetter-feldberg .c25r .ce_text{width:200px;}
#container #wetter-feldberg .c25l .ce_hyperlink{ width:200px; margin-top:10px;}
#container #wetter-feldberg .c25r .ce_hyperlink{ width:200px;  margin-top:10px;}
#container #wetter-feldberg p{ padding:0;}

#container #wetter-albstadt .c25l{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px; margin-right:3px;}
#container #wetter-albstadt .c25r{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px;}
#container #wetter-albstadt .c25l .ce_image{width:200px; height:160px; overflow:hidden;}
#container #wetter-albstadt .c25r .ce_image{  width:200px; height:160px; overflow:hidden;}
#container #wetter-albstadt .c25l .ce_image .image_container{ padding:0; margin:0;}
#container #wetter-albstadt .c25r .ce_image .image_container{ padding:0; margin:0;}
#container #wetter-albstadt .c25l .ce_text{width:200px;}
#container #wetter-albstadt .c25r .ce_text{width:200px;}
#container #wetter-albstadt .c25l .ce_hyperlink{ width:200px; margin-top:10px;}
#container #wetter-albstadt .c25r .ce_hyperlink{ width:200px;  margin-top:10px;}
#container #wetter-albstadt p{ padding:0;}

#container #wetter-zell-am-see .c25l{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px; margin-right:3px;}
#container #wetter-zell-am-see .c25r{ background-image:url(/images/site_elem/box4_bg.png) !important; width:205px; height:283px; padding:20px 15px 15px 15px; font-size:12px;}
#container #wetter-zell-am-see .c25l .ce_image{width:200px; height:160px; overflow:hidden;}
#container #wetter-zell-am-see .c25r .ce_image{  width:200px; height:160px; overflow:hidden;}
#container #wetter-zell-am-see .c25l .ce_image .image_container{ padding:0; margin:0;}
#container #wetter-zell-am-see .c25r .ce_image .image_container{ padding:0; margin:0;}
#container #wetter-zell-am-see .c25l .ce_text{width:200px;}
#container #wetter-zell-am-see .c25r .ce_text{width:200px;}
#container #wetter-zell-am-see .c25l .ce_hyperlink{ width:200px; margin-top:10px;}
#container #wetter-zell-am-see .c25r .ce_hyperlink{ width:200px;  margin-top:10px;}
#container #wetter-zell-am-see p{ padding:0;}


#container .video_left{ width:932px; float:left; padding-bottom:22px; background-image:url(/images/site_elem/largeBox_bg.png); background-position:bottom; background-repeat:no-repeat; padding:10px 10px 22px 10px;  }
#container .video_left div{ float:left; padding-right:10px;}
#container .video_left p{ padding:0;}
#container .video_right div{ float:right; padding-left:10px;}
#container #kurse-termine .calendar{ border-collapse:collapse; border:0;}
#container #kurse-termine .mod_calendar { margin-left:75px;}
#container #kurse-termine .calendar .monthlist{ height:60px;}
#container #kurse-termine h1{ margin-top:20px !important;}
#container #kurse-termine .calendar .monthlist .current{ font-size:16px;}
#container #kurse-termine .calendar .next{ text-align:right;}
#container #kurse-termine .calendar .current{ text-align:center;}
#container #kurse-termine .calendar .days{ border:1px solid #000; border-collapse:collapse; height:40px; vertical-align:top; width:112px;}
#container #kurse-termine .calendar .weekend{ }
#container #kurse-termine .mod_eventlist .eventblock{ margin-top:10px; padding-top:10px;}


#container #kurs-buchen-termine .calendar{ border-collapse:collapse; border:0;}
#container #kurs-buchen-termine .calendar .next{ text-align:right;}
#container #kurs-buchen-termine .calendar .current{ text-align:center;}
#container #kurs-buchen-termine .calendar .days{ border:1px dotted #000; border-collapse:collapse; height:40px; vertical-align:top; width:123px;}

#container #kurs-buchen-termine .mod_eventlist .eventblock{ margin-top:10px; border-top:1px dotted #000; padding-top:10px;}



#container #buchung-termine .calendar{ border-collapse:collapse; border:0;}
#container #buchung-termine .mod_calendar { margin-left:75px;}
#container #buchung-termine .calendar .monthlist{ height:60px;}
#container #buchung-termine h1{ margin-top:20px !important;}
#container #buchung-termine .calendar .monthlist .current{ font-size:16px;}
#container #buchung-termine .calendar .next{ text-align:right;}
#container #buchung-termine .calendar .current{ text-align:center;}
#container #buchung-termine .calendar .days{ border:1px solid #000; border-collapse:collapse; height:40px; vertical-align:top; width:112px;}
#container #buchung-termine .calendar .weekend{ }
#container #buchung-termine .mod_eventlist .eventblock{ margin-top:10px; padding-top:10px;}


#container #buchung-buchen-termine .calendar{ border-collapse:collapse; border:0;}
#container #buchung-buchen-termine .calendar .next{ text-align:right;}
#container #buchung-buchen-termine .calendar .current{ text-align:center;}
#container #buchung-buchen-termine .calendar .days{ border:1px dotted #000; border-collapse:collapse; height:40px; vertical-align:top; width:123px;}

#container #buchung-buchen-termine .mod_eventlist .eventblock{ margin-top:10px; border-top:1px dotted #000; padding-top:10px;}




#container  .c50l{background-image:url(/images/site_elem/bigBox_bg.png) !important; width:445px; height:283px; padding:20px 15px 15px 15px; font-size:12px;}
#container  .c50r{background-image:url(/images/site_elem/bigBox_bg.png) !important; width:445px; height:283px; padding:20px 15px 15px 15px; font-size:12px;}
#container .c50r p{ padding:0; height:80px; overflow:hidden;}
#container .c50l p{ padding:0; height:80px; overflow:hidden;}
#container .c50r .image_container{ padding:0; margin:0;}
#container .c50l .image_container{padding:0; margin:0;}
#container #kitekurse .c50r p{ height:60px !important;}
#container #kitekurse .c50l p{ height:60px !important;}
#container .c50l .ce_hyperlink{ margin-top:10px;}
#container .c50r .ce_hyperlink{ margin-top:10px;}

#media .c50r p{ padding:0; height:60px; overflow:hidden;}
#media .c50l p{ padding:0; height:60px; overflow:hidden;}

/******************* STANDORTE ***************************/
#container .standort .image_container{ width:100%; text-align:center;}

/******************* GALERIE *****************************/
#container #main .inside .galerie .image_container{padding:0; margin:0;}
#container #main #filme .ce_videobox{margin-right:15px;}

/************ KONTAKT **********************************/
#container .kontakt p{ padding:0; height:200px; overflow:hidden;}
#container .kontakt p{ padding:0; height:200px; overflow:hidden;}

/************* NEWS BLOCK ******************************/
#container .news{width:932px; padding:10px 10px 22px 10px; background-image:url(/images/site_elem/newsBox_bg.png); }
#container .news .c25l .ce_image{ float:left; width:120px;}
#container .news .c25r .ce_image{ float:left; width:120px;}
#container .news .c25l .ce_image .image_container{ padding:0; margin:0;}
#container .news .c25r .ce_image .image_container{ padding:0; margin:0;}
#container .news .c25l .ce_text{ float:left; width:100px;}
#container .news .c25r .ce_text{ float:left; width:100px;}
#container .news .c25l .ce_hyperlink{ float:left; width:95px; padding-left:10px; margin-top:10px;}
#container .news .c25r .ce_hyperlink{ float:left; width:95px; padding-left:10px; margin-top:10px;}

/********************* WETTER ***********************/
.weathertoday { width:260px; border-bottom:1px solid #2aa9d8; height:35px;}
.weathertoday .weathericon{ width:45px; float:left;}
.weathertoday .data{ width:200px; float:left; margin-left:15px; font-weight:bold;}

 .weather_current{ width:260px; border-bottom:1px solid #2aa9d8; height:35px;}
.weatherBox .weather_image{ width:45px; float:left;}
.weather_current .weather_image{ width:45px; float:left;}
.weatherBox .weather_temperature{ width:200px; float:left; margin-left:15px; font-weight:bold;}
.weather_current .weather_temperature{ width:200px; float:left; margin-left:15px; font-weight:bold;}
.weatherBox h3{ padding-top:10px;}
/********************* FOOTER *****************************/
#footer{ height:61px;  background-image:url(/images/site_elem/footer_bg.png); position:fixed; bottom:0px; z-index:998; width:960px; }
#footer .inside{ float:right;width:605px;}
#footer .navigation{padding-right:10px; margin-top:33px;  width:420px;float:right; margin-left:20px; text-align:right;font-family: 'Pontano Sans', sans-serif;}
#footer .level_1 {  }
#footer .inside ul{ list-style-type:none; margin:0; padding:0;}
#footer .inside li { float:left; padding:0; margin:0; border-right:1px solid #9cb4bd !important; padding:0 5px;}
#footer .inside li a { display:block; text-align:center; color:#9cb4bd; margin-right:5px;text-decoration:none; font-size:11px; }
#footer .inside li a:hover { color:#2aa9d8; }
#footer .inside .active{ display:block !important; font-size:11px !important; text-align:center !important; color:#2aa9d8; }
#footer .inside .sibling{display:block !important; border-right:1px solid #9cb4bd !important; }
#footer .inside .last { border-right:0px !important;}

#footer .contact{ float:left; width:142px; height:30px;margin-top:25px;}
#footer .contact .old{ float:left; width:30px; margin-right:20px;}
#footer .contact .skype{ float:left; width:30px;}
#footer .contact .whatsapp{ float:left; width:30px; margin-left:1px;}
#footer .contact .phone{ float:left; width:30px; margin-left:1px;}

.clearer{ clear:both;}

.contactGeschenk{ width:270px; background-image:url(/images/site_elem/contact_bg.png); background-repeat:no-repeat; padding:10px 0 0 15px;}
#snowkiten-verschenken .image_container{ margin-left:10px;}
#home h2{ padding-left:5px;}
#home .headerHome{ margin-top:20px;}


#container .text-westerheim p{ padding:0; height:240px; overflow:hidden;}
#container .text-westerheim p{ padding:0; height:240px; overflow:hidden;}

#kurse-termine label{ width:200px !important; display:block;clear:both;}
#kurse-termine input{ margin:5px 0;}
#kurse-termine .captcha_text{ width:200px !important; float:left;}
#kurse-termine label{ width:200px !important; display:block; float:left;}
#kurse-termine fieldset{ padding:0; border:0;}

.submit_container{ text-align:right; width:350px; padding-top:10px;}
#snowkiten-verschenken .submit_container{ text-align:right; width:170px;}
#kurs-detail label{ width:200px !important; display:block; float:left;}
#kurs-detail .captcha_text{ width:200px !important; float:left;}
#kurs-detail label{ width:200px !important; display:block; float:left;}
#kurs-detail fieldset{ padding:0; border:0;}
#kurs-detail input{ margin:5px 0;}

#kurse-detail label{ width:200px !important; display:block; float:left;}
#kurse-detail .captcha_text{ width:200px !important; float:left;}
#kurse-detail label{ width:200px !important; display:block; float:left;}
#kurse-detail fieldset{ padding:0; border:0;}
#kurse-detail input{ margin:5px 0;}

#buchung-termine label{ width:200px !important; display:block; float:left;}
#buchung-termine .captcha_text{ width:200px !important; float:left;}
#buchung-termine label{ width:200px !important; display:block; float:left;}
#buchung-termine fieldset{ padding:0; border:0;}
#buchung-termine input{ margin:5px 0;}
#snowkiten-verschenken fieldset{ padding:0; border:0;}