/*
################################################
# CSS Template zw.de 2006		       						 #
# -------------------------------------------- #
# Nur Klassen mit Schriftformatierung ändern!  #
# Selektoränderungen auf eigene Gefahr!	       #
# 					       														 #	
################################################
*/


* {margin:0; padding:0;}

body {background-image:url(_gfx/bg_spacer.gif); background-repeat:repeat-x; color:#243c54; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;background-color:#9dd266;}


/********* Allumfassender Container *********/

#container_all {position:absolute; top:0px; left:0px; width:100%;}

/********* Header | Footer | Content | Spacer *********/

#header1, #content, #footer, copyright {margin:auto; width:869px;}
#header1 {height:42px; background-image:url(_gfx/nav.jpg);}
#header2 {margin:auto; height:33px; width:419px; background-image:url(_gfx/header.jpg); padding: 129px 0 0 450px;}
#content {background-image:url(_gfx/bg_spacer2.gif); overflow:auto;}
#footer {height:28px; background-image:url(_gfx/footer.jpg); padding-top: 60px;}
.copyright {float:right; padding-top:30px; padding-right:15px; color:#666666;}


ul {list-style: none;}


#header1 {
	background-repeat: no-repeat;
}

#header1 ul {
	margin: 0 0 0 23px;
	list-style-type: none;
	text-align: left;
}

#header1 ul li {
	float:left;
}

#header1 ul li a.kontakt {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
	height: 42px;
	width: 80px;
	_width: 76px;
	padding: 0 33px;
}

span.hidden {
	visibility: hidden;
}

#header1 ul li a.gb {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
	height: 42px;
	width: 79px;
	_width: 76px;
	padding: 0 37px;
}

#header1 ul li a.home {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
	height: 42px;
	width: 80px;  /* old 69 */
	_width: 76px;
	padding: 0 23px;
}

#header1 ul li a.about {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
	height: 42px;
	width: 80px;
	_width: 76px;
	padding: 0 24px;
}

#header1 ul li a.buchung {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
	height: 42px;
	width: 80px;
	_width: 76px;
	padding: 0 26px;
}

#header1 ul li a.activity {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
	height: 42px;
	width: 78px;
	_width: 76px;
	padding: 0 32px;
}

#header1 ul li b {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
}

