@charset 'utf-8';
@import url(reset.css);
/* @import url(defaults.css); */

/*
|| Stylesheet Petra Herzig
|| Version: 1.2
|| 01-OCT-2008
||
|| 1.2 - 01-OCT-2008    
||     - Abgesetzte Subnavigation (class zusatzangebot)
||     - Einfache Listen ohne Aufzaehlungszeichen
||     - Hervorheben durch Invertieren (class regel)
|| 1.1 - 14-AUG-2008    
||     - Navigation auf den Referenzenseiten
||     - Links der Hauptnavigation groesser 
|| 1.0 - 28-JAN-2008    
||     - Release 1 der Website
*/


/*
|| Angaben fuer die ganze Seite
*/

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:62.5%;
	background-color: #eee;
}

#seite {
	width: 920px;
	margin: 60px auto 20px auto;
	position: relative;
	padding-top: 160px;
	background-image: url(imgs/logo.png);
	background-position: 700px 0;
	background-repeat: no-repeat;
	
}


/*
|| Allgemeine Angaben
*/

/* p {	padding: 0.5em; } */
strong { font-weight: bold; }


/*
|| Navigationsbereich
*/

#navi {
	position: absolute;
	top: 80px; left: 30px;
}

#navi ul {
	text-transform: uppercase;
	list-style-type: none;	
	margin: 0 0 0 40px;
	width: 550px;
	border-top: 1px solid #2886C5;
	border-bottom: 1px solid #2886C5;
	padding: 10px 0;
}

#navi ul li {
	display: inline;
	padding: 0 20px;
	position: relative;
	background-image: url(imgs/strich.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#navi ul li:first-child {
	background-image: none;
}

#navi ul li a {
	padding: 10px 0;
}

#navi ul ul {
	display: none;
	position: absolute;
	width: 20em;
	top: -65px;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
}

#navi ul li.navklein ul {
	top: -43px;
}

#navi ul ul li {
	display: block;
	margin: 0;
	padding: 0 0 10px 20px;
	background-image: none;
}

#navi ul li.aktiv ul {
	display: block;
}

/* Links im Navibereich */

#navi ul a {
	text-decoration: none;
	font-size: 1.2em;
	color: #2886C5;
}

#navi ul li.aktiv a,
#navi ul li.aktiv ul li.aktiv a {
	color: #103686;
}

#navi ul li.aktiv ul li a {
	color: #2886C5;
}

#navi ul a:hover,
#navi ul li ul li a:hover {
	color: #c90;
}


/*
|| Inhaltsbereich
*/

#inhalt {
	padding: 30px 350px 0 90px;
	min-height: 340px;
	background-image: url(imgs/hg_oben.png);
	background-repeat: no-repeat;
	font-size: 1.4em;
	line-height: 150%;
	color: #103686;

}

#inhalt h1 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

#inhalt h2 {
	font-size: 1.5em;
	color: #2886C5;
	position: relative;
	top: -16px;
	left: 50px;
}

#inhalt h3 {
	margin-top: 1em;
	font-weight: bold;
}

#inhalt p {
	margin-top: 1em;
}

#inhalt p.regel {
	margin-top: 2.5em;
}

#inhalt p.regel span {
	padding: 5px;
	color: white;
	background-color: #376092;
}

#inhalt a {
	color: #2886C5;
}

#inhalt a:hover {
	color: #c90;
}

#inhalt ul {
	list-style-type: none;
	position: relative;
	top: 0;
	left: -12px;
}

#inhalt li {
	padding-left: 12px;
	background-image: url(imgs/liste.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
}	

#inhalt ul.einfach li {
	background-image: none;
}	

#inhalt img.seitenleiste {
	position: absolute;
	padding: 0;
	top: 210px;
	left: 583px;
	margin: 0;
}

#inhalt dl {
	font-size: 1em;
	line-height: 110%;
	height: 260px;
}

#inhalt dt {
	font-weight: bold;
	margin-top: 1em;
}

#fusszeile {
	height: 30px;
	background-image: url(imgs/hg_unten.png);
	position: relative;
}

#fusszeile a {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 530px;
}

#fusszeile a#weiter {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 560px;
}


/* Subnavigation */

#inhalt #subnavi li {
	padding: 8px 0 0 20px;
	background-image: url(imgs/rechts.png);
	background-position: 0 12px;
	background-repeat: no-repeat;
}

#inhalt #subnavi li a {
	text-decoration: none;
	color: #2886C5;
}

#inhalt #subnavi li a:hover {
	text-decoration: none;
	color: #c90;
}

#inhalt ul.zusatzangebot {
	margin-top: 18px;
}


/*
|| Seitenspezifische Angaben
*/

/* Startseite */

div.start #inhalt {
	height: 340px;
	background-image: url(imgs/hg_oben_start.png);
}

div.start #fusszeile {
	height: 30px;
	background-image: url(imgs/hg_unten_start.png);
}

div.start #inhalt p {
	color: #fff;
	font-size: 1.3em;
	margin-top: 60px;
}

/* Seite Vision */

div.vision #inhalt p {
	margin-right: 230px;
}

div.vision img#unterschrift {
	margin: 20px 230px 0 160px;
	width: 138px;
}

/* Referenzen */

div.referenzen #meinung,
div.kontakt #meinung {
	position:absolute;
	z-index: 99;
	top: 210px; 
	left: 610px;
	width: 250px;
	color: white;
	font-size: 0.9em;
	line-height: 140%;
}

#refnav {
	position: absolute;
	top: 178px; left: 450px;
}

#refnav a {
	padding: 0 5px;
}