@import "editor_style.css";
@import "images/fileicons/style.css";
@import "/_skins/base/global_components/Lightbox/style.css";

body, html{
	margin:0px;
	padding:0px;
	font-family:"Arial";
	font-size:11px;
	background:#e0e0e0;
	font-family: 'Roboto', sans-serif;
	color:#333333;
	/*background-image:url('/_skins/base/images/test.jpg');*/
	/*background-repeat: no-repeat;*/
	/*background-position: 0px 0px;*/
	/*background-size: 100vw auto;*/
	/*background-attachment: fixed;*/

}

.clear{
	clear:left;
}
.left{
	float:left;
}

div.container{
	width:986px;
	width:980px;
	margin-top:10px;
	min-height:600px;	
	xbackground:url("/_skins/base/images/shadow.gif") repeat-y right top;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #FFF;
	border-top-left-radius: 20px;
}
div.content{
	width:970px;
	min-height:600px;
	padding-top:10px;
	padding-right:10px;
	background:#fff;
}
div#top_panel{
	margin-left:387px;
	width:583px;
	height:30px;
	background:#f0f0f0;
}

div.top_galerie_left, div.top_galerie_right, div.top_bot_left, div.top_bot_right{
	float:left;
	width:29px;
	height:30px;
	background:url("/_skins/base/images/top_galerie_left.gif") no-repeat left top;		
}
div.top_galerie_right{
	background:url("/_skins/base/images/top_galerie_right.gif") no-repeat left top;		
}
div.top_bot_left{
	background:url("/_skins/base/images/top_bot_left.gif") no-repeat left top;	
	margin-left:387px;		
}
div.top_bot_right{
	background:url("/_skins/base/images/top_bot_right.gif") no-repeat left top;		
}
div.top_galerie{
	float:left;
	height:30px;
	background:#ff0000;
	line-height:30px;
	text-transform: uppercase;	
	font-style: italic;
}
div.top_galerie a{
	color:#fff;
	text-decoration: none;	
}
div.top_galerie a:hover{
	color:#000;	
}
div.top_text{
	float:left;
	height:30px;
	margin-left:5px;
	line-height:30px;
	font-size:11px;
}
div.top_text a{
	color: #000;
	text-decoration: none;
}
div.top_text a:hover{
	text-decoration: underline;	
}

#mid_panel {
	background-color: #eee;
}

a.logo{
	display:block;
	float:left;
	width:328px;
	width: 337px;
	margin-left:-9px;
	height:100px;	
	background:url("/_skins/base/images/logo.gif") no-repeat left top;			
}
div.banner{
	float:left;
	width:642px;
	height:100px;
	background:url("/_skins/base/images/banner.jpg") no-repeat left top;				
}
div.navigation_top{
	height:30px;
	width:525px;
	float:left;
	background:#ff0000;
	overflow:hidden;	
}


div.navigation_top div.navbutton{
	float:left;	
	margin-left:10px;
	margin-right:10px;
	line-height:30px;
}
div.navigation_top div.navbutton a{
	color:#fff;
	text-decoration: none;
	font-size:11px;
	text-transform: uppercase;	
	letter-spacing:1px;
}
div.navigation_top div.navbutton a:hover{
	color:#000;	
}
div.navigation_top div.navbutton_0 {
	display:none;	
}

div#main_left{
	float:left;
	width:180px;
	margin-right:30px;
	margin-top:20px;
}
div#main_mid{
	float:left;
	width:483px;
	margin-right:30px;
	xborder:1px solid #ccc;
	border-right:none;
	border-bottom:none;
	margin-top:20px;
	margin-bottom:20px;

}
div#main_right{
	float:left;
	width:246px;
	margin-top:20px;
}
div#main_cont{
	width:443px;
	padding-left:20px;
	padding-right:20px;
	min-height:750px;
	background:#f0f0f0;		
	padding-top:15px;	
}


