@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
html{
	overflow-y:scroll;
}
img{
	border:none;
}
body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	font-weight: normal;	
	color: #000;
	margin:0px 0px 0px 0px;
 	/*/*/margin:0px 0px 0px 0px;/**/	
}

body {
	font-size: 100.01%;
	color: #000;
	overflow:hidden;/*Needed to eliminate scrollbars*/
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*Supersize Plugin Styles*/
#supersize-background img, #supersize-background a{
	height:100%;
	width:100%;
	display:none;
}
#supersize-background .activeslide, #supersize-background .activeslide img{
	display:inline;
}
/********* Fonts ***************/

div, p, a, th, tr, td, span, label, li {
	font-size: 12px;
	color: #000;
	text-align:left;	
	font-weight: normal;	

}
td{
	vertical-align:top;
	text-align:left;		
}
p{
	padding: 0px 0px 8px 0px;
	line-height: 18px;
}

a{
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
a:hover, a:active{
	text-decoration:underline;
}
a.internal-link, a.external-link{
	text-decoration:none;
	color:#000;
}

a { outline : none; -moz-user-focus: none; -moz-outline: none; }

h1	{ font-size:16px; color:#484848; font-weight:550; line-height:18px; }
h2	{ font-size:14px; color:#484848; font-weight:normal; line-height:16px; }
h3	{ font-size:12px; color:#484848; font-weight:normal; line-height:14px; }
h4 { font-size:16px; color:#000; font-weight:normal; line-height:18px; }
h5 { font-size:14px; color:#000; font-weight:normal; line-height:16px; }
h6	{ font-size:12px; color:#000; font-weight:normal; line-height:14px; }

h1 { padding: 0px 0px 17px 0px; }
h2 { padding: 0px 0px 17px 0px; }
h3	{ padding: 0px 0px 17px 0px; }
h4	{ padding: 0px 0px 17px 0px; }
h5	{ padding: 0px 0px 17px 0px; }
h6	{ padding: 0px 0px 17px 0px; }

#content-area ul{
	list-style:square;
	padding: 5px 0px 8px 13px;
	line-height: 18px;
	margin: 0px;
	color: #fff;
}
#content-area li{
	line-height: 18px;
	color: #fff;
}
#content-area ol{
	padding: 5px 0px 8px 13px;
	margin: 0px;
	color: #fff;	
}
.csc-textpic:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/********* Fonts ***************/
.red {
	color:#e73c1e;
}
.grey {
	color:#3b3b3b;
}
.black {
	color:#000000;
}
.white {
	color:#ffffff;
}
/********* Main Classes ***************/

#root{
	margin:0px auto;
	height:100%;
	width: 100%;
	top:5%;
	position:absolute;
}

#main{
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	text-align: left;
	margin:0px auto;
	position: relative;
}

#logo{
	display: block;
	float: left;
	width: 242px;
	min-width: 242px;
	max-width: 242px;	
	height: 165px;
	min-height: 165px;
	max-height: 165px;	
}
#logo h1 {
	display: block;
	width: 242px;
	min-width: 242px;
	max-width: 242px;	
	height: 165px;
	min-height: 165px;
	max-height: 165px;	
    background: url(../img/assets/logo_treibgut.png) 0px 0px no-repeat ;
	overflow: hidden;
}
#logo h1 a{
	display: block;
	width: 242px;
	min-width: 242px;
	max-width: 242px;	
	height: 165px;
	min-height: 165px;
	max-height: 165px;	
	white-space:nowrap;
	text-indent: 999em;
}
#top-navi{
	display: block;
	width: 242px;
	min-width: 242px;
	max-width: 242px;	
	height: 165px;
	min-height: 165px;
	max-height: 165px;	
    background: url(../img/assets/bg_topnavi.png) 22px 0px no-repeat ;
	overflow: hidden;
	padding-left: 22px;
}
#tippkick{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 153px;
	min-width: 153px;
	max-width: 153px;	
	height: 165px;
	min-height: 165px;
	max-height: 165px;	
}
#programm-teaser{
	display: block;
	position: absolute;
	top: 200px;
	left: 120px;
	width: 263px;
	min-width: 263px;
	max-width: 263px;	
	height: 142px;
	min-height: 142px;
	max-height: 142px;	
    background: url(../img/assets/bg_programm_home.png) 0px 0px no-repeat ;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	padding: 11px 13px;
}
#programm-teaser h1{
	color: #ff0000;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
}

