@charset "UTF-8";

html,body,#bg,#bg table,#bg td,#content {width:100%; height:100%;}
#bg div {position:fixed; width:200%; height:200%; top:-50%;	left:-50%;}
#bg td {vertical-align:middle;text-align:center;}
#bg img {min-height:50%; min-width:50%; margin:0 auto; display:block;}
#bg {z-index: 0;}

@media print {
#bg div {
	visibility: hidden; display: none;
}
}

div.se {visibility: hidden; display: none;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	line-height : 1.3em;
}

	
h1
	{
	margin-top : 20px;
	font-size: 125%;
	color: #ef8f0c;
	}	
	
h2
	{
	margin-top : 30px;
	margin-bottom : -8px;
	font-size:110%;
	color: #ef8f0c;
	}	
	
h3
	{
	margin-top :25px;
	margin-bottom : -10px;
	font-size:105%;
	color: #ef8f0c;
	}	

h4
	{
	margin-top :3px;
	margin-bottom : 0px;
	font-style: italic;
	font-size:100%;
	color: #ef8f0c;
	}	

h5
	{
	margin-top :3px;
	margin-bottom :0px;
	font-size:100%;
	color: #333333;
	}	

small
{
	font-size : 85%;
}	

.orange
	{
	color: #ef8f0c;
	}	
	

a:link, a:visited, a:active
	{
	color: #ef8f0c;
	text-decoration : none;
	}	

a:hover
	{
	color: #000000;
	background-color: #ef8f0c;
	text-decoration : none;
	}	

.bildlinks
	{
	float: left;
	margin: 15px 25px 25px 0;
	}
	
.bildrechts
	{
	float: right;
	margin: 15px 0 25px 25px;
	}
	
	
	

#all {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
min-height: 50%;
z-index: 1;
}

#balken1 {
	background-color: #444444;
	color: white;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 600;
	height: 40px;
}

#menue {
	height: 85px;
	position: relative;
	top: 40px;
	width: 900px;
	z-index: 30;
	margin: 0 auto;
	background-image: url(../_images/bgs/90pro.png);
	background-repeat: repeat;
}

#newsbalken {
	background-color: #ef8f0c;
	position: relative;
	left: 0px;
	top: 40px;
	width: 100%;
	z-index: 3;
	height: 250px;
	margin: 0 auto;
}

#content {
	position: relative;
	top: 40px;
	left: 0px;
	z-index: 3;
	background-image: url(../_images/bgs/90pro.png);
	background-repeat: repeat;
	overflow: auto;
	height: auto !important;
	min-height: 85%;
	width: 940px;
	margin: 0 auto;
}

#balken3 {
	background-color: #333333;
	color: white;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 4;
	height: 40px;
}

	
#topmenue, #fusszeile {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 880px;
	height: 40px;
	font-weight: bold;
	line-height: 70%;
}

#topmenue {text-align: right;}

#topmenue a:link, 
#topmenue a:visited, 
#topmenue a:active, 
#topmenue a:hover {
	color: white;
	font-weight: bold;
	text-decoration: none;
	}

#fusszeile {text-align: center;}

#topmenue img {
	float: right;
	margin-left: 8px;
	margin-top: -8px; 
	border: none;
	}


#fusszeile a:link, 
#fusszeile a:visited, 
#fusszeile a:active, 
#fusszeile a:hover {
	color: white;
	font-weight: 600;
	text-decoration: none;
	}

#menue {padding:20px;}	

#menue img {
	margin-right: 15px; 
	float: left; 
	border: none;
	}


	
/* Definitionen fuer den Newsbalken */	

#newsOuterContainer	{
	margin: 0 auto;
	position: relative;
	width: 940px;
	height: 250px;
	padding: 15px;
	z-index: 6;
/*	border: solid 1px black;  */
}
	
#newsInnerContainer	{
	margin-left: 15px;
	position: absolute;
	height: 220px;
	width: 900px;
	overflow: hidden;
}
	
#pfeil-links, #pfeil-rechts {
	position: absolute;
	height: 220px;
	width: 50px;
	}
	
#pfeil-links {left: 0px;}
#pfeil-rechts {left: 850px;}


#pfeil-links img { margin: 78px 15px 77px 0; }
#pfeil-rechts img { margin: 78px 0 77px 15px; }

