/* Internetseite Gesamtverein Königsborner SV - klassische Variante mit (X)HTML und CSS
	Start am 01. November 2008
	Letzte Änderung am 04. Januar 2009
*/ 
/* Wichtige Farben
	große (Über)Schriften Farbe	: #1F5696 - R31 G86 B150
	Sidebar fett Schrift
	(Königsborner blau)
	Anker-Tag a					: #268ED4 - R38  G142 B212
	Rahmen beim Hauptmenü		: #EDEBD5 - R237 G235 B213
	Schriftfarbe Navi links:	: #549EE9 - R84  G158 B233
	Rahmen Navi links			: #A9CEF4 - R169 G206 B244
	Hintergrund Navi links		: #EEF5FD - R238 G245 B244
	
	Background Verlauf			: #
*/

/* ========================================================== */

/* =======================================
   1. Kalibrierung und allgemeine Styles
   ======================================= */

/* Kalibrierung der wichtigsten Abstände */

* { margin: 0; padding: 0; }

/* Allgemeine Selektoren */

html { height: 101%; }	 		/* erzwingt Scrollbar im Firefox */


/* Allgemeine Klassen und IDs */

/* =======================================
   2. Styles für die Layoutbereiche
   ======================================= */

body {
	background: url(../images/bg.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
}

h4, h5, h6 {
}

h2, h3 {
	color: #1F5696;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a {
	color: #268ED4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.trauer-bild {
	float: left;
	padding: 0 5px 0 0;
	}

.trauer-text {
	}

/********* Beides für die Weihnachtsgalerie **************/

		.img-left {
			float: left;
			border: 1px solid #000;
			margin: 6px 15px 0 0;
		}
		
		.img-right {
			float: right;
			margin: 1px 30px 0 10px;
		}
		.img-right2 {
			float: right;
			margin: 10px 155px 0 0;
		}

/*********** Ende Weihnachten *************************/

/* Kopfzeile */

#header {
	width: 960px;
	height: 150px;
	background: url(../images/ksv-logo_transparent_k.png) no-repeat;
	margin: 8px auto;
}

		#header h1 {
			float: right;
			margin: 0;
			padding: 23px 0 0 17px;
			font-size: 14px;
		}
		
		#header h2 {
			float: left;
			margin: 1px 0 0 200px;
			font-size: 34px;
			color: #1F5696;
		}
		
		#header a {
			text-transform: lowercase;
			font-weight: normal;
			color: #FFF;
		}
		
/* Menü */

#menu {
    float: right;
	width: 760px;
	height: 50px;
	margin: 1px 0 0 0px;
	border-right: 1px solid #EDEBD5;
}

		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#menu li {
			display: inline;
		}
		
		#menu a {
			display: block;
			float: left;
			width: 151px;
			height: 39px;
			padding: 11px 0 0 0;
			border-left: 1px solid #EDEBD5;
			text-decoration: none;
			text-align: center;
			font-size: 144%;
			color: #FFF; /* BABABA */
		}
		
		#menu a:hover {
			background: #F7F7F4;
			color: #1F5696;
		}

/********************************
******** Seitenaufbau **********/

/* Content */

#content {
	width: 950px;
	margin: 0 auto;
}

#navleft {
	float: left;
	width: 200px;
}
		.box {
			margin: 7px 0 10px 0;
			padding: 0 30px 0 20px;
		}

		#navleft h3 {
			border-bottom: 1px solid #FFF;
			font-size: 17px;
		}

		#navleft ul {
			margin-left: 0;
			padding-left: 0;
			list-style: none;
		}

		#navleft li {
			padding: 0 0 1px 0;
		}

		#navleft li.first {
			border: none;
		}

		#navleft a {
			display: block;
			height: 23px;
			padding: 7px 0 0 7px;
			text-decoration: none;
			color: #549EE9;
		}

		#navleft a#hier:link, #navleft a#hier:visited, 
		#navleft a#hier:hover, #navleft a#hier:active {
			background: #EEF5FD;
			color: #1F5696;
			border-left: 8px solid #A9CEF4;
		}

		#navleft a:hover {
			background: #EEF5FD;
			color: #1F5696;
			border-left: 8px solid #A9CEF4;
		}

#inhalt {
	float: left;
	width: 720px;
}

		#bild-bericht {
			padding: 5px 20px 70px 40px;
		}
		
		#bild-bericht h2 {
			margin-bottom: 25px;
		}
		
		#bild-bericht .image {
			float: left;
			padding: 0 25px 0 0;
		}
		
		#bild-bericht p {
			margin-left: 126px;
		}
		
		.news {
			margin: 5px 0 20px 0;
			padding: 0 20px 30px 40px;
		}
		
		.news p {
			margin-bottom: 35px;
		}
		.news h4 {
			margin-bottom: 15px;
			font-size: 22px;
			font-weight: normal;
		}
		
		.news h4 strong {
			font-weight: bold;
			color: #1F5696;
		}
		
		.satzung {
			font-size: 16px;
			font-weight: normal;
		}

******** Bild mit Text - Presseartikel **********/

		#inhalt .news .rahmen {
				margin: 0.5em 1.0em 0.5em 1.0em;
			background-color: #111111;
		}

		.news .rahmen {
		  	margin: 0 4.0em 2.0em 4.0em;
			border: 2px solid #ccc;
			width: 526px;
			background-color: #FAFAFA;
		}


		.news .rahmen p {
			font-size: 0.9em;
			line-hight: 1.4em;
			margin: 0 7px 0 7px;
		}

		.news .pressebild {
				margin: 7px;
		}

#inhalt-klein {
	float: left;
	width: 520px;
}

#sidebar {
	float: right;
	width: 200px;
}

/*		#sidebar h2 {
			height: 35px;
			padding: 25px 0 0 21px;
			border-bottom: 1px solid #FFF;
			letter-spacing: -1px;
			font-size: 24px;
			font-weight: normal;
			color: #549EE9;
		}
*/
		
		#sidebar ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#sidebar li {
			display: inline;
		}
		
		#sidebar a {
			display: block;
			height: 23px;
			padding: 7px 0 0 10px;
			text-decoration: none;
			color: #549EE9;
		}
		
		#sidebar a:hover {
			color: #1F5696;
			font-weight: bold;
		}

		#sidebar a#hier:link, #sidebar a#hier:visited, 
		#sidebar a#hier:hover, #sidebar a#hier:active {
			color: #1F5696;
			font-weight: bold;
		}

/* Fußzeile */

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 18px 0;
	border-top: 5px solid #1F5696;
}

#footer p {
	text-align: center;
	font-size: 77%;
}