/* CSS Document */

.srvError { color: #CC3333; }

#menuetop {
	background-image: url(/sys/layout/img/bg_topnav.gif);
	background-repeat: repeat-x;
	height: 25px;
}
#menuetop a{
	text-decoration:none;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 25px;
}

#menuetop :hover {
	background-image:url(/sys/layout/img/bg_topnav_a.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

.menutoplink {
	font-weight: bold;
	color: #5C656B;
}

.menutoplink_selected {
	font-weight: bold;
	color: white;
	background-image:url(/sys/layout/img/bg_topnav_a.gif);
	background-repeat: repeat-x;

}

body {
	background-color: white;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: #000000 0 0 0px;
}

body td {
	font-size:12px;
	color:#3D474E;
}


.normal {
	font-size:12px;
}

/*
.red_table{background-color:#C41130;padding:6px 0px;color:#FFF; margin:-6px 0 0 0; position:relative; }
html>body .red_table{margin-top:-5px}
.red_table table td p{padding:0px 0px 0px 5px;color:#FFF; margin:0px;font-weight:bold;}
.header_table table td{ font-weight:bold; text-transform:uppercase; padding:7px 5px 8px 5px}
.body_table{height:240px;overflow:auto; border-bottom:1px solid #E5E5E5; padding:0px 0px 0px 0px}
.body_table table tr.even{ background-color: #CCC;}

.body_table A { COLOR: black; }

.body_table table td{ padding:5px 5px 6px 5px;}
.body_table table td.date{ width:55px; text-align:left}
.body_table table td img{ text-align:center}
.body_table table td.event { width:185px;}
.body_table table td.sport { color:#A4A7A9; width:210px}
.body_table table td.sport img {margin-right:5px}
.date_actual{ color:#b41d35}
.date_future{ color:black}
* html .all_events {display:inline-block; padding-left:2px;}
.all_events{ padding:12px 0px 12px 0px}
.all_events p{ margin:5px 0px 0px 0px; padding:0px}
.all_events .search{ float:right; margin:0px; padding:0px;}*/


.teaserbox { background-color: #5A83A2; padding: 5px;  }
.teaserbox td { color: white; }

.greybox { background-color: #CCC; }


.jmSitemapItem1 { margin-top: 15px; }
.jmSitemapItem2 { margin-left: 6px; }
.jmSitemapItem3 { margin-left: 12px; }
.jmSitemapItem4 { margin-left: 18px; }
.jmSitemapItem4 { margin-left: 24px; }

.imgBorder { border: 2px solid #5A83A2; }

.textfeld { width: 500px; }

#topnavi {
	height: 25px;
	font-size:12px;
}

#topright{
	background-image: url(/sys/layout/img/bg_topnav.gif);
	background-repeat: repeat-x;
	height: 25px;
}
#topright .Sprachen a{
	text-decoration: none;
	color: #5C656B;
	}


#topnavi_r {
	background-color: #C41130;
	border-top: 1px solid #FFFFFF;
	width: 181px;
	font-size:12px;
	color: #FFFFFF;
}
#topnavi_r a{
	color: #FFFFFF;
	text-decoration:none;
}

/*Bereich Navigation*/
#navi {
	vertical-align:top;
	/*width: 181px;*/
	margin: 0px;
	padding-top: 15px;
	}

/*Menu selbst*/

#menu {
	background-color: #C41130;
	/*font-size:12px;*/
	width: 100%;
	vertical-align:top;
}

#menu ul {
	list-style: none;
	width: 100%;
	padding: 0px;
	margin:0px;
	vertical-align:top;
}

#menu li {
	margin: 0;
	border-bottom	: 1px solid #8E001A;
	line-height: 140%;;
}

#menu .level1 {
	background-color: #8E001A;
	vertical-align:top;
	border-top: 1px solid #C41130;
	border-bottom: 1px solid #C41130;
}

#menu .level1 a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration	: none;
	padding-left: 10px;
}

#menu .level1 a:hover {
	color: #8E001A;
	text-decoration	: none;
	background-color : #ffffff;
	display: block;
	padding-left: 10px;

}

#menu  .level1 .chosen {
	color:  #8E001A;
	background-color : #ffffff;
	display: block;
		padding-left: 10px;
}



#menu .level2 {
	background-color: #C41130;
	border-bottom: 1px solid #E91439;
	border-top: 1px solid #E91439;
}

#menu .level2 a{
  	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	padding-left: 15px;
	display:block;
}

#menu .level2 a:hover {
	background-color: #ffffff;
  	color : #3D474E;
	text-decoration:none;
	display:block;
}

#menu .level2 a:hover {
  	color : #3D474E;
}
#menu .level2 .chosen{
	color:  #3D474E;
	background-color : #ffffff;
	display: block;
}


/*level3*/

#menu .level3 {
	background-color: #C41130;
	border-bottom: 1px solid #C41130;
	border-top: 1px solid #C41130;
}

#menu .level3 a{
  	color: #FFFFFF;
	text-decoration:none;
	padding-left: 25px;
}

#menu .level3 a:hover {
	background-color: #ffffff;
  	color : #3D474E;
	text-decoration:none;
	display:block;
}

#menu .level3 a:hover {
  	color : #3D474E;
}
#menu .level3 .chosen{
	color:  #3D474E;
	background-color : #ffffff;
	display: block;
}

/*Inhalte Home-Bereich */
#inhalte_home {
	border: 1px solid red;
	height:100%;
	vertical-align:top;
	padding-top: 10px;
	padding-right: 10px;
	color: #3D474E;
}

#inhalte_home .text{
	padding-left: 5px;
}

#inhalte_home a{
	color: #C41130;
	
}

