/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;  
	background: #fff9ea;
	color: #000;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
a {color:#008965;}	
	
a {text-decoration: underline;}
a:hover {text-decoration: none;}
/* ___| container |_____________________ */


#container { margin: 0; width: 884px; position: relative; }


/* ___| header |_____________________ */


#header { margin: 0; width: 884px; height: 217px; background: url("/graphics/bg_header.jpg") no-repeat; float: left; clear: both; position: relative; }
#header h1 {
	margin: 58px 0 0 256px;
	left: 0;
	top: 0;
	width: 333px;
	height: 47px;
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	}
#header h1 a {	
	width: 333px;
	height: 47px;
	color: #008965;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h1 a span {
	left: 0;
	top: 0;
	width: 333px;
	height: 47px;
	background: url("/graphics/gars.png") no-repeat;
	display: block;
	position: absolute;
	}


/* ___| main |_____________________ */


#main { margin: 0; padding-bottom: 20px; width: 884px; background: #fff url("/graphics/bg_main.png") repeat-y; float: left; clear: both; }
#column-left { margin: 20px 40px 0 0; width: 165px; float: left; text-align: right; display: none; }
#content { margin: 0 11px 0 0; width: 502px; float: left; }
#column-right { margin: 0; width: 164px; float: left; display: none; }
#over-img { margin: 0; width: 197px; height: 197px; position: absolute; top: 16px; left: 31px; }
#over-img img {margin-bottom: -197px; }
#over-img #over { z-index: 100; margin: 0; width: 197px; height: 197px; position: absolute; top: 0; left: 0; background: url("/graphics/over.png") no-repeat; }

/* ___| column left |_____________________ */


ul#top-menu, ul.top-menu { margin: 0 6px 10px 0; padding: 0; }
ul#top-menu li, ul.top-menu li { margin: 0; list-style: none; display: inline;  }
ul#top-menu li.left, ul.top-menu li.left { margin: 0 6px 0 0; }
#column-left p#n-menu { margin: 0 6px 15px 0; }
#column-left p#n-menu a { color: #000; text-decoration: none; }
#column-left p#n-menu a:hover { color: #000; text-decoration: underline; }
#column-left fieldset { margin: 0; padding: 0; border: none; }
#column-left fieldset input { 
	margin: 0; 
	padding: 4px 8px; 
	width: 134px;
	height: 13px;
	font-size: 85%;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; 
	color: #666;
	background: #fff url("/graphics/bg_input.png") no-repeat left;
	border: none; 
	}
#column-left fieldset button { 
	margin: 5px 7px 22px 0; 
	padding: 0;
	font-size: 90%;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; 
	color: #000;
	background: none;
	border: none; 
	}
#column-left p#p-menu { margin: 0 6px 35px 0; font-size: 80%; }
#column-left p#p-menu a { color: #000; text-decoration: none; }
#column-left p#p-menu a:hover { color: #000; text-decoration: underline; }