#newsblock {
	margin-left: 50px;
	position: absolute;
	padding: 0;
	width: 800px;
	height: 220px;
	z-index: 7;
	overflow: hidden;
/*	border: solid 1px green; */
	}	

.news {
	height: 210px;
	width: 800px;
	}

#newsblock div div {
	position: relative;
	left: 0px;
	top:0px;
	width: 450px;
	margin-left: 10px;	
}	
	
#newsblock div div h1{
	font-size: 25px; 
	color: #ffffff; 
	margin: -2px 0 5px 0;
	line-height: 1.2em;
	}
	
#newsblock div img	{
	position: relative;
	right: 0px;
	top: 0px;
	left: 0px;
	margin-left: 15px;
	margin-right: 10px;
/*	width: 330px; */
	height: 220px;
	float: right;
/*	border: solid 1px blue; */
	}
	

#newsblock div div p	{font-size: 15px; line-height: 1.2em;}

#newsblock div div a:link, 
#newsblock div div a:visited, 
#newsblock div div a:active, 
#newsblock div div a:hover {
	font-weight: 600;
	background-color: #333333;
	padding: 5px;
	color: #fef7f1;
	text-decoration: none;
	}

/* Definitonen fuer die beiden Spalten im unteren Block*/

#linkespalte {
	position: relative;
	top: 0px;
	left: 0px;
	width: 628px;
	border-right: solid #ef8f0c 2px;
	float: left;
	padding: 20px 20px 20px 40px;
	min-height: 85%;
	z-index: 3;
}	
	

#rechtespalte {
	position: relative;
	top: 0px;
	left: -2px;
	width: 210px;
	padding: 20px 18px 20px 20px;
	float: right;
	z-index: 4;
	border-left: solid #ef8f0c 2px;
}	
	
/** Definition der Bloecke für Toplinks auf der Startseite **/	

.toplink {
	position: relative; 
	top: -0px;
	width: 151px;
	float: left;
	margin: 15px 0 3px 5px;
	text-align: center;
	font-weight: bold;
}

.toplink h2 {
	font-size: 24px; 
	color: #333333; 
	margin-bottom: 8px; 
	margin-top: -5px;
	}
	
.toplink hr {
	color: #333333; 
	margin-top: -1px;
	}
	
.toplink img {
	width: 141px; 
	border: none;
	}
	
.toplink p {
	margin-top: 0px; 
	line-height: 2em;

	}

.toplink a:link, 
.toplink a:visited, 
.toplink a:active, 
.toplink a:hover {
	color: #000000; margin-bottom: 0px; text-decoration: none; 
	}
	
.toplink h2 a:link, 
.toplink h2 a:visited, 
.toplink h2 a:active, 
.toplink h2 a:hover {
	color: #333333; 
	text-decoration: none; 
	margin-bottom: 8px; 
	}	
	


/* Definitionen der orangen Leiste Breadcrumbs auf den Normalseiten */
#breadcrumbs {
	position: relative;
	left: 0px;
	top: 40px;
	background-color: #ef8f0c;
	height: 40px;
	z-index: 3;
	vertical-align: middle;
	margin: 0 auto;
}

#breadcrumbs div {
	width: 900px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	color: #fef7f1;
	font-weight: 600;
	vertical-align: middle;
	padding-top: 12px;
}	

#breadcrumbs div, 
#breadcrumbs div a {
	font-size: 14px;
	color: #fef7f1;
	font-weight: 600;
}

#breadcrumbs div a {	text-decoration: underline;}


/* Submenue auf der rechten Seite */

.submenue ul {
	margin-top: -5px;
}

.submenue ul li	{
	list-style: none;
	color: #333333;
	font-size: 16px;
	line-height: 1.8em;
	font-weight: 600;
	margin-left: -38px;
	padding-left: 8px;
	}

.submenue ul li a {
	text-decoration: none;
	color: #333333;
	width: 195px;
	line-height: 1.8em;
	display: block;
}

.submenue ul li a:hover {
	text-decoration: none;
	color: #333333;
	background-color: #ef8f0c;
	width: 200px;
	line-height: 1.8em;
	display: block;
	padding-left: 8px;
	margin-left: -8px;
}

