@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
		color: #283593;
		line-height: 1.5em;
		font-family: Palatino;
		font-size: 20px;
		background:  #E8EAF6 url(../images/background_gradient.jpg) repeat-x 0px 0px;
}

.page {
	max-width: 960px;
/*	border: 2px solid red;*/
	margin: 0px auto;
	position: relative; background-color: #fff;
}

h1 { font-size: 2em;  font-weight: bold; color: #283593; margin: 0 0 .5em 0; }
h2 { font-size: 1.7em; margin: 0 0 0 0; padding: 5px; text-align: center;}
h3 { font-size: 1em; margin: 0 0 0 0; padding: 5px; text-align: center;}

.allgemein {
		width:auto;
		max-width:980px;
		margin:0px auto;
		padding:0 0 0 0;
		background-color: #fff; 
		display: table;
}

.allgemein article {
		float:left;
		width:220px;
		margin: 0px auto;
		font-size:14px;
}

.allgemein article h3 {
		font-size:20px;
		text-align:center;
}

.allgemein article img { 
		width:240px;
}

.allgemein article figure.bilder {
    	float: none;
    	border: none;
    	display: table-cell;
    	max-width: 250px;
    	text-align: center;
    	vertical-align: middle;
}

.allgemein article figure.bilder img {
	    width:240px;
}

.allgemein article p {
		line-height:20px;
		margin-left:auto;
}

.vermietung_container {
		width:auto;
		max-width:960px;
		margin:0 auto;
		padding:10px 0 0 0;
		background-color: #D6D0C1; 
		position: relative;
}
.vermietung_container h2 { font-size: 1.4em; margin: 10px 0; text-align:center;}

.vermietung {
		width:auto;
		max-width:980px;
		margin:0 auto;
		padding:10px 0 0 0;
		
		position: relative;
}


.vermietung h3 { font-size: 1.1em; margin: 0; text-align:left;}
.vermietung p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.vermietung { background-repeat: no-repeat; }

.vermietung.one { background-image: url(../images/schritt_1.png); }
.vermietung.two { background-image: url(../images/schritt_2.png); }
.vermietung.three { background-image: url(../images/schritt_3.png); }

.foerderverein_container {
		width:auto;
		max-width:960px;
		margin:0 auto;
		padding:10px 0 0 0;
		background-color: #fff; 
		position: relative;
}

.foerderverein_container h2 { font-size: 1.4em; margin: 10px 0; text-align:center; }

.foerderverein {
		width:auto;
		max-width:960px;
		margin:0 auto;
		padding:10px 0 0 0;
		position: relative;
		background-repeat: no-repeat;
		background-image: url(../images/verein.png);
}


.foerderverein h3 { font-size: 1em; margin: 0; padding:0px; text-align:left;}
.foerderverein p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }


.foerderverein_container .foerderverein .content_contact p { 
	line-height: 1em; font-size: .9em; margin-bottom: .5em; margin-left: .6em;
}


p {  margin: 0 0 .75em 0; }

a { color: #de9000; }
a:hover { color: #283593; }
a.cta {
	text-transform: uppercase;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }
a.impressum {
	text-decoration: none;
	color: #9ba0bd;
}

.wrap {
      overflow: hidden;
      margin: 10px;
}

.thumb {
  max-height: 140px;
  border: solid 6px rgba(5, 5, 5, 0.8);
}

.lightbox {
  position: fixed;
  z-index: 999;
  height: 0;
  width: 0;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
}

.lightbox img {
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
  opacity: 0;
}

.lightbox:target {
  /** Remove default browser outline */
  outline: none;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
}

.lightbox:target img {
  border: solid 17px rgba(77, 77, 77, 0.8);
  opacity: 1;
  webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.light-btn {
  color: #fafafa;
  background-color: #333;
  border: solid 3px #777;
  padding: 5px 15px;
  border-radius: 1px;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  position: absolute;
  top: 45%;
  z-index: 99;
}

.light-btn:hover { background-color: #111; }

.btn-prev { left: 7%; }

.btn-next { right: 7%; }

.btn-close {
  position: absolute;
  right: 2%;
  top: 2%;
  color: #fafafa;
  background-color: #92001d;
  border: solid 3px #ef4036;
  padding: 5px 10px;
  border-radius: 1px;
  text-decoration: none;
}

.btn-close:hover { background-color: #740404; }

.clear
{
clear:both;}

.hidden
{
position:absolute;
clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
clip: rect(1px, 1px, 1px, 1px);
}