/* ===========================
Stylesheet Template:
Datei: bildschirm.css
author: Christian Meller
date: 08.08.2011
=============================*/
@charset "utf-8";

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

.clearing {
	clear: both;
}

* { padding: 0; margin: 0; } /* Einheitliche Ausgangssituation geschaffen */

a {
	text-decoration: none;
	color:#900;
}

a:hover {
	text-decoration: none;
	color:#3a7ea0;
}

/* ===========================
Ueberschriften und Bilder
=============================*/
.image {
	border: 1px solid grey;
}

#fotocointainer {
	margin-top: 40px;
	margin-bottom: 40px;
}

.portrait {
	border:1px solid grey;
}

#anschrift {
	text-transform:uppercase;
	color:#3a7ea0;
	font-family:"Courier New", Courier, monospace;
	font-size:larger;
}

h2 {
	font-size:medium;
	color:black;
}

h3 {
	font-size:larger;
	color:#3a7ea0;
	font-family:"Courier New", Courier, monospace;
}

h4 {
	font-size:medium;
	color:#3a7ea0;
	font-family:"Courier New", Courier, monospace;
}

.cite {
	font-style: italic;
	color:grey;
}

span.citeBigger {
	color:#333;
	font-style: italic;
	letter-spacing: 2px;
}

span.citeShazer {
	font-size: smaller;
	color:#333;
	font-style: italic;
	letter-spacing: 2px;
}

#linkes_foto {
	float:left;
}

#rechtes_foto {
	float:right;
}

.aufzaehlungen {
	color:#900;
	padding-left:20px;
	list-style-type:square;
}

.aufzaehlungen li span {
	color: black;
}


/* ===========================
Navigation
=============================*/
/*--formatiert die Menüleiste--*/
#menu {
	padding-top:245px;
	padding-left:40px;
	width: 100%;
	float: left;
	color: white;
} 

/*--formatiert die Themenblöcke--*/
#menu ul {
	float: left;
	padding-left: 10px;
	list-style-type: none;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: .90em;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
} 

#dropdown {
	padding-top: 10px;
}

#dropdown li a {
	padding-top:5px;
	width:180px;
	height:20px;
	padding-bottom:5px;
	font-size: 10px;
	text-transform: uppercase;
}

/*--definiert die "Drop-Down-Links" im Normalzustand, da keine Klasse angegeben--*/
#menu a {
	color:#fbe0a7;
	padding: 0.2em 15px;
	text-decoration: none;
	float:left;
	background-color:#a0121b;
	width:130px;
}

#menu #active a {
	color: white;
}

#menu #active_p a {
	color: white;
}

#dropdown {
	padding-top:20px;
	text-transform:lowercase;
}

#dropdown a {
	text-transform:none;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
	color: white;
} 

/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
	position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
	position: absolute;
	z-index: 2;
	display: none;
} 

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
	display: block;
} 

#menu a.direkt:link {

}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:hover {
	
} 

.impressum {
	padding-left:30px;
}

/* ===========================
Grundelemente
=============================*/
body {
	font-size: 12px;
	font-family: Helvetica,Arial,sans-serif;
	background-color:white;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#fbe0a7;
}

#header {
	width:1092px;
	height:285px;
	background-image:url(../img/header.jpg);
}

#oben {
	background-image:url(../img/bg_oben_vertikal.jpg);
	height:285px;
}

#wrapper {
	width:1092px;
	margin:auto;
}

#inhalt_gesamt {
	width:1092px;
	height:700px;
	background-color:white;
	background-image:url(../img/bg_text_horizontal.jpg);
	background-repeat:repeat-y;
}

/* ================================*/
#body_arbeitsweise #inhalt_gesamt {
	height: 750px;
}

#body_arbeitsweise #anschrift_container {
	margin-top:150px;
}

#freiheiten_container {
	margin-top: 15px;
	font-size:10px;
	font-style:italic;
	color:#333;
	text-align:center;
	letter-spacing: 1px;
}
/* ================================*/
/* ================================*/
#body_angebot #inhalt_gesamt { 
	height: 800px;
}

#body_angebot #anschrift_container {
	margin-top: 310px;
}
/* ================================*/
/* ================================*/
#body_impressum #inhalt_gesamt {
	height: 800px;
}

#body_impressum #anschrift_container {
	margin-top: 329px;
}
/* ================================*/
/* ================================*/
#body_mobbing #inhalt_gesamt {
	height: 750px;
}

#body_mobbing #anschrift_container {
	margin-top: 285px;
}
/* ================================*/
/* ================================*/
#body_impressum #inhalt_gesamt{
	height: 1030px;
}

#body_impressum #anschrift_container {
	margin-top: 560px;
}
/* ================================*/
/* ================================*/
#linker_bereich {
	float:left;
	width:400px;
	margin-left: 50px;
	padding-top: 20px;
	font-size:14px;
}

#textbereich {
	float:right;
	background-color:#fbe0a7;
	text-align:justify;
	width:500px;
	margin-right: 80px;
	padding-top: 20px;
	font-size:14px;
}

#anschrift_container {
	margin-top:230px;
}

#footer {
	width:1092px;
	height:34px;
	background-color: white;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
}

#impressum {
	font-size:smaller;
	text-transform:uppercase;
	color:#928b8b;
	text-align:center;
	margin-top:5px;
	padding-bottom:100px;
}

#portrait_susann { 
	padding-top: 20px;
	padding-left: 250px;
	float: left;
}

.imageContainer {
	float: left;
}

.imageText {
	float: left;
	margin-left: 50px;
}


/* ===========================
Angebote
=============================*/
#familienberatung {
	float: left;
	width:230px;
	height:120px;
}

#erziehungsberatung {
	float: right;
	width:230px;
	height:120px;
}

#paarberatung {
	float: left;
	width:230px;
	height:120px;
}

#mediation {
	float: right;
	width:230px;
	height:120px;
}

#mobbingberatung {
	float: left;
	width:230px;
	height:120px;
}

#burnout {
	float: right;
	width:230px;
	height:120px;
}

#biografie {
	float: left;
	width:230px;
	height:100px;
}

#sozialberatung {
	float: right;
	width:230px;
	height:100px;
}