#header1 ul li b.aktiv {
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	float: left;
	padding-top: 60px;
}
.nav_header {height:20px; margin-left:5px; background-image:url(_gfx/nav_header.jpg);}
.nav_footer {height:45px; background-image:url(_gfx/nav_footer.jpg);}
.nav_3d_logo {height:152px; background-image:url(_gfx/3dlogo.jpg);}
#content_box {width:500px; float:left; margin-left:60px;margin-top:10px;}
#content_box2 {width:500px; float:left;}
#content_box3 {width:500px; float:left;margin-top:14px;}
#content_box2 img.left {float:left;padding-left:10px;}
#content_box2 img.right {float:right; }
#content_box img.left {float:left;/*padding-left:10px;*/}
.content_box3 img.left {float:left;/*padding-left:10px;*/}
#content_box2 img.left {float:left;/*padding-left:10px;*/}
#content_box img.right {float:right; }
.content_box_text {padding-left:135px;padding-top:8px;margin-right:30px;}
.content {width:500px;}
.banner {width:180px; padding-left:10px;}
.content_news {overflow:auto;width:517px;height:auto;margin-top: 10px;background-image:url(_gfx/contentbox_spacer.jpg)}
.content_news2 {overflow:auto;width:300px;margin-left:30px;}
.content_news img.left {float:left;margin-left:25px;margin-top:10px;border-style: none;}
.content_news img.right {float:right;margin-left:20px;}
#content_news img.left {float:left;padding-left:20px;margin-top:10px;}
#content_news img.right {float:right; }
.content_news2 img.left {padding-right:10px;padding-bottom:10px;border-style: none;}
.content_news2 img.right {padding-left:10px;padding-bottom:10px;border-style: none;}
.content_news2 {overflow:auto;width:430px;margin-left:30px;margin-top: 15px;}
/*.hr_dotted {border-left:none; border-right:none; border-top:none; border-bottom:dotted 1px #798c54;}*/
.contentbox_header {background-image:url(_gfx/contentbox_hea.jpg);width:517px;height:25px;}
.contentbox_footer {background-image:url(_gfx/contentbox_foo.jpg);width:492px;height:35px; padding: 40px 0 0 25px; color:#bbbbbb;}
.contentbox_spacer {background-image:url(_gfx/contentbox_spacer.jpg);width:517px;height:auto;margin-top:-2px;}

.content_time {text-align:right;margin-right:25px;color:#aeb1ab}

#content_box_kontakt {width:500px; float:left; margin-left:60px;margin-top:10px;}
.content_kontakt{margin-top:1px;display:table;}
* html .content_kontakt{margin-top:1px;display:inline-block;}
#content_box_kontakt img.left {float:left;padding-right:40px;margin-left:20px;border-style: none;}
#content_box_kontakt img.right {float:right;}
#content_box_impressum {width:500px; float:left; margin-left:70px;margin-top:40px;}
#content_box h3 {
	margin-left: 20px;
	border-bottom:1px dotted #798c54;
	width: 451px;
}
.divright{
    float:right;
    overflow:hidden;
    margin-left:5px

}
.divright a img{
    border:none;
    text-decoration:none;
}
.divright a:hover{
    border:none;
    text-decoration:none;
}
 .divright a:active{
    border:none;
    text-decoration:none;
}

 
/********* Suchcontainer *********/

/********* Kategorien *********/

/********* Listing der Navigation links *********/

.padding {padding-left: 20px;}

.box_border {
  width:244px;
  overflow:hidden;
  float:left;
 }

.box, .box_admin, .box_vorstand {
	background:url(_gfx/nav_spacer.gif) repeat-y;
	width:244px;
	margin: 0 0 0 5px;
	display: inline;
  float: left;
}

.spacer {
  background:url(_gfx/nav_spacer.gif) repeat-y;
  padding: 10px 0 0 20px;
}


.box h2 {
	background:url(_gfx/nav_header.jpg) no-repeat;
	height:20px;
	color:#ffffff;
	padding: 0 0 0 150px;
}

.box_admin h2 {
	background:url(_gfx/nav_header_admin.jpg) no-repeat;
	height:20px;
	color:#ffffff;
	padding: 0 0 0 150px;
}

.box_vorstand h2 {
	background:url(_gfx/nav_header_vorstand.jpg) no-repeat;
	height:20px;
	color:#ffffff;
	padding: 0 0 0 150px;
}

.box ul {
	font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.box_admin ul {
	font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.box_vorstand ul {
	font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.box ul li {
	list-style-type:none;
	display:inline;
}

.box_admin ul li {
	list-style-type:none;
	display:inline;
}

.box_vorstand ul li {
	list-style-type:none;
	display:inline;
}

.box ul li a {
	color:#243c54;
	text-decoration:none;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

.box_admin ul li a {
	color:#243c54;
	text-decoration:none;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

.box_vorstand ul li a {
	color:#243c54;
	text-decoration:none;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

.box ul li a:hover {
	font-weight:bold;
	border-left: solid 5px #9ed266;
}

.box_admin ul li a:hover {
	font-weight:bold;
	border-left: solid 5px #adadad;
}

.box_vorstand ul li a:hover {
	font-weight:bold;
	border-left: solid 5px #d2b566;
}

.box ul li a.aktiv {
	font-weight:bold;
	border-left: solid 5px #9ed266;
}

.box_admin ul li a.aktiv {
	font-weight:bold;
	border-left: solid 5px #adadad;
}

.box_vorstand ul li a.aktiv {
	font-weight:bold;
	border-left: solid 5px #d2b566;
}


.box ul li ul li {
	list-style-type:none;
}

.box_admin ul li ul li {
	list-style-type:none;
}

.box_vorstand ul li ul li {
	list-style-type:none;
}

.box ul li ul li a {
	color:#243c54;
	text-decoration:none;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 0 25px;
}

.box_admin ul li ul li a {
	color:#243c54;
	text-decoration:none;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 0 25px;
}

.box_vorstand ul li ul li a {
	color:#243c54;
	text-decoration:none;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 0 25px;
}

.box ul li ul li a:hover {
	font-weight:bold;
	border-left: solid 5px #b5e580;
}
.box_admin ul li ul li a:hover {
	font-weight:bold;
	border-left: solid 5px #c5c5c5;
}

.box_vorstand ul li ul li a:hover {
	font-weight:bold;
	border-left: solid 5px #d2b566;
}

.box ul li ul li a.aktiv {
	font-weight:bold;
	border-left: solid 5px #b5e580;
}

.box_admin ul li ul li a.aktiv {
	font-weight:bold;
	border-left: solid 5px #c5c5c5;
}

.box_vorstand ul li ul li a.aktiv {
	font-weight:bold;
	border-left: solid 5px #d2b566;
}

/***** Gästebuch *****/

.gb_header {
	width:510px;
	height:31px;
	background:url(_gfx/gb_header.gif) no-repeat;
	padding: 8px 0 0 15px;
	color:#ffffff;
}

.gb_header a {
    color: #fff;
}

.gb_footer {
	width:510px;
	height:28px;
	background:url(_gfx/gb_footer.gif) no-repeat;
}

.gb_spacer {
	width:510px;
	background:url(_gfx/gb_spacer.gif) repeat-y;
	padding: 5px 15px;
	overflow:auto;
}

.gb_icons {
	width:50px;
	float:left;

  
}

.gb_content {
	width:440px;
	float:left;
	overflow: hidden;
}

.gb_content div.gb_kommentar {
    border: 1px solid #A2CA74;
    background-color: #F2FFEE;
    font-size: 0.8em;
    padding: 10px;
}

.gb_header_left {
	float:left;
}

.gb_header_right {
	float:right;
	margin: 0 30px 0 0;
}

/********* Klassendeklaration | Schriftformatierung *********/

a.topics:visited {color:#FFFFFF; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:underline;}
a.topics:link {color:#FFFFFF; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:underline;}
a.topics:hover {color:#FFFFFF; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: none;}
a.topics:active {color:#FFFFFF; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: underline;}

a.topics2:visited {color:#66cc33; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:underline;}
a.topics2:link {color:#66cc33; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:underline;}
a.topics2:hover {color:#339900; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: none;}
a.topics2:active {color:#339900; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: underline;}

a.ajax:visited {color:#66cc33; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:none;}
a.ajax:link {color:#66cc33; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:none;}
a.ajax:hover {color:#339900; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: none;}
a.ajax:active {color:#339900; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: none;}

a.tiny_blue:visited {color:#546c86; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:underline;}
a.tiny_blue:link {color:#546c86; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:underline;}
a.tiny_blue:hover {color:#3c4f63; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: none;}
a.tiny_blue:active {color:#3c4f63; font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration: underline;}

h1, h2, h3 {color:#375D81;}
h1 {font:15px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;}
h2 {font:13px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;}
h3 {font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;margin-bottom: 10px;}

.tiny_blue {color:#546c86; font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.tiny_white {color:#ffffff; font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.padding {padding-left:5px;} /* entspricht der tabellenbreite 512px in der ausgabemaske - bei änderungen auch die tabellenbreite dort ändern!! */

.main {
    color:#243c54;
    font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}


.nav_3d_logo {height:152px; background-image:url(_gfx/3dlogo.jpg);}

h1, h2, h3, h7 {color:#375D81;}
h1 {font:15px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;margin-top:10px;}
h2 {font:13px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;}
h3 {font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;margin-bottom: 10px;margin-left:20px;}
h4 {font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;margin-bottom: 10px; margin-top:10px;margin-left:15px;}
h5 {font:13px Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight:bold;margin-bottom: 7px;}


.red {
    color:#ff0000;
}

.green {
    color:#66cc33;
}

.white {
  color: #ffffff;
}

acronym { border-bottom: 1px dashed #66cc33; }
acronym a { text-decoration:none; }
acronym a:hover { cursor:help; text-decoration:none; }
acronym a span { position:absolute; left:12em; margin-top:1.3em; margin-left:56px; padding:1em; visibility:hidden; _width:200px;}
acronym a span.kalender { position:absolute; left:40em; _left:30em; margin-top:1.3em; padding:1em; visibility:hidden;}
acronym a:hover span { visibility:visible; background-color:#f6faf2; border:1px solid #666666; }