/*****************/
/* bei XHTML den Rahmen um img-Tags entfernen */
img {
    border:0;
}
/*****************/
body  {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align:left;/*	color: #333333;  */
	background-color: #cccccc;
}
table  {
	margin:0;
	padding:0;

}
p   {
    padding:0 0 0 0;
    margin:0 0 6px 0;
}
li   {
    padding:0 0 0 0;
    margin:0 0 6px 0;
}

a   {
	padding:0;
	margin:0;
	text-decoration:none;
	color: #EDA200;
}

#box_haupt {
	position:absolute;
	top:50%;
	left:50%;
	width:760px;
	height:570px;
	margin-top:-285px;
	margin-left:-410px;
	background-color:#FFFFFF;
}

#box_oben_orange {
	position:absolute;
	left: 0px;
	top: 0px;
	height: 187px;
	width: 151px;
	background-color: #cccccc;
}

#schleife {
	position: absolute;
	left: 151px;
	top: 0px;
	height: 170px;
	width: 609px;
	background-image: url(../bilder/schleife_klein_dunkel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#box_logo {
	position: absolute;
	height: 100px;
	width: 240px;
	left: 360px;
	top: 15px;
}


#box_weiss {
	position: absolute;
	height: 375px;
	width: 583px;
	left: 177px;
	top: 170px;
	background-color: #FFFFFF;
}

#box_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 355px;
	width: 510px;
	position: absolute;
	left: 50px;
	top: 15px;
}

#box_unten_weiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	height: 25px;
	width: 609px;
	position: absolute;
	left: 151px;
	top: 545px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}

#box_unten_orange {
	height: 173px;
	width: 151px;
	position: absolute;
	left: 0px;
	top: 397px;
	background-color: #cccccc;
}
#box_logo_bm {
	height: 67px;
	width: 60px;
	position: absolute;
	top: 115px;
	left: 90px;
	background-color: #cccccc;
}

#box_streifen_weiss {
	background-color: #FFFFFF;
	height: 115px;
	width: 16px;
	position: absolute;
	left: 151px;
	top: 482px;
}
#box_zurueck {
	height: 18px;
	width: 75px;
	position: absolute;
	left: 0px;
	top: 320px;
}
#box_weiter {
	height: 18px;
	width: 75px;
	position: absolute;
	left: 400px;
	top: 320px;
}
#box_konflikt_ablauf {
	height: 28px;
	width: 312px;
	position: absolute;
	left: 0px;
	top: 220px;
}
#box_angebot_kosten {
	height: 28px;
	width: 312px;
	position: absolute;
	left: 0px;
	top: 310px;
}
#box_foto {
	font-size: 14px;
	height: 250px;
	width: 140px;
	position: absolute;
	left: 379px;
	top: 3px;
}
#box_kontakt_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 315px;
	width: 170px;
	position: absolute;
	left: 0px;
	top: 30px;
}
#box_kontakt_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 315px;
	width: 310px;
	position: absolute;
	left: 200px;
	top: 25px;

}




/********** hier beginnt die Navigation  **********/

#box_navi {
	position:absolute;
	left: 0;
	top: 187px;
	height: 210px;
	width: 177px;
	background-color: #cccccc;
}
#box_navi a {
	display:block;
	text-decoration:none;
    background-position:right;
    background-repeat:no-repeat;
	height: 30px;
}
/*#box_navi_unten ist der weiße Kasten unter den ganzen Menüpunkten und befindet sich in box_navi*/
#box_navi_unten {
	position:absolute;
	top: 240px;
	left: 151px;
	height: 135px;
	width: 26px;
	background-color: #FFFFFF;
}


