/**
 	SilverStripe rheinflanke-Theme
 	created 2008 by web-age IT Solutions, 
					Inh. Christian Mzyk
 */
 
/************   
	Misc Styles and defaults 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	color: #fff;
 	font-size: 62.5%; 
	font-family: Verdana, Lucida, sans-serif; 		
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

html {
	background: #fff;	
}
.clear{
	clear:both;
}
img {
	border: 0px solid #E9E9E9;
}
hr {
	border: 1px solid #fff;
	border-top: 1px dashed #E9E9E9;	
	color: #fff;
	background-color: #fff;
	height: 2px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/**************
 	Site Container Box
*/
#BgContainer {
	width: 920px;  	
	margin: 0 auto;
	max-height: 570px;
	height: 570px;
	overflow: hidden; /* hidden */
}
#Container { 
	/*border: 1px solid blue;*/
	width: 919px;	
	height: 468px;
	margin: 1px 0 0 0;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	overflow:hidden;
	/*max-height: 680px;
	height: 680px;*/
	
	/*overflow: hidden;*/
}
	#Menu { 
		width: 153px; 
		height: 100%;
		overflow: hidden;	
		float: left;
		/*border: 1px solid green;*/				
	}
		#Menu .menuBalkenTop {
			width: 100%; 
			height: 20px;
			margin: 0 0 3px 0;
			background: #000;
		}
		#Menu .menuBalkenMiddle {
			width: 100%; 
			height: 20px;
			margin: 0 0 3px 0;
			background: #333;
		}
		#Menu .menuBalkenBottom {
			width: 100%; 
			height: 20px;
			/*margin: 0 0 3px 5px;*/
			margin: 0 0 3px 0;
			background: #666;
		}		
		#Menu .menuBalkenGradient {
			width: 153px;
			height: 376px;
			margin: 0 0 3px 0;
			background-color:#000000;
			/*background: transparent url(../images/rheinflanke/gradient_menu.jpg) left center no-repeat;*/
		}
		#Container .menuUntenLinks {
			/* border: 1px solid red; */
			position: absolute; /* Absolut vom Viewport positionieren */						
			top:544px;			
			width: 30px;
			height: 26px;
			margin: 0 0 0 -5px;
			background: transparent url(../images/rheinflanke/untenlinks.gif) left center no-repeat;
		}
		#MenuEintrag {
			/* Definition der Schrift für die Menu-Einträge*/
			font-size: 130%;
			font-family: Verdana, Lucida, sans-serif;
			font-weight:bold;
			line-height:1.5;
		}
		#MenuEintrag a:link {
			/* Definition der Links für die Menu-Einträge*/
			color: #FFFFFF;
			text-decoration: none;			
		}
		#MenuEintrag a:visited {
			/* Definition der Links für die Menu-Einträge*/
			color: #FFFFFF;
			text-decoration: none;			
		}
		#MenuEintrag .menuBalkenCurrent {
			width: 100%; 
			height: 20px;
			margin: 0 0 3px 0;
			background: #93B717;
			padding: 0 0 0 10px;			
		}	
		#MenuEintrag .menuBalkenLevel2 {
			width: 100%; 
			height: 20px;
			margin: 0 0 3px 0;
			background: #2974F1;
			padding: 0 0 0 10px;
		}
		#MenuEintrag .menuBalkenLevel3 {
			width: 100%; 
			height: 20px;
			margin: 0 0 3px 0;
			background: #88B3F8;
			padding: 0 0 0 10px;
		}
		#MenuEintrag .menuBalkenLevel3Current {
			width: 100%; 
			height: 20px;
			margin: 0 0 3px 0;
			background: #BEE735;
			padding: 0 0 0 10px;
		}
	#Layout {			
		/*border: 1px solid red;*/
		overflow:hidden;	
		height:448px;
		/*width:100%;*/
		padding: 10px 20px 10px 20px;		
	}
		#Layout .standardPage {
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			height: 405px;
			overflow: auto;		
			font-size:100%;		
			padding-right: 10px;
		}
		#Layout .artikelinhalt {
			/*border: 1px solid red;*/		
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			height: 405px;
			overflow: auto;		
			font-size:80%;
			/*font-size:8px;;*/
			padding-right: 10px;
		}
			#Layout .artikelbild {
				float:left;
				padding: 10px;
				padding-top:50px;
			}
			#Layout .artikelkopf, .artikelfuss {
				/*border: 1px solid green;*/
				/*padding-top: 10px;*/
				clear: both;			
				color: #000;			
				font-size: 120%;
				text-align:right;
			}
			#Layout .artikelinhalt a {
				font-size: 120%;
				text-decoration:none;	
				color:#2974F1;
			}		
			#Layout .artikelinhalt a:hover {
				text-decoration:underline;	
			}	
		#Layout .artikelholderAuflistung {
			/*border: 1px solid red;*/
			/*padding: 0 50px 20px 10px;*/
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			height: 405px;
			overflow: auto;		
			font-size:80%;
			padding-right: 10px;
		}
			#Layout .artikelholderBild {
				/*border: 1px solid green;*/
				float:left;
				padding: 0 10px 0 10px;				
			}			
			#Layout .artikelholderBreadcrumbs {
				/*border: 1px solid green;*/
				color:black;
				font-size: 100%;
				float:left;
			}
			#Layout .artikelholderBreadcrumbs a {
				/*border: 1px solid green;*/
				color:black;
			}


			#Layout .artikelholderTitle {
				/*border: 1px solid green;*/
				color: #93B717;
				margin: 5px 0 0 0;
				font-weight:bold;
				font-size: 170%;
			}
			#Layout .artikelholderLink {
				color: #93B717;
				margin: 5px 0 0 0;
				font-weight:bold;
				font-size: 80%;
			}

			#Layout .artikelholderBildOlder {
				/*border: 1px solid blue;*/
				float:left;
				width:150px;
				height:17px;
				padding: 0 10px 0 10px;				
			}
			#Layout .artikelholderBreadcrumbsOlder {
				/*border: 1px solid green;*/
				color:black;
				font-size:100%;
				float:left;
			}		
			#Layout .artikelholderTitleOlder {
				/*border: 1px solid red;*/
				font-weight:bold;
				font-size: 140%;
				color:#000000;
				padding: 0 0 0 10px;
				margin: 0 0 0 0 ;
				float:left;								
			}
			#Layout .artikelholderMehr {
				/*border: 1px solid yellow;	*/
				padding: 0 0 0 10px;
				margin: 2px 0 0 0 ;
				float:left;								
			}
			#Layout .artikelholderFirstChars {
				/*border: 1px solid red;*/
				font-size: 100%;					
				margin: 5px 0 0 0;
			}
			#Layout .artikelholderAuflistung a {
				text-decoration:none;	
				color:#2974F1;
				font-size:120%;
			}		
			#Layout .artikelholderAuflistung a:hover {
				text-decoration:underline;	
			}	
			
			#Layout .turnier {
				margin: 10px 0 0 0;
				padding: 0 0 0 0;
				height: 405px;
				overflow: auto;		
				font-size:100%;
				padding-right: 10px;
			}
			#Layout .turnierBild {
				float:left;
				padding: 10px;
				padding-top: 30px;
				padding-left: 30px;
			}
			#Layout .turnierTabelle {
				margin: 10px;
				font-size: 1.2em;
				color: #000;
				border-collapse:collapse;
				width:50%;
			}
				#Layout .turnierTabelle td {
					border:none;
					padding:5px;
					vertical-align:top;
				}
				#Layout .turnierNachricht {	
				margin-top: 20px;			
				font-size: 100%;
				color: #000;
			}
				#Layout .turnierTabelle a {
					text-decoration:none;	
					color:#2974F1;
				}		
				#Layout .turnierTabelle a:hover {
					text-decoration:underline;	
				}	
				
			#Layout .turnierPlanerMonate {
				/*margin: 10px;*/				
				font-size: 90%;
				color: #000;
				border-collapse:collapse;				
			}				
				#Layout .turnierPlanerMonate table {
					/*margin: 10px;*/
					color: #000;
					border-collapse:collapse;					
				}					
					#Layout .turnierPlanerMonate table td {
						border:none;						
						font-weight:bold;
					}															
					#Layout .turnierPlanerMonate .past a{
						text-decoration:none;
						color:#cdcdcd;					
					}	
					#Layout .turnierPlanerMonate .past a:hover{
						text-decoration:underline;
					}								
					#Layout .turnierPlanerMonate .pastBoxed a{
						text-decoration:none;
						color:#cdcdcd;
						border: 1px dashed #E9E9E9;					
					}	
					#Layout .turnierPlanerMonate .pastBoxed a:hover{
						text-decoration:underline;
						color:#cdcdcd;
						border: 1px dashed #E9E9E9;
					}									
					#Layout .turnierPlanerMonate .current a {
						text-decoration:none;
						color:#93B717;					
					}
					#Layout .turnierPlanerMonate .current a:hover {
						text-decoration:underline;
					}					
					#Layout .turnierPlanerMonate .currentBoxed a{
						text-decoration:none;
						color:#93B717;
						border: 1px dashed #E9E9E9;					
					}	
					#Layout .turnierPlanerMonate .currentBoxed a:hover {						
						text-decoration:underline;	
						border: 1px dashed #E9E9E9;
					}		
					#Layout .turnierPlanerMonate .future a {
						text-decoration:none;
						color:#000;					
					}
					#Layout .turnierPlanerMonate .future a:hover {
						text-decoration:underline;
					}
					#Layout .turnierPlanerMonate .futureBoxed a{
						border: 1px dashed #E9E9E9;					
					}	
					#Layout .turnierPlanerMonate .futureBoxed a:hover {
						border: 1px dashed #E9E9E9;
					}
					
					#Layout .turnierPlanerMonate .current {
						text-decoration:none;
						color:#93B717;					
					}

			
			#Layout .turnierPlanerKalender {
				
			}
				#Layout .turnierPlanerKalender table {					
					border-collapse:collapse;
				}
					#Layout .turnierPlanerKalender table th {
						padding: 5px;
						text-align:center;
					}
					#Layout .turnierPlanerKalender table td {
						width: 90px;
						height: 40px;
						border: none;
						padding:0;
					}										
						#Layout table td .GesamtFeld {						
							width: 90px;
							height: 40px;
							border: 1px solid #999;							
							background-color: #FFFFFF;
							padding:3px;
						}
						#Layout table td .GesamtFeld_belegt {						
							width: 90px;
							height: 40px;
							border: 1px solid #999;							
							background-color: #93B717;
							padding:3px;
						}
						#Layout table td .GesamtFeld_offen {						
							width: 90px;
							height: 40px;
							border: 1px solid #999;							
							background-color: #EAF7BF;
							padding:3px;
						}
						#Layout table td .GesamtFeld_geschlossen {						
							width: 90px;
							height: 40px;
							border: 1px solid #999;							
							background-color: #ff0505;
							padding:3px;
						}
						#Layout table td .GesamtFeldAus{						
							width: 90px;
							height: 40px;
							border: 1px solid #999;														
							padding:3px;
							display:none;
						}
							#Layout table td .GesamtFeld .Datum {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld .Datum a {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld .Datum a:visited {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld .Gruppe {						
								color:#000;
								text-align:right;
								font-weight:bold;
								font-size:90%;
							}
							#Layout table td .GesamtFeld .Ort {						
								color:#000;
								text-align:right;
								font-size:80%;
							}
							#Layout table td .GruppeA {						
								color:#000;
								text-align:right;
								font-weight:bold;
								font-size:90%;
								margin-top:-2em;
							}
							#Layout table td .OrtA {						
								color:#000;
								text-align:right;
								font-size:80%;
								margin-top:-.3em;
							}

							#Layout table td .GruppeB {						
								color:#000;
								text-align:left;
								font-weight:bold;
								font-size:90%;
							}
							#Layout table td .OrtB {						
								color:#000;
								text-align:left;
								font-size:90%;
								margin-top:-.3em;
							}

							
							#Layout table td .GesamtFeld_offen .Datum {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_offen .Datum a {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_offen .Datum a:visited {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_offen .Gruppe {						
								color:#000;
								text-align:right;
								font-weight:bold;
								font-size:90%
							}
							#Layout table td .GesamtFeld_offen .Ort {						
								color:#000;
								text-align:right;
								font-size:90%
							}
							
							#Layout table td .GesamtFeld_belegt .Datum {						
								color:#FEFEFC;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_belegt .Datum a {						
								color:#FEFEFC;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_belegt .Datum a:visited {						
								color:#FEFEFC;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_belegt .Gruppe {						
								color:#000;
								text-align:right;
								font-weight:bold;
								font-size:90%
							}
							#Layout table td .GesamtFeld_belegt .Ort {						
								color:#000;
								text-align:right;
								font-size:90%
							}
							
							#Layout table td .GesamtFeld_geschlossen .Datum {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_geschlossen .Datum a {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_geschlossen .Datum a:visited {						
								color:#999;
								font-weight:bold;
								font-size:1.1em;
							}
							#Layout table td .GesamtFeld_geschlossen .Gruppe {						
								color:#000;
								text-align:right;
								font-weight:bold;
								font-size:90%
							}
							#Layout table td .GesamtFeld_geschlossen .Ort {						
								color:#000;
								text-align:right;
								font-size:90%
							}
