@charset "utf-8";
/* CSS Document */

body {
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}

img {
        border: 0px;
}

.we {
        color: red;
        background-color: white;
}

#set_nav {  border: 1px solid #ccc; background-color: #CCDEEC; padding: 10px; margin: 0px 0px 10px 0px; }
#set_nav label { display: block; float: left; width: 72px; padding-top: 4px; }

a {
        color: #2D7E03;
        text-decoration: none;
}

a:hover {
        color: #2D7E03;
        text-decoration: underline;
}

a.home {
        display: block;
        position: absolute;
        left: 23px;
        top: 53px;
        width: 112px;
        height: 80px;
        z-index: 1;
}

/* NAVIGATION --- */
#top {
        float: left;
        width: 100%;
        height: 74px;
        background-image: url(/_images/bg_top.jpg);
        background-repeat: repeat-x;
}

#top #navigation {
        float: left;
        width: 900px;
        background-image: url(/_images/top_bg_left.jpg);
        background-repeat: no-repeat;
        padding-left: 256px;
        height: 74px;
}

#top #navigation #subnav {
        float: left;
        height: 36px;
        font-size: 10px;
}

a.nav2, a.nav2_on {
        float: left;
        height: 32px;
        padding: 4px 10px 0px 10px;
        background-image: url(/_images/bg_subnav_left.jpg);
        background-repeat: no-repeat;
        text-decoration: none;
        color: black;
        font-weight: bold;
        text-align: center;
}

a.nav2:hover, a.nav2_on {
        color: #2A74B5;
}

#top #navigation #nav {
        clear: left;
        height: 32px;
        padding-left: 8px;
}

#top #navigation #nav a {
        margin-right: 40px;
}

/* MAIN - Contentbereiche --- */

#main, #main_idx {
        clear: left;
        float: left;
        width: 100%;
        min-width: 1002px;
        background-image: url(/_images/bg_main.gif);
        background-repeat: repeat-y;
}

#main_idx {
        background-image: url(/_images/wiese.jpg);
        background-repeat: repeat;
}


#main_inner {
        float: left;
        width: 100%;
        overflow: visible;
        /*background-image: url(/_images/bg_rightcont.jpg);*/
        background-image: url(/_images/bg_left_idx.gif);
        background-position: 400px 0px;
        background-repeat: repeat-x;
}

#main_inner_idx, #main_inner_idx_detail {
        float: left;
        width: 100%;
        overflow: visible;
        background-image: url(/_images/bg_left_idx.gif);
        background-repeat: repeat-y;
}

#main_inner_idx_detail {
        background-image: url(/_images/bg_left_idx_detail.gif);
}

#main_inner #content, #main_inner_idx #content {
        width: 1002px;
}

/* LEFT --- */
#content #left {
        float: left;
        width: 232px;
        background-image: url(/_images/left_bg_top.jpg);
        background-repeat: no-repeat;
        padding: 91px 0px 0px 24px;
}

#left ul, #left li, ul.btn, li.btn {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#left ul {
        float: left;
}

* html #left ul{/* für den IE6 */
   margin-bottom: 8px;
}
*+html #left ul{/* für den IE7 */
   margin-bottom: 8px;
}


#left li, li.btn {
        float: left;
        width: 108px;
        background-image: url(/_images/btn_top.gif);
        background-repeat: no-repeat;
        margin-bottom: 8px;
}

#left li {
        clear: left;
}

li.btn {
        background-image: url(/_images/btn_top_bgw.gif);
        margin-right: 8px;
}

#left ul li a, li.btn a, #btn_contact li a {
        display: block;
        clear: left;
        float: left;
        text-align: center;
        width: 102px;
        font-size: 11px;
        color: #2D7E03;
        margin-top: 10px;
        padding: 0px 3px 13px 3px;
        background-image:url(/_images/btn_btm.jpg);
        background-repeat: no-repeat;
        background-position: left bottom;
        text-decoration: none;
}

li.btn a {
        background-image:url(/_images/btn_btm_bgw.jpg);
}

#left ul li a:hover, #left ul li a.on, #btn_contact li a:hover, #btn_contact li a.on {
        color: #2A74B5;
        background-image:url(/_images/btn_btm_on.jpg);
}

li.btn a:hover {
        color: #2A74B5;
}

/* DETAILSEITE POOLS - Headline, Kurzbeschreibung --- */
#left h1 {
        font-size: 18px;
        margin: 0px 0px 16px 0px;
}

#left #descr {
        clear: left;
        float: left;
        width: 184px;
        margin: 0px 24px 50px 0px;
}


/* LINKS --- */
#left #linklist {
        clear: left;
        float: left;
        width: 224px;
}

#left #map {
        float: left;
        margin: -8px 0px 0px 8px;
}

#left #linklist #links {
        width: 96px;
        height: 100px;
        clear: left;
        float: left;
        padding: 3px 5px 20px 7px;
        background-image: url(/_images/btn_subnav_btm.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
}

