/* ---------------------------------------------------------------------------------------------------- */
/* =base ************************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
html{ overflow-y: scroll; }
/*
body{ background-color: #d9e2e6; font: 12px/1.4 Verdana,sans-serif; margin: 0; padding: 0; }
*/
body{ background: #d9e2e6 url(../img/bg_sun.gif) top center no-repeat; background-attachment: fixed; font: 11px/1.4 Verdana,sans-serif; margin: 0; padding: 0; }

h1{ color: #F4793E; font-size: 12px; margin: 0; padding: 10px 0 5px 0; }
h1.graphicTitle{  text-indent: -50000px; margin: 10px 0; padding: 0 0 15px 0; }
.csc-textpicHeader h1{ padding-top: 0; }

p{ margin: 0; padding: 0 0 4px 0; }
img{ border: none; }

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

a.plus, .news-latest-morelink a, .news-list-morelink a{ background: url('../img/plus.gif') 0 60% no-repeat; padding: 0 0 0 20px; }
.news-latest-morelink a{ margin-left: 10px; }

table{ border-collapse: collapse; border-spacing: 0;  margin: 0; padding: 0; table-layout: auto; width: 100%; }

td{ vertical-align:top; margin: 0; padding: 2px; }
th{ font-weight: bold; vertical-align:top; margin: 0; padding: 2px; }

ul{ margin: 0 0 0 16px; padding: 5px 0 15px 0; }
li{ margin: 0; padding: 0; }

.clearer{ clear: both; }

.download-pdf{ display: block; color: #f4793e; background: url(../img/pic_pdf.gif) 0 50% no-repeat; text-decoration: none; padding: 2px 10px 10px 26px; margin: 0;}
.download-zip{ display: block; color: #f4793e; background: url(../img/zip-logo.gif) 0 50% no-repeat; text-decoration: none; padding: 2px 10px 10px 26px; margin: 0;}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img{ border: 2px solid #808080; }
/* ---------------------------------------------------------------------------------------------------- */
/* =modules *********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#main-container{ background: url(../img/body_bg.gif) top left repeat-y; margin: 0 auto; padding: 0 10px; width: 950px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =sidebar_left ****************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#sidebar_left{ width: 178px; float: left; padding: 0 14px; background-color: #133c8b; }
#logo{ margin: 5px 0 30px 0; }

#sidebar_left a{ color: #fff; }
#sidebar_left a.plus{ background: url('../img/plus_white.gif') 0 60% no-repeat; padding: 0 0 0 20px;}

/* =navigation */
/* ---------------------------------------------------------------------------------------------------- */
ul#navigation{ background: url(../img/dot_hor_white.gif) top left repeat-x; font: 12px/1.4 Verdana,sans-serif; list-style-type: none; margin: 0; padding: 0; }
ul#navigation li.last_nav{ background: url(../img/dot_hor_white.gif) bottom left repeat-x; padding: 6px 0 8px; }
ul#navigation ul li.last_nav{ padding: 3px 0 6px 0; } /* Korrektur wegen vorherigem WIR ÜBER UNS */
ul#navigation li.first_nav{ background: none; }

ul#navigation li{ padding: 6px 0; }
ul#navigation li.act{ background: url(../img/dot_hor_white.gif) top left repeat-x; padding: 6px 0 0 0; }

ul#navigation li a{ background-repeat: no-repeat; color: #fff; display: block; overflow: hidden; text-indent: -10000px;   }
ul#navigation li a:hover, ul#navigation li.act a{ background-position: 0 -30px; }

ul#navigation ul{ list-style-type: none; margin: 0; padding: 0; }
ul#navigation li li{ padding: 2px 0 0 0; }

ul#navigation li li a{ text-indent: 0; }
ul#navigation li a.act{ color: #F4793E; font-weight: bold; }

ul#navigation ul ul{ padding-left: 20px; }

/* =weather */
/* ---------------------------------------------------------------------------------------------------- */
#weather{ background: url(../img/dot_hor_white.gif) bottom left repeat-x; margin-top: 5px; padding: 0 0 7px 0; }

/* =webcam */
/* ---------------------------------------------------------------------------------------------------- */
#webcam{ background: url(../img/dot_hor_white.gif) bottom left repeat-x; margin-top: 15px; padding: 0 0 5px 0; }
#webcam img{ padding: 0 0 5px 19px; }
/* =anreise map */
/* ---------------------------------------------------------------------------------------------------- */
#map_anreise{ background: url(../img/dot_hor_white.gif) bottom left repeat-x; padding: 0 0 5px 0; }
#map_anreise img{ margin-left: -13px; }


/* ---------------------------------------------------------------------------------------------------- */
/* =main_col ********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#main_col{ float: left; width: 744px; }

/* =header */
/* ---------------------------------------------------------------------------------------------------- */
#header{ height: 64px; background-color: #133c8b; }
#lang{ float: left; margin-top: 20px; }

#search{ float: right; margin: 20px 20px 0 0; }
#input_search{ color: #000; background-color: #f2f2f2; border: none; font-size: 11px; padding: 2px 0 1px 5px; margin: 0; width: 130px; }
#input_gfx{ margin: 0; padding: 0; vertical-align: top; }

#flashplayer, #flashplayer_random{ height: 346px; background-color: #fff; }

/* =col (news) */
/* ---------------------------------------------------------------------------------------------------- */
#news-container{ background: url(../img/news_col_bg.gif) top left repeat-y; float: left; margin: 0 0 20px 12px; }
.news_col{ float: left; width: 183px; }
.news_col h1{ padding: 10px 0; text-align: center; text-transform: uppercase; }
.news_col p{ padding: 10px 10px 0 10px; }
.news_col a.plus{ margin-left: 10px; }

#news_bottom{ float: left; margin: 0 0 0 12px; width: 720px; }
#news_bottom h1, .news-single-item h1{ padding: 10px 0 8px 0; }
#news_bottom img, .news-single-item img, .news-list-item2 img{ float: left; padding: 2px 15px 10px 0; }
#news_bottom p, .news-single-item p{ padding: 0; margin: 0; }

.news-single-img{ float: left; }
.news-bottom-wrapper, .news-inline-wrapper,{ float: left; padding: 0 10px 0 0; width: 504px; }

.news-list-item2{ background: url(../img/dot_hor.gif) bottom left repeat-x; clear: both; float: left; padding: 0 10px 10px 0; width: 520px; }
.news-bottom-wrapper2{ float: left;  }

.news-inline-wrapper, .news-inline-wrapper p{ float: left; width: 312px; }

.news_sidebar{ background: url(../img/dot_hor.gif) bottom left repeat-x; padding-bottom: 10px; }
.news_sidebar a{ margin-left: 0; }

.news-bottom-wrapper .news-list-morelink{ clear: none; }

.news-list-container .news-list-item{ background: url(../img/dot_hor.gif) bottom left repeat-x; float: left; padding: 0 0 10px 0; width: 718px;  }

.news-bottom-wrapper{ float: left;}
.news-list-morelink{ clear: both;}

.news-list-browse{ clear: both; }

.news-list-container .news-list-morelink, .news-latest-morelink{ text-align: right; }

/* =MAIN */
/* ---------------------------------------------------------------------------------------------------- */
/* =content */
/* ---------------------------------------------------------------------------------------------------- */
#content-wrapper{ background: url(../img/content_bg.gif) top left repeat-y; float: left; margin-top: 15px; min-height: 590px; padding-left: 12px; }
#content{ float: left; width: 530px; padding: 0 15px 0 0; }
#content_index{ float: left; margin-top: 15px; padding: 0 12px; width: 720px; }

#sidebar_right{ float: right; width: 157px; padding: 0 15px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =footer **********************************************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
#footer{ clear: both; color: #f4793e; margin: 20px 0 5px 218px; float: left; }
/*#footer_logos{ float: left; width: 218px; }
#logo_engelberg{ margin: 0 10px 0 20px; }
#logo_quality{ margin: 0; }
*/
#footer_text{ background: url(../img/dot_hor.gif) top left repeat-x; float: left; width: 717px; margin-right: 15px; }
#footer_text p{ float :left; margin-top: 5px; }
#footer_text #twwc{ float: right; clear: right; margin: 18px 0 0 0; padding: 0;  }
#footer-links-container{ float: right; margin-top: 5px; }
#footer_links, #print{ float: left; }
#footer_links a, #footer-links-container a{ float: none; }
#footer_text.noline{ background: none; }
#footer_logo{ clear: both; padding-top: 20px; }
#footer_logo a{ width: auto; }
#footer_logo a#familien{ float: left; padding-right: 30px; }
#footer_logo a#sommer{ float: left; }
#footer_logo a#quality{ float: right; }
#footer_logo a#engelberg{ float: right; padding-left: 20px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =search plugin */
/* ---------------------------------------------------------------------------------------------------- */
.tx-indexedsearch select{ margin-top: 2px;  margin-bottom: 2px; }
.tx-indexedsearch-res{ padding-bottom: 15px; }
.tx-indexedsearch-res a{ color: #336BAF; font-weight: bold; }
.tx-indexedsearch-res strong.tx-indexedsearch-redMarkup{ background-color: #FFFF33; }

/* ---------------------------------------------------------------------------------------------------- */
/* =sitemap */
/* ----------------------------------------------------------------------------------------------------  */
.sitemap ul{ padding: 0; margin: 0 0 30px 40px; font-weight: bold; list-style-type: none; }
.sitemap li{ background: url(../img/plus.gif) 0 3px no-repeat; margin: 0; padding: 0 0 0 22px; }
.sitemap li li{ background: none; padding-left: 0; }
.sitemap ul ul{ font-weight: normal; list-style-type: disc; }
.sitemap ul ul ul{ list-style-type: circle; margin-bottom: 0; }

/* ---------------------------------------------------------------------------------------------------- */
/* =Newsletter Anmeldung */
/* ----------------------------------------------------------------------------------------------------  */
#newsletterForm{ margin: 10px 0 0 0; }
#newsletterForm label, #newsletterForm input, #newsletterForm select { display: block; float: left; margin: 2px 0; }
#newsletterForm label{ text-align: right;  padding: 2px 10px 0 0; width: 90px; }
#newsletterForm br { clear: left; }
#newsletterForm input{ width: 200px; }
#newsletterForm input.mf-submit { float: none; margin: 0 0 0 100px; width: auto; }
#newsletterForm input.mf-submit2{ width: auto; }
#newsletterForm p.error{ color: #CC0000; padding: 0 0 0 100px;  }

/* ---------------------------------------------------------------------------------------------------- */
/* =Kontakt Formulare */
/* ----------------------------------------------------------------------------------------------------  */
#kontaktFormular{ margin: 10px 0 0 0; }
#kontaktFormular label, #newsletterForm input, #newsletterForm select { display: block; float: left; margin: 2px 0; }
#kontaktFormular label{ text-align: right;  padding: 2px 10px 0 0; width: 130px; }
#kontaktFormular.gruppen label{ width: 130px; }
#kontaktFormular br { clear: left; }
#kontaktFormular input{ width: 200px; }
#kontaktFormular input.mf-submit { float: none; margin: 0 0 0 140px; width: auto; }
#kontaktFormular input.mf-submit2{ width: auto; }
#kontaktFormular p.error{ color: #CC0000; padding: 0 0 0 100px;  }
#kontaktFormular #plz{ width: 40px; }
#kontaktFormular #wohnort{ width: 152px; }

#kontaktFormular .checkbox{ width: 30px; }

/* =Bilder Galerie */
/* ----------------------------------------------------------------------------------------------------  */
.csc-textpic-imagerow{ padding-bottom: 10px; }

/* =Webcams */
/* ----------------------------------------------------------------------------------------------------  */
#webcams{ text-align: center; }
#webcams p{ padding-bottom: 25px; }

/* =Linie unterhalb Datensatz */
/* ----------------------------------------------------------------------------------------------------  */
.line{ background: url(../img/dot_hor.gif) bottom left repeat-x; padding: 0 0 10px 0; margin: 10px 0; } 

/* =Google map */
/* ----------------------------------------------------------------------------------------------------  */
#map .gmnoprint span{ visibility: hidden; }