/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }




legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.0em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	color: #494949;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #dbe5db;
	text-decoration: none;
	}

/* \*/ * html body { text-align:center; font-size: 11px; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:960px;
	color:#fff;
	text-align:left;
}

/* ### Header ##################################################################### */

#tothetop {
	height:20px;
}

#header {
	position:relative;
	margin:0;
	padding:0;
	height:182px;
	background-repeat: no-repeat;
}

#picto {
	position:absolute;
	left:778px;
	bottom:86px;
	height: 90px;
	width: 90px;
	z-index: 100;
}

/* ### Logo ################################################################# */
#logo {
	position:absolute; 
	top:0px;
	right:0px;
	height:160px;
}

#logo a {
	display:block;
	height:160px;
	width:960px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0;
	background-color: #FFFFFF;
	height: 100%;
	background-image: url(navi_hg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 960px;
}

/* ### Content Style #################################################################### */

.trennlinie {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	width: 100%;
	clear:both;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:100%;
	color: #494949;
	padding-bottom: 40px;
	font-size:1.0em;
	line-height:1.5em;
	letter-spacing: 0em;
}

#main-block div.floatLeft img{
	padding-right: 15px;
}
#main-block div.floatRight img{
	padding-left: 15px;
}

#main-block a, 
#main-block a:link {
	color:#003300;
	text-decoration:underline;
	background-image: none;
}

#main-block a:hover {
	color:#333333;
	text-decoration: none;
	background-image: none;
}

#main-block p {
	margin-bottom:1.6em;
	font-size:1.0em;
	line-height:1.5em;
}

#main-block ul, 
#main-block ol {
	margin-bottom:1.2em;
	font-size:1.0em;
	line-height:1.6em;
}

#main-block ol li {
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
} 
#main-block ul li {
	margin:0 0 0 20px;
	list-style-type:square;
}

/* ### headlines ############################################################ */

#main-block h1 {
	color:#006600;
	font-size:1.6em;
	font-weight:normal;
	margin-bottom: 15px;
	text-transform: uppercase;
	background-image: url(navidot.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 16px;
	line-height: 1.1em;
	font-style: normal;
}

#main-block h2 {
	color:#060;
	font-size:1.3em;
	font-weight:normal;
	background-image: url(navidot2.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	margin-bottom: 15px;
	padding-left: 16px;
}

#main-block h3 {
	color:#006600;
	background: inherit;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom: 3px;
}

#main-block h4 {
	color:#669933;
	background: inherit;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom: 11px;
}

/* Reserviert für Teaser */
#main-block h5 {
	color:#006600;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	background-color: #CCCCCC;
	margin-bottom: 15px;
	padding-left: 22px;
	background-image: url(h2_button.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-top: 20px;
}

/* Reserviert für Teaser */
#main-block h6 {
	background: inherit;
	color:#c4c4c4;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.0em;
}

/* Reserviert für Teaser */
#main-block h7 {
	background: inherit;
	color:#006600;
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	padding-bottom: 15px;
	display: block;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap0 {
	float:left;
	width: 216px;
  }
.wrap0 img {
	padding-left: 12px;
  }
.wrap1 {
	float:left;
	background-image: url(shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 216px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	margin-top: 20px;

  }
  
.wrap2 {
	background-position: left bottom;
	background-image: url(corner_bl.gif);
	background-repeat: no-repeat;
}
.wrap3 {
	background-position:right top;
	background-image: url(corner_tr.gif);
	background-repeat: no-repeat;
  }
.wrap3 img {display:block;}
/* ### Bildmodul Dopic #################################################### */


.pleft {
	float: left;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 4px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 2px;
	margin-left: 20px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
	border: none;
	
}

/* ### NEWS ###################################################################### */

#sidebar .news-latest-item {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
	padding-bottom: 10px;
	margin-left: -20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003300;
	padding-right: 20px;
}
.news-back {
	padding-bottom: 10px;
	padding-top: 10px;
}
#main-block div.news-back a,
#main-block div.news-back a:link{
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #006600;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#main-block div.teaser {
	margin-top: 30px;
}
#main-block div.news-back a:hover {
	color: #CCCCCC;
}

#main-block div.teaser h5{
	color: #003300;
	font-size: 12px;
}

#main-block div.teaser h6{
	color: #003300;
	font-size: 12px;
}

#main-block div.teaser a.mehr{
	color: #003300;
	font-size: 12px;
	background-image: url(links_pfeile.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 15px;
	background-position: 0px 5px;
}

