/* Scroll - Balken */

	a:link		{ color:#000000; text-decoration:none; }
	a:visited	{ color:#000000; text-decoration:none; }
	a:hover		{ color:#000000; background-color:#ffffff; border:2px solid #ffffff;}
	a:active	{ color:#000000; }

/* Allgemeine - Einstellung */
	body	{ 
			background-color: #DBEBF0;
			font: bold 14px Arial;
			color: black;
			width: auto;
			text-align: center; 
			vertical-align: middle;
 			}

/* Anfang Hauptkonfiguration */
	/* Indexseite Style */

	table.indexaussen {
			border-width: 0px;
			border-spacing: 1px;
			border-style: inset;
			border-color: black;
			border-collapse: separate;
			background-color: white;
			width: 90%;
			height: 98%;
			margin-left: auto;
			margin-top:	auto;
			margin-right: auto;
			}

	td.indexlog1{ 
			padding: 4px 0 4px 10px;
			text-align: left; 
			vertical-align: middle; 
			}

	table.indexnav {
			border-width: 0px;
			border-spacing: 5px;
			border-style: inset;
			border-color: black;
			border-collapse: separate;
			background-color: #ABD10B;
			width: 200px;
			height: 99%;
			text-align: left;  
			vertical-align: top;
			}

	td.indexnav1{ 
			padding: 4px 0 4px 10px;
			width: 200px;
			text-align: center; 
			vertical-align: top; 
			}

	td.indexnav2{ 
			padding: 4px 0 4px 10px;
			text-align: left; 
			vertical-align: top; 
			}

	td.indexnav3{ 
			padding: 4px 0 4px 10px;
			height: 99%;
			text-align: left; 
			vertical-align: top; 
			}

	table.indexcon {
			border-width: 0px;
			border-spacing: 5px;
			border-style: inset;
			border-color: black;
			border-collapse: separate;
			background-color: white;
			width: 99%;
			height: 99%;
			vertical-align: top;
			}

	td.indexcon1{ 
			padding: 4px 0 4px 10px;
			width: 85%;
			vertical-align: top; 
			}

	td.indexcon2{ 
			padding: 4px 0 4px 10px;
			width: 100%;
			vertical-align: top; 
			}

	td.indexinfo1{ 
			padding: 4px;
			font-size: 10px;
			text-align: center; 
			vertical-align: top;
			}

/* Ende Hauptkonfiguration */


/* Anfang Sponsoren */
	table.sponsor1 {
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			vertical-align: top;
			}

	td.sponsor1{ 
			border-width: 1px;
			padding: 4px 0 4px 10px; 
			border-style: inset;
			background: black url(image/titlebar.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			margin-bottom: 10px;
			width: 150px;
			font: bold 14px Arial;
			text-transform: uppercase;
			color: white;
			text-align: left; 
			vertical-align: top;  
			}

	td.sponsor2{
			border-width: 1px;
			padding: 4px;
			border-style: inset;
			background: black url(image/titlebar-active.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top;  			
			}

	td.sponsor2 a:link{
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			font-size: 90%;
			}

	td.sponsor2 a:visited{
			color: #ffffff;
			}

	td.sponsor2 a:hover{
			background-color: #000000;
			}

	td.sponsor3{
			border-width: 1px;
			padding: 4px;
			border-style: inset;
			background: black;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top;  		
			}

	td.sponsor4{ 
			border-width: 1px;
			padding: 4px;
			border-style: inset;
			background: black url(image/titlebar.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 50%;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top;  
			}
/* Ende Sponsoren */

/* Anfang Kalender */
	table.kalender {
			border-width: 1px;
			border-spacing: 1px;
			border-style: inset;
			border-color:  black;
			border-collapse: separate;
			background-color: white;
			width: auto;
			margin-left: auto;
			margin-top:	auto;
			margin-right: auto;
			}

	td.kalender1{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: black;
			width: auto;
			text-align: center; 
			vertical-align: middle;
			}

	table.kalenderdeteil {
			border-width: 1px;
			border-spacing: 1px;
			border-style: inset;
			border-color:  black;
			border-collapse: separate;
			background-color: white;
			width: auto;
			text-align: left;  
			vertical-align: top;
			}

	td.kalenderdeteil1{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			background: black url(image/titlebar.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 200px;
			height: 25px;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top; 
			}

	td.kalenderdeteil2{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			background: black url(image/titlebar-active.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			width: auto;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top; 
			}

	td.kalenderdeteil3{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			background: black;
			-moz-border-radius: 6px 6px 6px 6px;
			width: auto;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top; 
			}

	td.klinks{ 
			font: bold 14px;
			color: white;
			background: black url(image/titlebar-active.png) repeat-x center left;
			padding: 4px 0 4px 10px;
			width: 45%;
			text-align: right; 
			vertical-align: top; 
			}

	td.klinks a:link{
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			}

	td.klinks a:visited{
			color: #ffffff;
			}

	td.klinks a:hover{
			background-color: #ffffff;
			color: #000000;
			}

	td.kmitte{ 
			font: bold 14px;
			color: white;
			background: black url(image/titlebar.png) repeat-x center left;
			padding: 4px 0 4px 10px;
			width: 10%;
			text-align: center; 
			vertical-align: middle; 
			}

	td.krechts{ 
			font: bold 14px;
			color: white;
			background: black url(image/titlebar-active.png) repeat-x center left;
			padding: 4px 0 4px 10px;
			width: 45%;
			text-align: left; 
			vertical-align: top; 
			}

	td.krechts a:link{
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			}

	td.krechts a:visited{
			color: #ffffff;
			}

	td.krechts a:hover{
			background-color: #ffffff;
			color: #000000;
			}

	table.navkalender {
			border-width: 0px;
			border-spacing: 3px;
			border-style: inset;
			border-color: black;
			border-collapse: separate;
			background-color: white;
			width: 160px;
			height: 160px;
			margin-left: auto;
			margin-top:	auto;
			margin-right: auto;
			}

	td.navkalenderheader{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: black url(image/titlebar-active.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 12px;
			height: 12px;
			font: bold 10px;
			color: white;
			text-align: center; 
			vertical-align: top; 
			}

	td.navkalenderboddy{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: white;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 12px;
			height: 12px;
			font: bold 10px;
			color: black;
			text-align: center; 
			vertical-align: top; 
			}

	td.kalenderaktuellertag{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: #00FF00;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 14px;
			height: 14px;
			font: bold 10px;
			color: black;
			text-align: center; 
			vertical-align: top; 
			}

	td.kalenderaktuellertermin{ 
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: #FF0000;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 12px;
			height: 12px;
			font: bold 10px;
			color: white;
			text-align: center; 
			vertical-align: top; 
			}

	td.kalenderaktuellertermintag{
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black; 
			background: #FFAE00;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 14px;
			height: 14px;
			font: bold 10px;
			color: red;
			text-align: center; 
			vertical-align: top; 
			}

/* Ende Kalender */

/* Anfang NEWS */
	table.news1 {
			border-width: 1px;
			border-spacing: 1px;
			border-style: inset;
			border-color:  black;
			border-collapse: separate;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 100%;
			margin-left: auto;
			margin-top:	auto;
			margin-right: auto;
			}

	table.news2 {
			border-width: 0px;
			border-spacing: 4px;
			border-style: inset;
			border-color:  black;
			border-collapse: separate;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			width: 100%;
			margin-left: auto;
			margin-top:	auto;
			margin-right: auto;
			}

	td.news3{ 
			border-width: 0px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: black;
			width: 200;
			text-align: center; 
			vertical-align: top;
			}

	td.news4{
			border-width: 0px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: url(image/titlebar-active.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			height: 25px;
			font: bold 14px;
			color: white;
			text-align: center; 
			vertical-align: middle;
			}

	td.news5{
			border-width: 0px;
			padding: 3px;
			border-style: inset;
			border-color: black black black black;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: black;
			width: 66%;
			text-align: center; 
			vertical-align: middle;
			}

	td.news6{
			border-width: 0px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: url(image/titlebar-active.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: white;
			width: 33%;
			height: 25px;
			text-align: center; 
			vertical-align: middle;
			}

	td.news6 a:link{
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			}

	td.news6 a:visited{
			color: #ffffff;
			}

	td.news6 a:hover{
			background-color: #ffffff;
			color: #000000;
			}

	td.news7{
			border-width: 1px;
			padding: 3px;
			border-color: black;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			color: black;
			width: 75%;
			height: 500px;
			text-align: left; 
			vertical-align: top;
			scrollbar-base-color: #203b59;
			scrollbar-3d-light-color: #a0bbd9;
			scrollbar-arrow-color: #a0bbd9;
			scrollbar-darkshadow-color: #203b59;
			scrollbar-face-color: #203b59;
			scrollbar-highlight-color: #809bb9;
			scrollbar-shadow-color: #809bb9;
			scrollbar-track-color: #203b59;
			}

	table.newskate {
			border-width: 0px;
			border-spacing: 3px;
			border-style: inset;
			border-color: black;
			border-collapse: separate;
			background-color: white;
			width: 100%;
			margin-left: auto;
			margin-top:	auto;
			margin-right: auto;
			}

	td.newskate1{ 
			border-width: 0px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: black;
			text-align: left; 
			vertical-align: top;
			}

	td.newskate2{ 
			border-width: 2px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: black url(image/titlebar.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top;
			}

	td.newskate3{
			border-width: 2px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: black url(image/titlebar-active.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: white;
			text-align: center; 
			vertical-align: top;
			}

	td.newskate4 {
			border-width: 2px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background-color: black;
			-moz-border-radius: 6px 6px 6px 6px;
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top;
			}

	td.newskate3 a:link{
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			}

	td.newskate3 a:visited{
			color: #ffffff;
			}

	td.newskate3 a:hover{
			background-color: #ffffff;
			color: #000000;
			}

/* Ende NEWS */



/* Anfang Counter*/
	table.counter {
			border-width: 2px;
			border-spacing: 2px;
			border-style: inset;
			border-color:  black;
			border-collapse: separate;
			background-color: white;
			width: 100%;
			}

	table.counter td {
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background-color: white;
			-moz-border-radius: 6px 6px 6px 6px;
			}

	td.counter1{ 
			font: bold 14px;
			color: white;
			background: black url(image/titlebar.png) repeat-x center left;
			padding: 4px 0 4px 10px;
			width: 60%;
			text-align: center;  
			}

	td.counter2{
			font: bold 14px;
			color: white;
			background: black url(image/titlebar-active.png) repeat-x center left;
			padding: 4px 0 4px 10;
			width: 40%;
			text-align: right; 
			}
/* Ende Counter*/

/* Anfang Gallery */
	table.gallery {
			border-width: 1px;
			border-spacing: 2px;
			border-style: inset;
			border-color:  black;
			border-collapse: separate;
			background-color: white;
			width: 100%;
			text-align: center;  
			vertical-align: middle;
			}

	table.gallery2 {
			border-width: 1px;
			border-spacing: 1px;
			border-style: inset;
			border-color:  black;
			border-collapse: separate;
			background-color: white;
			text-align: left;  
			vertical-align: top;
			}

	td.gallery1{
			border-width: 1px;
			padding: 0px;
			border-style: inset;
			border-color: black;
			background: black url(image/titlebar-active.png) repeat-x center left;
			-moz-border-radius: 6px 6px 6px 6px; 
			font: bold 14px;
			color: white;
			text-align: center; 
			vertical-align: top; 
			}

	td.gallery2{
			border-width: 1px;
			padding: 0px;
			border-style: inset;
			border-color: black;
			background: black;
			-moz-border-radius: 6px 6px 6px 6px; 
			font: bold 14px;
			color: white;
			text-align: left; 
			vertical-align: top; 
			}

	td.gallery3{
			border-width: 1px;
			padding: 3px;
			border-style: inset;
			border-color: black;
			background: black;
			-moz-border-radius: 6px 6px 6px 6px; 
			font: bold 14px;
			color: white;
			background: black;
			text-align: center; 
			vertical-align: top; 			
			}

/* Ende Gallery*/



/* Anfang Navigationsmodul */

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(image/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
-moz-border-radius: 6px 6px 6px 6px;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(image/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: black;
background: url(image/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: black;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #DBEBF0;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
/* Ende Navigationsmodul */


