#daily-special-teaser{
	display: block;
	position: absolute;
	top: 200px;
	left: 408px;
	width: 188px;
	min-width: 188px;
	max-width: 188px;	
	height: 139px;
	min-height: 139px;
	max-height: 139px;	
    background: url(../img/assets/bg_dailyoffer.png) 0px 0px no-repeat ;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	
	padding: 11px 13px;
}
#daily-special-teaser p.bodytext{
	color: #ff0000;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: bold;
}
#daily-special-teaser h1{
	color: #ff0000;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
}

#top-event-teaser{
	display: block;
	position: absolute;
	top: 200px;
	left: 612px;
	width: 172px;
	min-width: 172px;
	max-width: 172px;	
	height: 230px;
	min-height: 230px;
	max-height: 230px;	
    background: url(../img/assets/bg_topevent_home.png) 0px 0px no-repeat ;
	color: #fff;
	font-size: 20px;
	padding: 11px 13px;
}
#top-event-teaser h1{
	color: #ff00cc;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
}
.topevent-item-picture-overview{
	color: #ff00cc;
}
#pic-of-the-day{
	display: block;
	position: absolute;
	top: 370px;
	left: 120px;
	width: 261px;
	min-width: 261px;
	max-width: 261px;	
	height: 219px;
	min-height: 219px;
	max-height: 219px;	
    background: url(../img/assets/bg_picoftheday.png) 0px 0px no-repeat ;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	padding: 11px 13px;
}
#pic-of-the-day h1{
	color: #CC6633;
}
#news-teaser{
	display: block;
	position: absolute;
	top: 370px;
	left: 408px;
	width: 172px;
	min-width: 172px;
	max-width: 172px;	
	height: 264px;
	min-height: 264px;
	max-height: 264px;	
    background: url(../img/assets/bg_news_home.png) 0px 0px no-repeat ;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	padding: 11px 13px;
}
#news-teaser h1{
	color: #0099cc;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
}
#open-teaser{
	display: block;
	position: absolute;
	top: 450px;
	left: 612px;
	width: 197px;
	min-width: 197px;
	max-width: 197px;	
	height: 111px;
	min-height: 111px;
	max-height: 111px;	
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
}
#open-teaser p.csc-header-date{
	color: #fff;
	font-size: 18px;
}
#open-teaser h1{
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	text-transform: uppercase;
}
#content-area{
	position: relative;
	padding: 32px 0px 0px 60px;
}
#footer-section{
	position: absolute;
	width: 100%;
	top: 5px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
#facebook{
	padding: 15px 0px 0px 0px;
}
/********* Top-Navigation ***************/
ul#topnav{
	list-style: none;
	width: 231px;
	min-width: 231px;
	max-width: 231px;	
	margin: 0px;
	padding: 3px 0px 6px 11px;
}
ul#topnav li{
	margin: 0px;
	white-space:nowrap;
	background:url(../img/assets/topnav_line.gif) right 8px no-repeat; 
}
ul#topnav li a{
	white-space:nowrap;
	font-size: 14px;
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
	line-height: 17px;
}
ul#topnav li a.act, ul#topnav li a:hover{
	font-weight: bold;
}

ul#topnav li#tnav-6 a.act, ul#topnav li#tnav-6 a:hover{
	color: #ff6600;
}
ul#topnav li#tnav-8 a.act, ul#topnav li#tnav-8 a:hover{
	color: #0099cc;
}
ul#topnav li#tnav-9 a.act, ul#topnav li#tnav-9 a:hover{
	color: #ffcc00;
}
ul#topnav li#tnav-10 a.act, ul#topnav li#tnav-10 a:hover{
	color: #CC6633;
}
ul#topnav li#tnav-11 a.act, ul#topnav li#tnav-11 a:hover{
	color: #00CCFF;
}
ul#topnav li#tnav-12 a.act, ul#topnav li#tnav-12 a:hover{
	color: #669900;
}
ul#topnav li#tnav-13 a.act, ul#topnav li#tnav-13 a:hover{
	color: #ff0000;
}
ul#topnav li#tnav-14 a.act, ul#topnav li#tnav-14 a:hover{
	color: #996600
}

