/* CSS Document */

/* body und andere Elemente */
body, textarea {
	background-color:#ffffff;
	font: 8pt Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	
}
hr	{
	color:#C60d09;
}

/* Definition von Bereichen */
#page_margins { width: 1000px;  margin-left:auto; margin-right:auto;  }

#oben 	{ 
	width:1000px;	
	height:75px; 
	border-bottom:1px solid #FFF;
	clear:both;
}

#topnav {
	height:24px;
	margin-top:10px;
	margin-bottom:10px;
	width:970px;
	background-color:#C60d09;
	clear:both;
	padding-left:30px;
}
#main {
	padding-top:15px;
	border-top:1px dotted #c60d09;
	clear:both;
}
#links {
	width:160px;
	padding:10px 10px 0 0;
	height:400px;
	border-right:1px dotted #c60d09;
	float:left;
}
#mitte {
	width:660px;
	padding:10px;
	float:left;
}
#rechts {
	width:120px;
	padding:10px 0 0 20px;
	border-left:1px dotted #c60d09;
	height:400px;
	float:left;
}
#cont_nav {
	height:20px;
	background-color:#c60d09;
	width:640px;
	margin:0 10px;
}
ul, li { padding:0; margin:0; }

#topnav ul li {
	width:100px;
	display:block;
	float:left;
	height:24px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	color:#FFFFFF;
	text-align:center;
	margin-right:10px;
}
#topnav ul li a {
	color:#fff;
	display:block;
	height:17px;
	padding-top:5px;
}
#topnav ul li a:hover {
	color:#c60d09;
	background-color:#FFF;
	border-bottom:1px dotted #c60d09;
	border-top:1px dotted #c60d09;
}
#topnav ul li.active a {
	color:#000;
	background-color:#DDD;
	border-bottom:1px dotted #c60d09;
	border-top:1px dotted #c60d09;
}



  #submenu {
    width: 160px;
    overflow: hidden;
    margin: 0;
    list-style-type: none;
    border-top: 1px #fff solid;
    font-weight: bold;

  }

  #submenu ul { list-style-type: none; margin:0; padding: 0; }
  #submenu li { float:left; width: 100%; margin:0; padding: 0;  }

  #submenu a,
  #submenu strong {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border-bottom: 1px #c60d09 dotted;
  }

  /* Menu Title */
  #submenu li#title {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
	font-size:12px;
    color: #444;
    background-color: #fff;
    border-bottom: 4px #888 solid;
  }

  #submenu li span {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    border-bottom: 1px #c60d09 solid;
  }

  /* Level 1 */
  #submenu li.active a,
  #submenu li strong {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #000;
    background-color:#aab;
    border-bottom: 1px #c60d09 solid;
  }

  #submenu li a { width: 90%; padding: 5px 0px 5px 10%; background-color:#fff; color: #c60d09; font-size:11px;  }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#c60d09; color: #fff; }

  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li.active a,
  #submenu li ul li strong,
  #submenu li ul li span { width: 85%; padding: 3px 0px 3px 15%; font-size:11px; font-weight:normal; }

  #submenu li ul li a { background-color:#DDD; color: #000; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#fc60do9; color: #fff; }

/* Definition der Listenelemente für das Menü */
#cont_nav {
	width:620px;
	background-color:c60d09;
	height:18px;
	margin:0px 2% 30px 2%;
	padding:0 10px;
}
#cont_nav ul li {
	width:100px;
	display:block;
	float:left;
	height:18px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	color:#FFFFFF;
	text-align:center;
	margin-right:10px;
}
#cont_nav ul li a {
	color:#fff;
	display:block;
	height:14px;
	padding-top:2px;
}
#cont_nav ul li a:hover {
	color:#c60d09;
	background-color:#FFF;
	border-bottom:1px dotted #c60d09;
	border-top:1px dotted #c60d09;
}
#cont_nav ul li.active a {
	color:#000;
	background-color:#DDD;
	border-bottom:1px dotted #c60d09;
	border-top:1px dotted #c60d09;
}


