@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

label{cursor:pointer;}

body
{
	color: #000;
	font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
	font-size: 100.01%;
	background: #fff url(./body/body-back.png) 0 210px repeat-x;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
}

label
{
	cursor: pointer;
}

hr {
	border-top: #ff0000 1px solid;
	height: 1px;
	padding: 3px 45px;
	clear: both;
}

a
{
	color: #000;
}

a:hover
{
	color: #ff0000;
}

/* === [ Grundaufbau ] ============================================= */

#wrapper
{
	width: 814px;
	margin: 0 auto 0 auto;
}

#logo
{
	height: 178px;
	background: url(./head/logo-sv-heslach.png) no-repeat;
}

	#logo ul
	{
		font-size: 0.6em;
		line-height: 25px;
		list-style-type: none;
		text-align: right;
		padding: 14px 20px 0 0;
	}

		#logo ul li
		{
			display: inline;
			padding-left: 10px;
		}

			#logo ul li a
			{
				text-decoration: none;
				color: #000;
			}

			#logo ul li a:hover,
			#logo ul li a#selected
			{
				color: #dfdfdf;
			}


#navi
{
	height: 59px;
	background: #fff url(./navi/navi-back.jpg) no-repeat;
}

	#navi ul
	{
		font-size: 0.6em;
		color: #F9F4D9;
		list-style-type: none;
		height: 59px;
		line-height: 25px;
		padding-left: 10px;
	}

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

		#navi ul li
		{
			float: left;
			width: 133px;
			text-align: center;
		}
		
		#navi ul li.senior
		{
			width: 134px;
		}
		
		#navi ul li a
		{
			color: #fff;
			text-decoration: none;
			display: block;
			background-color: #000;
			border-left: 1px solid #ff0000;
			border-bottom-width: 0;
		}

			#navi ul li a:hover,
			#navi ul li a#selected
			{
				color: #ff0000;
				background-color: #fff;
			}

#main
{
	padding: 0 9px;
	background: url(./content/content-back.jpg) repeat-y;
}

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

#content
{
	width: 615px;
	float: left;
}	


	#content h2
	{
		font-size: 1.3em;
		font-weight: normal;
		padding: 20px 0 1.5em 0;
		color: #ff0000;
		line-height: 1.3;
		text-align: center;
	}
	
	#content h3
	{
		font-size: 0.9em;
		font-weight: normal;
		padding: 0 0 1.1em 25px;
		color: #ff0000;
		line-height: 1.3;
	}
	#content h4
	{
		clear: both;
		font-size: 1.1em;
		padding: 0 0 1em 25px;
		line-height: 1;
		text-align:center;	}
		
	#content h5
	{
		clear: both;
		font-size: 0.9em;
		padding: 0.5em 0 1em 25px;
		line-height: 1;
	}


	#content p
	{
		font-size: 0.7em;
		line-height: 1.6;
		padding: 0.5em 20px 1em 25px;
	}

	#content p.absatz
	{
		clear: both;
	}
	
	#content p.zentr
	{
		text-align:center;
		
	}
	
	#content p.ab-30
	{
		padding-top: 30px;
	}
	
	#content p.bildunter
	{
		font-size: 0.65em;
		font-style:italic;
		line-height: 1.1;
		padding: 0 55px;
				
	}
	
	.roteschrift
	{
		color: #ff0000;
	}

	#content img.rechts
	{
		float: right;
		padding: 0 20px 5px 15px;
	}

	#content img.links
	{
		float: left;
		padding: 0 20px 5px 15px;
	}
	
	#content img.mitte
	{
		display: block;
		margin: 0 auto;
		padding: 10px;
	}
	
	
	#content ul.ref
	{
		list-style-type: none;
		padding-left: 40px;
	}

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

		#content ul.ref li
		{
			font-size: 0.7em;
			line-height: 1.1;
			padding: 0.9em 20px 0.8em 18px;
			background: url(./icons/rotesquadrat_klein.png) 1px 1em no-repeat;
		}
		
		#content ul.ref li ul
		{
			list-style-type: none;
			padding: 15px 0 0 30px;
		}
		
		#content ul.ref li ul li
		{
			font-size: 0.9em;
			padding: 0.9em 20px 0.2em 18px;
			background:  none;
			background: url(./icons/rotesquadrat_mini.png) 1px 1.1em no-repeat;
		}

	
	
#content table {
	width: 590px;
	margin: 0 0 1.7em 15px;
	empty-cells: show;
}

#content table th,
#content table td {
	font-size: 0.65em;
	color: #333;
	text-align: left;
	border: 1px solid #999999;
	padding: 6px;
}

#content table td.fixbreit {
	width: 12em;
}

#content table td.einezeile {
	white-space:nowrap;
}

#content table th {
	background-color: #efefef;
	color: #000;
	font-weight: bold;
}

