/*
	Datei: heppeler-screen.css
	Autor: Martin Lormes
	Kontakt: googlen!
	
*/

/* Allgemeines */
	
	body {
		background-color: #fff; color: #666; /* Standardfarben Hintergrund weiß und Text dunkelgrau */
		font: normal 11px Verdana,Helvetica,Arial,sans-serif; line-height: 14px; /* Standardschrifteinstellungen */
		margin: 0px; /* kein allgemeiner Seitenrand */
	}
	p, h3 {
		margin: 0px 0px 14px; /* allgemein einheitliche Randeinstellungen für Textabsätze */
	}
	h3 {
		font: normal 16px Helvetica,Arial,sans-serif; /* Standardschrift für Seitenüberschriften */
		letter-spacing: 1px; /* gesperrt */
		line-height: 21px;
		color: #f30; /* Standardfarbe rot-orange (Heppeler CI-Farbe!?) */
		text-transform: uppercase; /* in Versalien */
	}
	a {
		color: #333;
		/* color: #f30; */ /* Standardfarbe rot-orange (Heppeler CI-Farbe!?) für Links */
		text-decoration: none; /* Links NIE unterstreichen */
	}
	a:active, a:focus, a:hover { color: #f30; }


/* Layout: Festbreite, zentriert */
	
	div#outerwrapper { position: absolute; left: 50%; }
	div#innerwrapper { position: absolute; width: 950px; left: -475px; }


/* Layout: Meta-Navigation (Impressum, Sprachumschalter) oben links außen und rechts außen */
	
	div#metanav {
		font: normal 10px Verdana,Helvetica,Arial,sans-serif; /* kleinere Schrift */
		text-transform: uppercase; /* in Versalien */
	}
	div#metanav a {
		color: #999; /* Links in der Meta-Navigation in hellgrau */
		text-decoration: none; /* ohne Unterstreichung */
	}
	div#metanav a:active, div#metanav a:focus, div#metanav a:hover { /* bei Mouse-Over etc. */
		color: #f30; /* Standardfarbe rot-orange (Heppeler CI-Farbe!?) für Links */
	}
	div#metanavimpressum { position: absolute; top: 0px; left: 0px; }
	div#metanavlanguage { position: absolute; top: 0px; right: 0px; }


/* Layout: Header mit Logo mittig */
	
	div#header {
		/* ACHTUNG: Das Hintergrundbild ist sprachabhängig im HTML-Code jeder Seite eingebunden!!! */
		background-repeat: no-repeat;
		background-position: top center;
		height: 60px;
	}
	div#header h1 {
		display: none; /* Überschrift als Text nur für nicht-grafische User-Agents (Suchmaschinen, Sprachausgabe, etc.pp) */
	}


/* Layout: Navigationsleiste */
	
	div#navigation {
		font: normal 11px Helvetica,Arial,sans-serif; /* andere Schriftart */
		letter-spacing: 1px; /* gesperrt */
		text-transform: uppercase; /* in Versalien */
		text-align: center; /* Menü zentriert */
		margin: 0px 0px 20px; padding: 0px; border: dashed 1px #999; /* Randeinstellungen, gestrichelter Rahmen */
	}
	div#navigation ul {
		display: block; /* NICHT als Bulletliste darstellen */
		margin: 0px; padding: 5px 0px;
	}
	div#navigation ul li {
		display: inline; /* Menüpunkte erscheinen nebeneinander */
		margin: 0px; padding: 2px 12px; /* bei Änderungen der Menüpunkte ggf. hier den seitlichen Abstand anpassen */
		border-right: dashed 1px #999; /* rechts mit gestrichelter Linie abschließen ... */
	}
	div#navigation ul li.last {
		border-right: 0px; /* ... außer beim letzten Menüpunkt */
	}
	div#navigation ul li a {
		color: #666; /* Links im Menü in hellgrau */
		text-decoration: none; /* ohne Unterstreichung */
	}
	div#navigation ul li a:active, div#navigation ul li a:focus, div#navigation ul li a:hover, /* bei Mouse-Over etc. */
	div#navigation ul li.current, div#navigation ul li.current a { /* und für den aktuell aufgerufenen Menüpunkt */
		color: #f30; /* ... Text in rot-orange (Heppeler CI-Farbe!?) */
	}


/* Layout: Inhaltsbereich der Seiten */
	
	div#main {
		clear: both;
		margin: 0px;
		border-top: solid 1px #fff; /* IE-Tweak: nicht sichtbare Linie (weiß vor weißem Hintergrund) erzwingt Außenabstand (margin) */
	}


