/* CSS Document orange: #e8480e* grau: #e3e3e3*/ html,body,option,input,select,textarea {font-family: Arial, Helvetica, sans-serif; color:#333333; font-size:11px; background-color:#e4f6fd; } body { margin:0px;} a {/*background-color:#e8480e;*/ color:#78a212; text-decoration:none; font-weight:bold;} a.link_ohne {background-color:#ffffff; color:#78a212;} a.headlink {color:#333; text-decoration:none; font-size:16px; font-weight:bold;} a.headlink:hover { text-decoration:underline;} div,form {margin-top:0px; margin-bottom:0px; margin:0px;} p {margin-top:0px; margin-bottom:5px;} img {border:0px;} input,textarea {border:1px solid #e3e3e3; color:#000000;font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:11px; margin-top:3px;} h1 { margin:0px; font-size:18px; color:#333; padding:2px; font-weight:bold;} h2 { margin-top:15px; font-size:14px; font-weight:bold; margin-bottom:10px;} h3{ margin:0px; font-size:14px; background-color:#aed452; color:#FFFFFF; padding:2px;} h4{ font-weight:bold; font-size:13px; margin-top:0px; margin-bottom:3px;} h4 a{ color:#333333; text-decoration:none;} .blackbg {background-color:#76a012; color:#FFFFFF; padding:2px;} .whitebg {background-color:#ffffff; color:#78a212;} .orangebg {background-color:#edb907; color:#FFFFFF;} .hellgrau {color:#e3e3e3;} .ueberschrift {border-bottom:2px solid #000000; position:relative; height:18px; overflow:hidden;} p.kleinezeile { margin-bottom:0px;} p.linie{ margin-bottom:5px;margin-top:0px; border-bottom:1px dotted #cccccc; padding-bottom:3px;} .symbol {float:left; margin-bottom:15px; margin-right:5px; clear:both;} input.pfeil { border:0px; background-image:url(../bilder_design/pfeil_gruen.gif); width:40px; height:39px;} input.box {border:0px; background-color: transparent; margin:0px; margin-bottom:5px;} input.orange {background-color:#78a212; color:#FFFFFF; padding:5px border:0px; cursor:pointer;} .bild_gross_rahmen { float:left; width:600px; overflow:hidden; } .bild_klein_rahmen {width:92px; height: 82px; background-image:url(../bilder_design/bild_klein_bg.png); background-repeat:no-repeat; margin-right:5px; float:left; margin-left:-5px;margin-top:-5px; border: 1px solid white; position:relative;} .bild_klein { width:75px; height: 65px; overflow:hidden; text-align:center; vertical-align:middle; margin-left:8px; margin-top:8px;} .bild_klein img{ border:0px; margin-left:0px; margin-top:0px; /*width:75px;*/ height:65px;} .maptext_sp { width: 220px; height:130px; margin-top:-5px; font-size:11px;} .maptext_v { width: 220px; height:100px; margin-top:-5px; font-size:11px;} /*LAYOUT GENERELL*/ #box_himmel { position:absolute; background-image:url(../bilder_design/bg_himmel.gif); background-repeat: repeat-x; height:100px; width:100%; z-index:0; top:0px; left:0px; } #werbung {position:absolute;top:13px;left: 330px; z-index:5;} #box_logo { left:20px; top:12px; position:absolute; z-index:2;} #box_navi { left:329px; top:120px; height:44px;z-index:1; position:absolute; width:660px;} .sm_navi_link {text-decoration:none; height:44px; background-repeat:no-repeat; display:inline; float:left; color:transparent; background-color:transparent;} #sm_home { background-image:url(../bilder_design/home_1.gif); width:66px;} a:hover#sm_home { background-image:url(../bilder_design/home_2.gif);} #sm_spielplaetze{ background-image:url(../bilder_design/spielplaetze_1.gif); width:129px;} a:hover#sm_spielplaetze { background-image:url(../bilder_design/spielplaetze_2.gif);} #sm_spielplatz_eintragen{ background-image:url(../bilder_design/spielplatz_eintragen_1.gif); width:205px;} a:hover#sm_spielplatz_eintragen { background-image:url(../bilder_design/spielplatz_eintragen_2.gif);} #sm_videos{ background-image:url(../bilder_design/videos_1.gif); width:79px;} a:hover#sm_videos{ background-image:url(../bilder_design/videos_2.gif);} #sm_video_hochladen{ background-image:url(../bilder_design/videos_hochladen_1.gif); width:174px;} a:hover#sm_video_hochladen { background-image:url(../bilder_design/videos_hochladen_2.gif);} #box_oben {position:absolute; background-image:url(../bilder_design/content_head.gif); background-repeat:no-repeat; width:1000px; height:40px; top:151px; z-index:0;} #box_bg_content { background-image:url(../bilder_design/bg_content.gif); background-repeat:repeat-y;width:1000px; background-color:#FFFFFF; position:absolute; top:191px; } #box_content {width:900px; margin-left:50px; margin-top:0px; } .werbebox{clear:both; margin-right:5px; margin-top:10px; text-align:center;} #box_werbung {position:relative;text-align:center; margin-left:0px; margin-top:0px; width:853px; clear:both; } #box_unten { background-image:url(../bilder_design/content_footer.jpg); background-repeat:no-repeat; height:51px; width:1000px; margin-bottom:0px; clear:both; } #box_metalinks {position:absolute;left:860px;top:5px; z-index:4;} #box_werbungrechts {position:absolute;left:1000px;top:120px; z-index:5;} div.inhalt_voll { width:840px; position:relative;} /*LAYOUT Startseite*/ #inhalt_links { width:300px; float:left;} #inhalt_willkommen { } #inhalt_news { margin-top:20px;} #newsletterbox { border: 1px solid #e3e3e3; margin-top:15px; position:relative; height:65px; } #signal_nl { text-align:center; color:#edb907; clear:both;} #signal_nl * { margin-top:15px;} #inhalt_rechts{ width:564px; position:relative; float:left; margin-left:30px;/* border: 1px solid red;*/ display:block;} #inhalt_neueste_eintraege {width:264px; float:left; min-height:170px; margin-bottom:20px;} #inhalt_neueste_videos {width:264px; float:left; margin-left:30px; min-height:170px; margin-bottom:20px;} #inhalt_map { width:579px; height:358px; background-image:url(../bilder_design/map1_bg.png); background-repeat:no-repeat; position:relative; float:left; margin-left:-10px;} #map2 {width:549px; height:327px; margin-left:16px; margin-top:13px;} /*LAYOUT Skateparks*/ #inhalt_rechts_sp { width:300px; position:relative; float:left;margin-left:25px;} div.skatepark_vorschau { /*min-height:85px;*/ border-bottom:1px solid #e3e3e3;} #inhalt_links_sp{ width:558px; position:relative; float:left;} #inhalt_filtern {} .filterbox { border: 1px solid #e3e3e3; float:left; margin-right:2px; margin-top:15px; margin-bottom:15px; position:relative; height:110px; width:150px;} div.filterbox_head { font-weight:bold; margin-top:-10px; margin-left:10px; position:relative;} #filter_kat {width:225px;} .filterbox_inhalt_kat {margin:2px; float:left; width:115px; } #filter_med {width:150px;} .filterbox_inhalt_med {margin:2px; float:left; } #filter_sort {width:120px;} .filterbox_inhalt_sort {margin:2px; float:left; } #filter_button { float:left; margin-top:70px; margin-left:2px; width:40px;} .filtertable td { height:20px;} /*LAYOUT Videos*/ #inhalt_rechts_v { width:290px; position:relative; float:left;margin-left:25px;} div.video_vorschau { min-height:85px; border-bottom:1px solid #e3e3e3;} #inhalt_links_v{ width:558px; position:relative; float:left;} #inhalt_filtern {} #filter_sort_v {width:300px; height:45px;} .filterbox_inhalt_sort {margin:5px; float:left; } #filter_button_v { float:left; margin-top:25px; margin-left:5px; width:40px;} /*LAYOUT Skatepark Detail*/ #inhalt_links_spd { width:620px; float:left; position:relative; overflow:visible;} #inhalt_detailtext { width:564px;/* min-height:300px; height:300px;*/ position:relative;} .spann_box { height:170px; width:1px; float:left;} #bewertungsbox { position: absolute; right:5px; top:10px; width:150px; height:35px; border: 1px solid #e3e3e3; text-align:center;} .bew_head {position:absolute; top:-10px; left:12px; font-weight:bold;background-color:#ffffff; color:#78a212; text-align:center;} a.stern_klein { width:15px; height:12px; background-image:url(../bilder_design/stern_aus.gif); background-repeat:no-repeat; padding:5px;} #signal {font-size:12px; font-weight:bold; color:#edb907; position:absolute; background-color:white; absolute; right:0px; top:0px; width:160px; height:50px; text-align:center; border: 1px solid #e3e3e3;} #signal * {margin:8px;} #inhalt_videos {width:564px; margin-top:10px; min-height:100px; position:relative; clear:both;} #video_form {position:absolute; top:45px;z-index:2; border-bottom:1px solid #e3e3e3;} #video_box { position:relative; z-index:6; min-height:120px; height:120px; background-color:#FFFFFF;} .video_mini {width:110px; margin-right:10px; float:left; position:relative; border:1px solid white; height:50px;} #inhalt_bilder_gross { width:606px; clear:both; position:relative;} #bilder_form {position:absolute; top:45px;z-index:2; border-bottom:1px solid #e3e3e3;} #bilder_box { position:relative; z-index:6; min-height:120px; top:-2px; /*height:100px;*/ background-color:#FFFFFF; width:100%;} .bild_gross_rahmen { margin-left:-10px; width:624px; float:left; } .bild_gross_head {background-image:url(../bilder_design/bild_gross_head.gif); background-repeat:no-repeat; width:624; height:14px;} .bild_gross_bg {background-image:url(../bilder_design/bild_gross_bg.gif); background-repeat:repeat-y; width:624px; position:relative;} img.bild_gross {width:600px; margin-left:12px;} .bildtext { position:absolute; right:12px; bottom:0px; background-color:#FFFFFF; } .bild_gross_foot {background-image:url(../bilder_design/bild_gross_foot.gif); background-repeat:no-repeat; width:624px; height:13px;} #inhalt_rechts_spd { width:275px;float:left; display:block; position:relative;} /*#inhalt_map3 { width:275px; height:264px; background-image:url(../bilder_design/map2_bg.gif); background-repeat:no-repeat; margin-left:-30px; margin-top:30px;position:relative; border:1px solid white;} #map3 {width:244px; height:234px; margin-left:14px; margin-top:15px;} #map3 a{ font-weight:normal; font-size:9px;}*/ #inhalt_kommentare { position:relative;} #kommentar_form {position:absolute; top:45px;z-index:1; border-bottom:1px solid #e3e3e3;} #kommentar_box { position:relative; z-index:5; height:200px; background-color:#FFFFFF;} div.kommentar { border-bottom:1px solid #e3e3e3;} #add_bild {visibility:visible; position:absolute; height:100px; width:100%;} #add_video {visibility:visible; position:absolute; height:120px; width:100%; } #add_kommentar {visibility:visible; position:absolute; height:185px; width:100%; } .add_sth{ text-align:right; margin-top:2px; height:8px; position:relative; z-index:20} .eintrag_info {background-color:#FFFFFF; border:1px solid #e3e3e3; margin-top:5px; text-align:center; color:#edb907; z-index:10; position:relative; height:23px; width:100%; padding-top:5px;} /*LAYOUT video Detail*/ #bewertungsbox_v { position: absolute; right:5px; top:10px; width:150px; height:35px; border: 1px solid #e3e3e3; text-align:center;} /*LAYOUT skatepark eintragen*/ #inhalt_links_spe{ width:558px; position:relative; float:left;} #inhalt_rechts_spe { width:264px; position:relative; float:left;margin-left:25px;} #inhalt_map4 { width:579px; height:264px; background-image:url(../bilder_design/map4_bg.png); background-repeat:no-repeat; position:relative; float:left; margin-left:-8px;} #map4 {width:548px; height:233px; margin-left:14px; margin-top:14px;}