/* Standard Stylesheet www.schloss-braunshardt.de Start: 01.12.2006 Letzte Aenderung: 24.09.2009 */ /* Basics --------------------------------------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: white; color: #000; background-image: url(/images/schloss-braunshardt/layout/back.gif); background-repeat: repeat-y; } * { margin: 0; padding: 0; font-size: 1em; font-weight: normal; } .klaerchen, .clear { clear: both; width:1px; height: 1px; font-size:1px; } img { border: 0px none; } .skiplink { display: none; } #information a:link, fussbereich a:link, .boxhalfleft a:link, #information100 a:link { color: #191957; text-decoration: none; border-bottom: 1px dotted #191957; } #information a:visited, #fussbereich a:visited , .boxhalfleft a:visited, #information100 a:visited { color: #242480; text-decoration: none; border-bottom: 1px dotted #242480; } #information a:hover, #fussbereich a:hover, .boxhalfleft a:hover, #information100 a:hover { color: #320F01; text-decoration: none; border-bottom: 1px solid #320F01; } #information a.img, a.img, a.img { border: 0 none;} a {outline: none;} #information ul {font-size: 130%; line-height: 140%; margin: 1em;} #information li {margin: 0.3em; list-style-type: square;} /* Layout --------------------------------------------------------------------------------------- */ #allumfassend { width: 936px; } #kopfbereich { width: 936px; height: 237px; } h1 { font-size: 1.2em; } #inhalt{ padding: 10px; } #information{width: 420px; padding: 28px; float: left; display:inline; } #information100{width: 620px; padding: 28px; float: left; display:inline; } #information1{ width: 200px; padding: 48px 0 0 0; float: left; font-size: 1.2em; text-align: center !important;} .boxhalfleft { float: left; width: 300px; display:inline; } .boxhalfleft a { line-height: 30px; } .boxhalfright { float: right; width: 300px; text-align: center; display:inline; } #fussbereich { font-size: 1.2em; line-height: 130%; padding: 20px 0 20px 276px; } #fussbereich a { color: #545454; text-decoration: none; border-bottom: 1px dotted #242480;} /* NAVIGATION */ #navibereich { float: left; width: 238px; } #navibereich li { list-style: none; font-size: 130%; } #navibereich a { display: block; font-weight: bold; color: #545454; text-decoration: none; background-color: white; padding: 6px; height: 16px; } #navibereich #navi01 { border-left: 5px solid #000; } #navibereich #navi01 a:hover, #navibereich #navi01 a:active { color: #000; background-color: white; } #startseite #navibereich #navi01 a { color: #000; background-color: white; } #navibereich #navi02 { border-left: 5px solid #00852B; } #navibereich #navi02 a:hover, #navibereich #navi01 a:active { color: #00852B; background-color: white; } #nachrichten #navibereich #navi02 a { color: #00852B; background-color: white; } #navibereich #navi03 { border-left: 5px solid #FDAA31; } #navibereich #navi03 a:hover, #navibereich #navi01 a:active { color: #FDAA31; background-color: white; } #geschichte #navibereich #navi03 a { color: #FDAA31; background-color: white; } #navibereich #navi04 { border-left: 5px solid #003699; } #navibereich #navi04 a:hover, #navibereich #navi01 a:active { color: #003699; background-color: white; } #kunst #navibereich #navi04 a { color: #003699; background-color: white; } #navibereich #navi05 { border-left: 5px solid #F61414; } #navibereich #navi05 a:hover, #navibereich #navi01 a:active { color: #F61414; background-color: white; } #feiern #navibereich #navi05 a { color: #F61414; background-color: white; } #navibereich #navi06 { border-left: 5px solid #5D177B; } #navibereich #navi06 a:hover, #navibereich #navi01 a:active { color: #5D177B; background-color: white;} #rundgang #navibereich #navi06 a { color: #5D177B; background-color: white;} #navibereich #navi07 { border-left: 5px solid #C4C4C4; } #navibereich #navi07 a:hover, #navibereich #navi01 a:active { color: #55545A; background-color: white; } #kontakt #navibereich #navi07 a { color: #55545A; background-color: white; } /* Content --------------------------------------------------------------------------------------- */ h2 { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 220%; letter-spacing: 1px; margin-bottom: 1em; color: #191957; text-shadow: 0.1em 0.1em 0.1em #CCC;} h3, h4, h5, h6 { margin: 1em 0; font-size: 140%; font-weight: bold; color: #191957; background-color: transparent;} p { font-size: 1.3em; line-height: 140%; margin-top: 10px; margin-bottom: 15px;} strong, b { font-weight: bold;} .imgborder { border: 1px solid #C4C4C4; margin: 10px; padding: 0px; } address { font-size: 0.9em; font-style: normal; letter-spacing: 1px;} hr { border: none; background-color: #C4C4C4; color: #C4C4C4; height: 1px;} .button { line-height: 1.4; } .weiter { display: block; width: 5.5em; /* wird für IE 5.x/Win benötigt */ padding: 0.2em; line-height: 1.4; background-image: url(/images/schloss-braunshardt/layout/back-weiter.gif); background-repeat: no-repeat; background-position: right center; text-align: left; } .zurueck { display: block; width: 5.5em; /* wird für IE 5.x/Win benötigt */padding: 0.2em; line-height: 1.4; background-image: url(/images/schloss-braunshardt/layout/back-zurueck.gif); background-repeat: no-repeat; background-position: left center; text-align: right; } .rechts { float: right; margin: 0 0 1em 1em; } .links { float: left; margin: 0 1em 1em 0; } /* Formulare --------------------------------------------------------------------------------------- */ form p{margin:.5em 0;clear:both;} label{display:block;} fieldset{margin:0;padding:0;border:none;} legend{font-weight:bold;} input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;} fieldset{ border:1px solid #ccc; padding:1em 2em; margin:0 0 1.5em 0; } legend{padding:2px 5px;font-size: 1.3em;} form p.col{clear:none;}form div.first{clear:both;} form p{overflow:hidden;} input[type="text"], input[type="password"], textarea, .field, .area, select{ border:1px solid #aaa; padding:5px; background:#fff; width:300px; line-height:1em; margin:0; } select{width:312px;} textarea, .area{overflow:auto; height:150px; width:400px;} input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;} button{ border:none; background:#555; color:#fff; padding:0 2.5em; height:2em; line-height:2em; cursor:pointer; } .messageError{display:block;color:#900;} label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } .hidden { display: none; } .nl-unsubscribe { padding-top: 2em; } /* Rundgang --------------------------------------------------------------------------------------- */ #rundgangmap li a {height:260px; display:block;} #rundgangmap li a span, #rundgangmap li span {display:none;} #rundgangmap li {float:left;display:inline;margin:0;} #rundgangmap li.rg1 {width:99px; height:260px; background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b1a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg1 a { background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b1n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg1 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b1a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg2 {width:58px;height:260px;background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b2a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg2 a {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b2n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg2 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b2a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg3 {width:57px;height:260px;background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b3a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg3 a {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b3n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg3 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b3a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg4 {width:77px;height:260px;background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b4a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg4 a {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b4n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg4 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b4a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg5 {width:57px;height:260px;background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b5a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg5 a {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b5n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg5 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b5a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg6 {width:59px;height:260px;background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b6a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg6 a {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b6n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg6 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b6a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg7 {width:93px;height:260px;background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b7a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg7 a {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b7n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg7 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b7a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg8 {width:110px;height:260px;background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b8a.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg8 a {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b8n.gif);background-repeat: no-repeat;background-position: left top} #rundgangmap li.rg8 a:hover {background-color: transparent; background-image: url(/images/schloss-braunshardt/layout/b8a.gif);background-repeat: no-repeat;background-position: left top} /* Termine LV --------------------------------------------------------------------------------------- */ ul#termineLV {margin: 0; padding: 0;} ul#termineLV li {margin: 0; padding: 0; list-style: none; line-height: 200%; } /* Box mit Rahmen --------------------------------------------------------------------------------------- */ .boxlinie { color: #000; float: left; margin: 0 0 1em 0; padding: 0; width: 610px; border-top: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; border-bottom: 1px solid #fff; background-color: #fff; } .boxlinie img {float: right;} .boxlinie p { margin: 0; padding: 16px 190px 5px 12px; } .boxpresse { width: 99%;color: #000; float: left; margin: 0 0 1em 0; padding: 5px; border-top: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; border-bottom: 1px solid #fff; background-color: #fff; clear: both;} .boxpresse a { display: block;} /* Box News mit Deeplinks --------------------------------------------------------------------------------------- */ #infobanner { margin-top: 10px; } #infobanner a { font-weight: normal; } .boxnews { font-size: 1.2em; float: left; width: 210px; height: 45px; margin: 10px 0px 0px 5px; padding-bottom: 10px; border-bottom: 2px solid #C4C4C4; } .boxnews a { display: block;} .box-ff {font-size: 12px;} .box-ff img {margin: 2em 0 .5em 0; } .box-thumb {margin: -10px 0 0 -6px; padding: 0; float: left;} /* Downloads --------------------------------------------------------------------------------------- */ #downloads dl { width: 350px; margin: 2em 2em 2em 0; padding: 0; } #downloads dl:after { /* self-clear floats */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #downloads dt { float: right; width: 242px; margin: 0; padding: 0; font-size: 1.4em; font-weight: bold; } #downloads dd { margin: 0 0 0 110px; padding: 0; line-height: 1.5em; font-size: 1.3em; } #downloads dl dd.img { margin: 0; } #downloads dd.img img { float: left; margin: 0 8px 0 0; padding: 4px; } /* reverse float */ #downloads .alt dt { float: left; } #downloads .alt dd { margin: 0 96px 0 0; } #downloads .alt dd.img img { float: right; margin: 0 0 0 8px; } /* Image Gallery (alt) --------------------------------------------------------------------------------------- */ #information-gallery {width: 615px; padding: 28px; float: left; display:inline; overflow: hidden;} ul#image-gallery { list-style: none; margin: 5em 0 0 2em; padding: 0; } ul#image-gallery li { margin: 0px 5px 1px 0; float: left; } ul#image-gallery li img { border: 2px solid #fff; } ul#image-gallery li img:hover { border: 2px solid #ccc; } /* Bildergalerie --------------------------------------------------------------------------------------- */ table.imageboxindex { line-height: 130%; color: #00004C; background-color: #F1F1F1; border: 1px solid #CCCCCC; padding: 5px; margin-bottom: 1em; } td.imageboximg a:hover { border-bottom: 0px; } table.imageboxindex td { vertical-align: top; } .imagebox img, .imageboxindex img { border: none; padding: 0 12px 12px 0; } td.imagebox p { margin: .3em 0 1.5em 0; width: 250px; font-size: .9em; line-height: 130%; } /* Definitionsliste Termine (Hochzeiten) --------------------------------------------------------------------------------------- */ dl.dl-zweispaltig { margin: 2em 0; font-size: 1.23em; } dl.dl-zweispaltig dt { float: left; /*width: 15em;*/ padding-bottom: 1.2em; font-weight: bold; } dl.dl-zweispaltig dd { margin-left: 9em; padding-bottom: 1.2em; } /* Definitionsliste Termine (Jahrestermine) --------------------------------------------------------------------------------------- */ dl.terminliste { clear: both; margin: 0 0 1em 0; font-size: 1.23em; } .terminliste dt { float: left; padding-bottom: 1.2em; font-weight: bold; } .terminliste dd { margin-left: 9em; padding-bottom: 1.2em; } .terminliste h3 { font-size: 1.2em; } .terminliste p { font-size: 1em; margin-bottom: 1em; } hr.trenner { border-top: 1px dotted #242480; margin: .5em 0 2em 0; } /* 360 Grad Rundgang --------------------------------------------------------------------------------------- */ #rundgang-360, #rundgang-360 ul, #rundgang-360 li{ margin:0; padding:0; list-style:none; } #rundgang-360 li{ width:180px; height:95px; float: left; margin: 7px 14px 7px 0px; } li.rundgang-01 { background:url(/images/schloss-braunshardt/rundgang/but_pan_gruener_saal.jpg) no-repeat top left;} li.rundgang-02 {background:url(/images/schloss-braunshardt/rundgang/but_pan_gelbes_zimmer.jpg) no-repeat top left;} li.rundgang-03 {background:url(/images/schloss-braunshardt/rundgang/but_pan_blaues_zimmer.jpg) no-repeat top left;} li.rundgang-04 {background:url(/images/schloss-braunshardt/rundgang/but_pan_roter_speisesaal.jpg) no-repeat top left;} li.rundgang-05 {background:url(/images/schloss-braunshardt/rundgang/but_pan_gruenes_zimmer.jpg) no-repeat top left;} li.rundgang-06 {background:url(/images/schloss-braunshardt/rundgang/but_pan_violettes_zimmer.jpg) no-repeat top left;} li.rundgang-07 {background:url(/images/schloss-braunshardt/rundgang/but_pan_blaues_kabinett.jpg) no-repeat top left;} #rundgang-360 li a { display: block; height: 100%; } #rundgang-360 li a span { display: none; }