#links_top {
        line-height: 0px;
        font-size: 0px;
        clear: left;
        width: 108px;
        height: 8px;
        background-image: url(/_images/btn_top.gif);
        background-repeat: no-repeat;
}

a.nav3, a.nav3_on {
        clear: left;
        display: block;
        color: black;
        text-decoration: none;
        margin-bottom: 2px;
}

a.nav3:hover, a.nav3_on {
        color: #2A74B5;
}

#left #info {
        clear: left;
        float: left;
}

/* MIDDLE - Content --- -------------------------------------------------------------- */
#content p {
        clear: left;
}

#content #middle_small {
        float: left;
        width: 330px;
        padding: 16px 134px 16px 8px;
        background-color: #FFF;
}

#content #middle_large {
        float: left;
        width: 456px;
        padding: 16px 8px 16px 8px;
        background-color: #FFF;
}

#content #middle_xlarge {
        float: left;
        width: 696px;
        padding: 16px 0px 16px 8px;
        background-image: url(/_images/bg_content.gif);
        background-repeat: repeat-y;
}

#content #middle_large_idx {
        float: left;
        width: 456px;
        height: 518px;
        padding: 16px 282px 16px 8px;
        background-image: url(/_images/schnorchler.jpg);
        background-repeat: no-repeat;
        background-position: 437px 66px;
        color: #FFF;
}

#middle_small h2 {
        width: 330px;
        font-size: 13px;
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color: #2A74B5;
        background-image: url(/_images/line_blue.gif);
        background-position: bottom;
        background-repeat: repeat-x;
}

#middle_large h2, #middle_xlarge h2 {
        width: 456px;
        font-size: 13px;
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color: #2A74B5;
        background-image: url(/_images/line_blue.gif);
        background-position: bottom;
        background-repeat: repeat-x;
}

#middle_large_idx h1, #middle_large h1 {
        width: 456px;
        font-size: 13px; /* old 18 ############################################################################# */
        margin: 0px 0px 16px 0px;
        padding: 0px 0px 5px 0px;
        color: #FFF;
        background-image: url(/_images/line_white.gif);
        background-position: bottom;
        background-repeat: repeat-x;
}

#middle_large h1 {
        color: #2A74B5;
        background-image: url(/_images/line_blue.gif);
}

#middle_xlarge #txt {
        clear: left;
        width: 456px;
        padding-top: 16px;
        text-align: left;
}

/* RIGHT --- */
#content #right {
        float: left;
        width: 258px;
        padding: 56px 8px 16px 8px;
        font-size: 11px;
}

#imgtext {
        clear: left;
        float: left;
        width: 224px;
        padding: 2px 0px 2px 0px;
}

#main #wave, #main_idx #wave, #wave2 {
        clear: left;
        float: left;
        width: 100%;
        height: 21px;
        background-image: url(/_images/wave.gif);
        background-repeat: repeat-x;
}

#wave2{
        background-image: url(/_images/wave2.gif);
}

/* BOTTOM - Metanav --- */
#bottom {
        clear: left;
        float: left;
        width: 100%;
        height: 68px;
        background-image: url(/_images/bg_bottom.jpg);
        background-repeat: repeat-x;
}

#bottom #meta {
        float: left;
        width: 1002px;
}

#jahre {
        float: left;
        margin-right: 345px;
}

#meta_nav {
        position: relative;
        top: -6px;
}

#meta_nav a {
        float: left;
        padding: 15px 10px 0px 8px;
        font-size: 11px;
        color: black;
        background-image: url(/_images/metnav_left.gif);
        background-repeat: no-repeat;
        text-decoration: none;
}

#meta_nav a:hover {
        color: #2A74B5;
}

/* Images, runde Ecken -- */
#row_img {
        clear: left;
        float: left;
        width: 456px;
}

* html #row_img {
        clear: left;
        float: left;
        width: 456px;
        margin: 0px;
        /*pading: 0px;*/
}

#img_frame {
        float: left;
        margin-right: 8px;
}

#img {
        clear: left;
        float: left;
        width: 224px;
        margin: 4px 0px 4px 0px;
}

#frame_small, #frame_small_g {
        width: 224px;
        height: 172px;
        background-image: url(/_images/frame_small_w.gif);
        background-repeat: no-repeat;
}

#frame_small_g {
        background-image: url(/_images/frame_small.gif);
}

#img_lrg_top {
        position: relative;
        top: 4px;
        width: 456px;
        height: 4px;
        background-image: url(/_images/frame_large_top.gif);
        background-repeat: no-repeat;
        line-height: 0px;
        font-size: 0px;
}

#f_small_g {
        width: 224px;
        height: 172px;
        background-image: url(/_images/frame_small.gif);
        background-repeat: no-repeat;
}