#inhalte_home a:hover{
	color: #8E001A;
	
}

#inhalte_home a:visited{
	color: #8E001A;
}


/*Inhalte allgemein*/


#inhalte {
	background-color: #FFFFFF;
	height:100%;
	vertical-align:top;
	padding-top: 15px;
	color: #3D474E;
	padding-right: 10px;
}

#inhalte a { color: #C41130; }
#inhalte a:hover{ color: #8E001A; }
#inhalte a:visited{ color: #8E001A; }
#inhalte .text{ }


/*Inhalte Kalender*/


#inhalte_application {
	background-color: #FFFFFF;
	height:100%;
	vertical-align:top;
	padding-top: 15px;
	color: #3D474E;

}

	
#inhalte_kalender a{
	color: #C41130;

}

#inhalte_kalender a:hover{
	color: #8E001A	
}

#inhalte_kalender a:visited{
	color: #8E001A;
}

/*Kalender selbst */

#ds-calendar-header {
/*background-color: #BBC3C9;*/
background-image:url(/sys/layout/img/bgcalendarheader.jpg);
background-repeat: repeat-x;
font-weight: normal;
color: #ffffff;
font-size: 11px;
margin: 0px 0px 10px 0px;
padding-bottom: 2px;
padding-top: 3px;
border-bottom: 1px solid #3D474E;
}

.tablerow{
	}

.tablerowodd{
background-color: #F3F4F4;

}


#ds-calendar-header p{
font-size: 11px;
color: #ffffff;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
font-weight:bold;

}

#ds-calendar-body a:link{
color: #C41130;
}
#ds-calendar-body a:hover{
color: #8E001A;
}

#ds-calendar-body a:visited{
color: #8E001A;
}


#ds-calendar-body .even{
background-color: #F3F4F4;
padding: 2px;
	}

#ds-calendar-body .odd{
padding: 2px;
}

#ds-calendar-body .evenRunning{
color: #C41130;
background-color: #F3F4F4;
padding: 2px;
	}

#ds-calendar-body .oddRunning{
color: #C41130;
padding: 2px;
}


#ds-calendar-bottom {

 margin-bottom:20px;
 margin-top:10px;
}
#ds-calendar-bottom a{
  text-decoration: none;
}



.shop_tableheader {
	background-color: #FFFFFF;
	padding-left:5px;
	color: #3A6E8F;
	font-size:12px;
	line-height:16px;
	border-bottom:1px solid #3A6E8F;
	padding-top: 1px;
}

.shop_summaryrow {
	border-top: 1px solid #3A6E8F;
	border-bottom: 2px double #3A6E8F;
}

/*?berschriften */

h1 {
	color: #ffffff;
	background-color: #5A83A2;
	font-size:12px;
	line-height:16px;
	border-bottom:1px solid #3D474E;
	padding-left: 5px;
	padding-top: 1px;
}

h2{
	background-color: #FFFFFF;
	padding-left:5px;
	color: #3A6E8F;
	font-size:12px;
	line-height:16px;
	border-bottom:1px solid #3A6E8F;
	padding-top: 1px;
}

h3{
	color: #C41130;
	background-color: #F3F4F4;
	font-size:12px;
	line-height:16px;
	border-top:1px solid #BBC3C9;
	border-bottom:1px solid #BBC3C9;
	padding-left: 5px;
	padding-top: 1px;
}

h4{
	color: #C41130;
	font-size:12px;
	line-height:16px;
}

/* cal detail */

.calDetail {	
	background-color: #E3E8EB;
	color: #3D474E;
	font-size:12px;

}
.calDetailTitle{	
	background-color: #CFD5DA;
	color: #3D474E;
	font-size:12px; 
	font-weight: bold;
	border-bottom: 1px solid #3D474E;
}

/* rechter Bereich */

#rechts {
	vertical-align:top;
	padding-top: 15px;
/*    background-image:url(/sys/layout/img/watermark.gif); */
	background-position:bottom;
	background-repeat: no-repeat;}
/*Boxen rechts*/

#box_r {	
	background-color: #E3E8EB;
	color: #3D474E;
	font-size:12px;
	width: 189px;

}
#box_r .title{	
	background-color: #CFD5DA;
	color: #3D474E;
	font-size:12px; 
	padding-left: 5px;
	font-weight: bold;
	border-bottom: 1px solid #3D474E;
	padding-top: 1px;
	line-height: 16px;
}

#box_r .text{	
	margin: 0px;
	padding-top:3px;
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 3px;}

#box_r a:link{
color: #C41130;
}

#box_r a:hover{
color: #8E001A;
}

#box_r a:visited{
color: #8E001A;
}



#footer {
	background-color: #BBC3C9;
	/*height:20px;*/
	text-align:center;
}
#footer a{
  color: #3D474E;
  padding-left:10px;
  padding-right: 10px;
  text-decoration:none;
}

#shoparticle h2 {
padding-left: 0px;

}


#willkommen {
 position: relative;
 top: 1px;
 left: 445px;
 width: 189px;
 color: white;
}

#willkommen-b{
 position: relative;
 top: 1px;
 left: 697px;
 width: 181px;
 color: white;
}


#angemeldet {
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 font-weight:bold;
 color:#3D474E;
 background-repeat:no-repeat;
}

#angemeldet h4{
 color: #3D474E;
 font-size:11px;
 font-weight: bold;
 margin: 0px 0px 3px 0px;
 padding: 0px 0px 0px 0px;
 line-height: normal;
}

#angemeldet a:link{
color: #C41130;
}

#angemeldet a:hover{
color: #8E001A;
}

#angemeldet a:visited{
color: #8E001A;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#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(/sys/layout/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/sys/layout/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; 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; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; 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; }