menu { margin: 0 0 5px 0; padding: 0; width: 164px; border-bottom: 1px solid #ddd; float: left; clear: both; }
menu li { margin: 0; list-style: none; }
menu li a {
    margin: 0 0 -1px 0;
    padding: 4px 8px 4px 8px;
    width: 147px;
    vertical-align: middle;
    text-align: right;
    display: block;
    background: #ffeec3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    float: none; clear: both;
    }
menu li a:hover, menu li.now a { color: #008965; }

menu li ul { margin: 0; padding: 0; width: 155px; float: left; clear: both; }
menu li ul li { margin: 0; list-style: none; }
menu li ul li a, body menu li.now ul li a {
    padding: 4px 8px 4px 8px;
    width: 139px;
    vertical-align: middle;
    text-align: right;
    display: block;
    background: #fff9ea;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    float: none; clear: both;
    }
menu li ul li a:hover { color: #008965 !important; }
menu li ul li.now a { color: #008965; }

menu li ul li ul { margin: 0; padding: 0; width: 148px; float: left; clear: both; }
menu li ul li ul li { margin: 0; list-style: none; }
body menu li ul li ul li a, menu li.now ul li ul li a {
    padding: 4px 8px 4px 8px !important;
    width: 131px !important;
    vertical-align: middle !important;
    text-align: right !important;
    display: block !important;
    background: #FEFDF9 !important;
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    text-decoration: none !important;
    color: #000;
    float: none !important; clear: both !important;
    }
menu li ul li ul li a:hover, menu li ul li ul li.now a { color: #008965; }

menu li ul li ul li ul { margin: 0; padding: 0; width: 141px; float: left; clear: both; }
menu li ul li ul li ul li { margin: 0; list-style: none; }
menu li ul li ul li ul li a, menu li.now ul li ul li ul li a {
    padding: 4px 8px 4px 8px;
    width: 124px;
    vertical-align: middle;
    text-align: right;
    display: block;
    background: #FEFDF9;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    float: none; clear: both;
    } 
menu li ul li ul li ul li a:hover, menu li ul li ul li ul li.now a { color: #008965; }

menu li ul li ul li ul li ul { margin: 0; padding: 0; width: 134px; float: left; clear: both; }
menu li ul li ul li ul li ul li { margin: 0; list-style: none; }
menu li ul li ul li ul li ul li a, menu li.now ul li ul li ul li ul li a {
    padding: 4px 8px 4px 8px;
    width: 117px;
    vertical-align: middle;
    text-align: right;
    display: block;
    background: #FEFDF9;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    float: none; clear: both;
    }
menu li ul li ul li ul li ul li a:hover, menu li ul li ul li ul li ul li.now a { color: #008965; }

/* ___| content |_____________________ */


#content p#path { margin-bottom: 12px; font-size: 85%; color: #1a171b; }
#content p#path a { text-decoration: none; color: #1a171b; }
#content p#path a:hover { text-decoration: underline; }

#content h2 { margin-bottom: 12px; padding-bottom: 4px; font-size: 140%; font-weight: normal; border-bottom: 1px solid #99d0c1; color: #008965; }
#content h3 { margin-bottom: 8px; font-size: 110%; color: #008965; border: 0px; }
#content h4 { margin-bottom: 8px; font-size: 100%; color: #008965; }
#content p { margin-bottom: 8px; line-height: 140%; }
#content p a { color: #008965; text-decoration: underline; }
#content p a.mehr { color: #008965; text-decoration: none; }
#content p a:hover { color: #000; text-decoration: none; }
#content p.bottom-text { clear: both; }
#content p.grey-text { padding-top: 5px; font-size: 80%; color: #8d8d8d; text-align:center;}
#content p.grey-text a { text-decoration: none; color: #8d8d8d; }
#content p.grey-text a:hover { text-decoration: underline; color: #8d8d8d; }
#content p.green-text { margin: 0; color: #008965; }

#content p.pages { width: 502px; text-align: center; position: relative; float: left; clear: both; border: 0px;}
#content p.pages a { margin: 0 4px; color: #000; text-decoration: none;  border: 0px;}
#content p.pages a strong { color: #008965; visibility: visible;  border: 0px;}
#content p.pages a:hover, #content p.pages a:hover strong { text-decoration: underline; }
#content p.pages a.btn { 
	position: absolute; 
	display: block; 
	width: 153px; 
	height: 21px; 
	line-height: 21px; 
	vertical-align: middle; 
	text-align: center; 
	top: 0; right: 0; 
	color: #008965;
	text-decoration: none;
	background: #fece43 url("/graphics/btn.png") no-repeat;
	}
#content p.pages a.btn:hover { color: #000; }

#content p.pages a:hover, #content p.pages a.left:hover, #content p.pages a.btn-right:hover, #content p.pages a.btn-midleft:hover { text-decoration: underline; }
#content p.pages a.btn-left { position: absolute; top: 0; left: 0; color: #000; text-decoration: none; }
#content p.pages a.btn-right { position: absolute; top: 0; right: 0; color: #000; text-decoration: none; }
#content p.pages a.btn-midleft { top: 0;  color: #000; text-decoration: none; }
#content p.pages a span {color: #008965; font-weight: bold; font-size: 90%}
#content p.pages a.grey {color: #8d8d8d; font-weight: normal; font-size: 90%}

#content p.text-cent { width: 480px; text-align: center; position: relative; float: left; clear: both; }
#content p.text-cent a { margin: 0 4px; color: #000; text-decoration: none; }
#content p.text-cent a:hover, #content p.text-cent a.left:hover, #content p.text-cent a.btn-right:hover, #content p.text-cent a.btn-midleft:hover { text-decoration: underline; }
#content p.text-cent a.btn-left { position: absolute; top: 0; left: 0; color: #000; text-decoration: none; }
#content p.text-cent a.btn-right { position: absolute; top: 0; right: 0; color: #000; text-decoration: none; }
#content p.text-cent a.btn-midleft { top: 0; float: left;  margin-left: 200px; color: #000; text-decoration: none; }
#content p.text-cent span.btn-right { position: absolute; top: 0; right: 0; color: #000; }
#content p.text-cent span.btn-right label { margin: 0 6px 0 4px; float: left; }
#content p.text-cent span.btn-right input { float: left; }

#content p.text-cent a span {color: #008965; font-weight: bold; font-size: 90%}
#content p.text-cent a.grey {color: #8d8d8d; font-weight: normal; font-size: 90%}

#content table.tab-none { margin-bottom: 14px; padding: 0; border-collapse: collapse; border: none; }

#content table.yellow-tab { margin-bottom: 14px; padding: 0; width: 100%; border-collapse: collapse; border: none; background: #fff9ea; }
#content table.yellow-tab td { padding: 3px 6px 3px 9px; }
#content table.yellow-tab tr.frst td { padding-top: 6px; }
#content table.yellow-tab tr.last td { padding-bottom: 6px; }

#content table.grtabs { margin-bottom: 18px; padding: 0; width: 100%; border-collapse: collapse; border: none; background: #d9ede8; clear:both;}
#content table.grtabs td { padding: 0; text-align: left; vertical-align: top;}
#content table.green-tab { margin-bottom: 18px; padding: 0; width: 100%; border-collapse: collapse; border: none; background: #d9ede8; }
#content table.green-tab td { padding: 3px 6px 3px 9px; }
#content table.green-tab tr.frst td { padding-top: 6px; }
#content table.green-tab tr.last td { padding-bottom: 6px; }

#content table.kalender { margin: 6px 0 18px 0; padding: 0; width: 100%; border-collapse: collapse; border: none; }
#content table.kalender th { background: #008965; font-size: 110%; color: #fff; text-align: left; padding: 3px 9px; }
#content table.kalender td { padding: 4px 9px; border-bottom: 1px solid #99d0c1; }
#content table.kalender td.ty { background: #fff9ea; }
#content table.kalender td.tg { color: #646464; }
#content table.kalender td.centr { text-align: center; }

.h-line { margin: 14px 0; width: 100%; height: 0; border-bottom: 1px solid #99d0c1; font-size: 0; clear: both; float: left; }

.columns { margin: 0; width: 502px; background: url("/graphics/bg_point.png") repeat-y 243px 0; float: left; clear: both; }
.col-l { margin: 0 26px 0 0; width: 232px; float: left; }
.col-r { margin: 0; width: 242px; float: left; }
.nb { background: none; }
.nb .col-l { margin: 0; width: 254px; }
.nb .col-r { width: 248px; }
.nbp { margin: 30px 0 0 0; background: none; }
.nbp .col-l { margin: 0; padding-left: 35px; width: 145px; }
.nbp .col-r { width: 320px; }
#content .nbp h3 { font-size: 140%; margin: 0; }
.nbp label { margin: 0 30px 0 0; }

.foto-gall { margin: 10px 0 10px 0; padding: 8px; width: 484px; border: 1px solid #96cec0; float: left; clear: both; }
.foto-gall a img { padding: 3px; border: 1px solid #fff; }
.foto-gall a img.selected { padding: 0px; border: 4px solid #fdcf42; }
.foto-gall a:hover img { padding: 3px; border: 1px solid #008965; }
.foto-gall a:hover img.selected { padding: 0px; border: 4px solid #fdcf42; }
.foto-gall img { margin: 0; }
/*.single { padding: 30px 10px; width: 480px; }*/
.single { text-align:center}
.single img { margin: 10px auto; }

.foto-textgall { margin: 10px 0 10px 0; padding: 8px; padding-left: 0px; padding-right: 0px; width: 500px;  float: left; clear: both; }
.foto-textgall a img { padding: 4px; border: 1px solid #fff; }
.foto-textgall a:hover img { padding: 4px; border: 1px solid #008965; }
.foto-textgall img { margin: 0; }

.foto-textgall-top img {width: 500px; margin-bottom: 1em; position: relative; border: 0px;}

.yellow-box { margin: 0 0 20px 0; background: #fff2d3; padding: 12px 15px 4px 15px; width: 472px; float: left; clear: both; }

img.img-bild { float: left; margin: 0 20px 0 0; }
div.news-item { margin-left: 173px; zoom: 1; }
div.news-item:after {content: '.'; display: block; visibility: hidden; height: 0; clear: both}

.triple-col { margin: 0; width: 502px; float: left; clear: both; }
.tcol { margin: 0; width: 150px; float: left; }
.scnd { margin: 0 25px; }
.triple-col select { margin: 0; width: 150px; }
.triple-col input { margin: 9px 0 0 0; float: left; }
.triple-col label { margin: 7px 0 17px 9px; width: 120px; display: block; float: left; }
.triple-col .scnd label { margin: 0 0 8px 9px; }

/* ___| column right |_____________________ */


ul.right-menu { margin: -64px -2px 0 2px; padding: 0; position: relative; width: 164px; }
ul.right-menu li { margin: 0; list-style: none; float: none; clear: both; }
ul.right-menu li a { 
	margin: 0 0 2px 0; 
	padding: 0 0 0 36px;
	width: 128px;
	height: 34px;
	line-height: 34px;
	float: none; clear: both;
	display: block;
	font-size: 95%;
	color: #008965;
	text-decoration: none;
	}
ul.right-menu li a#m1 { background: #fff url("/graphics/bg_menu-1.png") no-repeat; }
ul.right-menu li a#m1:hover, ul.right-menu li.now a#m1 { background: #fff url("/graphics/bg_menu-1.png") no-repeat 0 -34px; }
ul.right-menu li a#m2 { background: #fff url("/graphics/bg_menu-2.png") no-repeat; }
ul.right-menu li a#m2:hover, ul.right-menu li.now a#m2 { background: #fff url("/graphics/bg_menu-2.png") no-repeat 0 -34px; }
ul.right-menu li a#m3 { background: #fff url("/graphics/bg_menu-3.png") no-repeat; }
ul.right-menu li a#m3:hover, ul.right-menu li.now a#m3 { background: #fff url("/graphics/bg_menu-3.png") no-repeat 0 -34px; }
ul.right-menu li a#m4 { background: #fff url("/graphics/bg_menu-4.png") no-repeat; }
ul.right-menu li a#m4:hover, ul.right-menu li.now a#m4 { background: #fff url("/graphics/bg_menu-4.png") no-repeat 0 -34px; }
ul.cal { margin: 0 -2px 0 2px; padding: 0; position: relative; width: 164px; float: left; clear: both; }

#column-right h4 {
margin: 10px -2px -7px 2px;
width: 164px;
height: 34px;
line-height: 34px;
float: left; clear: both;
position: relative;
font-size: 95%;
font-weight: normal;
}
#column-right h4 a {
padding: 0 0 0 36px;
display: block;
width: 128px;
height: 34px;
color: #008965;
text-decoration: none;
background: url("../graphics/bg_tit.png") no-repeat;
}
#column-right h4 a:hover { background: url("../graphics/bg_tit.png")0 -34px;
}

#column-right h4.info a {
	background: url("/graphics/bg_tit_info.png") no-repeat;
}

#column-right h4.info a:hover {
	background: url("/graphics/bg_tit_info.png") no-repeat 0 -34px; 
}

#column-right h4 a {
	text-decoration: none;
	color: #008965;
	
}	
	
#column-right h4#cal {
	margin: -64px -2px 0 2px;
	padding: 0 0 0 36px;
	width: 128px;
	height: 34px;
	line-height: 34px;
	float: left; clear: both;
	font-size: 95%;
	position: relative;
	color: #008965;
	font-weight: normal;
	background: #fff url("/graphics/bg_menu-11.png") no-repeat;
	}
#column-right p#erb { margin: 0; padding-top: 24px; clear: both; text-align: center; }	
img.bann { margin: 0 0 10px 10px; }

#calendar {
	margin: -33px 0 10px 10px; 
	text-align: center; 
	width: 148px;
	background: #e5f2ef;
	border-collapse: collapse;
	border-bottom: 1px solid #008965;
	position: relative;
	float: left; clear: both;
	}
#calendar th { background: #128a66; padding: 4px 2px; margin: 0; color: #fff; }
#calendar th a { color: #fff; }
#calendars { margin: 0 0 4px 1px; border-collapse: collapse; width: 147px; position: relative; float: left; clear: both; }
#calendars td {
	font-weight: normal;
	color: #52524B;
	font-size: 85%;
	padding: 2px;
	}
#calendars tr.wkdays td {
	color: #000;
	font-size: 80%;
	background: #e5f2ef;
	border: none;
	}
#calendar #calendars td.week {
	font-size: 80%;
	background: #8bb59e;
	border: 1px solid #000;
	font-weight: bold; 
	color: #fff;
	}
#calendars td.noevent {
	border: 1px solid #000;
	color: #000;
	font-weight: normal;
	}
#calendar td.event a { color: #000; }
#calendars td.event { border: 1px solid #CCC; color: #000; }
#calendars td.today { background: #128a66; border: 1px solid #000; color: #fff; font-weight: bold; }
#calendars td.today a { color: #FFF; }	
#calendar a { color: #FFF; font-weight: bold; text-decoration: none; }
#calendar a:hover { color: #FFF; }

/* ___| footer |_____________________ */


p#footer { 
	margin: 0; 
	width: 879px; 
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	color: #008965;
	font-size: 80%;
	border-top: 3px solid #008965;
/*	border-top: 3px solid #99d0c1; */
	text-align: center; 
	float: none; clear: both; 
	}
p#footer a { text-decoration: underline; color: #008965; }
p#footer a:hover { text-decoration: none; color: #008965; }

div.zuruck {
	text-align: center;
}

div.zuruck a, a.mehr {
	text-decoration: none;
	color: #008965;
}

div.zuruck a:hover, a.mehr:hover {
	text-decoration: underline;
}

.topline {
	/*border-top: 1px solid #008965;*/
	border-top: 1px solid #99d0c1;
}



ul.nopoint {
list-style-type: none;
}
.bottomMargin {
	margin-bottom: 1em;
}


.nofloat{
	float: none;
	clear: both;
}

span.left {float: left;}