#start a, #start a:link, #start a:visited, #start a:focus, #start a:active {
	background-image: url(../bilder/verlauf_start.gif);
}
#start a:hover  {
	background-image: url(../bilder/verlauf_start_1.gif);
}
#media a, #media a:link, #media a:visited, #media a:focus, #media a:active {
	background-image: url(../bilder/verlauf_mediation.gif);
}
#media a:hover {
	background-image: url(../bilder/verlauf_mediation_1.gif);
}
#konflikt a, #konflikt a:link, #konflikt a:visited, #konflikt a:focus, #konflikt a:active {
	background-image: url(../bilder/verlauf_konflikt.gif);
}
#konflikt a:hover {
	background-image: url(../bilder/verlauf_konflikt_1.gif);
}
#training a, #training a:link, #training a:visited, #training a:focus, #training a:active {
	background-image: url(../bilder/verlauf_training.gif);
}
#training a:hover {
	background-image: url(../bilder/verlauf_training_1.gif);
}
#anwendung a, #anwendung a:link, #anwendung a:visited, #anwendung a:focus, #anwendung a:active {
	background-image: url(../bilder/verlauf_anwendung.gif);
}
#anwendung a:hover {
	background-image: url(../bilder/verlauf_anwendung_1.gif);
}
#angebot a, #angebot a:link, #angebot a:visited, #angebot a:focus, #angebot a:active {
	background-image: url(../bilder/verlauf_angebot.gif);
}
#angebot a:hover {
	background-image: url(../bilder/verlauf_angebot_1.gif);
}
#profil a, #profil a:link, #profil a:visited, #profil a:focus, #profil a:active {
	background-image: url(../bilder/verlauf_profil.gif);
}
#profil a:hover {
	background-image: url(../bilder/verlauf_profil_1.gif);
}
#kontakt a, #kontakt a:link, #kontakt a:visited, #kontakt a:focus, #kontakt a:active {
	background-image: url(../bilder/verlauf_kontakt.gif);
}
#kontakt a:hover {
	background-image: url(../bilder/verlauf_kontakt_1.gif);
}


/* "normale" Links */
a, a:link, a:visited, a:focus, a:active {
}
a:hover {
}

/********** hier endet die Navigation  **********/


.schrift_fett {
    font-size: 14px;
	font-weight: bold;
	color: #555555;
}
.schrift_fett_absatz {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	margin:0 0 10px 0;
}
.schrift_fett_orange {
    font-size: 14px;
	font-weight: bold;
	color: #EDA200;
}
.schrift_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EDA200;
}
.strich_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #EDA200;
}
.ueberschrift {
	font-size: 16px;
	color: #EDA200;
	font-weight: bold;	
	/*text-align: right;*/
}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.fliesstext {
	font-size: 14px;
}
.fliesstext_klein {
	font-size: 12px;
	padding:0 0 0 0;
	margin:0 0 2px 0;
}
.subhead_profil {
	font-size: 12px;
	padding:0 0 0 0;
	margin:4px 0 0 0;
}
 /* hier beginnt das Kontaktformular*/
tr {
    margin-top: 10px;
	}
	
.th_edit {
	color: #EDA200;
	font-weight: normal;
	padding: 0 0 0px 0;
	width: 50px;
}

.th_edit_top {                /* th für anfrage, Ausrichtung oben*/
	color: #EDA200;
	font-weight: normal;
	padding: 0 0 0px 0;
	width: 50px;
	vertical-align: top;
}	


td {
   padding: 0 0 7px 0;
   width: 250px;
}


.edit {
	background-color: #CCCCCC;
 	border: 0px solid #000000;
	width: 250px;	
}

.knopf {
	color: #EDA200;                           /*button orange senden auf Kontaktformular*/
	background-color: #CCCCCC;
	border: 0px solid #999999;
	font-weight: bold;
}
 /* hier endet das Kontaktformular*/

#bestaetigung {                             /*Bestätigungsmeldung nach php-Kontaktmail*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	border: thin solid #EDA200;
	margin:100px;
	padding: 30px;
	width: 600px;
	background-color: #CCCCCC;
}
.knopf_bestaetigung {                               /*zurück-Knopf auf Kontaktformular*/
	color: #cc0033;
	background-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	text-align: right;
}