.submenue ul li.active	{
	color: #ffffff;
	background-color: #ef8f0c;
	}

.submenue ul li.active a {
	text-decoration: none;
	color: #ffffff;
	width: 200px;
}

.submenue ul li.active a:hover {
	text-decoration: none;
	color: #000000;
	width: 200px;
	padding-left: 8px;
}

.submenue ul li.subsub,
.submenue ul li.subsub a {
	padding-left: 10px;
	line-height: 1.8em;
}


.submenue ul li.subsub a:hover
	{
	padding-left: 20px;
	margin-left: -10px;
	width: 188px;	
	line-height: 1.8em;
	}



table.team tr td
	{
	vertical-align: top;
	text-align: center;
	font-weight : bold;
	color: #ef8f0c;
	font-size: 90%;
	}		


table.text
	{
	font-size: 100%;
	}		
	
table.text tr td
	{
	vertical-align: top;
	}		


input.orange
	{
	background-color: #ef8f0c;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #777777;
	border-radius: 4px
	}


.kalender, .nextdates	{
	width: 195px;
	text-align: center;
	height: auto;
}

.kalender table {
	text-align: center;
	border: solid #333333 2px;
	padding: 0%;
	width: 100%;
}

.kalender table caption {
	caption-side: top;
	background-color: #333333;
	color: #ffffff;
	font-weight: 600;
}

.kalender table caption a {
		color: #ffffff;
}

.kalender table tr th {
	background-color: #333333;
	color: #ffffff;
	padding: 0%;
	width: 14%;

}

.kalender table tr td {
	color: #333333;
	text-align: center;
	font-weight: 600;
	width: 14%;
}

.kalender table tr td.none {
	color: #999999;
}



.nextdates	{margin: 20px 0 0 5px;}
.kalender	{margin: 5px 0 0 5px;}

.nextdates table {
	text-align: center;
	border: solid #333333 2px;
	padding: 0%;
	width: 100%;
}

.nextdates table caption,
.nextdates table tr td.caption {
	caption-side: top;
	background-color: #333333;
	color: #ffffff;
	font-weight: 600;
	text-align:center;
}
/*
.nextdates table tr td.caption {
	border: 1px solid #ef8f0c;
	background-color: #cccccc;
		color: #000000;
*/
}

.nextdates table tr th {
	background-color: #333333;
	color: #ffffff;
	padding: 0%;

}
.nextdates table tr td {
	color: #333333;
	text-align: left;
	vertical-align: top;
	font-weight: 600;
}


/* Definitionen fuer das M*** Spiel*/

table.spielbrett tr td	{
	border-style: solid;
	border-width: 2px;
	border-color: #CCCCCC;
	padding: 0px;
	}

td.c75	{width: 75px;}
table.spielbrett tr td.c100	{width: 100px;}
table.spielbrett tr td.c125	{width: 125px;}

table.spielbrett tr td img.c75 {
	border: none;
	width: 75px;
	height: 75px;
	}

table.spielbrett tr td img.c100 {
	border: none;
	width: 100px;
	height: 100px;
	}

table.spielbrett tr td img.c125 {
	border: none;
	width: 125px;
	height: 125px;
	}


.nl_kategorie	{
		color: #ef8f0c;
		font-size: 85%;
		font-style: italic;
		margin-bottom: -8px;
		}
	
	
.box	{
	border: dotted #ef8f0c 1px; 
	padding: 5px;

}
/*	
#menue, #content {
	opacity: 0.9;
	filter: alpha(opacity=90);
	}*/
	
/* Box für Hinweistexte, die nur bei Mouse-Over eingeblendet werden */
.hinweis {
	display: none;
}	
	
a.mithinweis {
	position: absolute;
	z-index: 2;
	}

a:hover div.hinweis {
	text-decoration: none;
	display: block;
	width: 300px;
	background-color: #FFFFFF;
	border: solid 2px #EF8F0C;
	position: relative;
	z-index: 99;
	padding: 10px;
	}

a.mithinweis:hover span.hinweisadd {
  font-size: 150%;
  line-height: 2em;
  padding-left: 10px;
  }
	
a.mithinweis:hover span.hinweisadd:before {
  content: "   weiter zu ";
   }