* html #content
			{ /* fuer IE Win \*/
   			height: 100%; 
 			/* */ /* for Mac IE */
			}
			
body {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	line-height: 140%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #595656;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	background-color: #f2f2f2;
}

#container_big {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} 


/* ----------container zentriert das layout-------------- */
#container {
	width: 970px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

/* ---------- headbereich -------------- */

#head {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 970px;

}

#logo {
	padding: 0 0px 0 0;
	margin: 18px 0 0 0;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	width: 337px;
	height: 79px;
}

#head_home {
	width: 970px;
	height: 380px;
	background-image: url(../img/home.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#head_mediation {
	width: 970px;
	height: 380px;
	background-image: url(../img/mediation.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#head_angebot {
	width: 970px;
	height: 380px;
	background-image: url(../img/angebot.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#head_mich {
	width: 970px;
	height: 380px;
	background-image: url(../img/ueber_mich.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#head_kontakt {
	width: 970px;
	height: 380px;
	background-image: url(../img/kontakt_2.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#head_kontakt_b {
	width: 970px;
	height: 380px;
	background-image: url(../img/kontakt_3.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#slogan {
	width: 212px;
	height: 189px;
	background-image: url(../img/slogan2.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: -60px;
}

#navi {
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
}

#navi li {display: inline; list-style-type: none;}

#navi a {text-decoration: none; padding: 50px 7px 10px 7px; color: #717d8a;}

#navi a:hover {background-color: #fcc157; color: #fff;}

.active {background-color: #fcc157; color: #fff; padding: 50px 7px 10px 7px; }

/* -----------------Zitat--------------------- */

#zitat {
	width: 970px;
	color: White;
	font-size: 20px;
}

#zitat_inhalt {
	background-color: #9c2235;
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#zitat_text {
	color: White;
	font-size: 20px;
	text-align: center;
	margin-top: -20px;
}

.author {
	font-size: 16px;
}

#schatten {
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: auto;
	width: 970px;
	height: 24px;
	background-image: url(../img/schatten.png);
	background-repeat: no-repeat;
}

#anf_li {
	width: 970px;
	height: 30px;
	background-image: url(../img/anf_li.png);
	background-repeat: no-repeat;
}

#anf_re {
	width: 970px;
	height: 30px;
	background-image: url(../img/anf_re.png);
	background-repeat: no-repeat;
	margin-top: -20px;
}


/* -----------------Inhalt--------------------- */
#content {
	height : 100%;
	padding: 20px 20px 20px 20px;
	margin: -300 0 0 0px;
	background-color: White;
}

p {line-height: 140%;}

.mehr {
	text-align: right;
	font-weight: bold;
}

.mehr a {
	text-decoration: none; color: Black;
}

.mehr a:hover {
	text-decoration: none; color: Black;
}

.button {float: right; padding-left: 10px;}

.weiter { text-align: center; width: 970px;}


#content li {line-height: 140%; margin-left: -10 px;}

#content ul {color: #fcc157;}

ul li span {color: #595656;}

h1 {
	font-weight: bold;
	font-size: 32px;
	margin-top: 0px;
	padding-bottom: 0px;
	line-height: 100%;
	color: Black;
}

h2 {
	font-weight: bold;
	font-size: 26px;
	margin-top: 0px;
	padding-bottom: 0px;
	line-height: 100%;
	color: Black;
}

h3 {
	font-weight: bold;
	font-size: 22px;
	margin-top: 0px;
	padding-bottom: 0px;
	line-height: 100%;
	color: Black;
}

#quelle {font-size: 15px;}

.box_grey {
	width: 269px;
	background-color: #dee1e3;
	padding: 15px;
	float: right;
}

.box_white {padding: 0px; width: 269px; float: left; padding-right: 40px;}

a {color:#4b4b4b; text-decoration: underline;}

a:hover {color:#4b4b4b; text-decoration: underline;}


/* -----------footer--------------------------- */
#footer {
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: auto;
	margin-top: -20px;
	width: 100%;
	background-color: #91c46d;
	height: 70px;
	letter-spacing: 1px;
}

#footer_2 {
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: auto;
	width: 970px;
	color: White;
	font-size: 15px;
}

#footer_1 {
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: auto;
	width: 970px;
	height: 24px;
	background-image: url(../img/schatten.png);
	background-repeat: no-repeat;
}

#navi_footer { float: right; text-transform: uppercase; color: White;}

#navi_footer a{color: White; text-decoration: none; padding-left: 10px;}


/* --------------abstände------------- */
.a {clear: both;}
.a2 {clear:both; font-size:2px; height:2px;border:0px;overflow:hidden;}
.a5 {clear:both; font-size:5px; height:5px;border:0px;overflow:hidden;}
.a10 {clear:both; font-size:10px; height:10px;border:0px;overflow:hidden;}
.a15 {clear:both; font-size:15px; height:15px;border:0px;overflow:hidden;}
.a20 {clear:both; font-size:20px; height:20px;border:0px;overflow:hidden;}
.a30 {clear:both; font-size:30px; height:30px;border:0px;overflow:hidden;}
.a40 {clear:both; font-size:40px; height:40px;border:0px;overflow:hidden;}
.a50 {clear:both; font-size:50px; height:50px;border:0px;overflow:hidden;}
.a70 {clear:both; font-size:70px; height:70px;border:0px;overflow:hidden;}
.a100 {clear:both; font-size:100px; height:100px;border:0px;overflow:hidden;}
.a170 {clear:both; font-size:170px; height:170px;border:0px;overflow:hidden;}