#Content {
	/*width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;*/
}


/** Header **/
#Header { 
 	width: 100%; 
	height: 100px;
 	/*margin: 0 auto;*/ /* = center */
	/*overflow: hidden;
	background: transparent url(../images/rheinflanke/logo.jpg) left center repeat-x;
	margin: 0 0 2px 0;*/
}
	#Header .logo {
		/*border:1px solid blue;*/
		/*position: static;
		top:0;*/
		width: 100%; 
		height: 100px;
		overflow: hidden;
		background: transparent url(../images/rheinflanke/logo.jpg) left center no-repeat;
	}
		#Login {
			/*border:1px solid green;*/
			float:left;
			/*margin: 50px 0 0 0;*/
			padding: 0 0 0 350px;
			width: 300px;
			height: 50px;
		}
		#Login .panel {
			/*border:1px solid yellow;*/
			width:100%;
			margin-top: 17px;
		}
		#Login .panel a {
			color: #fff;
			text-decoration:none;
			font-size: 88%;
		}
		#Login .panel a:link {
			color: #fff;
		}
		#Login .panel a:visited {
			color: #fff;
		}
		#Login .panel a:hover {
			color: #fff;
			text-decoration:underline;
		}
		#Login td {
			text-align:left;		
			width:110px;
		}
		#Login input {
			width: 100px;
			border: 2px solid black;
		}
			#Login .loginAccount{
				width: 210px;
			}
		#Login .logButton {			
			width: 55px;
			height: 21px;
			border: none;
		}
		/*** Main Nav ***/
		#Navigation {
			/*border: 1px solid yellow;*/
			/*width: 1000px;*/
			margin: 0 0 0 200px;
			padding-top: 2px;/*10*/
			overflow: visible;
			background: transparent;			
			font-size: 105%;
			font-family: Verdana, Lucida, sans-serif;
			font-weight:bold;
			line-height:3.5;
		}
		#Navigation a:link {
			/* Definition der Links für die Menu-Einträge*/
			color: #FFFFFF;
			text-decoration: none;						
		}
		#Navigation a:visited {
			/* Definition der Links für die Menu-Einträge*/
			color: #FFFFFF;
			text-decoration: none;			
		}
		#Navigation .navigationAus {
			background: transparent url(../images/rheinflanke/navigation_aus.gif) left center no-repeat;
			/*border: 1px solid green;*/
			width: 131px;
			height: 35px; 
			float: left;
			text-align: center;			
			margin: 0 0 0 -32px; /*-36*/
		}
		#Navigation .navigationAn {
			background: transparent url(../images/rheinflanke/navigation_an.gif) left center no-repeat;
			/*border: 1px solid green;*/
			width: 131px;
			height: 35px; 
			float: left;
			text-align: center;			
			margin: 0 0 0 -32px;
		}
		#Navigation .navigationFirstAus {
			background: transparent url(../images/rheinflanke/navigationFirst_aus.gif) left center no-repeat;
			/*border: 1px solid green;*/
			width: 131px;
			height: 35px; 
			float: left;
			text-align: center;			
			margin: 0 0 0 -32px; /*-36*/
		}
		#Navigation .navigationFirstAn {
			background: transparent url(../images/rheinflanke/navigationFirst_an.gif) left center no-repeat;
			/*border: 1px solid green;*/
			width: 131px;
			height: 35px; 
			float: left;
			text-align: center;			
			margin: 0 0 0 -32px;
		}#Navigation .navigationPos7Aus {
			background: transparent url(../images/rheinflanke/navigationPos7_aus.gif) left center no-repeat;
			/*border: 1px solid green;*/
			width: 131px;
			height: 35px; 
			float: left;
			text-align: center;			
			margin: 0 0 0 -32px; /*-37*/
		}
		#Navigation .navigationPos7An {
			background: transparent url(../images/rheinflanke/navigationPos7_an.gif) left center no-repeat;
			/*border: 1px solid green;*/
			width: 131px;
			height: 35px; 
			float: left;
			text-align: center;			
			margin: 0 0 0 -32px;
		}
		
		/*** KHI-Nav ***/
		#KHINavigation {
			/*border: 1px solid red;*/
			float: left;
			margin: -27px 0 0 650px;
			width: 250px;
			overflow: visible;
			background: transparent;			
			font-size: 120%;
			font-family: Verdana, Lucida, sans-serif;
			font-weight:bold;
			line-height:1;
			text-align:right;
		}
		#KHINavigation a:link {
			/* Definition der Links für die Menu-Einträge*/
			/*color: #616161;*/
			color:#FFFFFF;
			text-decoration: none;			
		}
		#KHINavigation a:visited {
			/* Definition der Links für die Menu-Einträge*/
			/*color: #616161;*/
			color:#FFFFFF;
			text-decoration: none;			
		}
    
