* {
	margin:0;
	padding:0; }
	
html, body {
	height:100%; }		

body {
 /* background-color:#666;*/
  background-color:#FFF;
 	background-image:url('../images/bgBody.gif');
 	background-repeat:no-repeat;
  background-position:center 0;
  color:#333;
  font:normal normal normal 100.01% Arial, Helvetica, Sans-Serif; 
	min-height:100%;}

h1 {
	font-size:1.4em;
	margin-bottom:1em;	}
h2 {
	font-size:1.2em;
	border-bottom: solid 1px #333;
	margin:3em 0 0.5em 0;	}	
p {
	margin-bottom:1.2em;}
ul, ol, table {
	margin-bottom:2em;}
li {
	margin-bottom:0.5em;}
a {
	text-decoration:none;}
a:link, a:visited {
	color:#C00;}
a:hover, a:active, a:focus {
	color:#F00;}
table{
	border-collapse:collapse;}
th, td {
	padding:0.5em;
	border-bottom: solid 1px #999;}
th{
	background-color:#EEE;
	text-align:left;}
td{
	vertical-align:top;}
td.ohneLinie{
	border:none;}
td.betraege{
	text-align:right;
	padding-right:1em;}
td p {
	margin-bottom:0.3em;}
img {
	border:0;}
img.linksbuendig {
	float:left;
	padding-right:10px;}
img.rechtsbuendig {
	float:right;
	padding-left:15px;
	padding-bottom:15px;}
img.zentriert {
	margin: 0 auto;}




/* ----- =page ----- */

#page {
	/*background-color:#FFF;*/
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	font-size:0.8em;
  margin:auto; 
  width:940px; }



/* ----- =logo ----- */

#logo{
	/*background:#CCC url('../images/bgLogo.jpg') no-repeat; */
	background-color: transparent;
	height:180px; 
	color:#333; }
#logo ul.topnavi{
	padding-top:10px;
	list-style:none;	
	text-align:right;}
#logo ul.topnavi li{
	color:#FFF;
	display:inline;
	margin-right:20px;}
	
#logo h1{
	font-size:2em;
	padding:50px 50px 0 0;
	text-align:right;}
#logo a{
	color:#FFF;
	text-decoration:none;}
#logo span.rot{
	color:#C00;}
	


/* ----- =bereiche ----- */

#scm, #volleyball, #vollix, #gymnastik {
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	border-bottom:1px solid #666;
	color:#000;
	float:left; 
	height:90px;
	width:235px;}
#scm {
	background:#FFF url('../images/bgSCM.gif') repeat-y right;}
#volleyball {
	background:#FFF url('../images/bgVolleyball.jpg') repeat-y right;}
#vollix {
	background:#FFF url('../images/bgVollix.jpg') repeat-y right; }
#gymnastik {
	background:#FFF url('../images/bgGymnastik.jpg') repeat-y right; }
#scm p, #volleyball p, #vollix p, #gymnastik p {
	font-weight:bold;
	text-transform:uppercase;
	margin:70px 20px 0 0;
	text-align:right;
	vertical-align:bottom;}
#scm img, #volleyball img, #vollix img, #gymnastik img {
	float:left;
	padding:0px;}
#scm img{
	margin-top:-20px;
	padding-left:20px;}
#volleyball img{
	margin-top:-20px;
	padding-left:35px;}
#vollix img{
	margin-top:-20px;
	padding-left:15px;}
#gymnastik img{
	margin-top:-15px;
	padding-left:20px;}




/* ----- =menu ----- */

#menu{
	clear:both;
	float:left;
	margin-top:50px;
	list-style:none;
	width:235px;}

#menu ul{
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	-moz-border-radius-bottomright:10px; 
	-webkit-border-bottom-right-radius:10px; 
	list-style:none;
	margin-bottom:2em;}
#menu ul.scm{
	border: solid 1px #089C08;}
#menu ul.volleyball{
	border: solid 1px #C00;}
#menu ul.vollix{
	border: solid 1px #255AA8;}
#menu ul.gymnastik{
	border: solid 1px #FE9515;}
#menu ul.scm, #menu ul.volleyball, #menu ul.vollix, #menu ul.gymnastik {
	border-left:none;}

#menu li{
	padding-left:0em;
	margin-bottom:0.05em;}
#menu li.first{
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	text-align:right;
	padding-right:1.5em;}
#menu li.scm{
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	background-image: url('../images/bgSCM.jpg');}
#menu li.volleyball{
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	background-image: url('../images/bgVolleyball.jpg');}
#menu li.vollix{
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	background-image: url('../images/bgVollix.jpg');}
#menu li.gymnastik{
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	background-image: url('../images/bgGymnastik.jpg');}


#menu a{
	border-top: solid 1px #FFF; 
	border-bottom: solid 1px #FFF;	display:block;
	color:#333;
	text-decoration:none;
	padding-left: 5em;}
#menu ul.scm a:hover {
	border-top: solid 1px #089C08;
	border-bottom: solid 1px #089C08;}
#menu ul.scm a.aktiv {
	border-top: solid 1px #089C08;
	border-bottom: solid 1px #089C08;}

/*#menu ul.scm a:link, #menu ul.scm a:visited {
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;}
#menu ul.scm a:hover, #menu ul.scm a:active, #menu ul.scm a:focus {
	border-top: solid 1px #089C08;
	border-bottom: solid 1px #089C08;}*/


#menu ul.volleyball a:hover {
	border-top: solid 1px #C00;
	border-bottom: solid 1px #C00;}
#menu ul.volleyball a.aktiv{
	border-top: solid 1px #C00;
	border-bottom: solid 1px #C00;}

#menu ul.vollix a:hover {
	border-top: solid 1px #255AA8;
	border-bottom: solid 1px #255AA8;}
#menu ul.vollix a.aktiv {
	border-top: solid 1px #255AA8;
	border-bottom: solid 1px #255AA8;}

#menu ul.gymnastik a:hover {
	border-top: solid 1px #FE9515;
	border-bottom: solid 1px #FE9515;}
#menu ul.gymnastik a.aktiv {
	border-top: solid 1px #FE9515;
	border-bottom: solid 1px #FE9515;}




/* ----- =content ----- */

#content {
	float:left;
	width:60%;
	padding:5%;}

#content h1.links {
	float:left;}

#content ul.info{
	padding:5px 0 0 0;
	list-style:none;	
	float:right;}
#content ul.info img{
	vertical-align:middle;
	padding-bottom:10px;}


#content p.news {
	margin-bottom:0px;
	clear:right;}
#content p.newsinfo {
	border-top: dotted 1px #999;
	color:#999;
	font-size:0.8em;
	font-style:italic;
	text-align:right;
	margin-bottom:1em;}

#content li{
	margin-left: 3em;}

#content table.ansprechpartner{
	padding: 1em;
	width:100%;}
	
#content p.trennlinie{
	border-top: dashed 1px #666;
	margin:0;}	
#content p.beschreibung{
	border-bottom: dashed 1px #666;}	


/* ----- =footer ----- */

#footer {
	border-left: solid 1px #000;
	border-right: solid 1px #000;	
	color:#FFF;
	font-size:0.7em;
	width: 940px;
  margin:auto; 
	text-align:center;
	padding-bottom:0.5em;}

#footer a {
	color:#999;}

#footer ul{
	list-style:none;
	border-top:dotted 1px #999;}

#footer li{
	display:inline;
	margin-left:2em;}




/* ----- =clearfix ----- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */