/* stylesheet hoedl-consulting.at, b.bauer-wolf, 2008-11-18, www.bauerwolf.at */
/* letztes Update: 2008.12.06 */
/* einwandfrei validiert mit CSS Version 2.1 (nur die wichtigsten Warnungen), am 2008.12.06, http://jigsaw.w3.org/css-validator/ , "Keine Fehler gefunden"*/

/* BEGINN Float-Hack http://positioniseverything.net/easyclearing.html */

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1px;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* ENDE Float-Hack http://positioniseverything.net/easyclearing.html */

/* Clear-Element, wird eventuell im Einzelfall noch anstatt der clearfix-Methode benötigt */
.clear {
	display:block; 
	height:0; 
	width:0;
	clear:both; 
	visibility:hidden;
	font-size:0.1px;
	line-height:0;
}
/* ENDE Clear-Element */

html, body, p, ul, li, h1, h2, h3, h4, div, span, a {
	margin:0;
	padding:0;
}

body { 
	background-color:#FEE2BA;
	color:#333; 
	margin:0; 
	padding:0;  
	text-align:left; 
}

body,td,th { font-family:Verdana,Helvetica,sans-serif; font-size:11px; line-height:16px; color:#333; }

p { line-height:16px; margin-bottom:6px; } /*margin-bottom war vorher 3px */
h1 { font-size:14px; font-weight:bold; color:#333; margin-bottom:16px; }
h2 { font-size:12px; font-weight:bold; color:#333; margin-bottom:3px; margin-top:16px; }
/* h3 { font-size:11px; font-weight:bold; color:#333; letter-spacing:0.1em; margin-bottom:3px; } */
h3 { font-size:11px; font-weight:bold; color:#333; margin-bottom:3px; }
h4 { font-size:11px; font-weight:bold; color:#333; margin-bottom:3px; }

h1.volleBreite { margin-top:21px; }
h3.team { margin-bottom:10px; }
h2.linksGruppe { font-size:13px; margin-bottom:10px; margin-top:20px; border-bottom:solid 1px #D6D6D6; line-height:30px; }
h2.referenzenGruppe { margin-bottom:10px; }
h2.abstandPlusUnten { margin-bottom:15px; }
h2.ersterSeitentext { margin-top:0px; }
h2.ersterSeitentext { margin-top:0px; }
h2.ersterSeitentextPlusUnten { margin-top:0px; margin-bottom:15px; }

p.zitatPerson { font-style:italic; }
p.errorMsg { font-weight:bold; color:#C00; }

p.abstandPlusOben { margin-top:16px; }
p.abstandPlusUnten { margin-bottom:20px; }
p.abstandPlusGesamt { margin-top:16px; margin-bottom:20px; }

p.abstandMinus { margin-bottom:0px; }
p.abstandMinus2 { margin-bottom:3px; }

.einrueckung1 { margin-left:15px; margin-top:10px; }
.einrueckung2 { margin-left:25px; margin-top:10px; }

a:link { color:#1C4CA3; text-decoration:underline; }
a:visited { color:#1C4CA3; text-decoration:underline; }
a:hover { color:#1C4CA3; text-decoration:none; }
a:active { color:#1C4CA3; text-decoration:none; }

a.nav3:link { color:#1C4CA3; text-decoration:none; text-transform:uppercase; }
a.nav3:visited { color:#1C4CA3; text-decoration:none; text-transform:uppercase; }
a.nav3:hover { color:#1C4CA3; text-decoration:underline; text-transform:uppercase; }
a.nav3:active { color:#1C4CA3; text-decoration:none; text-transform:uppercase; }

img.planKlein {  width:610px; height:418px; margin-bottom:10px; margin-top:10px; border:solid 1px #D6D6D6; }

table {
	margin:0;
	padding:0;
	border:none;
}

table.volleBreite { width:100%; }

td, th {
	padding:2px 4px;
	border:none;
	vertical-align:top;
	text-align:left;
}

th { font-weight:bold; }

ul { margin-left:15px; }
ul.einrueckung1 { margin-left:30px; }

div.trenner { border-bottom:solid 1px #D6D6D6; margin-top:15px; margin-bottom:0px; }

/* Pseudo-Tabellen */

div.teamZeile { clear:left; border-bottom:solid 1px #D6D6D6; margin-top:10px; }
div.teamSpalte1 { float:left; width:150px; }
div.teamSpalte2 { float:left; width:460px; }
img.teamFoto1 { width:113px; height:150px; border:none; margin-bottom:15px; }
p.teamText { margin-bottom:10px; }
p.teamEmail { margin-bottom:10px; }


div.linksZeile { clear:left; border-bottom:solid 1px #D6D6D6; margin-top:10px; }
div.linksSpalte1 { float:left; width:150px; }
div.linksSpalte2 { float:left; width:460px; }
img.linksFoto { width:120px; height:60px; margin-bottom:10px; border:solid 1px #D6D6D6; }
p.linksHeader { font-weight:bold; margin-bottom:10px; }
p.linksText { margin-bottom:10px; }

/* Referenzen */

img.pdfIcon { border:none; width:15px; height:15px; margin-right:10px; vertical-align:middle; }
p.referenzenZeile { font-weight:bold; margin-left:10px; margin-bottom:3px; }

p.referenzenZeile a:link { color:#1C4CA3; text-decoration:none; }
p.referenzenZeile a:visited { color:#1C4CA3; text-decoration:none; }
p.referenzenZeile a:hover { color:#1C4CA3; text-decoration:underline; }
p.referenzenZeile a:active { color:#1C4CA3; text-decoration:none; }

h2.referenzenGruppe a:link { color:#333; text-decoration:none; }
h2.referenzenGruppe a:visited { color:#333; text-decoration:none; }
h2.referenzenGruppe a:hover { color:#1C4CA3; text-decoration:underline; }
h2.referenzenGruppe a:active { color:#333; text-decoration:none; }

p.referenzenMehr { margin-top:10px; margin-bottom:20px; margin-left:10px; }

/* ELEMENTE */

#MotivHauptbild {
	position:absolute; 
	width:550px; 
	height:450px;
	left:0px;
	top:0px;
	z-index:1;
	border:none;
	background-image:url(../img/motiv_1_hauptbild.jpg);
	background-repeat:no-repeat;
	/* background-color:#CEE; */
}

#MotivEcke, #MotivLinie, #PosContainer { left:24px; top:130px; }

#MotivEcke {
	position:absolute; 
	width:10px; 
	height:10px;
	z-index:3;
	border:none;
	background-image:url(../img/motiv_1_ecke.gif);
	background-repeat:no-repeat;
	line-height:0;
	font-size:0.1px;
}

#MotivLinie {
	position:absolute; 
	width:1px; 
	height:320px;
	z-index:4;
	border:none;
	background-image:url(../img/motiv_1_linie.gif);
	background-repeat:no-repeat;
	line-height:0;
	font-size:0.1px;
}

#LogoDruck { display:none; }

#LogoScreen {
	position:absolute; 
	width:336px; 
	height:130px;
	left:650px;
	top:0px;
	z-index:1;
	border:none;
	background-image:url(../img/logo_hoedlconsulting.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

/* img.logoScreenBlank { width:336px; height:130px; border:none; } */

#PosContainer, #Nav1, #Nav2, #ContentOben, #ContentMitte, #ContentUnten, #Fusszeile { width:962px; }

#PosContainer {
	position:absolute;
	z-index:2;
	border:none;
}

#Nav1 {
	position:relative;
	height:35px;
	z-index:2;
	background-color:#C9C9C9;
	background-image:url(../img/nav_1_bg.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:25px;
}

#Nav2 {
	position:relative;
	height:23px;
	z-index:2;
	background-color:#FFF;
	background-image:url(../img/nav_2_bg.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
}

#ContentOben, #ContentMitte, #ContentUnten { background-color:#FEFAF4; z-index:2; }

#ContentOben {
	position:relative;
	height:2px;
	background-image:url(../img/content_randoben_bg.gif);
	background-repeat:no-repeat;
	line-height:0;
	font-size:0.1px;
}

#ContentMitte {
	position:relative;
	background-image:url(../img/content_bg.gif);
	background-repeat:repeat-y;
}

#ContentUnten {
	position:relative;
	height:11px;
	background-color:#FEE2BA;
	background-image:url(../img/content_randunten_bg.gif);
	background-repeat:no-repeat;
	line-height:0;
	font-size:0.1px;
	clear:left;
}

#ContentInnenAbstand {
	/* padding:12px 11px 10px 16px; */
	padding:12px 0px 10px 16px;
	display:inline-block;
}

#Fusszeile {
	margin-top:5px;
	margin-bottom:15px;
	text-align:center;
}

#SpalteContentInhalte {
	float:left;
	width:610px;
	padding-top:21px;
}

#SpalteContentJobframeKlein {
	float:left;
	width:280px;
	margin-left:45px;
}

#IframeKleinWrapper {
	position:relative;
	width:280px;
	height:400px;
	background-color: #FEFAF4;
	/* layer-background-color: #FEFAF4; */
	border:none;
}

#IframeKlein {
	 border:solid 1px #D6D6D6;
	 padding:0px;
	 background-color:#FFF;
}

div.jobframeKleinHeader {
	text-transform:uppercase;
	font-weight:bold;
	margin-left:7px;
	margin-bottom:5px;
}

div.jobframeKleinFooter {
	margin-top:7px;
	margin-left:7px;
}

#IframeGrossWrapper {
	position:relative;
	width:935px;
	height:500px;
	background-color:#FEFAF4;
	/* layer-background-color: #FEFAF4; */
	border:none;
}

#IframeGross {
	 border:none 1px #D6D6D6;
	 padding:0px;
	 background-color:#FEFAF4;
}

div.jobframeGrossFooter {
	margin-top:7px;
	margin-left:7px;
}

#SubSpalteContentNav3, #SubSpalteContentInhalte { padding-top:0px; }

#SubSpalteContentNav3 {
	float:left;
	width:180px;
}

div.nav3 {
	margin-bottom:5px;
}

#SubSpalteContentInhalte {
	float:left;
	width:430px;
}

h1.SubSpalteContentInhalte { width:430px; margin-left:180px; }

/* Content-Bilder */

img.contentNormal, img.contentSchmal, img.contentBreit { display:block; margin:10px 0 10px 0; border:none; }

img.contentNormal {
	width:610px;
}

img.contentSchmal {
	width:430px;
}

img.contentBreit {
	width:935px;
}

/* Hauptnavigation Anfang */

div.nav1Abstand { margin-left:7px; }
div.nav2Abstand { margin-left:12px; }

img.nav1 {
	border:none;
	margin:0 0px 0 0;
	height:35px;
}

img.nav2 {
	border:none;
	margin:0 0px 0 0;
	height:23px;
}

#Nav1 a { font-size:12px; font-weight:bold; margin-right:10px; vertical-align:middle; }
#Nav1 a:link { color:#FFF; text-decoration:none; text-transform:uppercase; }
#Nav1 a:visited { color:#FFF; text-decoration:none; text-transform:uppercase; }
#Nav1 a:hover { color:#464646; text-decoration:none; text-transform:uppercase; }
#Nav1 a:active { color:#464646; text-decoration:none; text-transform:uppercase; }

#Nav2 a { font-size:11px; font-weight:bold; margin-right:10px; vertical-align:middle; }
#Nav2 a:link { color:#9A9A9A; text-decoration:none; text-transform:uppercase; }
#Nav2 a:visited { color:#9A9A9A; text-decoration:none; text-transform:uppercase; }
#Nav2 a:hover { color:#464646; text-decoration:none; text-transform:uppercase; }
#Nav2 a:active { color:#464646; text-decoration:none; text-transform:uppercase; }

/* Hauptnavigation Ende */



/* ANFANG KONTAKTFORMULAR */
/*
form { margin:0; padding:0; }
input { background-color:#F5F5F5; color:#000; border:solid 1px #C4BEB5; font-size:11px; font-family:Verdana,Helvetica,sans-serif; padding:2px 5px; vertical-align:middle; line-height:1em; }
input.formButton { background-color:#D75B34; color:#FFF; border:solid 1px #5E5E5E; font-size:11px; font-weight:bold; font-family:Verdana,Helvetica,sans-serif; text-transform:uppercase; padding:1px 10px; margin-left:100px; margin-top:15px; vertical-align:middle; cursor:pointer; }
input.formButton:hover { background-color:#CE0000; }

div.feldLabel { width:100px; float:left; }
div.feldAusrichtung { margin-left:100px; }
input.kontaktNormal { width:200px; }
input.kontaktPlz { width:50px; margin-right:10px; }
input.kontaktOrt { width:140px; }
input.kontaktHalb { width:100px; }
textarea.kontaktArea { width:350px; background-color:#F5F5F5; color:#000; border:solid 1px #C4BEB5; font-size:11px; font-family:Verdana,Helvetica,sans-serif; padding:2px 5px; }
input.keinStyle { background-color:transparent; color:#000; border:none; padding:0;}
*/
/* ENDE KONTAKTFORMULAR */

/* ENDE der SCREEN-Styles */

/* DRUCKER-STYLES - Beispiele!!! */

@media print { 
	/* Formatierung für das Drucken */ 
	/* #LayerXY { display:none; } */
	/* #LayerAB { width:100%; float:none; } */
	body { background-color:#FFF; color:#000; margin:1em; }
	img { border:none; }
	#Container { position:relative; top:50px; left:20px; }
	#LogoDruck { display:block; margin-bottom:20px; width:100%; text-align:right; }
	#LogoScreen, #Nav1, #Nav2, #ContentOben, #ContentUnten { display:none; }
	#ContentMitte { margin-bottom:2em; }
	#Fusszeile { text-align:left; margin-top:2em; }
}