/** Breadcrumbs **/
#Breadcrumbs { 
 	color: #000; /*#B7C0C5;*/
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
	}
	#Breadcrumbs p {
		margin: 0;
	}

/*** Message Boxs ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
	border-bottom: 2px solid #BCE4FE;
}

#PageComments li.even {
	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
	padding-right: 40px;
	padding-left: 10px;
}

#PageComments li.odd p.info {
	color: #3AA0C3;
}

.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}
.actionLinks li {
   display: inline;
   border-right: 1px solid;
}
   .actionLinks li.last {
      border-right: none;
   }

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}

/* Unsubscribe Newsletter
*****************************************/
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
}
	#Unsubscribe_MailingListForm_MailingListForm p label{
		display: inline;
	}

#Unsubscribe_MailingListForm_MailingListForm label{
	margin:0;
}


/* Thickboxes 
*****************************************/
#TB_PASSWORTVERGESSEN {
	display:none;
}
#TB_PASSWORTVERGESSEN_OK {
	display:none;
}
#TB_PASSWORTVERGESSEN_FALSCH {
	display:none;
}
#TB_REGISTRIEREN {
	display:none;	
}
/* Footer 
*****************************************/

#Footer { 
	position:fixed ;
	bottom:0px; 		
	width: 100%; 
	height: 50px;	
	overflow: hidden;
	margin: 0 auto;
	background: #fff url(../images/rheinflanke/sponsoren/sponsoren.jpg) center center no-repeat;
}	
	#Footer a:hover {
		color: #fff;
		text-decoration: underline;
		width:100px;
		float:left;
	}  
#webage{
		position: absolute; /* Absolut vom Viewport positionieren */						
		top:530px;			
		height:35px;
		margin-left:25px;
		width:100px;			}
#webage a img{
	border:0px;
}
label,
.message{
	color:gray;
}