body, html{ padding:0px; margin:0px; font-family:Arial; text-align:center; font-size:11px; }
img{ border:0; }
#outerpage{ width:1150px; margin:auto; }
#innerpage{ float:left; width:1000px; text-align:left; padding:10px 0 0 0; }
#skyscraper{ float:left; padding-left:30px; width:120px; height:600px; background-color:#ffffff; }
a{ color:#83999f; text-decoration:none; }
a:hover{ text-decoration:underline; }
div.social{ float:right; }
div.social img{ padding-right:2px; }
/* Head-Bereich ... alles quasi im roten Block drin */
#header{ float:left; width:1000px; height:83px; color:#ffffff; background:url(../images/layout/bg_header.jpg) no-repeat;}
#slogan{ float:left; width:550px; }
span.logo{ float:left; font-size:40px; font-weight:bold; padding:5px 0 0 10px; }
span.slogan{ float:right; font-size:15px; font-weight:bold; padding-right:30px; }
#navitop{ width:440px; float:right; padding:10px 10px 0 0; }
#navitop ul{ padding:0px; margin:0px; float:right; }
#navitop li{ float:left; padding:0 5px 0 5px; border-right:1px solid #e1848e; list-style:none; }
#navitop a{ color:#ffffff; font-size:11px; text-decoration:none; }
#navitop a:hover,#navitop a.selected{ text-decoration:underline; }
#login{ float:left; width:440px; padding:15px 10px 0 0; }
#login_inner{ float:right; width:440px; text-align:right; }
#login form{ float:right; padding:0; margin:0; }
input.benutzer{ width:100px; border:1px solid #940717; padding:2px; font-size:11px; color:#58585a; }
input.passwort{ width:75px; border:1px solid #940717; padding:2px; font-size:11px; color:#58585a; }
input.login{ width:50px; border:1px solid #940717; padding:2px; font-size:11px; }
#login a{ color:#ffffff; }
#people{ float:left; width:1000px; }
/* Navigationsleiste */
#navi{ float:left; width:1000px; height:30px; padding:10px 0 0 10px; background:url(../images/layout/bg_navi.jpg) no-repeat; }
#navi ul{ padding:0px; margin:0px; float:left; }
#navi li{ float:left; padding:0 5px 0 5px; border-right:1px solid #9a9a9b; list-style:none; }
#navi a{ color:#3d3c3f; font-size:12px; text-decoration:none; font-weight:bold; }
#navi a:hover,#navi a.selected{ text-decoration:underline; }
/* Hauptaufteilung */
#content_left{ float:left; width:644px; padding-right:27px; }
#content_right{ float:left; width:329px; }
/* Alle Boxen auf der rechten Seite */
div.right{ float:left; width:329px; margin-top:10px; padding:10px 0 0 0; background:url(../images/layout/bg_b_head.jpg) no-repeat; }
div.right_head{ float:left; width:299px; padding:10px 15px 10px 15px; font-size:16px; font-weight:bold; color:#3d3c3f; background:url(../images/layout/bg_b_body.jpg) repeat-y; }
div.right_head_l{ float:left; width:299px; padding-bottom:5px; border-bottom:1px dotted #bdbdbe; }
div.right_body{ float:left; width:299px; padding:0 15px 5px 15px; font-size:11px; font-weight:bold; color:#3d3c3f; background:url(../images/layout/bg_b_body.jpg) repeat-y; }
div.right_body ul{ padding:0; margin:0; }
div.right_body ul li{ list-style:none; }
div.right_body ul li a{ float:left; padding:3px 0 3px 10px; border-bottom:1px dotted #dddddd; width:289px; }
div.right_body ul li a.selected{ text-decoration:underline; }
div.right_footer{ float:left; width:329px; height:11px; background:url(../images/layout/bg_b_footer.jpg) no-repeat; }
/* Box ohne Mittelrahmen */
div.left{ float:left; width:644px; margin-top:20px; }
div.left_head{ float:left; padding:10px 15px 10px 15px; font-size:16px; font-weight:bold; color:#3d3c3f; width:614px; height:26px; background:url(../images/layout/bg_c_headline.jpg) no-repeat; }
div.left_head h1{ float:left; margin:0; padding:0; font-size:17px; font-weight:bold; color:#3d3c3f; }
div.left_body{ float:left; width:644px; }
div.left_footer{ float:left; text-align:right; padding:5px 15px 5px 5px; width:624px; height:10px; border-bottom:1px solid #e1e1e1; }
div.left_navi{ float:left; text-align:center; padding:8px 5px 8px 15px; width:624px; margin-bottom:5px; border-top:1px solid #e1e1e1; font-size:12px; }
div.left_navi ul{ padding:0px; margin:0px; float:left; }
div.left_navi ul li{ float:left; padding:0 5px 0 5px; border-right:1px solid #9a9a9b; list-style:none; }
div.left_navi ul li a{ color:#58585a; font-size:14px; text-decoration:none; font-weight:bold; }
div.left_navi ul li a:hover,div.left_navi ul li a.selected{ text-decoration:underline; }
div.left_selection{ float:left; text-align:center; padding:5px 5px 5px 15px; width:624px; margin-bottom:5px; border-bottom:1px solid #e1e1e1; font-size:12px; }
div.left_body_3{ float:left; width:302px; padding:10px; }
div.left_body_4{ float:left; width:302px; padding:10px; font-size:13px; font-weight:bold; }
div.left_body_4_premium{ float:left; width:302px; padding:10px; font-size:13px; font-weight:bold; background:url(../images/layout/bg_premium.jpg) right top no-repeat; }
td.coachdata_left{ color:#6c7b82; }
div.left_body_slogan{ float:left; width:382px; padding:5px 10px 15px 10px; color:#626262; font-weight:bold; font-size:16px; text-align:center; }
div.left_body_vita{ float:left; width:282px; padding:15px 10px 0 10px; color:#626262; font-size:11px; text-align:center; }
div.icon{ float:left; width:200px; height:120px; margin:5px 5px 0 0; }
div.icon_head{ float:left; width:125px; padding:10px 0 0 55px; font-size:15px; font-weight:bold; }
div.icon_body{ float:left; width:125px; padding:5px 0 0 55px; font-size:11px; }
/* Box mit Mittelrahmen */
div.left_body_h{ float:left; width:644px; height:5px; background:url(../images/layout/bg_c_head.jpg) no-repeat; }
div.left_body_b{ float:left; width:619px; padding:6px 15px 0 10px; background:url(../images/layout/bg_c_body.jpg) repeat-y; font-size:12px; line-height:18px; }
div.left_body_b2{ float:left; width:624px; text-align:right; padding:10px 15px 2px 5px; background:url(../images/layout/bg_c_body.jpg) repeat-y;}
div.left_body_f{ float:left; width:644px; height:6px; background:url(../images/layout/bg_c_footer.jpg) repeat-y;}
div.left_body_1{ float:left; width:305px; padding-right:9px; }
div.left_body_1 table textarea{ font-family:Arial; font-size:12px; }
div.left_body_2{ float:left; width:305px; }
/* Allein stehender Text (Startseite) */
div.left_text{ float:left; width:500px; padding:20px 20px 10px 20px; color:#6c7b82; font-weight:bold; line-height:20px; font-size:12px; }
/* Kontaktformular */
div.form_row { float:left; width:619px; padding:4px 0 4px 0; border-bottom:1px dotted #bdbdbe; }
div.form_row_last { float:left; width:619px; padding:4px 0 4px 0; }
div.form_lable { float:left; width:150px; margin-left:25px; margin-top:5px;}
div.form_input { float:left; }
input.form { font-family:arial; border: 1px solid #bdbdbe; width:180px;}
input.form_sb { background-color:#dadadb; color:#58585a; border: 1px solid #bdbdbe; width:180px; height:30px; }
textarea.form { font-family:arial; border: 1px solid #bdbdbe; width:402px; height:100px; font-size:12px; }
div.form_pflicht { float:left; font-weight:bold; padding-top:1px; margin-left:10px; color:#bdbdbe; }
/* Registrierung */
input.form_sb_reg { background-color:#c3091e; color:#FFFFFF; border: 1px solid #c3091e; width:180px; height:30px; }
div.preis_row { float:left; width:619px; padding:4px 0 4px 0; border-bottom:1px dotted #bdbdbe; }
div.preis_row_last { float:left; width:619px; padding:4px 0 4px 0; }
div.form_row_last { float:left; width:619px; padding:4px 0 4px 0; }
div.preis_lable { float:left; width:150px; margin-left:25px; margin-top:5px;}
div.preis_hinweis { float:left; margin-left:25px; margin-top:5px;}
div.paket_standard { float:left; width:150px; margin-top:5px; text-align:center; }
div.paket_premium { float:left; width:150px; margin-top:5px; text-align:center; }
/* Listenansicht */
div.box_liste{ float:left; width:624px; padding:4px 0 4px 0; border-bottom:1px dotted #bdbdbe; }
div.liste_titel{ float:left; width: 220px; padding-right:10px; font-weight:bold; }
div.liste_name{ float:left; width:200px; padding-right:10px; }
div.liste_datum{float:left; width:184px; }
/* Map Navigationsleiste */
#navimap{ float:left; width:299px; padding:0 0 5px 0; }
#navimap ul{ padding:0px; margin:0px; float:left; }
#navimap ul li{ float:left; padding:0 5px 0 5px; border-right:1px solid #9a9a9b; list-style:none; }
#navimap ul li a{ color:#58585a; font-size:11px; padding:0; text-decoration:none; font-weight:bold; border:0; width:auto; }
#navimap ul li a:hover,#navimap ul li a.selected{ text-decoration:underline; }
#map_1{ float:left; width:299px; height:349px; }
/* FÜR GOOGLE MAPS INHALTE */
div.box_benutzerouter{ float:left; width:215px; height:80px; }
div.box_benutzer{ float:left; width:215px; }
div.box_benutzer img{ float:left; }
div.benutzer_name{ float:left; padding-left:5px; width:135px; }
div.benutzer_slogan{ float:left; padding-left:5px; width:135px; }
/* FÜR ANZEIGE LINKS */
div.box_coachouter{ float:left; width:318px; padding-left:4px; height:96px; background:url(../images/layout/bg_userbox.jpg) no-repeat right; }
div.box_coachouter_premium{ float:left; width:318px; padding-left:4px; height:96px; background:url(../images/layout/bg_userbox_premium.jpg) no-repeat right; }
div.box_coach{ float:left; width:318px; }
div.coach_image{ position:relative; float:left; width: 75px; height:75px; padding:7px 9px 7px 9px; }
div.coach_image_box{ width:76px; height:76px; overflow:hidden; }
div.box_coach img{ border:1px solid #dadadb; }
div.coach_name{ float:left; padding:6px 0 3px 5px; width:205px; font-size:12px; font-weight:bold; }
div.coach_slogan{ float:left; padding:0 0 3px 5px; width:180px; }
div.coach_ort{ float:left; width:213px; padding:0 0 0 5px; font-size:12px; }
#suche_normal{ float:left; width:299px; padding:0 0 10px 0; }
input.suche{ width: 200px; padding:2px; font-size:11px; border:1px solid #dadadb; color:#58585a; }
input.suchen{ width:50px; padding:2px; background-color:#dadadb; border:1px solid #c4c6c7; color:#58585a; }
#suche_erweitert_button{ float:left; width:299px; padding:10px 0 10px 0; }
#suche_erweitert{ float:left; width:299px; padding:10px 0 0 0; border-top:1px dotted #bdbdbe; }
#suche_erweitert table{ font-size:11px; width:150px; color:#58585a; }
input.plz{ width:30px; padding:2px; font-size:11px; border:1px solid #dadadb; color:#58585a; }
#footer{ float:left; padding:10px; width:980px; text-align:center; }
/* Detailseiten Coach */
div.coachtermin{ float:left; }
div.coachangebotehead,div.coachterminehead{ float:left; width:619px; font-weight:bold; padding:5px 0 2px 0; }
div.coachterminezeit{ float:left; width:619px; font-style:italic; }
div.coachangebotebody,div.coachterminecontent{ float:left; width:619px; }
div.coachangeboteedit,div.coachtermineedit{ float:left; width:619px; text-align:right; font-style:italic; padding:2px 0 5px 0; border-bottom:1px dotted #bdbdbe; }
div.coachimagetop{ float:left; width:200px; padding-right:19px; }
div.coachimages{ float:left; width:200px; padding:5px 0 5px 0; border-bottom:1px dotted #bdbdbe; }
div.coachimages img{ float:left; }
div.coachimages input{ font-size:11px; }
div.coachimagebig{ float:left; width:400px; }
/* Fehlermeldungen */
div.error{ width:90%; border:2px solid red; padding:5px; margin:5px; font-size:12px; line-height:18px; background:url(../images/layout/error.jpg) no-repeat left; }
div.success{ width:90%; border:2px solid green; padding:5px; margin:5px; font-size:12px; line-height:18px; background:url(../images/layout/ok.jpg) no-repeat left; }
div.error, div.error ul, div.error li{ color:red; font-weight:bold; }
div.error li, div.success li{ list-style:none; }
div.success, div.success ul, div.success li{ color:green; font-weight:bold; }
/* Administration */
td.liste{ padding:2px; border-bottom:1px dotted #bdbdbe; font-size:11px; }
td.liste_head{ padding:2px; font-size:11px; font-weight:bold; }
/* Editor */
#edittool{ padding:10px; position:absolute; width:300px; border:1px solid #cccccc; display:none; background-color:#ffffff; z-index:999; }
#edittool input.send{ width:32px;}
#edittool input, #edittool textarea, #edittool select{ width:230px; padding:3px; font-family:Verdana, Arial; font-size:11px; }
#edittool textarea{ height:230px; }
#edittool table{ background-color:#eeeeee; font-size:11px; width:230px; padding:3px; }
#edittool table td{ padding:2px; }
#edittool table a{ text-decoration:none; color:#b01e29; }