/* Stylesheet: www.domain.de */

/* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
*{
	padding: 0;
	margin: 0;
}

html { height:101%; }

body  { 
	min-height: 101%;
  	font-size: 100.01%;
	text-align:center;
	background-color:#dddddd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body.tischtennis  { 
	min-height: 101%;
  	font-size: 100.01%;
	text-align:center;
	background-color:#dddddd;
	background-image: url(../images/layout/hintergrund_tt.jpg);
        background-repeat: no-repeat;
	background-position: top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: -11px;
}

body.handball  { 
	min-height: 101%;
  	font-size: 100.01%;
	text-align:center;
	background-color:#dddddd;
	background-image: url(../images/layout/hintergrund_handball.jpg);
        background-repeat: no-repeat;
	background-position: top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: -11px;
}
body.turnen  { 
	min-height: 101%;
  	font-size: 100.01%;
	text-align:center;
	background-color:#dddddd;
	background-image: url(../images/layout/hintergrund_turnen.jpg);
        background-repeat: no-repeat;
	background-position: top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: -11px;
}
body.verein  { 
	min-height: 101%;
  	font-size: 100.01%;
	text-align:center;
	background-color:#dddddd;
	background-image: url(../images/layout/hintergrund_verein.jpg);
        background-repeat: no-repeat;
	background-position: top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: -11px;
}

h1 {
	font-size:1.1em;
	letter-spacing: 0.1em;
	color:#000040;
	margin-bottom:1em;
}
h2 {
	font-size:1em;
	color:#000040;
	margin-bottom:1em;
}
	#inhalte h2 {
		margin-left:0.5em;
		margin-top:2em;
	}
h3 {}
h4 {}

p {
	font-size:0.7em;
	color:#000040;
	margin:1em 0.5em;
	text-align:left;
	line-height:1.5;
}
	p.gross {
		font-size:0.8em;
	}
	#adresse p {
		line-height:1;
		background-color:#fff !important;
	}
	#spalte1 p,
	#spalte2 p,
	#spalte3 p {
		margin:1em 0.3em 1em 0;
	}
	#unternavigation2 p {
		background-color:#F8F8F8;
		padding:5px;
		margin:0.5em 0;
	}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:#000040;
}
a:visited {
	color:#000040;
}
a:focus,
a:hover,
a:active {
	color:#C00000;
	text-decoration:none;
}

img, a img {
	border: 0;
}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}

/* * * * * * * * * * * * * * * * * * */
/* * Ebenen  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

/* RAHMEN */
#rahmen1 {
	margin:0 auto;
	width:62em;
	background: #fff url(../images/layout/bg_links.gif) repeat-y left;
}
#rahmen2 {
	background:url(../images/layout/bg_rechts.gif) repeat-y right;
}

	/* WRAPPER */
	#wrapper {
		position:relative;
		margin:0 auto;
		text-align:left;
		width:58em;
		background-color:#fff;
	}

		/* SKIP-NAVIGATION */
		#skipnavigation {
			position:absolute;
			top:0;
			left:-10000px;
		}
		#skipnavigation a {
			display:block;
			width:15em;
			position:absolute;
			left:0;
			top:0;
		}
		#skipnavigation a:focus {
			z-index:100;
			left:10175px;
			top:20px;
		}

		/* SERVICENAVIGATION */
		#servicenavigation,
	        #servicenavigation1{
			height:130px;
			background:#fff url(../images/layout/logo.gif) no-repeat 40px 15px;
		}


		#headline a {
  			margin: 45px 0px 0px 150px;
			position:absolute;
			font-size:1.5em;
			font-weight: bold;
			color: #000040;
			text-decoration: none;
			border:1px solid #fff;
  
		}
		/* HAUPTNAVIGATION */
		#hauptnavigation {
			height:4em;
		}
		
		
		/* LUECKE */
		.luecke,
		.luecke2 {
			border-top: 1px solid #fff;
			width:920px;
			height:30px;
			font-size:0.7em;
			color:#000040;
		        text-decoration: none;	
			background:#fff url(../images/layout/bg_unterbild_startseite.gif) repeat-x;
		}

		.luecke-start{
		
			margin-top:0px;
			width:920px;
			height:30px;
			font-size:0.7em;
			color:#000040;
		        text-decoration: none;	
			background:#fff url(../images/layout/bg_unterbild_startseite.gif) repeat-x;

		}

		.luecke,
	       	.luecke2 a,
		.luecke4 a{
			color:#000040;
		        text-decoration: none;	
			
		}

		.luecke3 {
			border-top: 1px solid #fff;
			width:920px;
			height:30px;
			background:#fff url(../images/layout/bg_unterbild_startseite.gif) repeat-x;
		}
		.luecke2 {
			width:55em;
			height:20px;
			text-align: right;
			font-size:0.7em;
			color:#000040;
		
		}

		.luecke4 {
			border-top: 1px solid #fff;
			text-align: right;	
			height:30px;
			font-size:0.7em;
			color:#000040;
		        text-decoration: none;	
			background:#fff url(../images/layout/bg_unterbild_startseite.gif) repeat-x;
		}
			/* INHALTSSPALTEN */
			#spalte1,
			#spalte2,
			#spalte3 {
				float:left;
				margin-right:4px;
				width:11.9em;
			}
			
			#spalte4 {
				float:left;
				width:10.9em;
				text-align:center;
			}

			#spalte5 {
				float:left;
				width:19.5%;
				text-align:left;
			}
			
			/* UNTERNAVIGATION2 */
			#unternavigation2 {
			
				width:10em;
				text-align:center;
			}
			#unternavigation2.start {
				width:11.2em;
			}
			
					#adresse {
						margin:0 0.5em;
					}


		/* SERVICENAVIGATION 2 */
		#servicenavigation2 {
			height:90px;
		}
		
		/* INHALT */
		#inhalte {
			float:left;
			width:25.7em;
			margin-left:10px;
			display:inline;
		}