/********* Veranstaltungen ***************/
.event-list{
	width: 1040px;
	height: 550px;
	min-height: 550px;
	max-height: 550px;
}
.event-list-row{
	width: 204px;
	float: left;
}
.event-item{
	width: 204px;
}
.event-item-top{
	background:url(../img/veranstaltungen/teaser_top.png) 0px 0px no-repeat;
	width: 204px;
	height: 8px;
	min-height: 8px;
	max-height: 8px;
	overflow: hidden;
}
.event-item-main{
	display: block;
	background: url(../img/veranstaltungen/teaser_main.png) 0px 0px repeat-y;
	width: 182px;	
	padding: 0px 11px 0px 11px;
}
.event-item-bottom{
	background:url(../img/veranstaltungen/teaser_bottom.png) 0px 0px no-repeat;
	width: 204px;
	height: 14px;
	min-height: 14px;
	max-height: 14px;
	overflow: hidden;
}
.event-item-date{
	font-size: 16px;
	color: #663300;
}
.event-item-time{
	font-size: 16px;
	color: #663300;
}
.event-item-title h2{
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	color: #663300;
	font-weight: bold;
	text-transform:uppercase;
}
.event-item-link{
	font-size: 14px;
	color: #663300;
}
.topevent-item{
	width: 204px;
	min-width: 204px;
	max-width: 204px;
	float: left;
	height: 100%;
}
.topevent-item-top{
	background:url(../img/veranstaltungen/topevent_teaser_top.png) 0px 0px no-repeat;
	width: 204px;
	height: 8px;
	min-height: 8px;
	max-height: 8px;
	overflow: hidden;
}
.topevent-item-main-bg{
	background:url(../img/veranstaltungen/topevent_teaser_main_border.png) repeat-y;
}
.topevent-item-main{
	display: block;
	min-height: 165px;
	max-height: 400px;
	width: 182px;	
	padding: 0px 11px 0px 11px;
	background:url(../img/veranstaltungen/topevent_teaser_main.png) 0px 0px no-repeat;
}
.topevent-item-bottom{
	background:url(../img/veranstaltungen/topevent_teaser_bottom.png) 0px 0px no-repeat;
	width: 204px;
	height: 14px;
	min-height: 14px;
	max-height: 14px;
	overflow: hidden;
}
.topevent-item-head{
	padding: 0px 0px 10px 0px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
}
.topevent-item-date{
	font-size: 16px;
	color: #fff;
}
.topevent-item-time{
	font-size: 16px;
	color: #fff;
}
.topevent-item-title h2{
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
}
.topevent-item-teaser{
	font-size: 13px;
	color: #fff;
	padding: 0px 0px 8px 0px;
}
.topevent-item-link{
	font-size: 14px;
	color: #fff;
}
.event-detail{
	position: relative;
}
.event-detail-bg{
	width: 828px;
	height: 465px;
	background: #ff9900;
	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
}
.event-detail-contentsection{
	position:absolute;
	width: 828px;
	height: 465px;
	top: 0px;
	left: 0px;
}
.event-detail-content{
	width: 758px;
	min-width: 758px;
	max-width: 758px;
	height: 429px;
	min-height: 429px;
	max-height: 429px;
	padding: 26px 32px 10px 38px;
}
.event-detail-content-left{
	float: left;
	width: 444px;
	min-width: 444px;
	max-width: 444px;
	height: 407px;
	min-height: 407px;
	max-height: 407px;
	padding: 0px 12px 0px 0px;
}
.event-detail-desc{
	display: block;
	width: 444px;
	height: 307px;
	overflow: auto;
}
.event-detail-content-back, .event-detail-content-back a{
	color: #fff;
	text-decoration:underline;
	font-weight: bold;
}
.event-detail-content-right{
	float: left;
	width: 302px;
	min-width: 302px;
	max-width: 302px;
	height: 407px;
	min-height: 407px;
	max-height: 407px;
	color: #fff;
}
.event-detail-date{
	font-size: 24px;
	color: #fff;
}
.event-detail-title, .event-detail-title h2{
	padding: 0px 0px 23px 0px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
}
.event-detail-desc, .event-detail-desc p, .event-detail-desc a{
	font-size: 14px;
	color: #fff;
	line-height: 18px;
}
.event-detail-pic{
	float: left;
	padding: 0px 10px 10px 0px;
}