/* Layout: Inhaltsbereich - Vorlage für die Startseite */
	
	div#maindates {
		float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
		width: 360px;
		margin: 0px 20px 0px 0px;
		text-align: right; /* Text rechtsbündig */
	}
	div#mainseparator {
		float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
		width: 1px; height: 450px; /* leerer Container */
		border-left: dashed 1px #999; /* ... zur Darstellung einer vertikalen Linie */
	}
	div#mainnews {
		float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
		width: 540px;
		margin: 0px 0px 0px 20px;
	}


/* Layout: Inhaltsbereich - Vorlage für die Content-Seiten (T70), z.B. Profil, Kontakt, Impressum */
	
	div#maincontentleft {
		float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
		width: 440px;
		margin: 0px 20px 0px 0px;
		text-align: right; /* Text rechtsbündig */
	}
	div#maincontentseparator {
		float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
		width: 1px; height: 430px; /* leerer Container */
		border-left: dashed 1px #999; /* ... zur Darstellung einer vertikalen Linie */
	}
	div#maincontentright {
		float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
		width: 440px;
		margin: 0px 0px 0px 20px;
	}


/* Layout: gestrichelte Linie als unterer Abschluss der Seiten */
	
	div#footer { clear: both; margin: 0px 0px 20px; height: 20px; border-bottom: dashed 1px #999; }


/* thx4looking@the.code; created using ten-fingers-and-a-brain */


/* the following has yet to be documented (inline) */

div#maindates { color: #666; }
div#maindates a { color: #333; }

div.navnews { margin: 14px 0px; text-align: right; color: #999; }
div#maindates div.navnews a, div#mainnews div.navnews a { color: #999; }

div#maindates a:active, div#maindates a:focus, div#maindates a:hover,
div#mainnews a:active, div#mainnews a:focus, div#mainnews a:hover { color: #f30; }


p.datetitle { font-style: normal; text-transform: uppercase; color:#333333; margin-bottom:0em;}

div.newstitle { color: #333; text-transform: uppercase;  }
p.grey { color: #333; background-color: #eee; }

div.mainClientsColumn { float: left; margin: 0px 0px 0px 20px; }
div.mainClientsColumn p { margin: 0px 0px 5px; }
div.mainClientsColumn img { border: 0px; vertical-align: middle; }
div.mainClientsColumn a { text-decoration: none; color: #333; }
div.mainClientsColumn a:active,
div.mainClientsColumn a:focus,
div.mainClientsColumn a:hover { color: #f30; }
div.mainClientsColumn a span.berufsbezeichnung {color: #666666;}



span.red { color: #f30; }
strong { font-weight: bold; }
em { font-style: italic; }



div.client { clear: both; margin: 20px 30px 0px; border-top: solid 1px #fff; }
div.clientcontent { float: right; width: 520px; margin: 0px; }
div.clientseparator { float: right; width: 1px; border-right: dashed 1px #999; height: 405px; margin: 0px 43px 0px 0px; }
div.clientimages { float: right; width: 325px; margin: 0px 0px; }

div.clientnav { clear: both; margin: 0px 30px; }
div.clientcontentnav { float: right; width: 520px; margin: 20px 0px 0px; }
div.clientseparatornav { float: right; width: 1px; border-right: solid 1px white; margin: 20px 43px 0px 0px; }
div.clientimagesnav { float: right; width: 325px; margin: 20px 0px 0px; }


div#maincontentpagenav { clear: both; margin: 0px; }
div#maincontentpagenavleft {
	float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
	width: 440px;
	margin: 0px 20px 0px 0px;
	text-align: right; /* Text rechtsbündig */
}
div#maincontentpagenavseparator {
	float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
	width: 1px; /* leerer Container */
	border-left: solid 1px #fff; /* ... zur Darstellung einer vertikalen Linie */
}
div#maincontentpagenavright {
	float: left; /* Mehrere Bereiche von links aus nebeneinander positioniert */
	width: 440px;
	margin: 0px 0px 0px 20px;
	text-transform: uppercase;
}

.red, .here, .here a { color: #f30; }

table, tr, td { margin: 0px; padding: 0px; border: 0px; border-collapse:collapse; font: normal 11px Verdana,Helvetica,Arial,sans-serif; line-height: 14px; }

form { margin: 0px; }
input { font: normal 11px Verdana,Helvetica,Arial,sans-serif; }


/*   Icon zum Vergrš§ern eines Bildes */
.gallery a span.enlarge {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 31px;
	right: 31px;
	background: url(/zoom.gif) no-repeat;
}

.gallery a:hover span.enlarge {
	background-position: left -22px;
}