#content dl.spalten {
	font-size: 0.7em;
	line-height: 1.3;
	color: #000;
	padding: 0 0 1.7em 40px;
	width: 25em;
}

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

	#content dl.spalten dt {
	clear: left;
	float: left;
	width: 13em;
	}


	#content dl.spalten dd {
	width: 10em;
	float: left;
	}

#newsblock
{
	background: #fff url(./icons/news.jpg) no-repeat;
	border: 1px solid #ff0000;
	width: 538px;
	margin: 15px 0 5px 40px;
	min-height: 90px;
}

	#newsblock h5
	{
		padding: 0 5px 5px 25px;
		font-style: normal;
	}
	
	#newsblock h4 {
		color: #fff;
		font-size: 0.9em;
		padding-top: 2px;
	}
	
	#newsblock p
	{
		font-size: 0.7em;
		padding-left: 15px;
		padding-top: 5px;
		color: #000;
	}
	
	#newsblock p.notiz
	{
		font-style: italic;
		font-size: 0.6em;
		background: url(./icons/notiz.png) 15px 50% no-repeat;
		padding-left: 45px;
		padding-top: 10px;
	}
	
#trainingsblock
{
	background: #fff url(./icons/training-bg.jpg) no-repeat;
	border: 1px solid #ff0000;
	width: 538px;
	margin: 25px 0 5px 40px;
	min-height: 90px;
}

	#trainingsblock h5
	{
		padding: 0 5px 5px 25px;
		font-style: normal;
	}
	
	#trainingsblock p
	{
		font-size: 0.7em;
		padding-left: 15px;
		padding-top: 25px;
		color: #000;
	}
	




#sidebar
{
	width: 181px;
	float: right;
	min-height: 180px;
}

#sidebar img.topbild
{
	padding-top: 5px;
	padding-left: 12px;
}

#sidebar h4
{
	padding: 0.5em 0 0.5em 30px;
	color: #ff0000;
}

	#sidebar ul
	{
		font-size: 0.7em;
		line-height: 1.8;
		padding: 15px 0 0 35px;
		list-style-type: none;
	}

		#sidebar ul li a
		{
			text-decoration: none;
			color: #000;
		}

		#sidebar ul li a:hover
		{
			color: #ff0000;
		}
		
		#sidebar ul li a#selected
		{
			color: #000;
			font-weight: bold;
		
		}
		
		.abstand-30 {
			
			padding-top: 30px;
		}
		
		.abstand-15 {
			
			padding-top: 15px;
		}
		
		
		#sidebar p
		{
			font-size: 0.7em;
			line-height: 1.3;
			padding: 0 2px 0.9em 30px;
		}
		
		#sidebar h6
		{
			font-size: 0.7em;
			line-height: 1.6;
			padding: 20px 2px 0 17px;
		}
		
		#sidebar .logo
		{
			padding-bottom: 180px !important;
			background: url(./leiste/sv-heslach-wasserzeichen.png) bottom center no-repeat;
		}	
		
#footer
{
	clear: both;
	padding: 30px 0 25px 0;
	background: url(./footer/footer-back.jpg) no-repeat;
}

	#footer p
	{
		text-align: center;
		font-size: 0.6em;
		color: #999;
		padding-right: 140px;
	}
	
		#footer p a
		{
			color: #999;
			text-decoration: none;
		}
#footer p a:hover
		{
			color: #ff0000;
			text-decoration: none;
		}	
		
		
/* === [ Formulare ] =========================================================================== */

#kontaktform {
	padding: 1em 20px 1em 80px;
}

#kontaktform fieldset {
	width: 410px;
	border: 1px solid #d0d4d9;
	padding: 15px 0 20px 50px;
	margin: 0 0 0 0;
}

#kontaktform legend {
	font-size: 0.79em;
	color: #000;
	font-weight: bold;
}

label {
	display: block;
	width: 200px;
	font-size: 0.79em;
	color: #000;
	cursor: pointer;
	padding-top: 7px;
}

#kontaktform input.text {
	display: block;
	width: 10px;
	padding: 2px;
	margin-left: 10px;
	border: 1px solid #939ea8;
	font-size: 0.79em;
	color: #000;
	background-color: #f2f2f2;
}

#kontaktform label em {
	font-size: 10px;
	font-weight: normal;
	color: #e30505;
}

#kontaktform input, #kontaktform textarea {
	display: block;
	width: 200px;
	padding: 2px;
	border: 1px solid #939ea8;
	font-size: 0.79em;
	color: #000;
	background-color: #f2f2f2;
}


#kontaktform #kontakt_senden {
	margin-left: 51px;
	font-size: 1em;
	background-color: #ff0000;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}

#kontaktform textarea {
	width: 350px;
}

#kontaktform textarea:focus, #kontaktform input:focus {
	color: #000;
	background-color: #e1e1e1;
}