/* Design by petra kammerer - screendesignerin http://www.pekaDesign.de */ body { font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #6F471B; text-align: justify; margin: 0; padding: 0; } #site { background-color: #fff; background-position: 0 0; text-align: left; margin: 0 auto; width: 800px; height: 560px; clear: both; border: solid 2px #fff; } h1 { color: #fff; font: bold 18px Arial; margin: 9px 0 0 15px; padding: 0; display: inline; } #enter { color: #fff; font: bold 30px Arial; margin: 9px 0 0 15px; padding: 0; } h2 { color: #000; font: bold 14px Arial; margin: 9px 0 0 20px; padding: 0; } h3 { color: #fff; font: bold 15px Arial; margin: -20px 0 0 400px; padding: 0 } p { color: #000; font-size: 12px; font-family: Arial; margin: 10px 20px 0 15px; } a { color: #fff; font-size: 12px; font-weight: bold; } #page { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-align: right; display: inline; margin: -10px 0 0 490px; float: left } ul { list-style: none; margin: 0; padding: 0; } img { float: left; display: inline; } /*---------------------- Anfang Enter-Seite ---------------------- */ #logo_top { background-image: url("images_enter/logo_top.jpg"); top: 0; left: 0; width: 346px; height: 83px; float: left; display: inline; } #headmiddle_top { background-image: url("images_enter/headmiddle_top.jpg"); left:346px; top:0px; width:317px; height:83px; float: left; display: inline; } #headright_top { background-image: url("images_enter/headright_top.jpg"); top: 0; left: 663px; width: 137px; height: 83px; float: left; display: inline; } #logo_middle { background-image: url("images_enter/logo_middle.jpg"); top: 83px; left: 0; width: 346px; height: 42px; float: left; display: inline; } #willkommen { background-image: url("images_enter/willkommen_hg.jpg"); top: 83px; left: 346px; width: 317px; height: 42px; float: left; display: inline; } #headright_middle { background-image: url("images_enter/headright_middle.jpg"); top: 83px; left: 663px; width: 137px; height: 42px; float: left; display: inline; } #logo_bottom { background-image: url("images_enter/logo_bottom.jpg"); top: 125px; left: 0; width: 346px; height: 138px; float: left; display: inline; } #headmiddle_bottom { background-image: url("images_enter/headmiddle_bottom.jpg"); top: 125px; left: 346px; width: 258px; height: 138px; float: left; display: inline; } #headright_bottom { background-image: url("images_enter/headright_bottom.jpg"); top: 125px; left: 604px; width: 196px; height: 138px; float: left; display: inline; } #middle_1 { background-image: url("images_enter/middle_1.jpg"); top: 263px; left: 0; width: 346px; height: 102px; float: left; display: inline; } #middle_2 { background-image: url("images_enter/middle_2.jpg"); top: 263px; left: 346px; width: 71px; height: 102px; float: left; display: inline; } #enter_button { background-image: url("images_enter/enterbut_hg.jpg"); top: 263px; left: 417px; width: 187px; height: 102px; float: left; display: inline; } #middle_3 { background-image: url("images_enter/middle_3.jpg"); top: 263px; left: 604px; width: 196px; height: 102px; float: left; display: inline; } #bottom_1 { background-image: url("images_enter/bottom_1.jpg"); top: 365px; left: 0; width: 346px; height: 195px; float: left; display: inline; } #bottom_2 { background-image: url("images_enter/bottom_2.jpg"); top: 365px; left: 346px; width: 71px; height: 195px; float: left; display: inline; } #bottom_3 { background-image: url("images_enter/bottom_3.jpg"); top: 365px; left: 417px; width: 187px; height: 195px; float: left; display: inline; } #bottom_4 { background-image: url("images_enter/bottom_4.jpg"); top: 365px; left: 604px; width: 196px; height: 195px; float: left; display: inline; } #conter { background-color: } /*-------------------------------- Enterbut Anfang--------------------------------*/ #enterbut { } #enterbut a { color: #fff; font-family: Arial; text-decoration: none; background-image: url("images_enter/enterbut.jpg"); background-repeat: no-repeat; background-attachment: scroll; height: 24px; voice-family: inherit; } #enterbut a:link, #nav li a:visited { color: #fff; font-family: Arial; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 10px 0 0 30px; } #enterbut a:hover, #nav li #current { background-image: url("images_enter/enterbut_over.jpg"); background-repeat: no-repeat; background-attachment: scroll; } /*-------------------------------- Enterbut Ende--------------------------------*/ /*---------------------- Ende Enter-Seite ---------------------- */ #konzept_foto { margin: 12px 15px 15px; border: solid 2px #fff; } #portait_foto { margin: 12px 15px 0; border: solid 2px #fff; } #auftrittsplan_foto { margin: 12px 15px 0; float: right; } #auftritt_foto { margin: 12px 15px 0; border: solid 2px #fff; } #auftritt_ronja { margin: 12px 15px 5px; float: left; border: solid 2px #fff; } #auftritt_benno_john { margin: 10px 22px 0 15px; float: right; border: solid 2px #fff; } #team_simone { margin: 12px 15px 0; border: solid 2px #fff; } #team_benno { margin: 12px 15px 0 0; border: solid 2px #fff; } #team_john { margin: 12px 15px 0; border: solid 2px #fff; } #team_ronja { margin: 12px 15px 0 0; border: solid 2px #fff; } #video_spinne { margin: 20px 20px 0; } #video { margin: 15px 0 0 18px; float: left; border-right: 20px solid #fff; border-left: 20px solid #fff; } #video_flash { margin: 27px 0 0 18px; float: left; border-right: 20px solid #fff; border-left: 20px solid #fff; } #presseartikel1 { margin: 8px 5px 0 15px; border: solid 2px #fff; } #presseartikel2 { margin: 8px 0 0; border: solid 2px #fff; } #pdf1 { text-decoration: underline; margin: 5px 0 0 15px; float: left } #pdf2 { text-decoration: underline; margin: 5px 0 0 32px; float: left } #kontakt_foto { margin: 9px 30px; float: left; border: solid 2px #fff; } #kontakt { color: #fff; font-size: 12px; font-family: Arial; margin: 140px 0 0 400px; border-color: #fff; } #impressum1 { float: left; } #impressum2 { margin-top: -47px; margin-left: 250px } #kalender { float: right; } #kalender { margin-top: 0px; margin-right: 25px } /*---------------------- Kontaktformular Anfang -------------------------*/ .form { display: inline; margin: -22px 0 0 -3px; width: 400px; float: left } .form_td1 { color: #000; font-size: 12px; font-family: Arial; font-weight: bold; text-align: right; padding: 0 10px 0 0; width: 170px; height: 20px } .form_td2 { width: 200px; height: 20px } /*-------------------------------- Formular Eingabefelder --------------------------------*/ .contactform #Name, .contactform #Fon, .contactform #Mail, .contactform #Kinder, .contactform #Veranstaltung, .contactform #Betreff, .contactform #Nachricht { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; padding: 5px } input, input:focus, select, textarea { background-color: #feb801; border: solid 1px #fff } option.typ1 { background: #ff8e02 } option.typ2 { background: #feb800 } input:hover, textarea:hover { background-color: #fff } /* -------------- Formular Button --------------------------------*/ .button { text-align: center; margin: 50px 0 0; width: 100%; height: 40px } .but_senden { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("images/but_senden.jpg"); background-repeat: no-repeat; background-attachment: scroll; text-align: center; margin: 0 0 0 0; width: 102px; height: 29px; float: left; border: 0 } .but_loeschen { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("images/but_loeschen.jpg"); background-repeat: no-repeat; background-attachment: scroll; text-align: center; width: 101px; height: 29px; border: 0 } /*-------------------------------- Kontaktformular Ende --------------------------------*/ #dhtml_menu { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; width: 150px; } #dhtml_menu li a { color: #fff; font-family: Arial; text-decoration: none; margin-bottom: -3px; height: 24px; voice-family: inherit; } #dhtml_menu li a:link, #dhtml_menu li a:visited { color: #fff; font-family: Arial; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 10px 0 0 30px; } #dhtml_menu li a:hover, #dhtml_menu li #current { background-image: url("images/navbutton_over.jpg"); background-repeat: no-repeat; background-attachment: scroll; padding: 10px 0 0 30px; } #dhtml_menu li{ list-style-type:none; margin:0px; } #dhtml_menu .activeMainMenuItem{} .dhtml_subMenu{ visibility:hidden; position:absolute; overflow:hidden; background-color:#FFCE26; font-family:arial; text-align:center; width:150px;} .dhtml_subMenu ul{ margin:0px; padding:0px; } .dhtml_subMenu ul li{ list-style-type:none; margin:0px; padding:1px; } .dhtml_subMenu ul li a:hover{ color:#000; background-color:#FFF; } .dhtml_subMenu ul li a{ white-space:nowrap; text-decoration:none; color:#000; height:16px; line-height:16px; padding:1px; } #horizmenue { width: 360px; } #horizmenue li { display: inline; padding: 0px 10px; } #horizmenue a { padding: 2px 8px 5px;} display:block; } /*-------------------------------- Navi Anfang--------------------------------*/ #nav { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; width: 130px; } #nav li a { color: #fff; font-family: Arial; text-decoration: none; margin-bottom: -3px; height: 24px; voice-family: inherit; } #nav li a:link, #nav li a:visited { color: #fff; font-family: Arial; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 10px 0 0 30px; } #nav li a:hover, #nav li #current { background-image: url("images/navbutton_over.jpg"); background-repeat: no-repeat; background-attachment: scroll; padding: 10px 0 0 30px; } /*-------------------------------- Navi Ende--------------------------------*/ #head_left { background-image: url("images/head_left.jpg"); top: 0; left: 0; width: 196px; height: 188px; float: left; display: inline; } #head_middle { background-image: url("images/head_middle.jpg"); top: 0; left: 196px; width: 385px; height: 188px; float: left; display: inline; } #head_right { background-image: url("images/head_right.jpg"); top: 0; left: 581px; width: 219px; height: 188px; float: left; display: inline; } #nav_top { background-image: url("images/nav_top.jpg"); top: 188px; left: 0; width: 135px; height: 23px; float: left; display: inline; } #nc_top { background-image: url("images/nc_top.jpg"); top: 188px; left: 135px; width: 61px; height: 23px; float: left; display: inline; } #content_top { background-image: url("images/content_top.jpg"); top: 188px; left: 196px; width: 604px; height: 23px; float: left; display: inline; } #nav_middle { background-color: #ffb801; top: 211px; width: 135px; height: 256px; float: left; display: inline; } #nc_middle { background-image: url("images/nc_middle.jpg"); top: 211px; left: 135px; width: 61px; height: 256px; float: left; display: inline; } #content_middle { background-image: url("images/content_middle.jpg"); top: 211px; left: 196px; width: 604px; height: 256px; float: left; display: inline; overflow : auto;} #nav_bottom { background-image: url("images/nav_bottom.jpg"); top: 467px; left: 0; width: 135px; height: 27px; float: left; } #nc_bottom { background-image: url("images/nc_bottom.jpg"); top: 467px; left: 135px; width: 61px; height: 27px; float: left; } #content_bottom { background-image: url("images/content_bottom.jpg"); top: 467px; left: 196px; width: 604px; height: 27px; float: left; } #footer { font-family: Arial; background-image: url("images/footer.jpg"); text-align: center; top: 494px; width: 800px; height: 66px; float: left; display: inline; } #footer p { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; display: inline; margin-left: 50px; padding: 20px 0 0; top: 494px; left: 0; width: 700px; float: left }