/* ### Footer ###################################################################### */

#footer {
	display:block;
	background-image: url(footer_hg2.gif);
	background-repeat: no-repeat;
	padding-right: 10px;
}

#footer p {
	padding: 20px 0;
	color:#494949;

}

#footer p a,
#footer p a:link {
	color:#494949;
	text-decoration: none;
	background:inherit;
}

#footer p a:hover {
	color:#494949;
	text-decoration: underline;
	background:inherit;
}

/* ### DOWNLOAD ###################################################################### */

#main-block div.list_content{
	margin-bottom: 20px;
	border-bottom-style: solid;
	border-right-style: solid;
	padding-bottom: 6px;
	padding-right: 10px;
	position: relative;
	padding-top: 6px;
	background-color: #E6E6E6;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-color: #666666;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
}

#main-block div.list_content a{
	text-decoration: none;
	font-weight: bold;
}
#main-block div.list_content a:hover{
	color: #666666;
}
#main-block div.list_content2{
	margin-top: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	position: relative;
	padding-left: 20px;
	background-color: #666666;
	font-weight: bold;
	color: #FFFFFF;
}
/* ### SIDEBAR ###################################################################### */


#sbform{
	background-color: #D3D3D3;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: -20px;
	margin-left: -20px;
	padding-left: 20px;
	margin-bottom: 35px;
	display: block;
	margin-top: 20px;
}



/* ### Formular ################################################################ */

label.text{
	width: 80px;
	height: 25px;
	display:block;
	float:left;
	clear: left;
	padding-top:5px;
}

label.textarea{
	width: 80px;
	height: 25px;
	display:block;
	clear: left;
	padding-top:5px;
}
input.text {
	float:left;
	width: 370px;
	height:20px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

textarea.textarea {
	width: 450px;
	height:100px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

.submit{
	background-color: #90b0bf;
	color:#fff;
	margin-top: 10px;
	border: none;
}


/* ### Modulname: WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie ################################################################ */

div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:1.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:1.0em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}


/* ### Excel-Tabellen ################################################################ */

.daten { 
	width: 100%;
	border-collapse: collapse;
	font-size: 1.0em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.daten caption {
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 14px;
	padding-left: 0px;
}

.daten td {
	font-size: 0.9em;
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.daten th {
	border: 1px solid #CCCCCC;
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
	background-color: #E6E6E6;
	font-weight: bold;
	color: #666666;
}

.daten .subtitle td { 
	padding: 8px 3px;
	background-color: #e5eef6;
	font-weight: bold;
}

.daten tfoot td { 
	padding: 8px;
	background-color: #e5eef6;
}




/* ### Bildgalerien #################################################### */

a.horizontal {
	background-color: #E6E6E6;
	padding: 10px;
	display: block;
	float: left;
	margin: 10px;
}
a.horizontal:hover,
a.horizontal:active,
a.horizontal:focus
{
	background-color: #CCCCCC;
}

a.vertikal {
	background-color: #E6E6E6;
	padding: 10px;
	margin: 10px;
	display: block;
}

a.vertikal:hover,
a.vertikal:active,
a.vertikal:focus
{
	background-color: #CCCCCC;
}



/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:14px;
	width:432px;
	background-color:#E2E2E2;
	color:#333333;
	font-size:0.9em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:0px;
	font-size:0.9em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#E2E2E2;
	
}

#form-module label {
	display:block;
	float:left;
	width:120px;
	margin-top: 10px;

}

#form-module label.checkbox {
	width:372px;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	width:220px;
	border:1px solid #333;
	margin-top: 10px;
}

#form-module input.text {
	height:15px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit {
	width:170px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	text-align:center;
	cursor:pointer;
	margin-left: 120px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 1.0em;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.0em;
}

/* MAGAZIN
*******************************************************************************/


	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image {
	float: left;
	position: relative;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}
	
/* VERANSTALTUNGSKALENDER
*******************************************************************************/

