/* Portrait Font: #504742 Font aktiv: #04A2A0 Background: #FFFFFF
Geklimper Font: #7D7667 Font aktiv: #9F0028 Background: #343130
Gewand Font: #7D7667 Font aktiv: #AD0291 Background: #343130
Gemach Font: #7D7667 Font aktiv: #EC732C Background: #343130
Gelage Font: #7D7667 Font aktiv: #86A20C Background: #343130
Home Font: #7D7667 Font aktiv: #04A2A0 Background: #343130
-----------------------------------------------------------------------------------------------
Site mit diesen Browsern getestet:
Win -> Firefox 3.x; Safari 3.x; IE7; IE8; Netscape 7; Google Chrome 0.2
Mac -> Firefox 3.x; Safari 3.x;
Bei diesen Browsern sind Einschränkungen zu erwarten:
Win -> IE6 und älter;
-----------------------------------------------------------------------------------------------
*/
/**/
/* -----------------------------------------------------------------------------------------------*/
* {margin: 0; padding: 0;}
a {text-decoration: none; }
body {font-family:"Trebuchet MS";}
h1 {font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 15px;}
h2 {font-size: 14px; font-weight: bold; margin-bottom: 10px}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 10px}
h5 {color: #669900; font-size: 11px; font-weight: bold; margin-bottom: 4px; position: relative; left:-2px;} /* -Titel f?r Links und Dowanloads */
#mailer {background: #FFFFFF;}
p {background: none; margin-bottom: 15px; width: 445px;}
.none {display: none;}
/* -----------------------------------------------------------------------------------------------*/
#outer {padding: 0px; margin: 0 auto; width: 990px; height: 1400px; z-index: auto;}
#clear {clear: both;}
img {behavior: url("/css/iepngfix/iepngfix.htc") }
/* -----------------------------------------------------------------------------------------------*/
/**/
/**/
/* -----------------------------------------------------------------------------------------------*/
#NavTop {font-size: 12px; position: relative; left: 642px; top: 25px; text-align: right; width: 345px;}
/* -----------------------------------------------------------------------------------------------*/
#gelage_roll {float: left; position: relative; top:183px; left:22px; background-image: url(/images/gelage_inaktiv.jpg); width: 122px; height: 155px;}
#gelage_roll:hover {background-image: url(/images/gelage_aktiv.jpg); }
#geklimper_roll {float: left; position: relative; top:272px; left:55px; background-image: url(/images/geklimper_inaktiv.jpg); width: 125px; height: 157px;}
#geklimper_roll:hover {background-image: url(/images/geklimper_aktiv.jpg)}
#gewand_roll {float: left; position: relative; top:244px; left:73px; background-image: url(/images/gewand_inaktiv.jpg); width: 193px; height: 146px;}
#gewand_roll:hover {background-image: url(/images/gewand_aktiv.jpg)}
#gemach_roll {float: left; position: relative; left:-56px; top:-57px; background-image: url(/images/gemach_inaktiv.jpg); width: 217px; height: 109px;}
#gemach_roll:hover {background-image: url(/images/gemach_aktiv.jpg)}
/* -----------------------------------------------------------------------------------------------*/
#LV1 {font-size: 13px; position: relative; left: 120px; line-height: 16px; top: 55px; width: 840px; text-align: left; z-index: 2;}
#LV1 li {list-style-type: none; list-style-image:url(/images/trenner.jpg) }
#LV1 li a {padding: 0px 0px 0px 0px;}
#LV1 li a:hover {color: #323232;}
/* -----------------------------------------------------------------------------------------------*/
#LV2 {float: left; position: relative; left: 0px; width: 440px;}
#LV2 a {font-size: 13px;}
/* -----------------------------------------------------------------------------------------------*/
#LV3 {font-size: 13px; position: relative; top: -15px; left: 190px;}
#LV3 a {font-size: 13px;}
/* -----------------------------------------------------------------------------------------------*/
/**/
/**/
/* -----------------------------------------------------------------------------------------------*/
#primarycontent {padding:20px; width: 1200px; z-index:1; } /* beinhaltet contentMaster, content*/
#logo {width: 273px; height: 95px; padding-bottom: 25px; background-repeat: no-repeat; }
#contentMaster {font-size: 13px; line-height: 16px;} /*beinhaltet titel, text, links */
#contentMaster li { list-style-image: list-style-position: outside; position: relative; left: 16px; }
#contentMaster ul { padding-bottom: 15px; }
/* -----------------------------------------------------------------------------------------------*/
#container {position: absolute; top: 170px; float: left; padding-left: 100px; width: 1100px; text-align: left;}
#content {font-size: 13px; position: relative; top: 140px; } /* Galerie Referenzen: Detail -> see also: csscase.inc*/
#sidebar1 {position: relative; float: left; width: 550px; } /* linker inhalt: details etc.*/
#mainContent {position: relative; margin: 0 0 0 550px; padding: 0 20px 20px;} /* rechter inhalt: logo, galerie referenzen, inhalt etc.*/
#contentImage {position: relative; top: 0px; right: 0px; width: 470px;} /* Galerie Referenzen*/
#contentImage img {position: relative; float: left; padding-right: 8px; }
a .info {display: none; font-size: 12px; color:#5B5B5B; } /* */
a:hover .info { display: block; position: absolute; top: 60px;}
/* -----------------------------------------------------------------------------------------------*/
#fusszeile {position: relative; padding: 0px; margin: 0px; height: 125px;}
/* -----------------------------------------------------------------------------------------------*/
#downloads {width: 140px;}
#downloads li {padding-bottom: 4px;}
#downloads .pdf {list-style-image: url(/images/pdf.gif);}
#downloads .file {list-style-image: url(/images/file.gif);}
#downloads .film {list-style-image: url(/images/video.gif);}
#downloads a {position: relative; top: -3px;}
#contentlinks {width: 430px;}
#contentlinks li {padding-bottom: 4px; list-style-type:none;}
.bildlinks {padding-right: 6px;}
.bildrechts {padding-right: 6px;}
/* -----------------------------------------------------------------------------------------------*/
/**/
/* -----------------------------------------------------------------------------------------------*/
#suchform {position: absolute; left: 333px; width: 150px; }
#suchform .suchform {border: 1px solid #666666; color: #666666; width: 110px; height: 14px; font-size: 10px; }
#suchform .suchformbutton {position: relative; padding-left: 2px; top: 2px;}
/* -----------------------------------------------------------------------------------------------*/
/**/
/*===================================================================================================================*/
/* -----------------------------------------------------------------------------------------------*/
#lead {position: absolute; top: -293px; left: -2px;} /* included in content! */
/* -----------------------------------------------------------------------------------------------*/
#druckbutton {position: relative; left: 14px; top:20px; width: 130px; }
#druckbutton img {position: relative; top:0px; }
/**/
/* -----------------------------------------------------------------------------------------------*/
#newsletter {position: relative; padding-left: 10px; padding-top: 10px; }
#kalender {position: relative; padding-left: 10px; padding-top: 15px;}
#kalenderanzeige {width: 10px; height: 10px;}
#adresse {position: relative; padding-left: 10px; padding-top: 20px; color: #FFFFFF; font-size: 10px; line-height: 11px;}
#adresse a {color: #FFFFFF; text-decoration: none;}
/* -----------------------------------------------------------------------------------------------*/
#aktuell {position: relative; top: 20px;}
#aktuell a {font-size: 9px; color: #666666; padding-bottom: 10px; }
#aktuell .block {display: block; position: relative; left: 12px; width: 120px; }
#aktuell .zeiger {position: relative; top: 12px;}
/* -----------------------------------------------------------------------------------------------*/
/**/
/**/
/* -- Bildliste 3er/4er ---------------------------------------------------------*/
#gallery4 {width: 129px; margin: 0px 8px 0px 0px; float: left }
#gallery4 img {width: 129px;}
#gallery3 {width: 175px; margin: 0px 8px 0px 0px; float: left }
#gallery3 img {width: 175px; height: 120px;}
#gallerylink {height: 45px; padding: 5px 0px 5px 0px;}
/* -- Kalender ------------------------------------------------------------------*/
#eventtitel {position: relative; font-weight: bold; width: 160px; float: left; background-color: #EFEFEF; padding: 2px 2px 2px 10px; margin-right: 5px; border-right: 1px solid #666666; border-bottom: 1px solid #666666}
#eventinhalt {position: relative; width: 350px; float: left; margin-right: 5px; background-color: #EFEFEF; padding: 2px 2px 2px 10px; border-right: 1px solid #666666; border-bottom: 1px solid #666666}
#eventinhalt li {list-style-type: disc; list-style-position: inside; margin: 0px; padding: 0px;}
/* -- Kontaktformular -----------------------------------------------------------*/
#Kontaktformular {font-size: 12px; font-weight: normal; }
#Kontaktformular p {padding: 6px }
#Kontaktformular textarea {font-family:"Trebuchet MS"; font-size:12px; height: 90px; background: #fff; position: absolute; left: 150px; width: 180px; border: solid 1px #666666 }
#Kontaktformular input {height: 20px; background: #fff; position: absolute; left: 150px; width: 180px; border: solid 1px #666666 }
#Kontaktformular select {height: 20px; background: #fff; position: absolute; left: 150px; width: 55px; border: solid 1px #666666 }
#Kontaktformular .checkbox {background: #fff; position: relative; left: 100px; width: 20px; border: solid 1px #666666 }
#Kontaktformular .submit {width: 150px; border: solid 1px #666666 }
/* -- Kalenderformular -----------------------------------------------------------*/
div#Kalenderformular {font-size: 11px; font-weight: normal; }
div#Kalenderformular p { padding: 2px }
div#Kalenderformular textarea {height: 90px; background: #fff; position: absolute; left: 420px; width: 180px; border: solid 1px #666666 }
div#Kalenderformular input { height: 20px; background: #fff; position: absolute; left: 420px; width: 180px; border: solid 1px #666666 }
div#Kalenderformular .checkbox { background: #fff; position: relative; left: 150px; width: 20px; border: solid 1px #666666 }
div#Kalenderformular .submit { width: 150px; border: solid 1px #666666 }
/* -- Blog ------------------------------------------------------------------------*/
div#Blogantwort {font-size: 11px; font-weight: normal;}
div#Blogantwort p {padding: 8px }
div#Blogantwort textarea {height: 90px; background: #fff; position: absolute; left: 100px; width: 180px; border: solid 1px #666666 }
div#Blogantwort input {height: 20px; background: #fff; position: absolute; left: 100px; width: 180px; border: solid 1px #666666 }
div#Blogantwort .checkbox {background: #fff; position: relative; left: 150px; width: 20px; border: solid 1px #B4C7E4 }
div#Blogantwort .submit {width: 150px; border: solid 1px #B4C7E4 }
#mainblog {width: 100%; z-index: 0; color:#000000; font-size: 11px;}
#mainblog form {text-decoration: none; size: 11px }
.blogbutton {font-size: 10px; padding: 2px; margin:5px; border: 1px solid #B4C7E4; color: #000000; width:135px; position:relative; left:-5px;}
.blogbutton a {color: #000000;}
.guestbookform {border: 1px solid #B4C7E4; width: 250px; position: relative; left:30px;}
.guestbookform .submit {width: 80px; margin-top: 80px; margin-bottom: 30px;}
ul.guestbook {text-align: left; list-style-type: none; width: 420px; }
ul.guestbook p.gbheader {list-style-type: none; height: 18px; font-size: 10px; color: #000000; font-weight: bold; line-height: 14px; border-top: 1px solid #B4C7E4; border-bottom: 1px solid #B4C7E4; }
ul.guestbook p.button_li {text-align: center }
.guestbook p {list-style-type: none;line-height: 14px; padding-right: 8px; padding-left: 8px }
ul.guestbook .button {background-color: #000000; border: solid 1px #309 }
ul.guestbook .button:hover {background-color: #000000; border: solid 1px #309 }
.ip {font-size: 8px }
/* -- Sitemap ------------------------------------------------------------------------
#sitemap {font-size: 11px; list-style-image: none; list-style-type: none; width: 550px;}
#sitemap ul.columns {padding: 0.3em; border: none; margin: 0.25em; width: 155px; float: left; }
#sitemap ul {margin-left: 0; padding-left: 0;}
#sitemap li {list-style-image: none; list-style-type: none; margin: 4px 0; padding: 0px; }
#sitemap li a {color: #000000;}
#sitemap li a:hover {color: #04A2A0;}
#sitemap li li li {font-size: 10px; position: relative; left: 20px;}
#sitemap .divider {clear: both;}
#sitemap H1 a {position: relative; color: #AFC124; font-size: 14px;} */
/* -- Sitemap ------------------------------------------------------------------------*/
#sitemap { font-size: 12px; list-style-image: none; list-style-type: none; }
#sitemap ul.columns { padding: 0.3em; padding-bottom: 15px; border: none; margin: 0.25em; width: 165px; float: left;}
#sitemap ul { margin-left: 0; padding-left: 0; }
#sitemap li { list-style-type: none; margin: 4px 0; padding: 0px;}
#sitemap li a { color: #888888;}
#sitemap li a:hover { color: #04A2A0;}
#sitemap li li li { position: relative; left: 20px;}
#sitemap .none { list-style-image: none; list-style-type: none;}
#sitemap .divider { clear: both;}
#sitemap H1 a { color: #04A2A0; font-size: 14px;}
/**/