#f_small_w {
        width: 224px;
        height: 172px;
        background-image: url(/_images/frame_small_w.gif);
        background-repeat: no-repeat;
}

#img_lrg {
        width: 456px;
        /*background-color: #CCC;*/
}

#img_lrg_btm {
        position: relative;
        top: -4px;
        width: 456px;
        height: 4px;
        background-image: url(/_images/frame_large_btm.gif);
        background-repeat: no-repeat;
        line-height: 0px;
        font-size: 0px;
}

#frame_img_idx {
        margin: 16px 0px 16px 0px;
        padding: 8px;
        width: 440px;
        height: 256px;
        background-image: url(/_images/frame_idx.gif);
        background-repeat: no-repeat;
        vertical-align: bottom;
        color: black;
}

/* Tabelle --- */

.tbl1 { }

.tbl1 tr {
        padding: 2px 0px 2px 0px;
}

.tbl1 td {
        border-bottom: 1px solid black;
}

.tbl_contact_left, .tbl_contact_right {
        margin: 0px;
        width: 224px;
        display: block;
        float: left;
}

.tbl_contact_left {
        margin-right: 8px;
}
.tbl_contact_head {
        width: 224px;
        padding: 10px 0px 4px 0px;
        font-size: 13px;
        font-weight: bold;
        color: #2A74B5;
        border-bottom: 1px solid #2A74B5;
}

.tbl_contact_block {
        width: 224px;
        padding: 5px 0px 7px 0px;
        font-size: 11px;
        font-weight: normal;
        color: black;
        /*border-bottom: 1px solid black;*/
}

#kontakt {
        margin: 10px 0px 10px 0px;
        float: left;
}

#kontakt label {
        color: #2A74B5;
        margin: 3px 0px 3px 0px;
        clear: left;
        display: block;
        float: left;
        width: 120px;
}

#kontakt input {
        margin: 3px 0px 3px 0px;
        display: block;
        float: left;
        width: 300px;
}
.checkboxForm {
        margin:10px 0px 10px 114px;
        width: 400px;
        float: left;
        display: block;
}
.checkboxForm input {
        margin: 3px 0px 3px 0px;
        margin-right:15px;
        width: 30px;
        float: left;
        display: block;
}

#kontakt textarea {
        margin: 3px 0px 3px 0px;
        display: block;
        float: left;
        width: 300px;
}

#kontakt hr {
        width: 456px;
        clear: left;
        float: left;
        color: #2A74B5;
        background-color: #2A74B5;
        height: 1px;
        margin: 5px 0px 5px 0px;
        padding: 0px;
}



/* ######### LAUFSCHRIFT ######### */

#bgLauftext {
        z-index:20; font-family: Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; background-color:#000; filter:alpha(opacity=40); -moz-opacity: 0.4; margin:250px 0px 0px 3px;position:absolute; width:450px; height:35px;
}
#Lauftext {
        z-index:30; font-family: Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; filter:alpha(opacity=100); padding: 0px; margin:254px 0px 0px 3px;position:absolute; width:450px; height:35px;
}
#Lauftext a{
        color:#fff;
        text-decoration:none;
}

a.btn_contact {
        float: left;
        width: 108px;
        background-image: url(/_images/btn_top.gif);
        background-repeat: no-repeat;
        padding: 8px;
        margin-bottom: 8px;
}


/* ######### SEND A FRIEND ######### */

#sendAFriend {
	height:38px;
	margin:5px 0;
	overflow:hidden;
}

#headPullDown {
	cursor:pointer;
	color:#2D7E03;
text-decoration:underline;
text-transform:uppercase;
}

label.sendAFriend {
	clear:both;
	display:block;
	float:left;
	font-size:12px;
	margin-top:4px;
	text-align:right;
	width:190px;
}

input.fText {
	border:1px solid #111111;
	float:left;
	font-size:12px;
	margin-left:15px;
	margin-top:3px;
	width:190px;
}

textarea.fText {
	border:1px solid #111111;
	float:left;
	font-size:11px;
	font-family: Arial,Helvetica,sans-serif;
	height:100px;
	margin-left:15px;
	margin-top:3px;
	width:190px;
}

input.sendAFriend {
background-color:#bde491;
border:0;
clear:both;
color:#2D7E03;
float:left;
font-size:11px;
font-weight:bold;
margin-left:206px;
margin-top:8px;
padding:3px;
}



/* ######### GALERIE BILDERGALERIE ######### */

#photoGalerie {
	clear:both;
	float:left;
	margin:8px 0;
}
div.photoOverflow {
	float:left;
	font-size:10px;
	height:75px;
	margin-right:6px;
	margin-top:10px;
	width:85px;
}

div.photo {
	height:55px;
	margin-bottom:2px;
	overflow:hidden;
	width:85px;
}

p.photoBeschreibung {
	margin:2px 0;
	text-align:center;
}

div.galleryTD {
height:55px;
overflow:hidden;
width:93px;
}