body {
  /* margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that page will spread to the outer edges of the browser window. */
  text-align:center;
  min-width: 960px;
  color:#233F1C;
  background-color:#FFFF66;
  font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin:  0;
  padding:  0;
  overflow-y:auto;
  font-size: 14px;
}

/* Styles for centering layout in browser */
#centeringwrapper {
  width: 960px;
  text-align:left;
  margin: 0 auto;
}

/* full width header and footer elements */
#header, #footer {
  background-color:#FFFF66;
  text-align:center;
  clear: both;
  width: 100%;
}

#header {
  height: 120px;
}

#footer {
  padding: 20px;
}

#footer .footer-content{

}

#footer .footer-left-spacer{
  width: 237px;
}

#footer .footer-content{
  border-top: 1px solid #334AAF;
  padding: 10px;
  width: 642px;
}

#footer .footer-right-spacer{
  width: 20px;
}

#footer .left-footer-col{
  float: left;
  width: 10%;
  text-align: left;
}

#footer .right-footer-col{
  float: right;
  text-align: left;
  width: 90%;
}


#content {
  border-left:solid 1px;
  float:right;
  padding-left:20px;
  width: 700px;
}

#leftcolumn {
  float:right;
  width: 210px;
  background-color:#FFFF66;
}

.clearfix{
	clear:both;
	height: 0;
	width:0;
}

