/* Standard_CSS für saalü.de */





	body

	{
		margin: 0px;
		padding: 0px;
		font: 80% verdana, arial, hevetica, sans-serif;
		background-color: #FFCC00;
	}


	a:link { color: #006633; text-decoration:none;  }
	a:visited { color: #006633; text-decoration:none; } 

	#wrapper

	{
		margin-left: 20px;
		width: 1008px;
		text-align: left;
	}


/* ----------------- Kopfbereich mit Logo und Navigation ------------- */
	
	#header
	{
		width: 1008px;
		height: 197px;
		background: url(images/header.png) no-repeat;
	}


/* ------------ Navigation ---- */


	#navi {		
		list-style: none;
		padding-left:0px;
		padding-top:100px;
		width: 600px;
		height: 10px;
		position: absolute;
	} 

	#navi ul li {		
		list-style: none;

	} 

	#navi span {
	display:none;
	position: absolute;
	}

	#navi a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	}

	#navi a:hover { 
	background-position: left bottom;	
	}

	#navi a:hover span { 
	display: block;
	}

	#navi .home {
  	width: 421px;
  	height: 93px;
  	left: 545px;
  	top: 0px;
	}

	#navi .kontakt {
  	width: 100px;
  	height: 22px;
  	background: url(images/navi/kontakt.png) no-repeat;
  	left: 40px;
  	top: 160px;
	}

	#navi .kontakt span {
  	width: 100px;
  	height: 22px;
 	background: url(images/navi/kontakt-over.png) no-repeat;
	}

	#navi .neues {
  	width: 92px;
  	height: 73px;
  	background: url(images/navi/neues.png) no-repeat;
  	left: 270px;
  	top: 105px;
	}

	#navi .neues span {
  	width: 92px;
  	height: 73px;
 	background: url(images/navi/neues-over.png) no-repeat;
	}


	#navi .ist {
  	width: 76px;
  	height: 73px;
  	background: url(images/navi/ist.png) no-repeat;
  	left: 362px;
  	top: 105px;
	}

	#navi .ist span {
  	width: 76px;
  	height: 73px;
 	background: url(images/navi/ist-over.png) no-repeat;
	}

	#navi .kommt {
  	width: 107px;
  	height: 73px;
  	background: url(images/navi/kommt.png) no-repeat;
  	left: 438px;
  	top: 105px;
	}

	#navi .kommt span {
  	width: 107px;
  	height: 73px;
 	background: url(images/navi/kommt-over.png) no-repeat;
	}

	#navi .truppe {
  	width: 113px;
  	height: 73px;
  	background: url(images/navi/truppe.png) no-repeat;
  	left: 545px;
  	top: 105px;
	}

	#navi .truppe span {
  	width: 113px;
  	height: 73px;
 	background: url(images/navi/truppe-over.png) no-repeat;
	}

	#navi .applaus {
  	width: 120px;
  	height: 73px;
  	background: url(images/navi/applaus.png) no-repeat;
  	left: 658px;
  	top: 105px;
	}

	#navi .applaus span {
  	width: 120px;
  	height: 73px;
 	background: url(images/navi/applaus-over.png) no-repeat;
	}

	#navi .erzaehlt {
  	width: 114px;
  	height: 73px;
  	background: url(images/navi/erzaehlt.png) no-repeat;
  	left: 778px;
  	top: 105px;
	}

	#navi .erzaehlt span {
  	width: 114px;
  	height: 73px;
 	background: url(images/navi/erzaehlt-over.png) no-repeat;
	}

	#navi .presse {
  	width: 76px;
  	height: 73px;
  	background: url(images/navi/presse.png) no-repeat;
  	left: 892px;
  	top: 105px;
	}

	#navi .presse span {
  	width: 76px;
  	height: 73px;
 	background: url(images/navi/presse-over.png) no-repeat;
	}


#navi .current    /* Klasse um aktuelle Seite zu highlighten */
 	{ 
	background-position: left bottom;
	}


/* ------- Ende Navigation ------ */

/* ------------------- Ende Kopfbereich -------------------- */



/* ------------ Inhaltsbereich ------------------------------------------------------------------ */



	
	#content
	{

		margin-left: 40px;
		padding:0;
		min-height: 300px;
		background: url(images/cont.png) repeat-y;
	}



	#right  /* ------- rechte Spalte ------ */
	{

		float: right;
		margin-left:0px;
		padding: 20px 55px 20px 40px;
		width:225px;
		min-height: 300px;
	}

	#content img {border: 1px solid #CC3366;}

	#main  /* ------- Hauptspalte------ */
	{
		padding: 20px 20px 30px 30px;
		width: 620px;
		min-height: 300px;
	}


/* ------------ Styling für Inhaltselemente -------------- */

	
	#content p { font-size: 12px; line-height: 18px;}
	#content h1 { font: 180% georgia, times, serif; color: #CC3366;
		font-weight: bold; font-style:normal;  } 



	#content h2 { font: 140% georgia, times, serif; color: #000;
		font-weight: bold; font-style:normal;  } 

	#content h3 { font: 120% verdana, arial, hevetica, sans-serif;
		font-weight: bold; color: #CC3366;} 

	#content a {  text-decoration:none; padding: 0; margin: 0;}

	.mehr {  font: 100% georgia, times, serif; color: #000; font-style:normal; }

	#content a:hover { text-decoration:underline; }

	#content ul {
			margin: 0px; padding-left:15px;
			line-height: 1.3em; 
			list-style-image:url(images/punkt.gif);
			}
	
	#content li {margin: 0px; padding: 0px; list-style-type: none;}
	.pdfliste {margin: 0px; padding: 0px; list-style-image:url(images/listpoint2.gif);}

	#content .highlight { font-weight: bold; color: #CC3366; }

	#content .termin { font-size: 12px; line-height: 18px; font-weight: bold; color: #CC3366;}
	
	.leftFloat   /* Klasse um Bilder mit Text zu umfliessen */
	{
	float: left;
	margin: 5px 15px 5px 0px;
	}


	.rightFloat 
	{
	float: right;
	margin: 0px 15px 0px 15px;
	}

	.top {font: 110% georgia, times, serif; color: #000; font-style:normal;}

		

/* -------------- Ende Inhaltsbereich --------------- */


	#footer

	{
		clear: both;
		height: 38px;
		margin-left:40px;
		background: url(images/footer.png) no-repeat;
	 	font-size: 11px; color: white;
		padding-left:838px;
		padding-top:15px;
	}