body{
	font-family:Verdana, Arial, sans-serif;
	background-color:#64b1b6;
	color:#000000;
	padding:0;
	margin:0;
	font-size:12px;
	/*overflow-x:hidden;*/
	width:100%;
	}
	
	#bg_raster{
	width:100%;
	overflow:hidden;
	position:fixed;
	bottom:0;
	left:0;
	background: none repeat scroll 0 0;
    display: block;
	z-index:-10;
	}
	h1,h2,h3,h4,h5,p,a{
	margin:0;
	padding:0;
	}
	h1{
	color:#000;
	font-family: 'Lato', sans-serif;
	font-size:55px;
	}
	.tiny h3{
	font-family: 'Lato', sans-serif;
	font-size:30px;
	}	
	.tiny h4{
	font-family: 'Lato', sans-serif;
	font-size:22px;
	}
	a{
	color:#000;
	text-decoration:none;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
	}	
	p a, table a, .tiny ul li a, .entry-title a, .box ul li a{
	background-color:#64b1b6;
	color:#000;
	text-decoration:none;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
	}
	p a.no_bg{
	background-color:transparent;
	}
	p a:hover, p a.active, table a:hover, table a.active, .tiny ul li a.active, .tiny ul li a:hover, .entry-title a:hover, .box ul li a:hover{
	background-color:transparent;
	/* color:#64b1b6; */
	}
	img{
	border:0;
	}
	.image_left{
	float:left;
	margin:5px 15px 0 0;
	}
	.image{
	box-shadow:1px 0 1px #9a9a9a;
	}
	.right{
	float:right;
	}
	.left{
	float:left;
	}
	.padding5{
	padding:0px 5px;
	}
	.padding{
	padding:5px 10px;
	}
	#wrapper{
	padding:15px 50px 15px 225px;
	width:110%;
	}
	#wrapper_right{
	position:absolute;
	top:28px;
	left:15px;
	}
	.logo_ltt{
	background:url("../i/logo_ltt_redesign.png") no-repeat;
	height:80px;
	width:200px;
	margin-bottom:16px;
	}
	.head_box{
	margin-top:15px;
	background-color:#cccccc;
	padding:5px 100px 5px 15px;
	float:left;
	}
	.head_preview{
	display:inline-block;
	}
	.head_preview p{
	display:inline;
	}
	.head_box h2.headline{
	font-family: 'Lato', sans-serif;
	font-size:55px;
	margin:-8px 15px 0 0;
	display:inline-block;
	}
	.head_preview a.active{
	font-weight:bold;
	color:#000;	
	background-color:transparent;
	}			
	#navigation{
	float:left;
	}
	.menu{
	background-color:#cccccc;
	width:175px;
	margin:0;
	padding:1px 10px 5px 10px; 
	font-size:14px;
	color:#000;
	}
	.menu ul{
	list-style-type:none;
	margin:12px 0;
	padding:0;
	}
	.menu ul li{
	margin:0;
	padding:0;
	margin-right: -4px;
	}
	.menu ul li a{
	font-size:10pt;
	padding:0;
	margin:0;
	line-height:14px;
	background-color:transparent;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
	}	
	.menu ul li.linie_m{
	display:inline;
	}
	.menu ul li a:hover{
	font-weight:700;
	}
	.menu ul li a.active{
	font-weight:700;
	color:#000;
	}
	.menu .kjt_logo{
	background:url("../i/KJT_Logo_web.png") no-repeat center right;
	}	
	.menu .linie{
	height:1px;
	background-color:#000;
	}
	hr{
	color:#000;
	text-shadow:none;
	}
	#content_left{
	margin:8px 0 15px 0;
	}
	#content_left .box{
	background-color:#cccccc;
	padding:5px 15px;
	margin-bottom:8px;
	display:inline-block;
	}
		#content_left .box.margin_ausserhalb{
	margin-bottom:20px;
	}
	
	#content_left .box p, #content_left .box p.no_margin{
	margin:5px 0 5px 0;
	line-height:1.3em;
	text-align: left; /* justify */
	}	
	#content_left .box p.no_margin{
	margin:1px 0 1px 0;
	}
	.trenner{
	font-weight:bold;
	font-size:22px;
	padding:0;
	margin:20px 0 5px 0;
	color:#64b1b6;
	text-transform:uppercase;
	}
	.event h1{
	color:#000;
	background-color:#64b1b6;
	padding:0;
	font-family: 'Lato', sans-serif;
	font-size:65px;
	margin:-2px 0 5px 0;
	line-height:65px;
	white-space:nowrap;
	}	
	.event p{
	margin:2px 0 0 0;
	padding:0;
	}
	.box h2{
	display:inline-block;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	margin-top:0;
	color:#000;
	background-color:#64b1b6;
	padding:0;
	line-height:50px;
	}
	.aktuellLTT_index{
	background:url("../i/aktuell_LTT.jpg") no-repeat;
	width:125px;
	height:94px;
	margin-right:15px;
	}	
	.aktuellKJT_index{
	background:url("../i/aktuell_KJT_2.jpg") no-repeat;
	/* background:url("../i/aktuell_KJT.jpg") no-repeat; */
	width:125px;
	height:94px;
	margin-right:15px;
	}
	.text_row{
	width:375px;
	float:left;
	margin:0 15px 0 0;
	}
	
	
		/* ###### ########### Spielplan Style ########### ###### */
	.event_tab{
	width:160px;
	/* float:left; */
	margin:0 0 0 10px;
	}	
	#content_left .event_tab .box{
	padding:10px;
	display:block;
	}
	.event_tab h4{
	font-family: 'Lato', sans-serif;
	background-color:#000;
	color:#cccccc;
	font-size:18px;
	padding:4px 10px 6px 10px;
	margin:5px 0 5px -10px;
	display:inline-block;
	}
	.event_tab h4.weekend{
	/* background-color:#64b1b6; */
	font-size:23px;
	padding:1px 5px 1px 10px;
	}
	a.title{
	padding:1px 4px;
	background-color:#64b1b6;
	color:#000;
	font-weight:bold;
	display:inline-block;
	margin:0 0 0 -4px;
	word-wrap:break-word;
	width:146px;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
	}
	a.title:hover{
	color:#cccccc;
	}
	p.location{
	font-weight:bold;
	color:#64b1b6;
	font-size:14px;
	margin-top:5px;
	}
	b.abo{
	color:#64b1b6;
	}
	
	.events_wrap{
	margin-bottom:5px;
	}
	.grey{
	text-decoration:line-through;
	margin:1px 3px 2px 0;
	}	
	.red{
	background:url("../i/abendspiel.png") no-repeat center right;
	padding:0 13px 0 0;
	margin:1px 3px 2px 0;
	}
	.orange{
	background:url("../i/kjt_vorstellung.png") no-repeat center right;
	padding:0 15px 0 0;
	margin:1px 3px 2px 0;
	}
	.pink{
	background:url("../i/gastspiel.png") no-repeat center right;
	padding:0 13px 0 0;
	margin:1px 3px 2px 0;
	}
	.black{
	background:url("../i/extra.png") no-repeat center right;
	padding:0 15px 0 0;
	margin:1px 3px 2px 0;
	}
	.white{
	background:url("../i/kooperation.png") no-repeat center right;
	padding:0 15px 0 0;
	margin:1px 3px 2px 0;
	}	
	.yellow{
	background:url("../i/spielclubs.png") no-repeat center right;
	padding:0 15px 0 0;
	margin:1px 3px 2px 0;
	}
	.legende{
	width:790px;
	padding:10px 15px 5px 15px;
	background-color:#64b1b6;	
	height:23px;
	margin:0 5px 10px 5px;
	}
	.date{
	background-color:#64b1b6;
	margin:5px 0 0 0;
	position:relative;
	left:-15px;
	padding:0 5px 0 15px;
	display:inline-block;
	}	
	
		
		
		/* ###### ########### Stueck Style ########### ###### */
	
	.buttons_topright{
	display:inline-block;
	}
	.buttons_topright a.active{
	font-weight:bold;
	color:#000;	
	}	
	.box .active{
	font-weight:bold;
	}
	h1.title{
	line-height:52px;
	width:500px;
	margin:5px 0;
	}	
	h1.entry-title{
	line-height:37px;
	font-size:32px;
	width:500px;
	margin:5px 0;
	}
	
	h2.title{
	margin-top:10px;
	line-height:0.9em;
	}	
	.article_images, .article_images_twocolumn{
	float:left;
	width:155px;
	margin:0 0 5px 5px;
	}	
	.article_images_twocolumn{
	width:340px;
	}
	.article_images ul, .article_images_twocolumn ul{
	margin:0;
	padding:0;
	}
	.article_images ul li, .article_images_twocolumn ul li{
	list-style-type:none;
	margin:0 0 15px 15px;
	}
	.article_images_twocolumn ul li{
	float:left;
	}
	
	.article{
	float:left;
	width:460px;
	}
	.boxpadding{
	padding:2px 0;
	}
	.sitemap ul, .sitemap ul li{
	list-style-type:none;
	}
	#content_left .tiny{
	padding-top:10px;
	padding-bottom:10px;
	}
	
	.tiny h1,.tiny h2,.tiny h3{
	background-color:transparent;
	display:block;
	}
	.tiny h2{
	font-size:40px;
	line-height:38px;
	margin-bottom:15px;
	}
	ul.sitemap{
	background-color:#cccccc;
	padding:5px 15px;
	margin:0;
	}
	ul.sitemap li{	
	background-color:#64b1b6;
	padding:5px 15px 5px 20px;
	margin:5px 0 0 -20px;
	font-weight:bold;
	display:inline-block;
	}
	ul.sitemap ul.sub li{
	margin:0;
	padding:2px 5px;
	font-weight:normal;
	display:block;
	}
	.weblog a{
	background-color:#64b1b6;
	display:inline-block;
	font-weight:bold;
	padding:2px;
	font-size:14px;
	}
	.weblog_images ul{
	list-style-type:none;
	}
	.weblog_time{
	font-weight:bold;
	font-size:9px;
	}
	
	input, textarea{
	background-color:#FFFFFF;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
	border:0;
	padding:3px 4px;
	}
	input:hover, textarea:hover{
	background-color:#EFEFEF;
	}
	.button{
	font-weight:bold;
	padding:5px 7px;
	background-color:#64b1b6;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
	}	
	.button_abc{
	font-weight:bold;
	padding:3px 4px;
	font-size:10px;
	background-color:#64b1b6;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
	}
	.button_abc:hover{
	color:#fff;
	background-color:#64b1b6;
	}	
	.button_abc.active{
	color:#fff;
	}
	
	.button:hover{
	color:#fff;
	background-color:#64b1b6;
	}	
	.button.active{
	color:#fff;
	}
	
	.guestbook{
	margin:0 0 0 15px;
	}
	h2.weblog_title{
	font-size:25px;
	line-height:28px;
	margin-bottom:5px;
	display:inline-block;
	}
	
	.image_list{
	float:left;
	margin:0 5px 20px 0;
	width:200px;
	}
	
	
	/* ################### zweispalting ########################### */
	.zweispaltig320 {
		-moz-column-width:300px;
		-moz-column-gap: 20px;
		column-width:300px;
		column-gap: 20px;
		-webkit-column-width:300px;
		-webkit-column-gap: 20px;
	}	
	.dreispaltig210 {
		-moz-column-width:210px;
		-moz-column-gap: 15px;
		column-width:210px;
		column-gap: 15px;
		-webkit-column-width:210px;
		-webkit-column-gap: 15px;
	}
	
	/* ######### ARCHIV ############ */
	
	.after{
	display:inline-block;
	margin:5px 15px 5px 0;
	}
	
	.archiv_ext_box{
	padding:5px 5px 5px 0;
	margin:10px 0;
	}
	
.events_box p {
	text-align: left !important;
}

div.events_wrap a.title {
	text-transform:uppercase;
}

#overlayGrey {
background-color:#000000;
position:absolute;
left:0px;
top:0px;
opacity:0.7;
filter: alpha(opacity = 50);
width:100%;
height:100%;
z-index: 200;
}

#messageContent {
padding:16px;
width:300px;
height:250px;
position:absolute;
left:50%;
top:20%;
margin-left:-166px;
margin-top:-91px;
background-color:#ffffff;
z-index: 300;
}