/* CSS Christine Miedaner 08.2005 */

/* Farben: */
/* Farbe orange: #ED9404  */
/* Schrift Navi: #FFFFFF */
/* Schrift Navi OVER: #ED9404 */

body {
	text-align:center; padding:0px 0px 5px 0px; margin:0px; background-color:#ffffff;
	background-image:url(../allgemein/body_hintergrund.jpg); background-repeat:repeat-x; font-size:1.01em;
}
p, h1, h2, h3, h4, ul, li, a, td, label, input, textarea {
	font-family: verdana, arial, sans serif; font-weight:normal; color:#333333; margin:0px; padding:0px;
}
ul {list-style-type:none;}
li, h2, a {background-repeat:no-repeat;}
a {text-decoration:none;}
img {border:none; }

/* hauptbox ------------------------------------------------------------------*/
#box-center
{
	width:770px; margin:0px auto; /*padding-bottom:50px;*/ background-color:#FFFFFF;
	background-image:url(../allgemein/hintergrund_box_links.jpg); background-repeat:repeat-y; text-align:left;
}

/* box-links ------------------------------------------------------------------*/
#box-links {float:left; width:220px;}
#box-links-bild-oben
{
	width:220px; height:151px; margin:0px; padding:0px; background-image:url(../allgemein/box_links_bild_oben.jpg);
	background-repeat:no-repeat;
}
#box-links-navi
{
	width:220px; margin:0px; padding:0px; background-image:url(../allgemein/hintergrund_box_links_navi.jpg);
	background-repeat:no-repeat;
}

	/* box-navi ------------------------------------------------------------------*/
	#ul-hauptnavipunkte {margin:0px 0px 0px 0px; padding-top:10px; padding-bottom:20px; line-height:0.9em; font-size:0.85em;}
	#ul-hauptnavipunkte li {margin:0px 0px 0px 0px; text-align:right;}

	/* Links */
	#ul-hauptnavipunkte a {color:#FFFFFF; padding:5px 40px 5px 0px; display:block; width:180px;}
	#ul-hauptnavipunkte a.unterster-navipunkt {color:#FFFFFF; padding:5px 40px 5px 0px; display:block; width:180px;}

	/* hover (mousover und over aktuelle seite) */
	#ul-hauptnavipunkte a:hover,
	#ul-hauptnavipunkte a.over
	{
		color:#ED9404; background-image:url(../allgemein/hintergrund_navi_overquadrat.gif); background-repeat:no-repeat;
		background-position:right;
	}

	/* box-bild-links ------------------------------------------------------------------*/
	/* todo: zusammenfassen ------------------------------------------------------------------*/
	#box-links-bild-unten-startseite, #box-links-bild-unten-miedaner, #box-links-bild-unten-supervision,
	#box-links-bild-unten-coaching, #box-links-bild-unten-dgsv, #box-links-bild-unten-referenzen,
	#box-links-bild-unten-anfahrt, #box-links-bild-unten-kontaktformular, #box-links-bild-unten-aktuelles,
	#box-links-bild-unten-impressum
	{
		width:220px; margin:0px; padding:0px; background-repeat:no-repeat;
	}

	#box-links-bild-unten-startseite {height:300px; background-image:url(../allgemein/bild_startseite_box_links3.jpg);}
	#box-links-bild-unten-miedaner {height:250px; background-image:url(../allgemein/bild_miedaner_box_links2.jpg);}
	#box-links-bild-unten-supervision {height:230px; background-image:url(../allgemein/bild_supervision_box_links.jpg);}
	#box-links-bild-unten-coaching {height:180px; background-image:url(../allgemein/bild_coaching_box_links.jpg);}
	#box-links-bild-unten-dgsv {height:180px; background-image:url(../allgemein/bild_dgsv_box_links.jpg);}
	#box-links-bild-unten-referenzen {height:300px; background-image:url(../allgemein/bild_referenzen_box_links2.jpg);}
	#box-links-bild-unten-anfahrt {height:180px; background-image:url(../allgemein/bild_anfahrt_box_links.jpg);}
	#box-links-bild-unten-kontaktformular {height:180px; background-image:url(../allgemein/bild_kontaktformular_box_links.jpg);}
	#box-links-bild-unten-aktuelles {height:180px; background-image:url(../allgemein/bild_aktuelles_box_links.jpg);}
	#box-links-bild-unten-impressum {height:180px;	background-image:url(../allgemein/bild_impressum_box_links2.jpg);}

	/* box-links-unten-flaeche ------------------------------------------------------------------*/
	#box-links-unten-flaeche
	{
		width:220px; height:162px; margin:0px; padding:0px; background-image:url(../allgemein/hintergrund_box_links_unten.jpg);
		background-repeat:no-repeat;
	}

