/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Linkhover, blaue Linkboxen): #243b68
Farbton (Überschriften, rote Linkboxen): #772332
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */

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

/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {

/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
background: #fff url(bilder/grid.png) top left no-repeat;
*/
background: #d5d5d5;
}

body {

/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.
background: transparent url(bilder/line-height.gif) top left;
*/
background: #d5d5d5;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;

scrollbar-arrow-color: #666666;
scrollbarBaseColor: #ebeaea;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #cccccc;
}

html>body {
font-size: 11px;
}

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

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

a:hover {
color: #243b68;
text-decoration: none;
font-weight: bold;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
outline: none;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

h1 {
font: 1.9em/1.0em Verdana, Arial, Helvetica, sans-serif;
margin-top: 0.9em;
margin-bottom: 1.3em;
}

h2 {
font: 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
margin-top: 1.3em;
margin-bottom: 1.3em;
line-height: 1.3em;
}

h3 {
font: 1em/0.9em Verdana, Arial, Helvetica, sans-serif;
margin-top: 1.13em;
margin-bottom: 1.13em;
}

h4 {
font: 1.17em/1.29em Verdana, Arial, Helvetica, sans-serif;
margin-top: 1.29em;
margin-bottom: 1.29em;
}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links {
float: left;
margin: 0 0.5em 0.5em 0;
}

.rechts {
float: right;
margin: 0 0 0.5em 0.5em;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

.wrapper {
	margin: 50px auto;
	width: 970px;
}

*html .wrapper {
	margin: 50px auto;
	width: 980px;
}


ul {
	list-style: none;
}


li {
	display: inline;
}

div.navigation_top{
	display: inline;
	margin-left: 100px;
	width: 860px;
	max-width: 860px;
	font-size: 12px;
}

ul.navigation_top {
	margin-left: 130px;
	padding-bottom: 15px;
	font-weight: bold;
	list-style:disc;
}

.navigation_top li{
	padding-left: 10px;
}

/* IE6 Postionshack */

*html ul.navigation_top {
	margin-left: 40px;
}

/* IE7 Postionshack */

*+html ul.navigation_top {
	margin-left: 30px;
}

/* ---------------- */

div.navigation_left {
	float: left;
	display: inline;
	width: 110px;
	font-weight: bold;
	font-size: 12px;
}

*html div.navigation_left {
	float: left;
	display: inline;
	width: 120px;
	font-weight: bold;
	font-size: 12px;
}

ul.navigation_left {
	text-align: right;
	padding-right: 25px;
	margin-top: 40px;
}

.content {
	float:left;
	display: inline;
	width: 860px;
	height: 610px;
	background: #FFFFFF;
	position: relative;
}


/* Footer wieder einblenden, wenn Englisch dazu komm!
Jetzigen div.footer einfach löschen.
--------------------------------------------------------------------------------------- */


div.footer {
	clear: both;
}

ul.footer {
	margin-left: 140px;
	padding-top: 15px;
	text-transform:uppercase;
	font-size: 8px;
}

ul.footer li{
	padding-left: 0;
	color: #243b68;
}

ul.footer a{
	color: #727375;
	font-weight: bold;
}

ul.footer a:hover{
	color: #243b68;
	font-weight: bold;
}

/* IE6 Postionshack */

*html ul.footer {
	margin-left: 150px;
}

/* IE7 Postionshack */

*+html ul.footer {
	margin-left: 140px;
}

/* Style des Contents
Achtung: Unterseiten speziefische Style befinden sich direkt in der *unterseite*.php!
--------------------------------------------------------------------------------------- */

div.logo{
	width: 217px;
	height: 36px;
	position:absolute;
	right: 30px;
	top: 30px;
}

div.nav_logo_balken{
	width: 7px;
	height: 51px;
	position:absolute;
	left: -30px;
	top: -22px;
	background-color: #243b68;
}

div.bilder {
	width: 205px;
	position: absolute;
	left: 0;
	top: 30px;
	padding-left: 30px;
	padding-right: 25px;
}

div.bilder img{
	border: 0;
	padding-bottom: 10px;
}

div.headline {
	width: 380px;
	position: absolute;
	left: 255px;
	top: 110px;
	color: #772332;
}

div.sub_headline {
	width: 380px;
	height: 60px;
	position: absolute;
	left: 255px;
	top: 150px;
	text-transform:uppercase;
	color: #243b68;
}

div.text {
	width: 380px;
	height: 295px;
	position: absolute;
	left: 255px;
	top: 230px;
	font-weight: normal;
	color: #333333;
}

div.text p{
	font-weight: normal;
}

div.infobox {
	width: 160px;
	height: 435px;
	position:absolute;
	right: 30px;
	bottom: 30px;
	background-color:#e4e2e2;
	color: #666666;
	font-size: 10px;
}

div.infobox p{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	line-height:normal;
}

div.infobox a{
	text-decoration: underline;
}


span.headline a{
	 color: #772332;
}