@import url(/css/undohtml.css);

body {
	color: #000000;
	margin:0;
	padding:0;
	text-align: center;
	font-size: 7.5pt;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	font-family: "Lucida Grande", Lucida, sans-serif;
}

#wrapper {
	width:90em;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position:relative;
}

#container {
	position:relative;
	/* padding-top:2em; */
	padding:2em;
	background-color:#b7d8b5; 
}

#content {
	position:relative;
	width:52em;
	display:block;
	font-size:9pt;
	float:left;
	background-color:#b7d8b5;
	padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:0px;
}

#content11container {
	position:relative;
	background-color:#b7d8b5;  
	z-index:-1;
}

.sidebarkader  {
	float:right;
	position:relative;
	width:27%;
	border:0px;
	background-color:#b7d8b5;
	padding:10px;
	margin-bottom:12px;
	margin-right:10px;
	margin-left:10px;
}
#kaderbild {
	float:center;
	/* padding:10px; */
	text-align: left;
}
.sidebar, #sidebar {
	float:right;
	position:relative;
	/* alter Wert: width:19%; 06.01.2010*/
	width:20%;
	background-color:transparent;
	text-align:right;
	border:1px solid green;
	background-color:#b7d8b5;
	padding:15px;
	margin-bottom:12px;
}

.sidebar p {
	text-align:left;
	border-bottom: 1px dotted green;
	font-size:8pt;
}

.sidebar h3 {
	text-align:left;
	font-size:9pt;
	margin:0 0 8px 0;
	border-bottom: 1px dotted green;
}

.sidebarwerbung  {
	float:right;
	position:relative;
	width:20%;
	text-align:center;
	background-color:transparent;
	border:1px solid green;
	background-color:#b7d8b5;
	padding:15px;
	margin-bottom:12px;
	/* margin-right:10px;*/
}

.sidebarwerbung img {
	float:center;
	/* padding:10px;*/
}

.sidebarwerbung a {
	/*text-align:center;
	background-color:#b7d8b5; */
}

.sidebarwerbung a:hover {
	background:#b7d8b5; 
}
.sidebarwerbung #title {
	float:left;
	width:100px; 
	text-align:left;
	margin-right:5px;
	font-size:11px;
}


#header-visual {
	width:90em; 
	height:100px;
	background: transparent;
}

#header-visual #mainvisual{
	float:left
}

#ad img{
	float:right;
	text-align:right;
}

#ad #title {
	float:left;
	width:100px; 
	text-align:right;
	margin-right:5px;
	font-size:11px;
}

/* UEBERSCHRIFTEN */
h1, h2, h3 {
	font-family: Georgia, Arial, "Times New Roman", Times, serif;
	color: green;
	font-weight:bold;
	margin-bottom: 3px;
}

h1 {
    font-size: 22px;
	margin-top:10px;
}

h2 {
    font-size: 18px;
	margin-top:10px;
}

h3 {
    font-size: 14px;
    margin-top:5px;
}

.clear {
	clear:both;
}

/* MENU */

#nav {
	float:left; margin:0; padding: 0px 0px 0px 0.7em; list-style:none;
	background:transparent; border:none; position:relative;
	width:89.3em;
}

#nav li {
	float:left; margin:0 2px 0 0; padding:0;
	font-family:"Lucida Grande",sans-serif; font-size:10pt;
}

#nav a {
	float:left; margin:0 1px 0 0; padding:3px 6px;
	background:#ADFFAD;	color:#333333; display:block; 
	/* border:1px solid #276D27; */
	border-width:2px;
	border-color:#A9DAB0;
	border-style:outset;
	border-bottom:none;
	font-weight:bold; text-decoration:none;
}

#nav a:hover {
	background:#eeffee; color:#883333;
}

#nav li.active a, #nav li.active a:hover {
	padding-bottom:4px; 
	border-left:2px solid #CECECE; 
	border-top:2px solid #CECECE; 
	border-right:2px solid black; 
	border-bottom:none;
	background:#ffffff; color:#993333;
}
/*
#nav li.active a, #nav li.active a:hover {
	padding-bottom:4px; 
	border-width:1px;  
	border-color:#727377; border-bottom:none;
	background:#ffffff; color:#993333;
}
*/

#subnav {
	float:left; margin:-1px 0 0 0; padding: 3px 0px 0px 0.3em; list-style: none;
	border:1px solid #727377; border-bottom:2px solid #276D27;
	background:#ffffff; width:89.5em;
}

