/* Screen CSS für www.siegberg.org © 2007 veronika@vmediaservice.net */ /*************************** -- allgemeine Styles -- ****************************/ html *{margin: 0; padding: 0;} body{background: #fcf9f0 url(/files/body_bg_1.jpg) center repeat-y; font: 12px "Lucida Sans Unicode", sans-serif;} a{text-decoration: none;} .invisible{visibility: hidden;} /*************************** -- Layout Styles -- ****************************/ #center{border-top: 10px solid #eee5cd; margin: 0 auto; position: relative; width: 700px;} #header{background: #FFF url(/files/header.jpg) bottom center no-repeat; height: 245px;} #header h1{} #header h1 a{background: #FFF url(/files/header_bg.gif) top left no-repeat; display: block; height: 70px; position: relative; left: 410px; width: 282px;} /* -- Hauptnavigation -- */ #navigation{border-bottom: 5px solid #9e884f; font-size: 1.1em; height: 40px;} #navigation ul{float: left; list-style: none;} #navigation li{float: left; text-align: center;} #navigation ul li a{background-color: #bca873; border-right: 1px solid #c3af7a; color: #fff3d4; display: block; height: 30px; padding-top: 10px; width: 99px;} #navigation ul li a.current{background-color: #9e884f; color: #FFF;} #navigation ul li a.last{border: none;} #navigation ul li a.current:hover{background-color: #9e884f; color: #FFF;} #navigation ul li a.last{border: none; width: 100px;} #navigation ul li a:hover{background-color: #c2ae79;} /* -- dunkelgrüne Subnavigation -- */ #breadcrumb{background-color: #6e8319; color: #c4d875; font-size: 11px; height: 19px; padding-left: 5px; padding-top: 3px;} #breadcrumb ul{float: left; list-style: none;} #breadcrumb ul li{float: left;} #breadcrumb a{color: #c4d875;} #breadcrumb a:hover{color: #FFF;} #main{background-color: #FFF; color: #4d3b0a;} #left{float: left; width: 220px;} /* -- Post-it Subnavigation -- */ #subnavigation{background: #FFF url(/files/subnavigation_bg.jpg) top left no-repeat; height: 239px;} #subnavigation ul{list-style: none; padding: 35px 0 0 55px;} #subnavigation a{color: #6b5826;} #subnavigation a:hover{color: #4d3b0a;} #subnavigation a.current{background-color: #4d3b0a; color: #bca873;} /* -- Container für den ganzen Hauptcontent -- */ #content{float: right; padding: 10px 20px 50px 0; width: 460px;} #content h2{color: #6e8319; font-size: 18px; margin-bottom: 16px;} #content h2.startseite{margin: 15px;} #content h3{font-size: 14px; margin: 12px 7px;} #content h4{font-size: 12px; margin: 10px;} #content h4 a{background: transparent url(/files/cantus.gif) bottom left no-repeat; border-bottom: none; padding-left: 18px;} #content h4 a:hover{background-color: none;} #content h5{color: #9E884F; font-size: 12px; font-weight: normal; margin:10px;} #content a{border-bottom: 1px dotted #cb2802; color: #cb2802; padding: 0 2px;} #content a.extern{background: transparent url(/files/extern.gif) bottom left no-repeat; padding-left: 18px;} #content a:hover{background-color: #fcbcad; color: #d44f30;} #content p{margin-bottom: 10px; padding-left: 10px;} #content ul{list-style-type: square; margin: 7px 0; padding: 0 30px 0 50px;} #content ul#fuchs{list-style-image: url(/files/fuchs.gif);} #content ul#bursch{list-style-image: url(/files/bursch.gif);} #content img{border: 1px solid #eee5cd; margin: 0 8px 8px 8px; padding: 5px;} #content img.left{clear: both; float: left; margin-left: 0;} #content img.right{clear: both; float: right; margin-right: 0;} /* -- Newsauflistung auf der Startseite -- */ #content .news{border-right: 1px dotted #eee5cd; float: left; margin: 0 0 0 20px; padding-right: 10px; width: 190px;} #content .news .more{text-align: right;} #content .news .more a{background: transparent url(/files/read_more.gif) bottom left no-repeat; border: none; color: #6e8319; font-weight: bold; padding-left: 18px;} #content .news .more a:hover{background-color: none; color: #576b06;} #content .news .download{border: none; margin: 0; padding: 0; text-align: left;} #content .news .download:hover{background-color: transparent;} #content .news .download p{margin: 0 0 0 15px; text-align: left;} #content .news .download em{display: none;} /* -- das nebeneinandere angeordnetet Chargenteam -- */ #content .chargenteam{clear: left; float: none;} #content .chargenteam .charge{float: left; text-align: right; width: 150px;} #content .chargenteam .charge p{margin: 7px 5px;} #content .chargenteam .charge img{border: none; margin: 0; padding: 0;} /* -- Absatz für einen GalerieLink -- */ #content p.gallery{margin: 0 20px 10px 20px;} #content p.gallery a{background: transparent url(/files/gallery.gif) bottom left no-repeat; padding-left: 18px;} #content p.gallery a:hover{background-color: #fcbcad; color: #d44f30;} /* -- Jedes Foto der Galerie liegt in so einem Div, damit gleichmäßige Abstände erreicht werden -- */ #content .gallery_detail{float: left; height: 120px; margin: 0 10px 10px 0; padding: 5px; width: 120px;} #content .gallery_detail a{background-color: #FFF; border-bottom: none;} #content .gallery_detail a:hover{background-color: #FFF; border-bottom: none;} #content .gallery_detail a img{border: 1px solid #eee5cd; padding: 5px;} #content .gallery_detail a:hover img{border-color: #dccda7;} /* -- der Container für das nächste Event auf der Startseite -- */ #content #next_event{background: #eee5cd url(/files/next_event.jpg) top left repeat-x; border-bottom: 3px solid #BCA873; height: 200px; padding: 0 30px; text-align: right;} #content #next_event h3{color: #6E8319; font-size: 24px; margin: 25px 0 20px 0;} #content #next_event h4{color: #BCA873; font-size: 16px; font-weight: normal; margin: 0; padding: 80px 0 0 0;} #content #next_event span{color: #BCA873; text-align: right; width: 150px;} #content #next_event span.location{padding-right: 50px; text-align: right; width: 300px;} #content #next_event strong{color: #9E884F; font-weight: normal;} /* -- Styles für das Kontaktforumlar -- */ #content fieldset{border: none;} #content legend{display: none;} #content label{font-weight: bold; float: left; margin-right: 15px; text-align: right; width: 90px;} #content input.submit{background-color: #fffdf7; border: 1px solid #eee5cd; margin-left: 105px; padding: 3px; text-align: center; width: 335px;} #content input, textarea{border: 1px solid #eee5cd; font-family: Georgia, "Times New Roman", Times, serif; padding: 2px; text-align: left; width: 200px;} #content input:focus, #content textarea:focus{background-color: #fffdf7; border-color: #eee5cd;} #content textarea{width: 330px;} #content input.checkbox{border: none; width: 15px; margin-left: 30px;} #content div.element{clear: both; margin-bottom: 5px;} /* -- Der Container, in dem Downloads angezeigt werden -- */ #content .download {border-top: 1px dashed #eee5cd; padding-bottom: 1px;} #content .download:hover{background-color: #fffdf7;} #content .download a{border-bottom: none;} #content .download p{text-align: right;} #content .download img{border: none; margin: 0; padding: 0;} #content .download em{font-style: normal;} /* -- Footer der Seite -- */ #footer{background-color: #eee5cd; bottom: 0; clear: both; color: #c5b894; font-size: 0.9em; padding: 8px; position: fixed; text-align: center; width: 685px;} #footer a{color: #c5b894;} #footer a:hover{color: #9b8a5b;} /* -- lightbox 2.0 -- */ #lightbox{position: absolute;top: 40px;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox a img{ border: none; } #outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #imageContainer{padding: 10px;} #loading{position: absolute;top: 40%; left: 0%; height: 25%;width: 100%;text-align: center;line-height: 0; } #hoverNav{position: absolute; top: 0;left: 0; height: 100%; width: 100%; z-index: 10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(/files/blank.gif) no-repeat; display: block;} #prevLink {left: 0; float: left;} #nextLink {right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover {background: url(/files/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background: url(/files/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float: left; text-align: left; } #imageData #caption{font-weight: bold; } #imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{width: 66px; float: right; padding-bottom: 0.7em; } #overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body .clearfix {display: inline-block; width: 100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }