/* :.:..........:.:.........................: */ *{margin:0; padding:0;} html, body{font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; background:url(pics/bg_body.jpg) top left repeat #666666; height:100%;} body{min-width:900px; min-height:630px;} /* .......................... ... ::: HAUPTELEMENTE ::: ... .......................... */ h1{font-size:16px; color:#000; margin-bottom:10px;} h2{font-size:15px; color:#000; margin-bottom:10px;} h3{font-size:14px; color:#000; margin-bottom:10px;} p{margin-bottom:10px; line-height:15px;} ul, ol{margin:0px 0px 0px 0px; padding:8px 0px 8px 0px; list-style-position:inside;} li, dl{padding:0px 0px 5px;} a{text-decoration:none; color:#FD9728;} a:hover{text-decoration:underline;} img{border:0;} /* .................................... ... ::: ALLGEMEINE CSS STRUKTUR ::: ... .................................... */ #vertical_breaker{float:left; height:50%; margin-top:-340px;/* half vertical height*/ width:100%;} #main{width:100%; min-width:911px; min-height:680px; padding-bottom:10px; clear:both;} #first_wrap{width:900px; position:relative; margin:0px auto; background:#323232; padding:10px 10px;} #header{clear:both; width:900px; height:115px;} #logo{float:left; font-size:33px; margin-top:10px;} #logo p{padding:0px;} #logo p a{background:#555555; display:block; width:285px; text-align:center; padding:7px 0px; } #logo p a:hover{text-decoration:none;} #mainnavigation{} #topnav{float:right; font-size:11px; width:500px;} #topnav ul{list-style:none outside; float:right;} #topnav li{display:inline; color:#B2B2B2;} #topnav a{color:#B2B2B2; padding:0px 13px;} #topnav a:hover, #topnav li.active a{color:#fff; text-decoration:none;} #secondnav{float:right; font-size:16px; font-weight:bold; margin-top:52px;} #secondnav ul{list-style:none outside;} #secondnav li{float:left; padding:0px 0px 0px 10px;} #secondnav a{color:#B2B2B2; background:#555555; display:block; width:294px; text-align:right; padding:1px 3px 1px 0px} #secondnav a:hover, #secondnav a.active {text-decoration:none; color:#8C8C8C; background:#DEDEDE;} #secondnav p{position:absolute; top:55px; left:315px; margin:0px; padding:0px; font-size:16px; color:#DEDEDE;} #grafik{clear:both; width:900px; height:450px; margin-top:5px; background:#555555;} #ecke_links_oben{position:absolute; top:140px; left:20px; z-index:1;} #ecke_links_unten{position:absolute; top:470px; left:20px; z-index:2;} #ecke_rechts_oben{position:absolute; top:140px; right:20px; z-index:3;} #ecke_rechts_unten{position:absolute; top:470px; right:20px; z-index:4;} #content{clear:both; width:900px; position:absolute; top:155px; z-index:100; right:35px;} #content_center{float:right; background:#fff;} #content_center_start_text{padding:10px; width:210px;} #content_center_start_text h1{font-size:16px; margin:0px;} #content_center_text{padding:10px; width:425px; max-height:380px; overflow:auto; font-size:11px;} #content_center_galerie_bg{float:right;} #content_center_panorama{float:right; height:400px; overflow:auto;} #teaser{clear:both; margin-top:10px; background:#323232; height:110px; overflow:auto; color:#B2B2B2;} #teaser h1{color:#B2B2B2;} #teaser p{padding:0px; margin:0px;} #teaser_links{display:block; width:285px; height:96px; background:#fff; float:left; margin-right:16px; border:2px solid #B2B2B2;} #teaser_links p{text-align:right; padding:0px;} #teaser_links a{display:block; width:285px; height:96px; background:url(pics/teaser_hochzeit.jpg) top left no-repeat;} #teaser_links a:hover{text-decoration:none;} #teaser_mitte{display:block; width:285px; height:96px; background:#fff; float:left; border:2px solid #B2B2B2;} #teaser_mitte p{text-align:right; padding:0px;} #teaser_mitte a{display:block; width:285px; height:96px; background:url(pics/teaser_sport.jpg) top left no-repeat;} #teaser_mitte a:hover{text-decoration:none;} #teaser_rechts{display:block; width:285px; height:96px; background:#fff; float:right; border:2px solid #B2B2B2;} #teaser_rechts p{text-align:right; padding:0px;} #teaser_rechts a{display:block; width:285px; height:96px; background:url(pics/teaser_konzert.jpg) top left no-repeat; } #teaser_rechts a:hover{text-decoration:none;} #teaser_musiker{clear:both; margin-top:10px; background:#323232; color:#B2B2B2; text-align:center;} /* .................... ... ::: OPACITY ::: ... .................... */ #ecke_links_oben, #ecke_links_unten, #ecke_rechts_oben, #ecke_rechts_unten{opacity:0.44; -moz-opacity:0.44;} /* A */ #content_center, #teaser_links a, #teaser_mitte a, #teaser_rechts a, #subnavigation a{opacity:0.75; -moz-opacity:0.75;} /* A:HOVER */ #teaser_rechts p, #teaser_links a:hover, #teaser_mitte a:hover, #teaser_rechts a:hover, #subnavigation a:hover, #subnavigation li.active a{opacity:1.0; -moz-opacity:1.0;} /* ...................... ... ::: SUBSEITEN ::: ... ...................... */ #subnavigation{clear:both; width:150px; position:absolute; top:145px; z-index:100; left:35px;} #subnavigation ul{list-style:none outside;} #subnavigation li{margin:0px 0px; padding:2px 0px 0px;} #subnavigation a{color:#3F3F3F; background:#fff; padding:3px 0px 3px 10px; width:140px; display:block;} #subnavigation a:hover, #subnavigation li.active a {text-decoration:none; color:#fff; background:#323232;} #subnavigation li ul {margin:0px 0px 4px; padding:0px 0px;} #subnavigation li.active li a{background:url(pics/subnavigation_pfeil.gif) 10px 7px no-repeat #666666; padding-left:20px; width:130px;} #subnavigation li ul li a:hover, #subnavigation li ul li.active a {background:url(pics/subnavigation_pfeil_hover.gif) 10px 7px no-repeat #3F3F3F;} /* .................... ... ::: GALERIE ::: ... .................... */ #content_galerie{clear:both; width:685px; position:absolute; top:155px; z-index:100; right:35px;} #content_galerie_center{float:right; height:403px;} #galerie_big{float:left; width:600px; height:400px; overflow:hidden; color:#B2B2B2; text-align:center;} /* .................... ... ::: KONTAKT ::: ... .................... */ #formfield{} #formfield p{clear:both; display:block; min-height:20px;} #formfield p.text{float:right; width:303px;} #formfield label{float:left;} #formfield input{width:300px; float:right;} #formfield textarea{width:300px; float:right; overflow:auto; margin-bottom:10px;} #formfield input.submit{width:100px; float:right; margin:5px 204px 0px 0px; background:#555; color:#fff; border:0px solid #ddd;} /* ...................... ... ::: GÄSTEBUCH ::: ... ...................... */ .guestbook_add{border-top:1px solid #ccc; padding-top:10px;} .guestbook_add_date{font-weight:bold;}