/* header ------------------------------------------------------------------*/
#box-header
{
	float:right; width:549px; height:114px; background-image:url(../allgemein/hintergrund_header.jpg); background-repeat:repeat-x;
}
#img-logo {margin:7px 0px 0px 220px; padding:0px;}

/* content ------------------------------------------------------------------*/
#box-content {float:right; width:548px;}
#box-content ul {margin-left:0px;}

	/* listen ohne links */
	#box-content ul li
	{
		font-size:0.8em; background-image:url(../allgemein/listenpunkt.gif); padding:0px 20px 0px 18px;
		display:block; margin:0px 0px 5px 30px; line-height:1.4em;
	}

	/* Liste in einem Listenpunkt */
	#box-content .liste-1 {margin:5px 0px 15px 0px;}
	#box-content .liste-1 li
	{
		font-size:1em; background-image:url(../allgemein/listenpunkt_2.gif); padding:3px 20px 0px 18px;
		display:block; margin:0px 0px 5px 5px; line-height:1.1em;
	}
	#box-content h1 {font-size:0.9em; color:#ED9404; font-weight:bold; margin:30px 0px 20px 30px;}
	#box-content h2 {font-size:0.8em; font-weight:bold; margin:0px 0px 15px 30px;}
	#box-content h3 {font-size:0.8em; font-weight:bold; margin:0px 0px 15px 30px;}
	#box-content p {font-size:0.8em; padding-right:20px; margin:0px 0px 15px 30px; line-height:1.4em;}
	#box-content td {font-size:0.8em; line-height:1.4em;}
	#box-content td p {font-size:1em; line-height:1em; margin:0px; padding:0px;}

	/* abstände */
	#box-content .abstand-unten-1 {margin-bottom:10px;}
	#box-content .abstand-unten-2 {margin-bottom:20px;}
	#box-content .abstand-unten-3 {margin-bottom:30px;}
	#box-content .abstand-unten-5 {margin-bottom:40px;}
	#box-content .abstand-unten-10 {margin-bottom:220px;}

	/* Links im conent */
	#box-content a {color:#ED9404; text-decoration:underline;}
	#box-content a:hover {color:#ED9404; text-decoration:none;}

	/* fett */
	#box-content .fett {font-weight:bold;}

	/* eigene Stile */
	#box-content .stil1 {color:#00587C;}

	/* clear:both - zurücksetzen float*/
	#box-content .clear {clear:both;}


/* Startseite ------------------------------------------------------------------*/
#box-content #ul-startseite {margin:30px 0px 0px 0px;}
#box-content #img-startseite-collage {margin:40px 0px 40px 40px;}

/* Miedaner ------------------------------------------------------------------*/
#box-content #ul-miedaner {margin:0px 0px 40px 0px;}
#box-content #ul-miedaner-2 {margin:0px 0px 40px 0px;}
#box-content #ul-miedaner-3 {margin:0px 0px 40px 0px;}
#box-content #ul-miedaner-4 {margin:0px 0px 40px 0px;}
#box-content #img-miedaner-1 {margin:40px 20px 0px 0px; float:right;}

/* Supervision ------------------------------------------------------------------*/
#box-content #ul-supervision {margin:0px 0px 20px 0px;}
#box-content #ul-supervision-2 {margin:0px 0px 20px 0px;}
#box-content #ul-supervision-3 {margin:0px 0px 40px 0px;}
#box-content #ul-supervision-4 {margin:0px 0px 40px 0px;}
#box-content #ul-supervision-5 {margin:0px 0px 40px 0px;}
#box-content #img-supervision-1 {margin:0px 30px 0px 0px; float:right;}

/* Coaching ------------------------------------------------------------------*/
#box-content #ul-coaching {margin:0px 0px 30px 0px;}
#box-content #img-coaching-1 {margin:0px 0px 40px 70px;}
#box-content #ul-coaching-2 {margin:0px 0px 40px 0px;}