/* Definition der Schriftarten */
h1 {
	font: bold 9pt Arial, Helvetica, sans-serif;
	padding:4px 10px;
	display:block;
	background-color:#777777;
	color:#FFFFFF;
	text-align:center;
	width:620px;
	margin:0px 2% 5px 2%;
}
h2 {
	background-color:#C60D09;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:2px 8px 2px 8px;
	margin:0px 0px 4px 0px;
	width:100%;
	clear:left;
}
p.inhalt {
	display:block;
	padding:5px;
	margin:0px 4px;
	text-align:left;
	width:100%;
}
p.inhaltschmal {
	float:left;
	display:block;
	padding:5px;
	margin:0px 4px;
	text-align:left;
	width:280px;
}
p.bild {
	float:left;
	margin:5px 20px 10px 0px;
	display:block;
}
p.gaeste_text {
	padding:5px;
	margin:0px 4px;
}
p.text1 {
	padding: 5px 0px;
	margin: 0px;
}
a:link, a:active, a:visited {
	color:#C60D09;
	text-decoration:none;
}


table .link, .link a:link, .link a:active, .link a:visited 
{
	font: bold 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
/* Standard-Container für Inhaltselemente */

div.narrow	{
	width:298px;
	float:left;
	display:block;
	margin:10px 16px 0px 12px;
}
div.wide	{
	padding:4px 10px;
	width:620px;
	margin:0px 2% 5px 2%;
}
div.wide h1 {
	font: bold 9pt Arial, Helvetica, sans-serif;
	padding:4px 10px;
	display:block;
	background-color:#777777;
	color:#FFFFFF;
	text-align:center;
	width:600px;
	margin:0 0 5px 0;
}

div.narrow ul {
	display:block;
	width:100%;
	list-style-type:disc;
	padding:0px 0px 15px 40px;
}
div.wide ul, div.wide ol {
	display:block;
	width:560px;
	list-style-type:disc;
	padding:0px 0px 15px 40px;
}
div.wide ul li {
	list-style-type:none;
	padding-bottom:4px;
	}
div.wide ol li {
	list-style-type:decimal;
	padding-bottom:4px;
	}

/* Definition von Tabellen */
table.verein {
	font: 8pt Arial, Helvetica, sans-serif;
	margin:0;
	width:100%;
	text-indent:4px;
	padding:0;
	border:0;
}
table.tabelle {
	background-color:#FFFFFF;
	font: bold 7pt Verdana, Helvetica, sans-serif;
	text-align:center;
	width:100%;
	text-indent:2px;
}
table.tabelle td {
	background-color:#CCCCCC;
}
table.spielplan td {
	background-color:#CCCCCC;
	padding: 2px 5px 2px 5px;
	line-height:1.2em;
}
std.titel {
	background-color:#C60D09;
	color:#FFFFFF;
	padding: 2px 5px 2px 5px;
	line-height:1.3em;
	width:100%;
	margin:0;
}
td.spielplan {
	background-color:#CCCCCC;
	color:#000000;
	margin:0;
	width:100%;
}
table.guest td.titel {
	background-color:#CCCCCC;
	padding: 3px 8px;
}
table.guest td.inhalt {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 3px 8px;
}
table.guest	{
	margin:0;
	width:100%;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.empty	{
	margin:0px;
	padding:0px;
}
.fl_left	{
	float:left;
	background-color:#FFFFFF;
}
.fl_right	{
   clear: right;
   float: right;
   margin: 3px 0px 0px 4px;
}
img.rahmen	{
	padding: 2px;
	margin: 1px;
}

/* Convertible */

div.convertible{
	padding:4px 10px;
	width:640px;
	display:block;
	float:left;
	margin:0px 0px 0px 3px;
}
div.convertible a.switch{
	width:270px;
	float:left;
	display:block;
	height:19px;
	margin:3px 10px 0px 0px;
	background:#DADADA url(../../img/bg_bar_closed.gif) no-repeat;
	padding-left:19px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	border-top:1px dotted #000000;
}
div.convertible a.switched{
	float:left;
	display:block;
	background:#C60d09 url(../../img/bg_bar_open.gif) no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	text-decoration:none;
	border:none;
	border-bottom:1px dotted #000000;
	border-top:1px dotted #000000;
}
div.convertible div.closed{display:none;}
div.convertible div.opened{
	margin:3px 0px 0px 0px;
	width:338px;
	float:left;
	display:block;
	position:relative;
	background-color:#EEE;
	padding-bottom:15px;
	font-size:11px;
	border:1px dotted #333333;
}
div.convertible div.opened img{position:absolute;top:0;left:0;margin:0;}
div.convertible div.opened ul{width:auto;margin-left:30px;padding:10px;list-style-type:none;}
div.convertible div.opened ul.image{margin-left:200px;padding:0;}
div.convertible div.opened ul li{margin:0;border-bottom:1px dashed #fff;background-position:9px 6px;line-height:14px;}
div.convertible div.opened p{margin:0;padding:8px 13px;color:#000;}