#subnav li {
	float:left; margin:2px 2px 0px 1px; padding:0;
	font-family:"Lucida Grande",sans-serif; font-size:9pt;
}

#subnav li.active {
	margin-bottom: -3px; 
}

#subnav a {
	float:left; margin:0 1px 0 0; padding:2px 5px;
	/* background:#d8d8d8; */
	background:#e2e2e2;
	color:#333333; display:block;
	/* border:1px solid #d8d8d8; */
	border-width:2px;
	border-color:#CECECE;
	border-style:outset;
	border-bottom:none; 
	/* border-bottom: 1px solid #276D27; */
	font-weight:bold; text-decoration: none;
}

#subnav a:hover {
	background:#f8f8f8; color:#883333;
}

#subnav li.active a, #subnav li.active a:hover {
	/*background: transparent url(/images/bg.jpg) 0 0 repeat-x fixed;*/
	background-color:#b7d8b5;
	color:#7B2424;
	border-left:2px solid #CECECE; 
	border-top:2px solid #CECECE; 
	border-right:2px solid black; 
	border-bottom: 1px solid #b7d8b5; 
	padding-bottom: 4px; 
}
/*
#subnav li.active a, #subnav li.active a:hover {
	background-color:#b7d8b5;
	color:#7B2424;
	border:1px solid #276D27; 
	border-bottom: 1px solid #b7d8b5; 
	padding-bottom: 4px; 
}
*/
p, table {
	font-size: 12px;
}
		
		
		
/* Startseite */

div.teaser{
	display:block;
	margin-bottom: 1em;
	clear:both;
	padding-top: 1em; 
	border-top: 1px dotted green;
}
div.teaser span.date{
	font-size: 10px;
	font-weight: normal;
	margin:0;
}
div.teaser p{
	text-align:justify;
}
div.teaser h2{
	margin:0;
}
div.teaser img {
	margin:0 1em 1em 0;
}

div.teaserBig {
	border: none;
}
div.teaserBig h2{
	/* font-size:21px;
	line-height:29px; */
	font-size:20px; 
	line-height:26px; 
}		
div.teaserBig p{
	font-size:13px;
	/* margin-top:10px; */
	margin-top:0px;
	line-height:16px;
}
div.teaserBig img{
	float:left;
}
div.teaserBig .imgOverlay{
	background-image:url(/images/schwarz_50alpha.png);
	color:#e7e7e7;
	font-size:7pt;
	left:0;
	padding:2px 3px;;
	position:absolute;
	bottom:0;
	height:23px;
	margin-bottom:12px;
	width:194px;

}
div.teaserBig .teaserImg {
	display:inline;
	float:left;
	position:relative;
}

		
/* Schwarzes Brett */

div.bb {
	background-color:#e9e9e9;
	margin:10px 0 10px 0;
	padding: 5px;
}

div.bb p {
	margin: 5px 0 5px 0;
	
}


select, option{
	padding: 0px; font-size: 11px;
	color: #000000;	background-color: #FFFFFF;
	}


textarea, input {	
	width: 300px; padding: 2px;	font-size: 12px;
	color: #000000;	background-color: #fff;
	border-color: #389c38;	border-width: 1px;
}
textarea {
	width: 550px;
}

input.submit {
	width:auto;	
}

/* Artikelansicht */
/* img.preview { margin:3px; } Änderung 13. April 2010 KK*/
img.preview.left { float:left; margin-right:10px;margin-top:2px; margin-bottom:3px; }
img.preview.right { float:right; margin-left:10px;margin-top:2px; margin-bottom:3px; }

p { margin-bottom:1em; }
p#vorspann { font-weight:bold; }

#content ul { list-style-type:square; list-style-position:inside; }
#content ol { list-style-type:decimal; list-style-position:inside; }

/* Termine */
#content #fixtureDetail { text-align: left; }

#content #fixtureDetail h2 input{
	font-size:1.2em;
	width:20em;
	margin-top:-10px;
	margin-bottom:10px;
}

#content #fixtureDetail input.checkbox{
	width:1em;
	height:1em;
}

#content #fixtureDetail span.label{
	font-size: 1em;
}

#content #fixtureDetail em{
	font-size: 1.2em;
	font-style:normal;
	font-weight:bold;
}

#content #fixtureDetail ul{
	margin:-1em 0 0 0;
	padding:0;
}