body.site_id_143 div#main_cont {
	width: 760px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 662px;
	background: #f0f0f0;
	padding-top: 15px;

}
div#main_top{
	width:463px;
	height:24px;
	overflow:hidden;
	color:#fff;
	font-style: italic;
	text-transform: uppercase;
	font-weight:bold;
	font-size:13px;
	line-height:24px;	

}

div#main_topInner{
	max-width:463px;
	padding-left:20px;
	padding-right:20px;
	height:24px;
	overflow:hidden;
	color:#fff;
	font-style: italic;
	text-transform: uppercase;
	font-weight:bold;
	font-size:13px;
	line-height:24px;
	display: inline-block;
	background-color: #ff0000;
	border-bottom-right-radius: 10px;
}

div.panel_left{
	width:180px;
	margin-bottom:11px;
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
}
div.panel_left div.head, div.panel_right div.head{
	width:180px;
	height:24px;
	line-height:24px;
	color:#fff;
	font-style: italic;
	text-transform:uppercase;
	text-align:right;	
	background:url("/_skins/base/images/panel_left.gif") no-repeat right top;				
}
div.panel_left div.head span, div.panel_right div.head span{
	display:block;
	width:171px;
	background:#ff0000;	
}

div.panel_right.panel_tennis div.head  {
	background:none;
	height:30px;
}
div.panel_right.panel_tennis div.head span {
	display: block;
	width: calc(100% - 20px);
	border-bottom-right-radius: 8px;
	background: #5d9f1a;
	padding-right:10px;
	padding-left:10px;
	text-align: left;
	line-height: 29px;
	font-size: 12px;
}

div.panel_right.panel_tennis div.head span strong{
	padding-right: 20px;
	font-size: 16px;
	height: 24px;
	line-height: 28px;
	display: inline-block;
}

div.panel_left div.text{
	width:173px;
	padding:3px;
	border:none;
	border-right: 1px dotted #ccc;
	font-size:11px;	
	line-height:18px;
}
div.panel_left div.text span{
	display:block;
	height:14px;
	line-height:14px;
	overflow:hidden;
	text-align: right;
	background:#f0f0f0;	
}
div.panel_left div.bot{
	height:18px;
	width:180px;
	background:#ccc;
	margin-top:4px;
	font-size:11px;
	text-align:right;	
	line-height:18px;
}
div.panel_left div.bot a{
	display:block;
	color:#ff0000;
	text-decoration: none;
	background:url("/_skins/base/images/hackchen.gif") no-repeat 156px center;	
	width:150px;
	padding-right:30px;			
}
div.panel_left div.bot a:hover{
	text-decoration: underline;
}

div.panel_right div.bot{
	height:18px;
	width:245px;
	background:#ccc;
	margin-top:4px;
	font-size:11px;
	text-align:right;	
	line-height:18px;
}
div.panel_right div.bot a{
	display:block;
	color:#ff0000;
	text-decoration: none;
	background:url("/_skins/base/images/hackchen.gif") no-repeat 221px center;	
	width:215px;
	padding-right:30px;			
}
div.panel_right div.bot a:hover{
	text-decoration: underline;		
}
.anmeldeButton .text{
	padding:5px;
}
.anmeldeButton .text span{
	font-weight:bold;
	margin-bottom:3px;
	display:block;
}
div.panel_right{
	width:246px;
	border-bottom:1px solid #ccc;
}
div.panel_right div.head{
	width:246px;
}
div.panel_right div.head span{
	width:237px;	
}
div.panel_right div.navigation_right{
	width:245px;
	border-left:1px solid #ccc;	
	padding-top:10px;
}
div#navigation_right div.navbutton{
	float: left;
	width:88px;
	height:105px;
	margin-left:15px;
	margin-right:15px;
	overflow:visible;
	margin-bottom:10px;
	line-height:196px;
}
div#navigation_right div.navbutton a{
	text-decoration:none;
	color:#000;
	font-style: italic;
	text-transform: uppercase;
	font-size:11px;
	display:block;
	width:100%;
	height:100%;
}
div#navigation_right div.navbutton a:hover{
	color:#ff0000;
}

div#navigation_right div.navbutton_active a{
	color:#ff0000;	
}
div#navigation_right div.subnavigation{
	display:none;	
}