/* * * * * * * * * * * * * * * * * * */
/* * Bilder  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

#bild img {
	height:17.5em;
	width:57.4em;
}

#spalte1 img,
#spalte2 img,
#spalte3 img {
	width:11.9em;
}
#unternavigation2 img,
#spalte4 img {
	margin:0.5em 0;
}

#inhalte img {
	width:25.7em;
}


/* * * * * * * * * * * * * * * * * * */
/* * Navigationselemente * * * * * * */
/* * * * * * * * * * * * * * * * * * */
	#servicenavigation ul {
		float:right;
		font-size:0.7em;
		width: 8em;
		padding-right:1em;
		margin-top: 0.5em;
		list-style-type: none;
	}
		
		#servicenavigation li a:link,
		#servicenavigation li a:visited,
		#servicenavigation li a:focus,
		#servicenavigation li a:hover,
		#servicenavigation li a:active

		{
 			text-decoration:none;
			color:#000040;
			line-height: 20px;
			padding: 0px 0px 0px 10px;
			background:url(../images/layout/servicenavigation.gif) repeat-y bottom left;
		}
		
		#servicenavigation li a:focus,
		#servicenavigation li a:hover,
		#servicenavigation li a:active {
			text-decoration:underline;
		}
		
		#servicenavigation li a.aktiv:link,
		#servicenavigation li a.aktiv:visited,
		#servicenavigation li a.aktiv:focus,
		#servicenavigation li a.aktiv:hover,
		#servicenavigation li a.aktiv:active {
			text-decoration:none;
			font-weight:bold;
			color:#c00000;
			background:url(../images/layout/servicenavigation1.gif) repeat-y top left;

}			


#bilder_hauptnav img {
	height:17.5em;
	width:11.5em;
}	

#bilder_hauptnav ul {
	list-style-type:none;
	z-index:1;
}	

#bilder_hauptnav li { 
	float:left;
	display: inline;
	width:184px;
	height:300px;
	text-align:left;
}
	

#unternavigation1 ul {
	list-style-type:none;
	background-color:#909090;
	background:url(../images/layout/bg_unternavigation_1.gif) repeat-x;
	height:2.2em;
	padding-left:1em;
}
	#unternavigation1 li {
		float:left;
		margin:0.7em 0;
		padding:0 0.8em 0 0.6em;
		font-size:0.8em;
		color:#fff;
		background:url(../images/layout/trenner_menue_nachbild_star.gif) no-repeat right 50%;
	}
		#unternavigation1 li a:link,
		#unternavigation1 li a:visited,
		#unternavigation1 li a:focus,
		#unternavigation1 li a:hover,
		#unternavigation1 li a:active { 
			text-decoration:none;
			color:#fff;
		}
		#unternavigation1 li a:focus,
		#unternavigation1 li a:hover,
		#unternavigation1 li a:active {
			color:#fff;		
			text-decoration:underline;
		}
		#unternavigation1 li a.aktiv:link,
		#unternavigation1 li a.aktiv:visited,
		#unternavigation1 li a.aktiv:focus,
		#unternavigation1 li a.aktiv:hover,
		#unternavigation1 li a.aktiv:active {
			color:#fff;
			font-weight:bold;
			text-decoration:none;
		}