.event-list-overview{
	display: block;
	width: 263px;
	height: 102px;
	overflow: auto;
}
.event-list-overview .jScrollPaneDrag {
	background: #ff6600;
}
.event-item-overview{
	display: block;
	width: 263px;
	padding: 0px 0px 10px 0px;
}
.event-item-overview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.event-item-date-overview{
	display: block;
	width: 263px;
	padding: 0px 0px 5px 0px;
}
.event-item-title-overview{
	display: block;
	width: 263px;
}
.time-space{
	display: inline-block;
	width: 15px;
	min-width: 15px;
	max-width: 15px;
}
.event-item-overview a, .event-item-overview h2{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	line-height:16px;
	font-weight: bold;
	color: #ff6600;
	padding: 0px 0px 10px 0px;
}
.topevent-item-overview{
	display: block;
	width: 172px;
	min-width: 172px;
	max-width: 172px;
	height: 210px;
	white-space:normal;
}
.topevent-item-title-overview{
	width: 172px;
	min-width: 172px;
	max-width: 172px;
	white-space:normal;
}
.topevent-item-overview a, .topevent-item-overview h2{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	line-height:18px;
	font-weight: bold;
	color: #ff00cc;
	padding: 0px 0px 5px 0px;
}
.topevent-item-picture-overview{
	display: block;
	padding: 10px 0px 0px 0px;
}

.news-latest-container{
	width: 172px;
	height: 234px;
	overflow: auto;
}
.news-latest-date{
	font-size: 12px;
	color: #0099cc;
}
.news-latest-item{
	display: block;
	padding: 0px 0px 10px 0px;
}
.news-latest-title h2, .news-latest-title h2 a{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #0099cc;
	padding: 0px 0px 5px 0px;
}
.news-latest-sub p, .news-latest-sub a{
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #0099cc;
}
.news-latest-more a{
	font-size: 12px;
	line-height: 14px;
	color: #0099cc;
	text-decoration:underline;
}
.news-list-date{
	color: #fff;
}
hr{
	background: #fff;
	
	border: 1px solid #fff;
}
.news-list-item{
	padding-top: 10px;
}
.news-single-rightbox{
	color: #fff;
}
.news-list-morelink{
	display: block;
}
.news-list-morelink a{
	text-decoration:underline;
	font-weight: bold;
}
.news-single-backlink{
	padding-top: 5px;
}
.contentbox-2cols-1{
	width: 404px;
	float: left;
}
.contentbox-2cols-2{
	width: 404px;
	float: left;
	padding-left: 16px;
}

.csc-frame{
	height: 465px;
	background: none;
	padding: 26px 26px;
	border-radius: 15px; 
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
}
.csc-frame-tippkick{
	height: 413px;
	background:url(../img/assets/bg_tippkick.png) no-repeat;
	padding: 26px 26px;
}
.footer-frame{
	height: 17px;
	background: none;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	text-align: center;
	margin: 0 auto;
	width: 975px;
	padding-top: 2px;
}
.csc-frame-orange{
	background:url(../img/assets/bg_orange.png);
}
.csc-frame-green{
	background:url(../img/assets/bg_green.png);
}
.csc-frame-red{
	background:url(../img/assets/bg_red.png);
}
.csc-frame-blue{
	background:url(../img/assets/bg_blue.png);
}
.csc-frame-brown{
	background:url(../img/assets/bg_brown.png);
}
.csc-frame-white{
	background:url(../img/assets/bg_white.png);
}

.csc-frame-orange p, .csc-frame-orange a, .csc-frame-orange h1, .csc-frame-orange h2, .csc-frame-orange h3{
	color: #fff;
}
.csc-frame-green p, .csc-frame-green a, .csc-frame-green h1, .csc-frame-green h2, .csc-frame-green h3{
	color: #fff;
}
.csc-frame-red p, .csc-frame-red a, .csc-frame-red h1, .csc-frame-red h2, .csc-frame-red h3{
	color: #fff;
}
.csc-frame-blue p, .csc-frame-blue a, .csc-frame-blue h1, .csc-frame-blue h2, .csc-frame-blue h3{
	color: #fff;
}
.csc-frame-brown p, .csc-frame-brown a, .csc-frame-brown h1, .csc-frame-brown h2, .csc-frame-brown h3{
	color: #fff;
}
.csc-frame-white p, .csc-frame-white a, .csc-frame-white h1, .csc-frame-white h2, .csc-frame-white h3{
	color: #000;
}


.boxcontent{
	height: 443px;
	overflow: auto;
}

.smallteaser{
	display: block;
	width: 186px;
}
.smallteaser-top{
	display: block;
	width: 186px;
	height: 10px;
	min-height: 10px;
	max-height: 10px;
	overflow: hidden;
}
.smallteaser-main{
	display: block;
	width: 160px;
	padding: 3px 13px;
	color: #fff;
}
.smallteaser-main p, .smallteaser-main a, .smallteaser-main h1, .smallteaser-main h2, .smallteaser-main h3{
	color: #fff;
	text-transform:uppercase;
}

