@font-face {
font-family: 'JosefinSansSemiBold';
src: url('../fonts/jos/josefinsans-semibold-webfont.eot');
src: local('?'),
url('../fonts/jos/josefinsans-semibold-webfont.woff') format('woff'),
url('../fonts/jos/josefinsans-semibold-webfont.ttf') format('truetype'),
url('../fonts/jos/josefinsans-semibold-webfont.svg#JosefinSansSemiBold') format('svg');
font-weight: normal; font-style: normal; }
*{ margin: 0; padding: 0; border: 0;} /*alles zur�cksetzen*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html{ min-height: 100%; padding-bottom: 10px; background: #999; }
body{ position: relative; width: 98%; min-height: 100%; max-width: 960px !important; /* -webkit-font-smoothing: antialiased !important; */
min-width: 60%; margin: 0px auto 10px auto; text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: normal; font-size:14px; line-height: 15px; color: #555; clear: both; padding:0px 0 10px 0; background:#EDEBE3;
-webkit-hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
hr{ clear: both; border-bottom: 1px groove #efa407; width: 99%; }
ol, ul { list-style: none;}
link{ text-decoration: none;}
li{ list-style: none; }
a, a img{ text-decoration: none; border:0; }
a:link, a:visited, a img:link, a img:visited{ color: #333; text-decoration: none; font-weight: normal; }
a:hover, a img:hover, a:activ, a img:activ{cursor:pointer; border: none; text-decoration: none;}
a:hover, a:activ, .fo input:hover,.dgd_fo input:hover, select:hover, textarea:hover, .fo input:active,.dgd_fo input:active, select:active, textarea:activ{
color: #efa407; /*#2159d6 blau-winter, #1ad127 gruen-fruehling, #d62408 rot-sommer, #efa407 gelb-herbst*/
cursor: pointer; text-decoration: none; }
.fo input:hover,.dgd_fo input:hover, .fo input:active,.dgd_fo input:active{ cursor: auto;}
.fo input, .fo select, .ta { float:right; color:#555; padding: 5px 7px; background:#EDEBE3;
border-bottom: 1px solid #999; border-right: 1px solid #999; text-decoration: none;}
.dgd_fo input{ color:#555; padding: 1px 2px 2px 2px; background:#fff;font-size: .9em; border-bottom: 1px solid #efa407;text-decoration: none;
-webkit-box-shadow: 1px 2px 2px 2px rgba(64, 64, 64, 0.2); -moz-box-shadow: 1px 2px 2px 2px rgba(64, 64, 64, 0.2); box-shadow: 1px 2px 2px 2px rgba(64, 64, 64, 0.2);}
.dgd_fo select{ color:#555; background:#fff; border-bottom: 1px solid #efa407; font-size: .9em; text-decoration: none;}
.dgdreslist{ width: 100%; line-height: 1.2em; padding: 1% 10px; float: left;}
.dgdreslist input{margin: 5px 5px 4px 0;}
.dgdreslist link a{position: relative; float: right; max-height: 70px; }
.dgdreslist p{ width: 90%; height: 80px; line-height: 1.1em; float: left; overflow: hidden;}
.nav {position: relative; margin: 0px 0 15px 0; } /* nav */
.nav ul { text-align: right; margin: 0; padding: 0 0 5px 0; }
.nav ul .current{ display: none; }
.nav li { margin: 0px 5px 0px 0; padding: 0; list-style: none;display: inline-block; }
.nav a {padding: 1px 0 3px 15px; font-weight: bold; text-decoration: none;color: #555;line-height: 100%;}
.nav a:hover { color: #efa407; }
.nav ul li:hover a, .nav li:hover li a {background: none;border: none;}/* sub levels link hover */
.nav li:hover > ul {display: block;}/* dropdown */
.nav ul ul {display: none;margin: 1px 0 0 0;padding: 2px; position: absolute; border: none;} /* level 2 list */
.nav li li {float: none;margin: 0; padding: 0; }
.nav li ul a { font-weight: normal;}
#hist{ top: 18px; right: 90px; }
#kunst{top: 18px;right: 55px; }
#we{top: 18px; right: 0px; }
#zeit{ top: 18px; right: 150px; }
#contsideright { float: left; margin: 0 auto; width: 78%; }
.contside{ width: 20.2%; float:right; margin:0px .5% 10px 0; padding: 0 .5%;line-height: 1.2em; background-color: #e7e5dd;/*edebe3*/
min-height: 100%; height:auto !important; /* Important Regel f�r moderne Browser */ height:100%; /* Mindesth�he f�r den IE */ overflow: hidden; }
.list{ margin: 55px 2.5%;padding: 10px; } /*Box f�r einzelne gb-Eintr�ge*/
.listheader{ font-family: 'JosefinSansSemiBold';font-size: 1.1em; text-align:left; min-height: 25px;} /*gb Text der �berschrift des G�stebucheintrags*/
.listinside{font-family: Verdana, Helvetica, Arial, sans-serif !important; margin-top: 15px; } /*gb Text des G�stebucheintrags*/
.fboxum{position: relative;width: 40%; margin: 25px .5% 0px .5%; padding:0; float: left; height: auto;}
.hbox{width:55%; height: auto; margin: 25px 0 10px 0 ;float:right; padding: 0; }
.hboxl{ width:57%; height: 140px; margin: 25px 0 10px 0 ; float:right; padding: 0; }
.brcr{float:right; font-size: .8em; margin: 10px 1% 10px 0; font-family: Verdana, Helvetica, Arial, sans-serif !important; color: #333; }
.brcr a, .brcr a:visited{ text-decoration: none; color: #444;}
.brcr a:hover{ color: #888; }
h1, .h1_center{ text-align:center; padding-top:10px; margin: 0 0 10px 0; font-size: 2em; line-height:1em; font-family: 'JosefinSansSemiBold'; color: #444; }
.h1_center_ut{ font-size: 0.6em;font-family: 'JosefinSansSemiBold'; }
h2, .h2_center{ text-align:center; padding-top:5px; margin: 0 0 1% 0px;font-size: 1.5em; line-height:1em; font-family: 'JosefinSansSemiBold'; color: #444;}
h2 a:hover,.h2_center a:hover,.listact a:hover, .txtfull a:hover,.mainboxquer a:hover,.color1,.mainboxlong a:hover, .mainboxwide a:hover,.mainboxdgdlong a:hover,
.txtboxpart a:hover, .diaright a:hover,.mainboxsuper a:hover,.mainboxmenu a:hover,.contside a:hover, .contside .he a:hover, .he a:hover,
.mainboxquer_leh a:hover,.mainboxquer_rih a:hover{ color: #efa407;}
.txtstand, .list{margin: .5%; padding: 5px 5px; font-family: Verdana, Helvetica, Arial, sans-serif !important; font-size: 1em;
line-height: 1.3em; font-weight: normal; width: 98%; color: #555; float: left;}
.txtbig{ margin: .5%; padding: 5px 5px; font-family: Verdana, Helvetica, Arial, sans-serif !important; font-size: 1.1em;
line-height: 1.4em; font-weight: normal; color: #555;}
.txtfull{ margin: 10px .5%; width: 98%; color: #555; padding: 5px; font-size: 1em; line-height: 1.2em; font-family: Verdana,Helvetica, Arial, sans-serif !important; float: left; }
.txtklkudgd {font-family: Verdana, Helvetica, Arial, sans-serif !important; font-size: 1.1em; margin: 0px 5px 0 50px; line-height: 1.4em; float: left; }
.txtklku, .txtklkur,.txtklri,.txtklkubo,.txtklle,.txtklkuri,.txtklkule{ font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-size: 0.9em; margin-bottom: 5px;line-height: 1.3em; float: left; }
.txtklle{ margin-top: 5px; padding: 5px; line-height: 1.1em; text-align: left;}
.txtklkule{font-style: italic; text-align: left; }
.txtklri{width: 99%; text-align: right; padding-right: 5px; }
.txtklkusmall{ width:95%; border-bottom: 1px dotted #555; margin: 25px 2%; color: #777; }
.txtklkuri{ width: 99%; text-align: right; font-style: italic; padding-right: 5px;}
.txtri{text-align: right; padding-right: 5px;}
.txtklku,.txtklkusmall{font-style: italic; text-align: center;}
.txtklkubo{font-style: italic; text-align: center; font-weight: bold; }
.txtklkur{ width:95%;font-style: italic; text-align: center;}
.txtcent{ width:95%; margin: 5px auto; text-align: center;}
.underbox{width: 25%; margin-top: 15px; float: right; margin-right: 1.5%; border-bottom: 1px dotted #333;}
.ta{ margin-bottom: 20px;}
footer{ width: 100%; margin: 5px auto 5px auto; clear: both; font-family: Verdana, Helvetica, Arial, sans-serif !important; color: #222;}
footer .cr{ width: 20%; padding: 4px 0 0 0; float: left; font-size: .9em; text-align: center;}
footer .wap{top: 2px;float: right;width: 18px; height: 20px; margin: 0 1% 0 0; border: 0; }
footer .mail{ padding-top: 5px; float: left; width: 60%; text-align: center; font-size: .9em; margin: 0px auto;}
footer .sm{ position: relative; clear: both; width: 90%; margin: 20px auto 20px auto; padding: 10px; background-color: #999; }
header,#contgal,#lbox ,.shadg,.sm,.sidepicfix, .sidepicfix2{ -webkit-box-shadow: 4px 6px 2px 2px rgba(64, 64, 64, 0.2);
-moz-box-shadow: 4px 6px 2px 2px rgba(64, 64, 64, 0.2); box-shadow: 4px 6px 6px 2px rgba(64, 64, 64, 0.2); }
.shad, .fo input, .list, .ta{ -webkit-box-shadow: 2px 4px 2px 2px rgba(64, 64, 64, 0.2);
-moz-box-shadow: 2px 4px 2px 2px rgba(64, 64, 64, 0.2); box-shadow: 2px 4px 2px 2px rgba(64, 64, 64, 0.2); }
.rund,.bild_part, #contpdf,.bild_part2,#info,.sm,.bild_parthalb{ border:0px solid #ddd; -o-border-radius: 8px; -icab-border-radius: 8px;
-khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.rundunten{ border:0px solid #ddd; -o-border-radius:0 0 12px 12px ; -icab-border-radius:0 0 12px 12px;
-khtml-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; }
.rundoben{ border:0px solid #ddd; -o-border-radius:0 0 12px 12px ; -icab-border-radius:12px 12px 0 0 ; -khtml-border-radius: 12px 12px 0 0;
-moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0 ; border-radius: 12px 12px 0 0 ; }
.sm{ padding: 3px; border:0px solid #ddd; -o-border-radius: 12px; -icab-border-radius: 12px; -khtml-border-radius: 12px;
-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.sm .headline{ width:90%; color: #ddd; padding: 5px 5px 5px 15px; font-size: 1em; font-weight: bold;line-height: 1.2em; font-family: Verdana,Helvetica, Arial, sans-serif !important; clear: both; }
.sm img{height: 50px; margin: 0;padding: 0;}
.smdgd{ padding: 6px; border:0px solid #ddd;}
.sm .line{ clear: both; font-family: Verdana, Helvetica, Arial, sans-serif !important; font-weight: normal; font-size:14px;
line-height: 16px; padding: 0 3px; color: #fff;}
.contside a{font-family: Verdana, Helvetica, Arial, sans-serif !important; font-size: 0.9em; line-height: 1.2em; }
.sm li a:hover, .headline a:hover{ color: #333333;}
.contside .he a{ font-weight: bold; text-align: center; color: #555; font-weight: bold; }
.contside .line{clear: both;font-family: Verdana, Helvetica, Arial, sans-serif !important; font-weight: normal; font-size:13px;
line-height: 16px; text-align: center; padding: 5px 0; font-weight: bold; color: #555;}
.sm a, .klein{margin-left: 1%;color: #ddd;line-height: 1.5em}
.bord{ border:1px solid #ddd; }
.collsline{ -moz-column-rule:1px dotted #555; -webkit-column-rule:1px dotted #555; column-rule:1px dotted #555; }
.coll_line_hell{ -moz-column-rule:1px dotted #ddd;-webkit-column-rule:1px dotted #ddd; column-rule:1px dotted #ddd;}
.colls{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.colls2{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
#contpdf { width: 29.5%; margin: 5px .7% 15px .5%; padding: 10px 0 0 1% ;height: 460px;background:#fff; float:right; }
.listact { clear: both; margin: 3px .5%; padding: .5%; font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: normal; font-size:1.1em; line-height:1.4em; color: #555;}
.bo{border: 1px solid #efa407;}
.boro{border: 1px solid #d62408;}
.bogr{border: 1px solid #1ad127 ;}
.bobl{border: 1px solid #2159d6;}
.boge{border: 1px solid #c4d621;}
.bograu{border: 1px solid #666666;}
.listact .line{ padding: 5px .5%;}
.listact .event,.listact a{font-weight: bold; color: #444;}
.listact .ohne a {font-weight: normal; color: #444; }
.listact .zit{ font-style: italic; }
.listact .hunder{ width: 89%; text-align: center; margin: 10px auto 5px auto; padding-bottom: 1%; border-bottom: 1px dotted #333;}
.mainboxquer,.mainboxquer_leh,.mainboxquer_rih, .mainboxhalb, .mainboxdgdquer,.mainboxdgdquerup{
margin:10px 0.5% 10px 1%; width: 57.5%; padding: .6%; font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: normal; font-size: 1em; line-height:1.3em; color: #555; float: left;}
.mainboxquer_leh{margin:0px 0% 10px .3%; width: 48%; float: left; overflow: hidden;}
.mainboxquer_rih{ margin:0px .5% 10px 0%; width: 48%; float: right; overflow: hidden;}
.mainboxhalb{ margin:10px 0.5% 10px 1%; width: 47.5%;}
.mainboxdgdquer{ width: 65%;}
.mainboxdgdquerup{ width: 65%; font-size:1em; max-height: 610px; text-align: center; font-weight: bold; overflow: auto;}
.just{ text-align: justify;}
.mainboxlong{margin:10px 1% 10px 0.5%; line-height: 1.2em; width: 47.5%; padding: 5px;font-weight: normal; font-size:.9em;line-height:1.3em; color: #555; float: right; text-align: justify;}
.mainboxdgdlong{ margin:0px 1% 0px 0.5%; line-height: 1.2em; width: 27.5%; padding: 5px; font-weight: normal; font-size:1em; line-height:1.6em;
color: #555; float: right; min-height: 400px; }
.mainboxdgdlong p{ font-size: .9em; color: #666; text-align: center;}
.dgdhunder{ padding-bottom: 10px; border-bottom: 1px dotted #333; text-align: center; margin: 10px auto 5px auto; width: 80%; line-height: 1.3em; font-style: italic;}
.mainboxmenu{ margin:0px 1% 10px 0.5%; width: 18%; padding: 10px .5%; font-weight: normal; font-size:1em;
line-height:1.4em; min-height: 650px; color: #555; float: left; background-color: #e7e5dd }
.mainboxmid{ width: 76.5%; margin:0 0 10px .5%; font-weight: normal; font-size:1em; line-height:1.4em; padding: 10px .5%;
color: #555; float: left; min-height: 650px; background: #e7e5dd url(../images/dgd_logo.png) no-repeat bottom right;}
.mainboxmid2{ width: 97%; margin:0 0% 10px .5%; padding: 5px .5%; font-weight: normal; font-size:1em; line-height:1.4em; padding: 10px .5%;
color: #555;float: left; min-height: 650px; background: #e7e5dd url(../dgd/images/dgd_logobg.png) repeat; }
.mainboxsuper{ margin:10px auto; line-height: 1.2em; width: 95%; padding: 5px .5%; font-weight: normal; line-height:1.3em;
color: #555; clear: both;}
.mainboxsp, .mainboxspjw{ margin:0px auto 10px auto; width: 98%; padding: 1%; float: left; }
.mainboxspjw{background: url(../images/index/jw_st.png) bottom right no-repeat;}
.mainboxsuperdgd{ margin:10px 2% 10px 2%; line-height: 1.2em; width:96%; padding: 5px .5%; font-weight: normal; font-size:.9em;
line-height:1.3em; color: #555; float: left; }
.mainboxquer a, .mainboxlong a, .mainboxwide a, .txtboxpart a, .diaright a,.mainboxsuper a,.mainboxmenu a,.mainboxdgdlong a,
.mainboxquer_leh a,.mainboxquer_rih a{ font-weight: bold; color: #666;}
.mbqtop{ font-weight: bold; text-align: center; line-height: 1.9em; font-size: 1.1em;}
.hunder{padding-bottom: 10px; border-bottom: 1px dotted #333;text-align: center; margin: 10px auto 5px auto; width: 85%;}
.cent{ padding-bottom: 10px;font-weight: bold; text-align: center; margin: 10px auto 5px auto; width: 70%;}
.centdgd{ padding-top: 10px; padding-bottom: 10px; font-weight: bold; text-align: center; margin: 20px auto 10px auto; width: 60%;}
.mainboxquer img{ max-width: 90%;}
.imgpage{ width: 90%; margin: 4% 2%;}
.mainboxwide{ width: 75.5%; margin:10px 0.5% 10px 1%; padding: 5px .5%; font-weight: normal; line-height:1.3em; color: #555; float: left; text-align: justify;}
.diaright{ margin:10px 1% 10px 0.5%; line-height: 1.2em; width: 44%; padding: 5px .5%; font-size:.9em; line-height:1.3em; color: #555; float: right; text-align: justify;}
.dialeft{ margin:45px 1% 10px 0.5%; width: 40%; padding-left: 3%; float: left;}
.txtboxpart{ margin:10px 0.5% 10px 1%; line-height: 1.2em; width: 48%; padding: 5px .5%; font-size:.9em;line-height:1.3em; color: #555; float: left; text-align: justify; }
.slink a{font-family: Verdana, Helvetica, Arial, sans-serif !important; color:#111; font-size: 1em; }
.end { clear: both; }
@media screen and (max-width: 600px) {
.nav {position: relative;min-height: 40px; }
.nav ul {width: 97%; margin: 0 auto; padding: 7px 0 5px 0;position: absolute;top: 0;left: 0;
font-weight: bold; border: solid 1px #555; background: #ccc url(../images/main/menu.png) no-repeat left top; }
.nav ul ul{width:40%; }
.nav li { display: none; margin: 0; } /* hide all items */
.nav .current { display: block; /* show only current item */ }
.nav ul .current{ display: block;}
.nav a {display: block; padding: 3px 5px 3px 32px; text-align: left;}
.nav .current a {background: none; color: #555; font-weight: bold; }
.nav ul:hover { background: #ccc url(../images/main/menu.png) no-repeat 55px 0px} /* on nav hover */
.nav li ul {display: none; margin:55px 0 0 110px; padding:0 .2%;position: absolute;left: 0;}
.nav ul:hover li {display: block; margin: 0 0 5px 0; background: #ccc; }
#hist{ top: 8px; clear: both; }
#kunst{ top: 34px; float: left; }
#we{ top: 55px; float: left; }
#zeit{ top: 80px; float: left; }
.contside{ position: relative; width: 97%; margin: 25px 1%; padding-left: 1%; overflow: hidden; border:.1% solid #444;
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.contside{ line-height: 2; }
#contsideright, .mainboxmid2, .mainboxmid { float:left; margin: 0 auto; padding: 0; width: 99%; }
.colls{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }
@media screen and (max-width: 400px) {.mainboxquer_rih, .mainboxquer_leh{ width: 98%; }
.contside,.colls, .colls2{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.contside{ width: 60%; margin: auto;float: none; } }