/* Kontakte */
div.vcard {
	clear:both;
	margin-bottom:1em;
}

/* Dokumente */
div.doc { /* single document entry */
	clear:both;
	margin-top: 5px;
	margin-left: 10px;
}
h3.doc_headline { /* space between headline and first entry */
	margin-bottom: 5px;
}
div.doc_highlight {  /* highlight for special documents */
	font-weight: bold;
}
div.doc_split { /* additional space between two entries */
	clear:both;
	font-size: 10px;
}

/* Admin */
#admin{
	position:absolute;
	left:150px;
	width:52em;
	display:block;
	font-size:9pt;
	background-color:#b7d8b5;
	/*padding:20px;*/
	padding:30px;
}
#admin input{
	padding: 2px;
	font-size: 12px;
	color: #000000;
	background-color: #fff;
	border-color: #389c38;
	border-width: 1px;
	width: 600px;
	/*margin-left:10px;*/
}
#admin textarea{
	padding: 2px;
	font-size: 12px;
	color: #000000;
	background-color: #fff;
	border-color: #389c38;
	border-width: 1px;
	width: 600px;
	/*margin-left:10px;*/
}
#admin input.myButton{
	width: 100px;
	padding:8px;
	font-weight:bold;
}
#admin input.mittel{
	width: 250px;
	padding:6px;
	font-weight:bold;
}
#admin input.klein{
	width: 60px;
	padding:2px;
	height: 21px;
	font-weight:bold;
}
#admin h2{
	color:black;
	text-align:center;
	/*padding-left:10px;*/
}
#admin h3{
	text-align:left;
	/*padding-left:10px;*/
}
#admin h3.newsline{
	padding-left:10px;
}
#admin h4{
	text-align:left;
	/*padding-left:10px;*/
}
#admin h4.newserklaerung{
	padding-left:10px;
}
#admin div.zusatz{
	text-align:left;
	/*padding-left:10px;*/
	font-weight:normal;
	color:black;
	font-size:12px;
	width: 600px;
}
#admin span.stern{
	color: green;
	text-align:center;
	/*padding-left:10px;*/
	font-size: 10px;
}
h3.trainer{
	margin-top:-5px;
}


/* Vereine */
.accordion_toggle {
	display: block;
	height: 15px;
	width: 220px;
	padding: 0 0px 0 0px;
	line-height: 15px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;
}
		
.accordion_content {
	width: 220px;
	overflow: hidden;
}
/*
#content-verein {
	width:870px;
	top:190px;
	left:50px;
	font-size:9pt;
	text-align:left;
	background-color:#b7d8b5;
	padding-left:20px;	
	padding-right:20px;
	padding-top:15px;
}
*/
#content-verein {
	position:relative;
	font-size:9pt;
	text-align:left;
	background-color:#b7d8b5;
	padding-left:20px;	
	padding-right:20px;
	padding-top:0px;
	z-index:0;
}
/* STANDARD-LINKS */
a:active   {
	text-decoration: underline;
	color: #FFCC99;
}
a:visited  {

	text-decoration: none;
	color: green;
}
a {
	text-decoration: none;
	color: green;
}
a:hover    {
    background-color:#e7e7e7;
	text-decoration: underline;
	color: green;
}


.boxtitel {
	font-size: 13px;
	font-weight: bold;
	color: white;
}
.boxcontent {
	font-size: 10px;
	font-weight: normal;
	color: black;
	border-style: solid;
	border-width: 1px;
	border-color: #389c38;
	margin-left: 2px;
}
.linebottom {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #389c38;

}

.tablebox {
	border-width: 0px;
}

a.box:visited {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: green;
	margin-left: 2px;      
	margin-top: -10px;      
	margin-bottom: -10px; 
}
a.box:link {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: green;
	margin-left: 2px;
	margin-top: -10px;      
	margin-bottom: -10px; 
}
a.box:active {
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	color: green;
	margin-left: 2px;
	margin-top: -10px;      
	margin-bottom: -10px; 
}
a.box:hover {
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	color: green;
	margin-left: 2px;
	margin-top: -10px;      
	margin-bottom: -10px; 
}


