/*[fmt]1000-110A-3*/
body {margin: 0; padding: 0; background: #FFF url(bg_pg_wgray.gif); font: 100% Verdana, Sans-serif; line-height: 1.3em; text-align: center; color: #333; }
.container {font-size: 0.83em; background: #FFF url(bg_col_ms.gif); width: 750px; margin: 0 auto; border: 1px solid #888877; border-width: 0 1px; text-align: left; color: #333; position: relative; }
/*LINKS________________________________*/
a, .subnav a:visited {color: #358; text-decoration: none; border-bottom: 1px dotted #469; }
a:visited {color: #677; border-color: #899; }
a:hover, .subnav a:hover {color: #933; border-color: #B55; border-bottom-style: solid; }
a img, .noline, a.noline:link, a.noline:visited, a.noline:hover, a.thumb, a.icon, a.img:link, a.img:visited, a.img:hover {border-width: 0; }
.more a, a.more, .previous a, a.previous {white-space: nowrap; }
#subcol .more a, #subcol a.more {white-space: normal; }
.more a:after, a.more:after, .previous a:before, a.previous:before {content: "\2192"; font-family: Verdana, Sans-serif; font-size: 110%; color: #C93; white-space: nowrap; padding-left: 2px; }
.more a:hover:after, a.more:hover:after, .previous a:hover:before, a.previous:hover:before {color: #933; }
.previous a:before, a.previous:before {content: "\2190"; padding-left: 0; padding-right: 2px; }
a.previous:after, .more a.previous:after {content: ""; }
h1 a, #section a {border-width: 0; }
/*HEADER________________________________*/
#header {background-color: #FFF; float: left; width: 100%; height: 146px; margin-top: 2.5em; }
#logo {background: none; background-color: transparent; float: left; display: block; width: 175px; height: 35px; margin: 25px 0 0; padding: 0; text-indent: -10000px; border-width: 0; text-decoration: none; }
/*NAV________________________________*/
#navbg {background: url(bg-Menuleiste.png) !important; background: url(); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-Menuleiste.png',sizingMethod='scale'); float: left; width: 100%; height: 2em; margin-top: -2em; }
#nav {background: transparent; float: left; width: 100%; height: 2em; margin-top: -2em; color: #FFF; }
#nav ul {margin: 0 20px; padding: 0; list-style: none; font-size: 85%; text-transform: lowercase; }
#nav li {float: left; margin: 0; padding: 0; background-image: none; line-height: normal; text-indent: 0; }
#nav a, #nav strong {display: block; padding: 6px 10px 7px !important; padding: 7px 10px; border: 1px solid #66665E; border-width: 0 1px 0 0; color: #CCB; text-decoration: none; white-space: nowrap; }
#nav strong {color: #FFF; background: #5E8A8D; /*#BB9955;*/
}
* html #nav a {width: 1%; }
#nav a:hover {color: #FFF; background: #5E8A8D; /*#BB9955;*/
opacity: .75; filter: Alpha(opacity:75); }
#nav a:hover {background-repeat: no-repeat; }
#nav a strong {background: none; padding: 0; border: none; }
#nav .first {border-left-width: 1px; }
/*STRUCTURE________________________________*/
#content, #c2, #c3 {float: left; width: 750px; }
* html #content, * html #c2, * html #c3 {margin-right: -3px; }
#c2 {padding-bottom: 20px; }
#maincol {float: left; width: 485px; }
#subcol {float: right; width: 244px; color: #777; }
#xcol {display: none; color: #666; }
#mc2, #sc2, #xc2 {padding: 0 20px; }
#mc2 {padding-right: 0; }
#maincol, #subcol, #xcol {margin-top: -8px; }
#subcol, #xcol {font-size: 85%; line-height: 1.6em; }
/*MISC - Headings________________________________*/
h1, #section {background: #FFF url(bg-Headline.png) no-repeat; margin: 0; padding: 8px 20px 5px; font: 195%/1.4em Georgia, Serif; color: #776; }
h1 #parentlink, #section #parentlink {background: url(/img/arrow.gif) no-repeat 100% 50%; float: left; width: 210px; margin-right: 35px; font-weight: normal; color: #776; }
h1 #childlink {font-style: normal; }
h2, h2 a, h2 a:visited {color: #BB9955; border-width: 0; }
h2, #c-smx #maincol h2, #c-xms #maincol h2 {margin: 1.25em 0 0.15em; font: 175% Georgia, Serif; line-height: 1.4em; }
h2 a:hover {color: #974; text-decoration: none; }
h3 {margin: 1em 0 0.25em; font: 125%/1.5em Georgia, Serif; color: #353; border-bottom: 1px dotted #CDC; }
h3 a {border-width: 0; }
h4 {margin: 1em 0 0.25em; font: 110% Georgia, Serif; }
h1, h2, h3, h4 {clear: both; }
/*MISC - Tables________________________________*/
table {font-size: 100%; color: #333; }
table.data {margin: 1em 0 1.5em; font-size: 85%; line-height: 1.6em; }
table.full {width: 100%; border-collapse: collapse; }
.data th, .data td {padding: 2px 5px 3px; border-top: 1px dotted #CCC; }
.data td {text-align: right; }
.data th, .data .row-header th em {font-style: italic; font-weight: normal; }
.data .row-header th, .data thead th {text-align: right; font-style: normal; font-weight: bold; }
.data th.txt, .data td.txt {text-align: left; }
.data .alt th, .data .alt td {background: #EEEEE4; border-color: #CCC; }
/*MISC - Calendar________________________________*/
table.cal {font-size: 100%; width: 200px; }
.cal th {font: 100% Georgia, Sans-serif; color: #AA9; text-transform: lowercase; text-align: center; padding-bottom: 4px; }
.cal td {padding: 2px 4px; text-align: center; color: #887; line-height: 1.2em; }
.cal .selected {border: 1px solid #BB9; border-width: 1px; padding: 1px 3px; font-weight: bold; color: #B93; }
.cal .today {background: #CCB; color: #EED; border: 1px solid #998; border-width: 1px 0 0 1px; padding: 1px 4px 2px 3px; }
.cal td a, .cal td a:visited, .cal td a:hover {font-weight: bold; }
/*MISC - Lists________________________________*/
ul, dl {margin: 0.5em 0 1em; padding: 0; list-style: none; }
ul li {margin: 0 0 2px; padding: 0; }
ul.bulleted li {background: url(favicon.gif) no-repeat 4px 0.35em; padding-left: 24px; margin-top: 0; text-indent: 0; }
dl dl {margin: 1em 20px; }
dt {clear: left; font-weight: bold; }
#maincol li em {font-style: normal; font-weight: normal; font-size: 85%; line-height: 1.6em; color: #777; }
dd {margin: 0 0 1em; padding: 0; }
.teaser dd {margin-bottom: 1em; }
.links dt {font: 125%/1.4em Georgia, Serif; }
.links dd {font-size: 85%; line-height: 1.6em; }
dd ul {margin: 0; padding: 0; }
dd li {width: 100%; padding: 0; margin: 0; text-indent: 0; }
/*MISC - CPages________________________________*/
.event-list {margin: 0.75em 0; padding: 0; }
.event-list dt {font: 130%/1.4em Georgia, Serif; padding: 10px 10px 0; }
.past dt {padding: 8px 5px 0; font-size: 110%; }
.event-list dt.alt {background: #EEE; }
.event-list dd {padding: 0 10px 15px; margin: 0; }
.past dd {border-bottom: 1px dotted #CCB; padding: 0 5px 8px; }
.event-list dd.alt {background: #EEE; }
.event-list .location, #event .location {border-left: 1px solid #CCC; padding-left: 0.5em; margin-left: 0.25em; font-style: normal; color: #777; }
.past .location {font-size: 77%; font-family: Verdana, Sans-serif; }
.event-list .date {display: block; margin: 0; padding: 0.75em 15px; font-size: 85%; line-height: 1.6em; font-style: normal; }
.past .date {padding: 0.5em 15px; }
.event-list .date:before {content: "Date: "; font-weight: bold; color: #855; }
.event-list dl {margin: 0; padding-left: 15px; }
.event-list dl dt {background: none; margin: 0 0 0.15em; padding: 0; font: 110%/1.4em Georgia, Serif; }
.event-list dl dt a, .event-list a.title, .teaser a.title {background: url(/img/icon_pg.gif) no-repeat 1px 0.35em; display: block; border-width: 0; padding-left: 15px; }
.event-list dt a, .event-list a.title {color: #358; border-color: #469; }
.event-list dt a:hover, .event-list a.title:hover {color: #933; border-color: #B55; }
.past a.title {margin-left: 15px; }
.past a.title, .event-info {font-size: 85%; line-height: 1.6em; }
.event-list dl dd {background: none; margin: 0 0 0.75em; padding: 0 15px; }
.event-list .meta, #event .meta {color: #777; font-size: 85%; line-height: 1.6em; font-style: italic; }
.event-list .more {font-size: 85%; line-height: 1.6em; }
#moreinfo ul.bulleted li {font-size: 85%; line-height: 1.5em; margin-bottom: 0.25em; }
#event h3 {background: url(/img/icon_pg.gif) no-repeat 1px 50%; margin: 0 0 0.5em; border-bottom: 1px dotted #CCC; padding: 0.2em 0 0.2em 15px; font-size: 130%; line-height: 1.5em; }
.teaser dd li div {margin-top: 0.5em; }
/*MISC________________________________*/
p {margin: 0 0 0.75em; }
p.sub, p.end, p.more {color: #777; }
#maincol .sub, #c-sm #maincol p.note, #c-ms #maincol p.note, #c-m #maincol p.note, #c-sm #maincol p.more, #c-ms #maincol p.more, #c-m #maincol p.more {font-size: 85%; line-height: 1.6em; }
.note {color: #933 !important; }
p.intro {padding-bottom: 0.75em; border-bottom: 1px dotted #CCC; }
p.end {background: url(/img/icon_s.gif) no-repeat 0 0; margin-top: 1.5em; padding-top: 15px; font-size: 85%; line-height: 1.6em; clear: both; }
p.update, div.update {margin-top: 1em; border-top: 1px dotted #CCC; padding-top: 1em; }
.update strong, #latest strong {color: #222; }
p.more {margin-bottom: 1.5em; }
p.codeblock, pre.codeblock, div.codeblock {background: #EEEEE4; padding: 10px; font: 115%/1.5em Monaco, Monospace; }
p.codeblock code, pre.codeblock code, div.codeblock code {font-size: 100%; }
blockquote {margin: 1em 0 1em 2px; padding: 0 1em; border-left: 2px solid #CCC; }
blockquote p {margin: 0 0 0.75em; font-style: italic; color: #666; }
blockquote p em {font-style: normal; }
cite.offsite {background: url(/img/icon_offsite.gif) no-repeat 0 60%; padding-left: 15px; }
address {margin: 0 0 0.75em; font-style: normal; font-family: Monaco, "Courier New", Courier, Monospace; line-height: 1.6em; }
address strong {font-weight: normal; color: #222; }
hr {display: none; }
code, kbd {font-size: 120%; font-family: Monaco, "Courier New", Courier, Monospace; font-style: normal; color: #464; }
code.keys {background: #FFD; padding: 2px; }
dfn {font-style: italic; }
del, .strike {text-decoration: line-through; color: #999; }
.arrow {font-weight: bold; font-family: Verdana, Sans-serif; color: #C93; white-space: nowrap; }
.ghost {color: #DDD; }
#xcol .arrow {color: #A83; }
.clear, .reset {clear: both; }
p.focus {text-align: center; }
.focus img {display: block; margin: 0 auto; }
.imgleft, .left, img.left {float: left; margin: 4px 15px 4px 0; }
.imgright, .right, img.right {float: right; margin: 4px 0 4px 15px; }
img.imgleft, img.imgright {padding: 4px; border: 1px solid #DDC; }
.left em, .right em {margin-top: 0.15em; display: block; font-size: 85%; font-style: normal; color: #777; }
.inset, .inset2 {float: left; width: 35%; margin: 1em 15px 1em 0; padding: 0.85em 0; border: 1px dotted #CCC; border-width: 1px 0; font-size: 85%; line-height: 1.85em; color: #777; }
.inset2 {float: right; margin: 1em 0 1em 15px; }
img.block {display: block; margin: 0.5em 0; }
#log img.block, #search img.block {margin: 1em 0; }
/*LANGUAGES________________________________*/
#cnav {background: #FFF url(bg-Headline.png) no-repeat; width: 100%; padding: 0; height: 2.5em; position: absolute; top: 0; left: 0; z-index: 999; }
#cnav ul {margin: 0; padding: 0.5em 12px 0; list-style: none; }
#cnav li {display: inline; margin: 0; padding: 0; background-image: none; line-height: 1em; text-indent: 0; }
#cnav a, #cnav strong {float: left; display: block; color: #888; margin-top: 3px; padding: 0.25em 8px; border-width: 0; font-size: 85%; text-transform: lowercase; }
#cnav a strong {font-size: 100%; margin-top: 0; padding: 0; }
#cnav strong {color: #333; }
#cnav a:hover {color: #333; }
/*FOOTER________________________________*/
#footer {clear: both; padding-top: 0; border-bottom: 1px solid #FFF; font-size: 85%; }
#footer p {background-color: #FFF; background-repeat: repeat-x; background-position: 0 -4px; margin: 0; padding: 10px 20px; border-top: 1px solid #CCC; color: #777; text-align: center; line-height: 1.6em; }
* html #footer p {height: 1%; }
#footer a, #footer a:visited {color: #666; border-color: #444; }
#footer a:hover {color: #933; border-color: #B55; }
/*HEADER STYLES________________________________*/
.style-home #header {background: #FFF url(hd-Home.jpg) no-repeat; height: 311px; }
.style-home #nav a:hover, .style-home #nav strong {background: #914E31; }
.style-0 #header {background: #FFF url(hd-Daecher.jpg) no-repeat; }
.style-0 #nav a:hover, .style-0 #nav strong {background: #C5A694; }
.style-1 #header {background: #FFF url(hd-Boot.jpg) no-repeat; }
.style-1 #nav a:hover, .style-1 #nav strong {background: #5E8A8D; }
.style-2 #header {background: #FFF url(hd-Ziegel.jpg) no-repeat; }
.style-2 #nav a:hover, .style-2 #nav strong {background: #BEAE8B; }
.style-3 #header {background: #FFF url(hd-Daemmerung.jpg) no-repeat; }
.style-3 #nav a:hover, .style-3 #nav strong {background: #A6A086; }
.style-4 #header {background: #FFF url(hd-Sonnenuntergang.jpg) no-repeat; }
.style-4 #nav a:hover, .style-4 #nav strong {background: #9F937D; }
.style-5 #header {background: #FFF url(hd-Dubrovnik.jpg) no-repeat; }
.style-5 #nav a:hover, .style-5 #nav strong {background: #849295; }
.style-6 #header {background: #FFF url(hd-Garten.jpg) no-repeat; }
.style-6 #nav a:hover, .style-6 #nav strong {background: #809A5A; }
p.pics a {border: 1px dotted #575; padding: 5px; margin: 0 10px 10px 0; background: #EED; display: block; float: left; text-align: center; font-weight: normal; font-size: 0.85em; line-height: 110%; }
p.pics a:hover {border: 1px solid #B55; background: #EEEEED; }
/*FORMS________________________________*/
form {background: #EEEEE4; margin: 0.75em 0 1.5em; padding: 5px 10px 8px; }
form table {color: #444; }
form th {text-transform: lowercase; white-space: nowrap; }
form .group {margin: 0 0 0.75em; }
form.filter {margin-bottom: 1.5em; }
input, textarea, select {margin: 1px 0; font: 100%/1.2em Monaco, Monospace; }
td input, td textarea, td select, #searchform input, #advsearch input {font-size: 110%; }
input.text {background: #FFF; border: 1px solid #CCC; border-color: #AAA #EEE #EEE #AAA; color: #333; }
input.radio {vertical-align: baseline; margin-right: 2px; }
.imgbutton {vertical-align: middle; }
.unit {white-space: nowrap; margin-right: 0.5em; }
select {border: 1px solid #CCC; }
form p {font-size: 85%; line-height: 1.6em; }
form td p {font-size: 100%; }
#subcol form div, #c-smx #maincol form div {margin-bottom: 4px; }
.search #subcol form div.group {margin-bottom: 0.75em; }
form div div, #maincol form div div, form table {font-size: 100%; padding: 0; border-width: 0; }
form table td {}
form table td, form table th {white-space: nowrap; padding: 5px 10px 5px 0; border-bottom: 1px dotted #CCB; font-weight: normal; font-size: 85%; }
form table th {font-weight: bold; }
form td.buttons, form th.buttons {border-width: 0; }
form label {text-transform: lowercase; }
form h2 label {text-transform: none; }
fieldset {border: 1px dotted #BBA; padding: 8px 10px; margin: 1em 0; }
fieldset legend {padding: 0; margin: 0; color: #844; }
label em {font-style: normal; }
form .error th label, form .error td label {font-weight: bold; }
form label:hover {color: #963; cursor: pointer; }
form label.inline {display: inline; font-weight: normal; }
form div.highlt {background: #FFC; }
form div.highlt label {color: #C00; }
form input, form textarea, form select {margin: 1px 0; }
form textarea {background: #FFF; display: block; clear: left; width: 97%; border: 1px solid #CCC; border-color: #CCC #FFF #FFF #CCC; color: #333; }
form .error input.text, form .error textarea {border-color: #C66 #FFB2B2 #FFB2B2 #C66; }
form input.button, form input.button2 {padding: 2px; border: 2px solid #69C; border-color: #69C #369 #369 #69C; background: #CCB; color: #000; font: bold 100% Verdana, Sans-serif; }
form input.button2 {border-color: #998 #665 #665 #998; color: #333; }
form input.button:hover, form input.button2:hover {color: #963; background: #EED; cursor: pointer; }
form input.button:active {border-color: #369 #69C #69C #369; background: #CCC; color: #000; }
form input.button2:active {border-color: #666 #999 #999 #666; background: #CCC; color: #000; }