table.eventlist {
	width:100%
}
table.eventlist td, table.eventlist th {font-size:10pt; padding-bottom:8px}
table.eventlist th {border:0px solid #FFFFFF;background-color:#EEEEEE}

table.eventlist th.date {
	width:90px
}
table.eventlist th.title {
	width:190px
}
table.eventlist th.cat {
	width:120px
}
table.eventlist th.town {
	width:70px
}
table.eventlist th.desc {
	width:120px
}
p.eltitel {}
p.eldesc {}

tr.elRoweven {background-color:#FFFFFF;}
tr.elRowodd {background-color:#F7F7F7;}

td.eltitel {width:230px;padding:2px}
td.elvenue {width:140px;padding:2px}
td.eldate {width:85px;padding:2px}
td.elshortdesc {width:10px;padding:2px}

div.elListe {float:left;width:68%}
form.eventform {
	margin-left:20;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	background-color: #E6E6E6;
	padding: 20px;
}
form.eventform select {
	width:170px;
	border:1px solid #333;
	margin-top: 10px;
	display:block;
	float: left;
}
form.eventform input {
	display:block;
	width:30px;
	margin-top: 10px;
	float: left;
}
form.eventform label {
	display:block;
	width:120px;
	margin-top: 10px;
	float: left;
	margin-left: 20px;
}
form.eventform #kalSubmit {
	width:200px;
	border:1px solid #333;
	margin-top: 10px;
	margin-left: 40px;
	float: left;
}


.category-list {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(navi_symbol3.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	height: 1%;

}

.comment-rank select,
.comment-rank input,
.comment-rank textarea,
.comment-rank submit {
	width: 200px;
	display: block;
	margin-bottom: 7px;
}
.comment-rank label {

}
.comment-rank-comment h4 {
	padding-bottom: 0.7em;
}
.comment-rank-comment p {
	margin-top: -1.6em;
}



#main-block .download-hdl {
	font-weight: bold;
	color: #4F5B63;
	font-size: 0.9em;
	padding-top: 16px;
}

#main-block .download-file {
	padding-bottom: 5px;
	padding-top: 5px;
}

#main-block .download-file a{
	text-decoration: none;
	font-weight: bold;
}
#main-block .download-file a:hover{
	color: #060;
}
#main-block .download-file a img{
	padding-bottom: 2px;
}
#main-block .download-desc {
	padding-bottom: 15px;
	padding-top: 5px;
}

#main-block .download-without-desc {
	margin-bottom: 1.2em;
}
#main-block .ns_newsEntry
{
	padding-bottom: 5px;
	padding-top: 10px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #060;
}
#main-block .ns_newsHeadline h3
{
}
#main-block .ns_news
{
	color: #666666;
	padding-bottom: 5px;
	padding-top: 10px;
}
#main-block .ns_news img
{
	float: left;
	padding-right: 10px;
	padding-bottom: 3px;
}
#main-block .ns_MoreLink
{
	padding-bottom: 10px;
	text-align: right;
	padding-top: 5px;
}
#main-block .ns_MoreLink a
{
	border: 1px solid #918B89;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 4px;
	background-position: right;
	background-image: url(weiter.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

.rexkal table
{
	width: 100%;
	margin-bottom: 20px;
}
.rexkal table th.rexkal-month
{
	padding: 5px;
	background-color: #EAEAEA;
	font-size: 12px;
}
.rexkal table tr
{
	background-color: #E4EFE6;
	font-size: 12px;
}
.rexkal table tr td
{
	padding: 5px;
}
ul.rexkal-pager
{
	padding: 20px;
}
.rexkal-details div
{
	margin-right: 0px;
	margin-left: 0px;
	background-color: #E6F0E3;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#main-block .rexkal-details div p
{
	margin-bottom:1.0em;
	font-size:1.0em;
	line-height:1.0em;
}


.rexkal-details div p span
{
}

.rexkal-details p.label
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Gästebuch */
 
#gbook {
	margin				: 10px 0px 0px 0;
	width				: 480px;
	clear				: both;
}
#gbook label{
	width				: 300px;
	display: block;
	padding-top: 10px;
}
#gbook textarea,
#gbook input{
	width				: 300px;
}

#gbook #submit,
#gbook #submit2 {
	width				: 145px;
	margin-top: 20px;
}
.gb-entry {
	border				: 1px dotted silver;
	margin				: 10px 0 10px 0;
	padding				: 5px;
}

.gb-nr {
	float				: left;
	color				: #666;
	margin				: 0 5px 0 0;
	font-weight			: bold;
	font-size			: 16px;
}

.gb-top {
	font-weight			: normal;
	color				: #333;
	font-size			: 12px;
}

.gb-text {
	margin				: 0 0 0 10px;
	font-size			: 12px;

}

#gb-links {
	display				: block;
	float				: left;
	padding-bottom		: 25px;
}

#gb-rechts {
	display				: block;
	float				: right;
	padding-bottom		: 25px;
}

.gb-highlight {
	background-color	: #FFC !important;
	border				: 2px dotted #884 !important;
	margin				: 10px 0 10px 0;
	padding				: 5px;
}