.note {

	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

a.note {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

a.note:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}


.activelink {
	font-weight: bold;
	color: #FFCC99;
	margin-bottom : 0px;
	margin-top : 0px;
	font-size: 13px;
}

.date {
	font-size: 10px;
	font-weight: normal;
	color: black;
}
	
.fixed {
	font-family: 'Courier New', Courier, monospace;
}

.prozent {
	color: #ffffff;
	font-weight: bold;
}


/* 153 */
input.tab {
	color: #000000;
	font-size: 11px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px;
	border: none;
}

/* 154 */
input.tabActive {
	color: #000000;
	font-size: 11px;
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px;
	border: none;
}

input.buttonGruen {
	background-color: #389c38;
	color: White;
	text-align: center;
	font-weight: bold;
	border: 0;
	}
	
input.buttonRot {
	background-color: red;
	color: White;
	text-align: center;
	font-weight: bold;
	border: 0;
	}
	
	

/* 73 */
td.tab {
	background-color: #ffffff;
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	width: 30px;
}

/* 74 */
td.tabActive {
	background-color: #f0f0f0;
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	width: 30px;
}

/* 77 */
td.tabLeftSpace {
	border-bottom: 1px #666666 solid;
	width: 10px;
}

/* 78 */
td.tabRightSpace {
	border-bottom: 1px #666666 solid;
}

/* 79 */
td.tabSpace {
	border-bottom: 1px #666666 solid;
	width: 3px;
}

/* 74 */
td.contentTabActive {
	background-color: #f0f0f0;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	 vertical-align: middle;
	 text-align: center;
}



.buttonGreen {
	background-color: #393;
	color: #fff;
	border-width:1px;
	border-style: solid;
	border-color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size:  11px;
	font-weight: bold;
	width: 80px;
	padding: 1px;
	margin-top: 4px;
}

/* 263 */
input.buttonGreenInactive{
	background-color: #9C9;
	color: #fff;
	border-width:1px;
	border-style: solid;
	border-color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size:  11px;
	font-weight: bold;
	width: 80px;
	padding: 1px;
	margin-top: 4px;
}

/* 264 */
.buttonRed
{
background-color: #f00;
color: #fff;
border-width:1px;
border-style: solid;
border-color: #000;
font-family: Verdana, Arial, sans-serif;
font-size:  11px;
font-weight: bold;
width: 80px;
padding: 1px;
margin-top: 4px;
}

/* 265 */
input.buttonRedInactive
{
background-color: #f99;
color: #fff;
border-width:1px;
border-color: #000;
font-family: Verdana, Arial, sans-serif;
font-size:  11px;
font-weight: bold;
width: 80px;
padding: 1px;
margin-top: 4px;
}

/* 266 */
.buttonGrey
{
background-color: #ccc;
color: #000;
border-width:1px;
border-style: solid;
border-color: #000;
font-family: Verdana, Arial, sans-serif;
font-size:  11px;
font-weight: bold;
width: 80px;
padding: 1px;
margin-top: 4px;
}

/* 267 */
input.buttonGreyInactive
{
background-color: #E9E9E9;
color: #999;
border-width:1px;
border-style: solid;
border-color: #000;
font-family: Verdana, Arial, sans-serif;
font-size:  11px;
font-weight: bold;
width: 80px;
padding: 1px;
margin-top: 4px;
}

/* 268 */
.buttonBlue
{
background-color: #69c;
color: #fff;
border-width:1px;
border-style: solid;
border-color: #000;
font-family: Verdana, Arial, sans-serif;
font-size:  11px;
font-weight: bold;
width: 80px;
padding: 1px;
margin-top: 4px;
}

/* 269 */
input.buttonBlueInactive
{
background-color: #C2D6EB;
color: #fff;
border-width:1px;
border-style: solid;
border-color: #000;
font-family: Verdana, Arial, sans-serif;
font-size:  11px;
font-weight: bold;
width: 80px;
padding: 1px;
margin-top: 4px;
}

/* 85 */
td.noticeTextRed {
font-size: 11px;
color: Red;
}

td.noticeTextBlue {
font-size: 11px;
color: Blue;
}

td.noticeTextGreen {
font-size: 11px;
color: green;
}

td.navHeaderPflege {
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: white;
}

a.navHeaderPflege {
	font-size: 10px;
	font-weight: bold;
	color: white;
}

a.iconTextPflege:active {
	font-size: 10px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
a.iconTextPflege:visited {
	font-size: 10px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
a.iconTextPflege:link {
	font-size: 10px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
a.iconTextPflege:hover {
	font-size: 10px;
	font-weight: normal;
	color: black;
	text-decoration: underline;
}

/* BUFF */
.counter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: white;
}