.smallteaser-bottom{
	display: block;
	width: 186px;
	height: 14px;
	min-height: 14px;
	max-height: 14px;
	overflow: hidden;
}
#smallteaser-green .smallteaser-top{
	background:url(../img/assets/smallteaser_top_green.png) 0px 0px no-repeat;
}
#smallteaser-green .smallteaser-main{
	background:url(../img/assets/smallteaser_main_green.png) repeat-y;
}
#smallteaser-green .smallteaser-bottom{
	background:url(../img/assets/smallteaser_bottom_green.png) 0px 0px no-repeat;
}
#smallteaser-red .smallteaser-top{
	background:url(../img/assets/smallteaser_top_red.png) 0px 0px no-repeat;
}
#smallteaser-red .smallteaser-main{
	background:url(../img/assets/smallteaser_main_red.png) repeat-y;
}
#smallteaser-red .smallteaser-bottom{
	background:url(../img/assets/smallteaser_bottom_red.png) 0px 0px no-repeat;
}


#open-teaser .smallteaser{
	display: block;
	width: 197px;
}
#open-teaser .smallteaser-top{
	display: block;
	width: 197px;
	height: 10px;
	min-height: 10px;
	max-height: 10px;
}
#open-teaser .smallteaser-main{
	display: block;
	width: 171px;
	padding: 3px 13px;
	color: #fff;
	
}
#open-teaser .smallteaser-main p, .smallteaser-main a, .smallteaser-main h1, .smallteaser-main h2, .smallteaser-main h3{
	color: #fff;
	
}

#open-teaser .smallteaser-bottom{
	display: block;
	width: 197px;
	height: 14px;
	min-height: 14px;
	max-height: 14px;
}
#open-teaser #smallteaser-green .smallteaser-top{
	background: url(../img/assets/smallteaser_top_green_home.png) 0px 0px no-repeat;
}
#open-teaser #smallteaser-green .smallteaser-main{
	background:url(../img/assets/smallteaser_main_green_home.png) repeat-y;
}
#open-teaser #smallteaser-green .smallteaser-bottom{
	background:url(../img/assets/smallteaser_bottom_green_home.png) 0px 0px no-repeat;
}
#open-teaser #smallteaser-red .smallteaser-top{
	background:url(../img/assets/smallteaser_top_red_home.png) 0px 0px no-repeat;
}
#open-teaser #smallteaser-red .smallteaser-main{
	background:url(../img/assets/smallteaser_main_red_home.png) repeat-y;
}
#open-teaser #smallteaser-red .smallteaser-bottom{
	background:url(../img/assets/smallteaser_bottom_red_home.png) 0px 0px no-repeat;
}	
.tx-lumogooglemaps-pi1{
	height: 350px;
	background: none;
	padding: 26px 26px;
	border-radius: 15px; 
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	background:url(../img/assets/bg_red.png);
}
.tx_lumogooglemaps_pi1_sidebar{
	display: none;
}

.tx-rgsmoothgallery-pi1 {
  float:left;
}
 
#externalthumbs {
  float:left;
  width:445px;
  height: 340px;
  overflow: auto;
}
#externalthumbs .label {
  display:none;
  color: #fff;
}
.thumbnail{
	display: block;
	float: left;
	padding: 0px 8px 12px 0px;
	margin-bottom: 18px;
	background: #fff;
}
.tx-rgsmoothgallery-pi1 {
  background:#fff url(img/loading-bar-black.gif) center center no-repeat;
}

#gallery-head{
	display: block;
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	padding-bottom: 20px;
}
#gallery-head:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#breadcrumb{
	float:left;
	width: 370px;
	color: #fff;
	text-transform:uppercase;
}
#breadcrumb a{
	color: #fff;
	text-transform:uppercase;
}
#gallery-nav{
	width: 370px;
	float: right;
}
#gallery-nav form{
	float: left;
}
#select-veranstaltung{
	background: #fff;
	border:none;
	text-transform:uppercase;
	padding: 3px 5px;
	margin-right: 5px;
	color: #CC6633;
}
#select-datum{
	background: #fff;
	border:none;
	text-transform:uppercase;
	padding: 3px 5px;
	color: #CC6633;
}