/* Schriften und links definieren */
h1 {font-Size:30px; font-style:Normal }
h2 {font-Size:26px; font-style:Normal }
h3 {font-Size:24px; font-style:Normal; font-weight:bold; color:#334AAF;}
h4 {font-Size:16px; font-style:Normal; font-weight:bold; text-align:left;}
h5 {font-Size:14px; font-style:Italic; font-weight:bold; text-align:left;}
h6 {
  font-Size: 20px;
  font-style: Normal;
  font-weight: bold;
  color: #334AAF;
  margin-top: 32px;
  margin-bottom: 15px;
}

hr {background-color:black; color:black; height:1px;}

.bold {font-weight:bold;}
.small     {font-Size:12px; font-style:normal; }
.norm      {font-Size:14px; font-style:normal; text-align:justify; width:540px; line-height: 23px;}
.normb     {font-Size:14px; font-style:normal; font-weight:bold }
p.normb    {font-Size:14px; font-style:normal; font-weight:bold; width:540px; }
.blackbold {color:#000000;  font-weight:bold; }

.info{font-Size:14px; font-style:Normal; text-align:justify; width:280px; margin-left:5px;}

a:link    { text-decoration:underline; color:#435F3F }  /*#435F3F*/
a:visited { text-decoration:underline; color:#334F2C }  /*#334F2C*/
a:active  { text-decoration:underline; color:red }

.calendar a:link    { text-decoration:underline; color:#000000 }
.calendar a:visited { text-decoration:underline; color:#000000 }
.calendar a:active  { text-decoration:underline; color:red }

.calendar td {padding:3px;margin:3px;}

.calendar .arrow{
  cursor:pointer;
}

.empty {
  background-color:#2DC800;
  color:#000000;
  text-align:center;
}
.free {
  background-color:#FFCF00;
  color:#000000;
  text-align:center;
}

.medium {
  background-color:#FF6600;
  color:#000000;
  text-align:center;
}
.full {
  background-color:#F70000;
  color:#000000;
  text-align:center;
}

.exclusive {
  background-color:#D65CFF;
  color:#000000;
  text-align:center;
}

.mitglieder {
  border:2px solid #5B5BFF;
  color:#000000;
  text-align:center;
}
.blockiert {
  background-color:#000000;
  color:#000000;
  text-align:center;
}

.coluebersicht {
  border:solid 1px;
  width:150px;
  text-align:center;
  vertical-align:top;
  padding:5px;
}
.legendleft{
  width:15px;
  padding: 0 0 0 5px;
}
.legendtext{
  font-size:12px;
  padding: 2px 5px 2px 0;
}
.error{
  color:red;
  width:560px;
  font-weight:bold;
}
.formtable{
  margin-left:70px;
  width:410px;
  border:1px solid;
  padding:5px;
}
.submitbutton{
  margin-left:70px;
}

.formtable input[type=text]{
  background-color:#FFFFFF;
  border: 1px solid;
  width:180px;
}
.smallinput { 
  width:65px !important;
}
textarea{
  background-color:#FFFFFF;
  border: 1px solid;
}

.formleft{
  width:300px;
  text-align:right;
  vertical-align:top;
  padding:5px;
}
.formright{
  text-align:left;
  vertical-align:top;
  padding:5px;
}

.formabove{
  width:200px;
  text-align:left;
  vertical-align:middle;
  padding:5px 5px 0px 5px;
}
.formbelow{
  width:200px;
  text-align:left;
  vertical-align:top;
  padding:0px 5px 5px 5px;
}

.formabovewide{
  width:326px;
  text-align:left;
  vertical-align:middle;
  padding:5px 5px 0px 5px;
}
.formbelowwide{
  width:400px;
  text-align:left;
  vertical-align:top;
  padding:0px 5px 5px 20px;
}

.formintentleft{
  width:250px;
  text-align:left;
  vertical-align:middle;
  padding:5px 5px 0px 40px;
}
.formintentright{
  text-align:left;
  vertical-align:middle;
  padding:0px 5px 5px 5px;
}

.ajaxtooltip{
  position: absolute; /*leave this alone*/
  display: none; /*leave this alone*/
  width: 300px;
  left: 0; /*leave this alone*/
  top: 0; /*leave this alone*/
  background: #FFFF66;
  border: 2px solid black;
  border-width: 1px 2px 2px 1px;
  padding: 5px;
}

#menu {
  background: #FFFF66;
  list-style: none;
  margin-right:9px;
  padding: 0;
  width: 12em;
}
#menu li {
  font: 11pt "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
#menu a {
  background: #FFFF66;
  border-bottom: 1px solid #393939;
  color: #233F1C;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
}
#menu a:hover {
  background: #334AAF left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
}

.submenu{
  list-style: none;
}

.submenu li {
  font: 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif !important;
  margin: 0;
  padding: 0;
}

.vorstandleft{
  padding:5px;
  font-Size:14px; font-style:normal; font-weight:bold  
}
.vorstandright{
  padding:5px 5px 5px 10px; 
  font-Size:14px; font-style:normal; text-align:left; 
}
#price{
  width:495px;
}
.tdleft{
  width: 302px;
  height: 18px;    
}
.tdmiddle{
  width: 88px;
  height: 18px;
  text-align:center;
  vertical-align:top;
}
.tdright{
  width: 105px;
  height: 18px;
  text-align:center;
  vertical-align:top;
}
.tdlefthead{
  width: 302px;
  height: 25px;
}
.tdmiddlehead{
  width: 88px;
  height: 25px;
  text-align:center;
  vertical-align:top;
  font-weight:bold;
}
.tdrighthead{
  width: 105px;
  height: 25px;
  text-align:center;
  vertical-align:top;
  font-weight:bold;
}
.arrow{
 width:25px;
}

.edit{
  text-align:left;
}
.editortab{
  margin: 10px 0 0 20px;
}
.collefteditor{
  text-align:left;
  padding: 3px 5px 3px 5px;
  vertical-align:top;
}
.colrighteditor{
  text-align:left;
  padding: 3px 5px 3px 5px;
  vertical-align:top;
}

.show{
  text-align:left;
  margin: 0;
}
.showtab{
  margin-bottom: 8px;
}
.colleftshow{
  text-align: left;
  padding: 1px 3px 1px 3px !important;
  font-size: 12px;
}
.colrightshow{
  text-align:left;
  padding: 1px 3px 1px 3px !important;
  font-size: 12px;
}

.success{
  color:green;
}

.manual{
  display:none;
}

input.mybutton{
  font-weight:bold;
  color:#233F1C;
  background-color:#FFFF66;
  border-top-style:solid;
  border-top-color:#330000;
  border-top-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#330000;
  border-bottom-width:2px;
  border-left-style:none;
  border-left-color:#330000;
  border-left-width:2px;
  border-right-style:none;
  border-right-color:#330000;
  border-right-width:2px;
}

.adminbutton td{
  width:200px;
}

.gmap{
  margin: 40px 0;
  width: 360px;
}

/*Image Maps*/

.map{
  border: 2px solid #334AAF;
}

.fb-like-box{
  width:150px;
  height:30px;
}

.message-build {
    color: red;
    margin-bottom: 12px;
    margin-top: -15px;
    width: 540px;
}

.message-build-cal{
    color: red;
    margin-bottom: 15px;
    margin-top: 10px;
    width: 600px;
}

/* Img Borders for all new pages */

.opelhaus img,
.umgebung img,
.sport img,
.ausstattung img{
  border: 1px solid #1f1f1f;
}

.left-offset-img{
  margin-left: 10px;
}

ul.list{
  width: 620px;;
}

ul.list li{
  list-style: square;
  color: #334AAF;
  text-align: justify;
  padding: 5px 0 5px 0;
}

ul.list li>span{
  color: #233F1C;
}

/*OPELHAUS*/
.top-opelhaus{
}
.opelhaus .norm{
	width: 660px;
}
.top-opelhaus .norm{
	max-width: 100%;
}
.opelhaus-img{
}
.opelhaus-img .img-wrap{
}
.winter, .summer{
	width: auto;
    height: 193px;
	border: 1px solid #1f1f1f;
}

.woman{
	width: 660px;
}

.img-left{
	float: left;
	padding: 15px;
}

.img-left .rotated{
	width: 160px;
	height: auto;
	padding: 10px;
	border: 1px solid #1f1f1f;
	/*transform*/
	-webkit-transform:rotate(-8deg);
	   -moz-transform:rotate(-8deg);
		-ms-transform:rotate(-8deg);
		 -o-transform:rotate(-8deg);
			transform:rotate(-8deg);
	
}

.text-img-right{
	float: right;
	width: 445px;
}

.text-img-right{
	position: relative;
	top: 125px;
}

.gmap-wrap-opelhaus{
  margin-top: -15px;
}

.gmap-wrap-opelhaus .norm{
	padding-left: 10px;
}

.gmap2{
  #float:left;
  #text-align:right;
  padding-right:30px;
}


/* Ausstattung */

.ausstattung .norm{
  width: 660px;
}

.img-kids-wrap{
  position: relative;
}

/*
.img-kids-1{
  height: 210px;
}
.img-kids-2{
  height: 210px;
}
.img-kids-3{
  height: 130px;
  width: auto;
  position: absolute;
  right: 45px;
  top: -25px;
  -webkit-transform:rotate(-15deg);
     -moz-transform:rotate(-15deg);
      -ms-transform:rotate(-15deg);
       -o-transform:rotate(-15deg);
          transform:rotate(-15deg);
}
*/
.img-kids-1{
  height: 197px;
}
.img-kids-4{
  height: 197px;
}


.slackline-wrap{
  padding-bottom: 30px;
}
.slackline-img-wrap{
  width: 298px;
  float: left;
  padding: 5px 20px 0 0px;
}
.norm.left-text-slackline{
  display: inline-block;
  width: 342px;
  position: relative;
  top: -13px;
}
.slackline-img{
  height:200px;
}

.outer-area-img-wrap{

}
.sitzplatz-img{
  height: 189px;
}
.balkon-img{
  height: 189px;
}

.seminar-img-wrap{
  float: left;
  width: 325px;
}
.seminar-img{
  height: 210px;
}
.norm.seminar-text{
  display: inline-block;
  width: 335px;
  position: relative;
  top: 133px;
}


.sauna-img-wrap{}
.img-sauna-1{
  height: 175px;
}
.img-sauna-2{
  height: 175px;
}
.img-sauna-3{
  height: 175px;
}

.nespresso-wrap{

}

.nespresso-img-wrap{
  float: left;
  width: 143px;
  padding: 1px 0px 0px 0px;
}

.nespresso-wrap .norm{
  width: 517px;
  display: inline-block;
  position: relative;
  top: 115px;
}
.nespresso-wrap .nespresso-img{
  height: 190px;
}


/*Sport*/
.sport .norm{
  width: 660px;
}

.sommer-1-img{
  height: 227px;
}

.sommer-2-img-wrap{
  float: left;
  padding: 0 20px 0 0;
}

.sommer-2-img{
  height: 213px;
}

.norm.sommer-2-text{
  position: relative;
  top: 127px;
}


.winter-1-1-img{
  height: 175px;
}

.winter-1-2-img{
  height: 196px;
  position: relative;
  right: 60px;
  bottom: 26px;
  z-index: -1;
  margin-top: 22px;
}

.winter-2-img-wrap{
  padding-top: 30px;
}

.winter-2-1-img{
  height: 244px;
}

.winter-2-2-img{
  height: 180px;
}

.winter-3-img-wrap{
  padding-bottom: 35px;
  padding-top: 25px;
}

.winter-3-1-img{
  height: 275px;
}

.winter-3-2-img{
  height: 210px;
  position: relative;
  right: 60px;
  top: 30px;
}

/* Umgebung */

.umgebung .norm{
  width: 660px;
}

.seebuck-img-wrap{
  max-width: 100%;
  width: 659px;
}

.seebuck-img{
  height: 209px;
  width: auto;
}

.img-under-right{
  font-size: 12px;
  text-align: right;
}

.umgebung .norm.left-text-1{
  
}

.kletterwald-img-wrap{
  
}
.kletterwald-img{
  height: 160px;
}

.feldberg-img-wrap{
  width: 660px;
  text-align: right;
  font-size: 12px;
}
.feldberg-img{
  height: 315px;
}

/* Rundgang */

.rundgang .norm{
  width: 660px;
  max-width:100%;
}

.rundgang img {
  border: 1px solid #1f1f1f;
}

.rundgang-img-wrap-1 img{
  height: 225px;
}


.right-text-1-wrap{
  width: 413px;
  position: relative;
  top: 0px;
  display: inline-block;
}
.rundgang-img-wrap-2{
  float: left;
  width: 245px;
}
.rundgang-img-wrap-2 img{
  height: 160px;
}


.left-text-1-wrap{
  display: inline-block;
  position: relative;
  top: 110px;
  width: 338px;
}
.rundgang-img-wrap-3{
  float: left;
  width: 320px;
  height: 235px;
  position: relative;
  top: 20px;
}
.rundgang-img-3-1{
  height: 190px;
}
.rundgang-img-3-2{
  height: 160px;
}


.rundgang-img-wrap-4{

}
.rundgang-img-wrap-4 img{
  height: 152px;
}
.rundgang-img-wrap-4 .rundgang-img-5-1{
  height: 141px;
}
.rundgang-img-wrap-4 .rundgang-img-5-2{
  height: 141px;
}



.left-text-2-wrap{
  float: left;
  width: 240px;
  position: relative;
  top: 16px;
}
.rundgang-img-wrap-5{
  width: 401px;
  height: 160px;
  display: inline-block;
  padding-left: 20px;
}
.rundgang-img-wrap-5 img{
  height: 141px;
}

.rundgang-img-wrap-6{
  /*float: left;
  height: 230px;*/
}
.rundgang-img-wrap-6 img{
  height: 190px;
  /*height: 237px;*/
}
.right-text-3-wrap{
  /*display: inline-block;
  width: 249px;
  padding-left: 15px;
  position: relative;
  top: 68px;*/
}

.rundgang-img-wrap-7{
  float:left;
}

.right-text-4-wrap{
  width: 282px;
  display: inline-block;
  padding-left: 15px;
  position: relative;
  top: 106px;
}

.rundgang-img-wrap-7 img{
  height: 160px;
}
.rundgang-img-wrap-8 img{
  height: 154px;
}

.rundgang-fancybox {
  cursor: pointer;
}


/* Webcam */
.webcam-container #cam-1-image, .webcam-container #cam-2-image{
    border: 1px solid #FFFF66;
}

.webcam-container #cam-1-image:hover, .webcam-container #cam-2-image:hover{
    border: 1px solid #000;
    cursor: pointer;
}

.nav-social-media-container
{
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-right: 45px;
}

a.sm-link {
  margin-top: 10px;
  padding-left: 5px;
  text-decoration: none;
}

.sm-link img{
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.norm-ul{
  width: 500px;
}