/* DGSv ------------------------------------------------------------------*/
#box-content #ul-dgsv {margin:0px 0px 30px 0px;}
#box-content #ul-dgsv-2 {margin:0px 0px 40px 0px;}

/* Referenzen ------------------------------------------------------------------*/
#box-content #ul-referenzen {margin:0px 0px 30px 0px;}
#box-content #ul-referenzen-2 {margin:0px 0px 30px 0px;}
#box-content #ul-referenzen-3 {margin:0px 0px 60px 0px;}

/* Anfahrt  ------------------------------------------------------------------*/
#box-content #img-anfahrt {margin:20px 0px 30px 30px;}


/* Kontaktformular ------------------------------------------------------------------*/
/* tabelle kontaktformular  */
#tbl-kontaktformular {border-collapse:collapse; margin:20px 0px 0px 30px;}
#tbl-kontaktformular td {padding:3px 0px 3px 0px; vertical-align:middle;}
#tbl-kontaktformular .td-1 {width:160px;}
#tbl-kontaktformular .td-2 {width:320px;}

/* input felder kontaktformular */
#box-content .vorname-name, #box-content .strasse, #box-content .ort,
#box-content .telefon, #box-content .mobiltelefon, #box-content .nr, #box-content .email,
#box-content .nachricht,
#box-content .empfohlen,
#box-content .textarea-interesse {height:18px; padding:3px 0px 0px 4px; border:1px solid #7F9DB9; font-size:1.0em;}

/* input felder */
#box-content .vorname-name {width:200px;}
#box-content .strasse {width:200px;}
#box-content .ort {width:200px;}
#box-content .telefon {width:200px;}
#box-content .mobiltelefon {width:200px;}
#box-content .nr {width:200px;}
#box-content .email {width:200px;}
#box-content .nachricht {width:270px; height:100px;}
#box-content .empfohlen {width:270px;}
#box-content .textarea-interesse {width:270px; height:38px;}

/* Kontaktaufnahme */
#box-content .td-kontaktaufnahme {padding-top:30px; padding-bottom:10px;}

/* Optionen Kontaktaufnahme */
#box-content .td-kontaktaufnahme-2 {padding-top:5px; padding-bottom:5px;}

/* Interesse */
#box-content .td-interesse {padding-top:30px; padding-bottom:10px;}

/* Optionen Interesse */
#box-content .td-interesse-2 {padding-top:5px; padding-bottom:5px;}
#box-content .td-interesse-3 {padding-top:15px; padding-bottom:5px;}

/* Nachricht */
#box-content .td-nachricht-2 {padding-top:30px;}

/* Erfahren durch */
#box-content .td-erfahren {padding-top:30px; padding-bottom:10px;}

/* Optionen Erfahren durch */
#box-content .td-erfahren-2 {padding-top:5px; padding-bottom:5px;}

/* button senden */
#box-content .senden {margin:30px 0px 30px 30px;}

/* Eingabefehler */
#box-content .p-eingabefehler {color:red; margin-top:30px;}
#box-content .eingabefehler {border:1px solid red;}

/* Allgemeine Festlegungen zum Formular */
#box-content .vertical-top {vertical-align:top;}

/* Aktuelles ------------------------------------------------------------------*/
#box-content #ul-aktuelles {margin:0px 0px 20px 0px;}
#box-content #ul-aktuelles-spacer {margin:0px 0px 100px 0px;}
#box-content .ul-aktuelles-typ-2 {margin:0px 0px 15px 0px;}

#box-content .box-hinweis,
#box-content .box-hinweis-2
{
  background-color: #ed9404; font-family:Verdana; font-size:12px; color:#fff; padding:4px; font-weight:bold;
}

/* Footer ------------------------------------------------------------------*/
#box-content #footer {height:20px; background-image:url(../allgemein/hintergrund_footer.jpg); background-repeat:repeat-x;}
#box-content #footer p {color:#FFFFFF; font-size:0.55em; text-align:center; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px;}

/* Links im footer */
#box-content #footer a {color:#FFFFFF; text-decoration:underline;}
#box-content #footer a:hover {color:#ED9404; text-decoration:none;}