/* basic elements */ body { font: 10pt/11pt Arial, Helvetica, sans-serif; color: #000; background: #ff9900 url(gfx/main_bg.gif) repeat-y top left; margin: 0px; } p { font: 10pt/11pt Arial, Helvetica, sans-serif; margin-top: 0px; } h1 {font: 16pt/16pt Arial, Helvetica, sans-serif;} hr{ background-color:#ff9900; /* Mozilla 1.4 */ color:#ff9900; /* IE 6 */ border: #ff9900; /* Opera 7.11 */ height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */ clear: both; } /* textbereich */ #container {position: absolute; top: 235px; left: 100px; /*z-index: 2;*/ /*margin: 230px 0 0 100px; */ width: 480px; z-index:7;} #container h1 { font: italic bolder 14pt/14pt Arial, Helvetica, sans-serif; color:#000000; } #container a.ext {color:#bf0008; padding-right: 12px; background: url(gfx/link_ext.gif) no-repeat right center; text-decoration: none;} #container a.dropdown, div.dropdown a {color:#bf0008; padding-right: 12px;margin-right: 12px; background: url(gfx/down11.gif) no-repeat right center; text-decoration: none;} #container a.int {color:#bf0008; padding-right: 12px; background: url(gfx/link_int.gif) no-repeat right center; text-decoration: none;} #container a.int:hover, #container a.ext:hover {color:#bf0008; padding-right: 12px; background: url(gfx/link.gif) no-repeat right center; text-decoration: none;} #container a.mail {color:#bf0008; padding-left: 18px; background: url(gfx/mail_z.gif) no-repeat left center; text-decoration: none;} #container a.mail:hover {color:#bf0008; padding-left: 18px; background: url(gfx/mail_o.gif) no-repeat left center; text-decoration: none;} /* textbereich unter optionen*/ #termine H2, #kontakt H2, #anmeldung H2{font: italic bolder 11pt/11pt Arial, Helvetica, sans-serif; color:#000000; margin: 4px 0 3px 0; } #termine div.dat {color: #bf0008;} #termine p {margin: 0 0 3px 0;} #vita div.small{width: 310px;} #kontakt div.small{width:310px;} #suche-error a,#people-list a,#kontakt a, #anmeldung a, #werkbeschr a, #intro a, #vita a {color:#bf0008; text-decoration: none;} #suche-error a:hover, #people-list a:hover, #kontakt a:hover, #anmeldung a:hover, #werkbeschr a:hover, #intro a:hover, #vita a:hover{color:#bf0008; text-decoration: underline;} #vita img { border: 1px solid #ff9900;} #kontakt img { border: 1px solid #ff9900; } #werkbeschr img{ border: 0px; } span.autor {font: italic 9pt/11pt Arial, Helvetica, sans-serif;} #text p.teaser {font: bold 10pt/11pt Arial, Helvetica, sans-serif; color: #696969;} div#people-list li{float:left; vertical-align: middle;list-style: none; margin: 2px 4px 2px 0; width: 235px;} div#people-list ul{margin:0; padding:0; list-style: none; } div#people-list li img {border: 1px solid #ff9900; margin: 0 4px 0 0; } /* Anmelde Formular */ form.anmform fieldset { margin-bottom: 10px;} form.anmform fieldset legend { padding: 0 2px; font-weight: bold; } form.anmform fieldset label { float:left; line-height: 1.8; vertical-align: top; width: 100px; } input:active, input:focus, input:hover {border: 1px solid #696969;background: #FFE4C4;} input {border: 1px solid #696969; padding: 0 0 0 5px;} form.anmform fieldset ol { margin: 0; padding: 0; } form.anmform fieldset li { list-style: none; padding: 5px; margin: 2px; } form.anmform fieldset em { font-weight: bold; font-style: normal; color: #f00; } /* Anmerkung Anmelde Formular */ form.anmform fieldset div.notes { float: right; width: 158px; height: auto; margin: 0px 0px 10px 10px; padding: 5px; border: 1px solid #ff9900; background-color: #FFDEAD; color: Orange; font-size: 88%; } form.anmform fieldset div.notes h4 { background-image: url(gfx/i.gif); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 3px 27px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666666; color: #666666; font-size: 110%; margin: 0 0 5px;} form.anmform fieldset div.notes p { margin: 0em 0em 1.2em 0em; color: #666666; } form.anmform fieldset div.notes p.last { margin: 0em; } /* Werkstätten */ div.w-1 p, div.w-2 p, div.w-3 p, div.w-4 p, div.w-text p { margin: 4px 20px 4px 4px; border:0px} div#werk a,div.w-1 a, div.w-2 a, div.w-3 a, div.w-4 a, div.w-text a { text-decoration: none; color: Black; } div#werk a:hover,div.w-1 a:hover, div.w-2 a:hover, div.w-3 a:hover, div.w-4 a:hover, div.w-text a:hover { text-decoration: none; color: #bf0008; } div.w-1, div.w-2, div.w-3, div.w-4, div.w-text { width:100%; } div.w-text div.werk-1-head {color: White; background: #cc0000; width: 476px; border: 0px ; } div.w-text div.werk-1-head p{padding:0px; margin:0px; } div#werk div.werk-1-head a {color: #f8f8f8; } div#werk div.werk-1-head a:hover {color: #f8f8f8;text-decoration: underline; } div#werk div.werk-1-head a:aktiv {color: #f8f8f8; } div.w1, div.w2, div.w3, div.w4 {margin-bottom:10px;} div.werk-1-head { border: 1px solid #bf0008; color: White; margin: 0px; background: #bf0008 url(gfx/schreib2.gif) no-repeat right; } div.werk-2-head { border: 1px solid #ff9900; background: #ff9900 url(gfx/medien.gif) no-repeat right; color: White; margin: 2px; } div.werk-3-head { border: 1px solid #ffd333; background: #ffd333 url(gfx/gespraech.gif) no-repeat right; color: White; margin: 2px; } div.werk-4-head { border: 1px solid #ffd333; background: #ffd333 url(gfx/praesentation.gif) no-repeat right; color: White; margin: 2px; } div.werk-1{ border: 1px solid #bf0008; color: Black; margin: 2px; background: #ffffff url(gfx/schreib2.gif) no-repeat top right;} div.werk-2{ border: 1px solid #ff9900; color: Black; margin: 2px; background: #ffffff url(gfx/medien.gif) no-repeat top right;} div.werk-3{ border: 1px solid #ffd333; color: Black; margin: 2px; background: #ffffff url(gfx/gespraech.gif) no-repeat top right;} div.werk-4{ border: 1px solid #ffd333; color: Black; margin: 2px; background: #ffffff url(gfx/praesentation.gif) no-repeat top right; } div.werk-1 img, div.werk-2 img, div.werk-3 img, div.werk-4 img {float:right; margin-right: 20px; border:0px;} .h1-w-1 { padding: 2px 0px 2px 2px; background: transparent url(gfx/schreib2.gif) no-repeat top left; text-indent: 20px; } .h1-w-2 { padding: 2px 0px 2px 2px; background: transparent url(gfx/medien.gif) no-repeat top left; text-indent: 20px; } .h1-w-3 { padding: 2px 0px 2px 2px; background: transparent url(gfx/gespraech.gif) no-repeat top left; text-indent: 20px; } .h1-w-4 { padding: 2px 0px 2px 2px; background: transparent url(gfx/praesentation.gif) no-repeat top left; text-indent: 20px; } /* Runde Blöcke für Texte und Bilder */ div.werk-1-head-top {background: url(gfx/toproundbox.gif) no-repeat top left; width: 476px;} div.werk-1-head-bottom { padding: 15px 8px; background: url(gfx/botroundbox.gif) no-repeat bottom left; width: 476px;} /* Loader für die Runden Blöcke */ img.joda-loda {position: relative;right: 20px;bottom: 15px;} /* Werkstätten Beschriebung*/ div#werkbeschr li{padding: 5px 0 3px 15px; background: url(gfx/lidot2.gif) no-repeat 0 50%;} div#werkbeschr ul{list-style-type: none;padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;} /* navigation */ #navi { margin: 0; width: 260px; height: 238px; position: absolute; top: 20px; left: 500px; z-index: 2; background: url(gfx/navi_bg.gif) no-repeat top left; } #navi ul { margin: 39px 0 0 30px; padding: 0px; } #navi li { font: italic bolder 17pt Arial, Helvetica, sans-serif; line-height: 1.3ex; list-style-type: none; /*background: transparent url(cr1.gif) no-repeat top center; */ display: block; padding-top: 5px; margin-bottom: 5px; } #navi li a { color: #bf0008; text-decoration: none; background: url(gfx/pfeil_1.gif) no-repeat left; padding-left:30px;} #navi li a:hover, #navi li a:active { color: #ffffff; text-decoration: none; background: url(gfx/pfeil_2.gif) no-repeat left; padding-left:30px;} /* news */ div#news { margin: 0; width: 260px; position: absolute; top: 50px; left: 520px; z-index: 2; background: #bf0008 url(gfx/news_back.gif) repeat-y top left;} #news-top{ width: 260px; height: 25px; background: transparent url(gfx/news_to.gif) no-repeat top left; z-index: 3;} #news-bo{ width: 260px; height: 25px; background: transparent url(gfx/news_bo.gif) no-repeat top left; z-index: 3;} #news-text a { color:#ffffff; text-decoration: none;} #news-text a:hover { color:#ffffff; text-decoration: underline;} #news-text {width: 250px; font: 11px Tahoma; } #lbox1, #lbox2, #lbox3, #lbox4 { padding: 0px 30px 20px 30px; margin: 0px; background: url(gfx/news-tren.gif) no-repeat bottom center; } #news-text h3 { font-size: 12px; padding: 3px 3px 3px 1px; color: #ff9900; margin-bottom: 10px; margin-top: 20px; } #lbox1 ul, #lbox2 ul, #lbox3 ul, #lbox4 ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px; } #lbox1 li.bubble-w-1, #lbox2 li.bubble-w-1, #lbox3 li.bubble-w-1, #lbox4 li.bubble-w-1{ padding: 5px 0px; background: url(gfx/ic1.jpg) no-repeat 0 50%; } #lbox1 li.bubble-w-2, #lbox2 li.bubble-w-2, #lbox3 li.bubble-w-2, #lbox4 li.bubble-w-2{ padding: 35px 0px; background: url(gfx/ic2.jpg) no-repeat 0 50%; } #lbox1 li.bubble-w-3, #lbox2 li.bubble-w-3, #lbox3 li.bubble-w-3, #lbox4 li.bubble-w-3{ padding: 5px 0px; background: url(gfx/ic3.jpg) no-repeat 0 50%; } #lbox1 li.bubble-w-4, #lbox2 li.bubble-w-4, #lbox3 li.bubble-w-4, #lbox4 li.bubble-w-4{ padding: 5px 0px; background: url(gfx/ic4.jpg) no-repeat 0 50%; } #lbox1 li.bubble-w-5, #lbox2 li.bubble-w-5, #lbox3 li.bubble-w-5, #lbox4 li.bubble-w-5{ padding: 5px 0px; background: url(gfx/ic5.jpg) no-repeat 0 50%; } #lbox1 li.bubble-w-a { padding: 5px 0px; background: url(gfx/ic6.jpg) no-repeat 0 50%; font-weight: bold; } #lbox1 li a, #lbox2 li a, #lbox3 li a, #lbox4 li a{ display: block; } #lbox3 li a.c, #lbox4 li a.c { display: inline; font-style: italic; font-variant: normal; font-size: 10px; } #news-text #lbox1 ul li { border-bottom: 1px dotted #BC8F8F; display: block; padding: 3px 0 3px 15px; } #news-text #lbox2 ul li { border-bottom: 1px dotted #BC8F8F; display: block; padding: 3px 0 3px 15px; } #news-text #lbox3 ul li { border-bottom: 1px dotted #BC8F8F; display: block; padding: 3px 0 3px 15px; } #news-text #lbox4 ul li { border-bottom: 1px dotted #BC8F8F; display: block; padding: 3px 0 3px 15px; } div.anmeld-img img { float: right; } h2.w-termine { font-size: 15px; } /* top & logo */ #top { margin: 0; width: 955px; height: 29px; position: absolute; top: 0px; left: 0px; z-index: 1; background: url(gfx/top_bg.gif) no-repeat top left;} #logo { margin: 0; width: 410px; height: 150px; position: absolute; top: 20px; left: 20px; z-index: 2; background: url(gfx/logo3.gif) no-repeat top left;} #logo h1 span {display: none; } #land { /*margin: 0 0 0 -40px;*/ width: 280px; height: 44px; z-index: 11; background: url(gfx/landesregierung_nrw_o.gif) no-repeat top left;} /* tools */ .fl { float: left; margin: 0 5px 5px 0;} .fr { float: right; margin: 0 0 5px 5px;} .fc { clear: both; } img#spinning_image { position: relative; top: 200px; left: 200px; } /*#cakeSqlLog { position: absolute; top: -210px; left: 700px;}*/ /*ADMINSITRATION*/ div.u-login {text-align: right; margin: 3px 0 3px 0; width: 250px; } div#adminreiter {margin: 0; padding: 0; width: 480px; clear: both;} div#adminreiter div span {display:none} div#adminreiter div { float: left; } div#adminreiter a#werkreiter div {background: #ffffff url(gfx/admin1b.gif) no-repeat;width: 85px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#werkreiter:hover div {background: #ffffff url(gfx/admin1.gif) no-repeat;width: 85px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#personreiter div{background: #ffffff url(gfx/admin3b.gif) no-repeat;width: 67px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#personreiter:hover div{background: #ffffff url(gfx/admin3.gif) no-repeat;width: 67px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#textereiter div{background: #ffffff url(gfx/admin2b.gif) no-repeat;width: 47px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#textereiter:hover div{background: #ffffff url(gfx/admin2.gif) no-repeat;width: 47px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#startreiter div{background: #ffffff url(gfx/admin4b.gif) no-repeat;width: 74px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#startreiter:hover div{background: #ffffff url(gfx/admin4.gif) no-repeat;width: 74px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#kontaktreiter div{background: #ffffff url(gfx/admin5b.gif) no-repeat;width: 59px; height:15px; margin: 0 1px 0 0;} div#adminreiter a#kontaktreiter:hover div{background: #ffffff url(gfx/admin5.gif) no-repeat;width: 59px; height:15px; margin: 0 1px 0 0;} table#admin-table, div#workshop-termine table{ width: 480px; margin: 0; border: solid 1px #ff9900; border-collapse: collapse; border-spacing: 0px; float: left } table#admin-table tr.odd-row, div#workshop-termine table tr.odd-row{ background-color: #FFF1BF;} table#admin-table tr.even-row, div#workshop-termine table tr.even-row{ background-color: #ffffff;} tr.odd-row td, tr.even-row td { padding: 3px; } table#admin-table a , div#workshop-termine table a {color:#bf0008; text-decoration: none;} table#admin-table a:hover, div#workshop-termine table a:hover {color:#bf0008; text-decoration: underline;} div.required input, .required select{border: 1px solid #696969; background-color: #EFBFBF;} div.required input:hover, .required select:hover{border: 1px solid #696969;background: #FFE4C4;} div#leitung-be label, div#date-form label{ font-weight: bold; width:140px; float:left; } div#leitung-be div.required, div#leitung-be div.optional, div#leitung-be div#beschreibung-e, div#date-form div.optional, div#date-form div.required { margin: 10px 0 5px 0; /*width: 240px;*/ clear:both; } div#leitung-be label span.e-info {font-weight: normal;} div#leitung-be {width: 480px; margin: 0; padding: 5px; border: solid 1px #ff9900;} /* F_info F_error */ .f_error {text-align:center; background-color: #FFDEAD; border: 1px solid black; margin: 2px 20px 10px;} .f_info { text-align:center; background-color: #D2E4E8; border: 1px solid black; margin: 2px 20px 10px;} .error_message, .error { color: Red; text-decoration: blink; font-weight: bold; } /* Davids spielzeug */ table#cakeSqlLog {position: absolute; top: -210px; left: 700px; width: 370px; background:#ffffff url(gfx/david.gif) no-repeat left top; border: 1px solid #000000;padding: 2px; display: none;} div#debug {position: absolute; top:1200px; left: 60px; border: 1px solid Red;width: 600px; display: none;} 600px; display: none;}