#unternavigation2 ul,
#spalte4 ul#zwei {
		list-style-type:none;
		text-align:left;
}

	#unternavigation2 li,
	#spalte4 ul#zwei li {

		padding: 0.5em;
		width: 220px;
		margin-bottom: 0.4em;
		font-size:0.8em;
		line-height:1;
		font-weight:bold;
		background-color:#fff;
		color:#000040;
		background:url(../images/layout/bg_button_rechts.gif) repeat-x;
		border:1px solid #DDDDDD;
		border-left:7px solid #000040;
	}
		#unternavigation2 li a:link,
		#unternavigation2 li a:visited,
		#unternavigation2 li a:focus,
		#unternavigation2 li a:hover,
		#unternavigation2 li a:active,
		#spalte4 ul#zwei li a:link,
		#spalte4 ul#zwei li a:visited,
		#spalte4 ul#zwei li a:focus,
		#spalte4 ul#zwei li a:hover,
		#spalte4 ul#zwei li a:active
		{ 
			text-decoration:none;
			color:#000040;
		}
		#unternavigation2 li a:focus,
		#unternavigation2 li a:hover,
		#unternavigation2 li a:active,
		#spalte4 ul#zwei li a:focus,
		#spalte4 ul#zwei li a:hover,
		#spalte4 ul#zwei li a:active {
			color:#000040;	
			text-decoration:underline;
		}
		#unternavigation2 li a.aktiv:link,
		#unternavigation2 li a.aktiv:visited,
		#unternavigation2 li a.aktiv:focus,
		#unternavigation2 li a.aktiv:hover,
		#unternavigation2 li a.aktiv:active,
		#spalte4 ul#zwei li a.aktiv:link,
		#spalte4 ul#zwei li a.aktiv:visited,
		#spalte4 ul#zwei li a.aktiv:focus,
		#spalte4 ul#zwei li a.aktiv:hover,
		#spalte4 ul#zwei li a.aktiv:active {
			color:#C00000;
			text-decoration:none;
		}

#spalte4 ul#eins {
	list-style-type:none;
	margin:2em 1em 4em 2em;
	text-align:left;
}		
	#spalte4 ul#eins li {
		font-size:0.8em;
		margin:0.3em 0;
		font-weight:bold;
		color:#5F5F5F;
	}
		#spalte4 ul#eins li a:link,
		#spalte4 ul#eins li a:visited,
		#spalte4 ul#eins li a:focus,
		#spalte4 ul#eins li a:hover,
		#spalte4 ul#eins li a:active { 
			text-decoration:none;
			color:#5F5F5F;
		}
		#spalte4 ul#eins li a:focus,
		#spalte4 ul#eins li a:hover,
		#spalte4 ul#eins li a:active {
			color:#5F5F5F;		
			text-decoration:underline;
		}
		#spalte4 ul#eins li a.aktiv:link,
		#spalte4 ul#eins li a.aktiv:visited,
		#spalte4 ul#eins li a.aktiv:focus,
		#spalte4 ul#eins li a.aktiv:hover,
		#spalte4 ul#eins li a.aktiv:active {
			color:#C00000;
			text-decoration:none;
		}


#spalte5 ul#eins {
	list-style-type:none;
	margin:2em 0.5em 4em 0em;
	text-align:left;

}		
	#spalte5 ul#eins li {
		list-style-type:none;
		font-size:0.8em;
		margin:0em 0;
		color:#5F5F5F;
	}
		#spalte5 ul#eins li a:link,
		#spalte5 ul#eins li a:visited,
		#spalte5 ul#eins li a:focus,
		#spalte5 ul#eins li a:hover,
		#spalte5 ul#eins li a:active { 
			text-decoration:none;
			color:#5F5F5F;
		}
		#spalte5 ul#eins li a:focus,
		#spalte5 ul#eins li a:hover,
		#spalte5 ul#eins li a:active {
			color:#5F5F5F;		
			text-decoration:underline;
		}
		#spalte5 ul#eins li a.aktiv:link,
		#spalte5 ul#eins li a.aktiv:visited,
		#spalte5 ul#eins li a.aktiv:focus,
		#spalte5 ul#eins li a.aktiv:hover,
		#spalte5 ul#eins li a.aktiv:active {
			color:#C00000;
			text-decoration:none;
		}
	
#startcontent
{
margin-right: 280px;
}

#startcontent p {
font-size: 0.8em;
}

#startcontent .titel {
font-size: 0.8em;
}

#startcontent .nachrichten {
font-size: 0.7em;
padding: 0em;
margin: 0em 1.5em 0em 0em;
color:#000040;
}

#rightnav
{
float: right;
width: 240px;
margin: 0;
padding: 1em;
font-size:
}

#sponsoren {
background-color: #F8F8F8;
width: 230px;
}

#sponsoren1 {
background-color: #fff;
border:1px dotted #c0c0c0;
width: 230px;
}

#sponsoren a,
#sponsoren1 a{
text-decoration: none;
}

#sponsoren_block {
	text-align: right;
	width:670px; 
	margin-top: 0px;
	padding-top: 20px; 
	background-image: url(/img/gif/box.gif);
	background-position: top left; 
	background-repeat: repeat-x;

}