div#navigation_right div.navbutton_0 a{
	background:url("/_skins/base/images/badminton.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_1 a{
	background:url("/_skins/base/images/hapkido.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_2 a{
	background:url("/_skins/base/images/boehlerwerk.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_3 a{
	background:url("/_skins/base/images/hobbyfussball.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_4 a{
	background:url("/_skins/base/images/leichtathletik.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_5 a{
	background:url("/_skins/base/images/radsport.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_6 a{
	background:url("/_skins/base/images/tennis.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_7 a{
	background:url("/_skins/base/images/turnen_gym.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_8 a{
	background:url("/_skins/base/images/volleyball.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_9 a{
	background:url("/_skins/base/images/wintersport.jpg") no-repeat top center;		
}
div#navigation_right div.navbutton_10 a{
	background:url("/_skins/base/images/nordicwalking.jpg") no-repeat top center;	
	font-size:10px;
}
div#navigation_right div.navbutton_11 a{
	background:url("/_skins/base/images/floorball.jpg") no-repeat top center;
	font-size:10px;
}








div.Aktuell_Item{
	font-size:11px;	
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
}
div.Aktuell_Item a{
	line-height:30px;
	margin-bottom:5px;	
}
div.Aktuell_Item div.Titel{
	font-weight:bold;
	margin-bottom:10px;	
}
div.Aktuell_Item div.item_left{
	float:left;
	width:278px;
	padding-right:15px;
}
div.Aktuell_Item div.Bild{
	float:left;
	width:150px;
	text-align: right;
	line-height:20px;
}
div.Aktuell_Item div.Zurueck{
	line-height:30px;
}



div.Kooperation_Item{
	font-size:11px;	
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:8px;
}
div.Kooperation_Item div.Titel{
	font-weight:bold;
	margin-bottom:10px;	
}
div.Kooperation_Item div.Datumsangabe{
	font-weight:bold;
	margin-top:10px;	
}
div.Kooperation_Item div.item_left{
	float:left;
	width:238px;
	padding-right:15px;
}
div.Kooperation_Item div.item_right{
	float:left;
	width:190px;
	text-align: right;
}
div.Kooperation_Item div.Klein_Bild{
	margin-bottom:5px;
}


div#main_sub{
	width:330px;	
	padding-right:10px;
	float:left;
}
div#main_sub_nav{
	float:left;
	width:88px;
	height:100px;	
}
div#main_sub_nav a{
	text-decoration: none;
	color:#000;
	font-style: italic;
	display:block;
	margin-bottom:15px;
}
div#main_sub_nav a:hover{
	color:#ff0000;	
}




div.galerie{
	float:left;
	margin-right:6px;
	margin-bottom:0px;
	line-height:24px;
}
div.galerie a{
	color:#000;
	text-decoration: none;	
	font-size: 11px;
}
div.galerie a:hover{
	color:#ff0000;	
}
div.galerie a span{
	display:block;
	width:140px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:15px;
}
div.galerie_bild{
	float:left;
	margin-right:9px;
	margin-bottom:9px;
	border:1px solid #f0f0f0;	
}
div.galerie_bild:hover{
	border:1px solid #ff0000;
}








div.pagination{
	width:100%;
	height:50px;
	color:#000;
	line-height:20px;
	font-size:11px;
}
div.pagination div{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
div.pagination span.disabled{
	color:#666;
}
div.pagination div.active{
	color:#000;
	font-weight:bold;
}
div.pagination a{
	display:block;	
	float:left;
	text-decoration: none;
}
div.pagination a:hover{
	text-decoration: underline;	
}



div.bericht{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;	
	width:433px;
}
div.bericht_img{
	float:left;
	width:100px;
	margin-right:15px;	
}
div.bericht_cont{
	float:left;
	width:318px;
	font-size:11px;
}
div.bericht_cont div.titel, div.bericht_open div.titel{
	font-size:12px;
	font-weight:bold;	
	margin-bottom:5px;
}
div.bericht_cont div.titel span, div.bericht_open div.titel span{
	display:block;
	font-weight: normal;
	font-style: italic;	
	font-size:11px;
}
div.bericht_open{
	font-size:11px;	
	float:left;
	width:318px;
	margin-right:15px;
}
div.bericht_open_img{
	float:left;
	width:100px;
	overflow:hidden;	
	font-size:11px;
}






div.termin_2{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
	width:433px;
}
div.termin_2 span{
	margin-top:7px;
	margin-bottom:1px;
	display:block;	
}
div.termin_2 span, div.termin_2 a{
	font-size:11px;
}


div.PDF_Item{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
	width:433px;
	font-size:11px;
}
div.PDF_Item div.Titel{
	font-weight:bold;	
	margin-bottom:4px;
}
div.PDF_Item div.Beschreibung{
	float:left;
	width:330px;
}
div.PDF_Item div.Datei{
	line-height:16px;
	height:16px;
	width:100px;
	float: left;
	text-align: right;
}


div.Newsletter, div.Anmeldung{
	width:433px;
}
div.Newsletter div.desc, div.Anmeldung div.desc{
	width:413px;
	padding:10px;
	padding-top:5px;
	border:1px solid #ccc;
	margin-bottom:10px;	
	background:#e5e5e5;
}


div.Anmeldung div.desc_divide {
	border:1px solid #999999;
	border-bottom:1px solid #8c8c8c;
	background:#cccccc;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:25px;
	margin-bottom:25px;
}

div.Newsletter span, div.Anmeldung span{
	display:block;
	padding-left:15px;
	height:20px;
	line-height:20px;
	font-weight:bold;
}
div.Anmeldung span span.caption{
	width:60px;
	float:left;
	padding:0px;
}

div.Anmeldung span span.text{
	color: #2d2d2d;
	width: 200px;
	padding: 0px;
	font-weight: 500;
	float: left;
	font-style: italic;
}

div.Newsletter input, div.Anmeldung input{
	width:377px;
	border:1px solid #ccc;
	padding:3px;
	font-size:11px;
}

div.Anmeldung .PLZ_Ort span.short input, div.Anmeldung .PLZ_Ort span.short span{
	width:150px;
	margin-right:10px;
	float:left;
}

div.Anmeldung .PLZ_Ort span.label{
	float:none;
}
div.Anmeldung .PLZ_Ort span.short, div.Anmeldung .PLZ_Ort span.short span.plz{
	padding-left:0px;
}
div.Anmeldung .PLZ_Ort span.short span.plz {
	width:70px;
}

div.Anmeldung .PLZ_Ort input#PLZ_Starter1, div.Anmeldung .PLZ_Ort input#PLZ_Starter2 {width:60px;}

.shortDiv  {
	width:150px;
	float:left;
}
div.Anmeldung .shortDiv input{
	width:130px;
	float:left;
}


div.Anmeldung h2 i{
	color:#8c8c8c;
	font-weight:300;
}

div.Anmeldung div.desc.Geburtsdatum  span select, div.Anmeldung div.desc.Geburtsdatum  span span,
div.Newsletter div.desc.gebDate span select, div.Newsletter div.desc.gebDate span span{
	width:70px;
	float:left;
	display: inline-block;
}


.eventTitel {
	font-weight:bold;
	height:30px;
	font-size:15px;
	display:block;
	padding:5px 0px 0px 5px;
		
}
div.submit{
	padding-top:10px;	
}
div.submit input{
	width:140px;
	background:#ccc;	
	border:1px solid #aaa;
	padding:2px;
}
div.submit input:hover{
	color:#ff0000;
	cursor:pointer;	
}
span.error input{
	border:1px solid #ff0000;	
}


div.MitgliedWerden{
	margin-bottom:15px;
	width:431px;
	border:1px solid #000;	
	padding-left:10px;
	line-height:30px;
	height:30px;
	background:#e3e2e2;
	font-weight:bold;	
}

.anmeldeButton .text span {
	line-height: 18px;
}

#lightbox{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; text-align:left;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; float:left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 150px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }