* {
    margin: 0;
    padding: 0;	

}
html, body {
	margin:0;
	padding:0;
	font-family:'Avenir LT W01 55 Roman', arial,sans-serif;
	font-size:100%;
	color:#000;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%; 
	}
/*body{
	background-image: -webkit-gradient(
	linear,
	right top,
	left bottom,
	color-stop(1, rgb(0, 0, 0)),
	color-stop(1, rgb(70, 70, 70))
);
background-image: -o-linear-gradient(left bottom, rgb(0, 0, 0) 20%, rgb(70, 70, 70) 100%);
background-image: -moz-linear-gradient(left bottom, rgb(0, 0, 0) 20%, rgb(70, 70, 70) 100%);
background-image: -webkit-linear-gradient(left bottom, rgb(0, 0, 0) 20%, rgb(70, 70, 70) 100%);
background-image: -ms-linear-gradient(left bottom, rgb(0, 0, 0) 20%, rgb(70, 70, 70) 100%);
background-image: linear-gradient(to left bottom, rgb(0, 0, 0) 20%, rgb(70, 70, 70) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); 
	}*/
body { background:#bcd2e0 url(../images/background/rb_back.jpg) top center; }
.nobg { background:#bcd2e0 !important;}
	
.hideformobile { display:none;} 
.hideonscreen { display:none !important;} 

a, a:active, a:visited {
	color: #89AEC1;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;

}
.clear { clear:both;}
.price {
background-image: linear-gradient(to right, #89AEC1 30%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 6px 2px;
background-repeat: repeat-x;
margin: 0;
padding: 5px 0 7px 3px;
}

.chf { float:right; margin-right:6px;}

.floatright { float:right;}

p {	font-family: "Avenir LT W01 55 Roman", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.abstand { padding: 30px 20px 10px 2px;}

.white { background:#FFF !important;}
#wrapperstart { 
	padding:0;
	margin:0 ;
	width:100%;
	position: absolute;
	top: 0;
	height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:100%; /* normale Browser */
	}
#wrapper { 
	padding:0;
	margin:0 ;
	width:100%;
	top: 0;
	}
	
img, a {border:none; outline: none;
    max-width: 100%;
    height: inherit;}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


#holder { width:1100px;
padding:0 20px;
margin: 0 auto;

height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:100%; /* normale Browser */
}


.header {
	width:770px;
	height:55px;
	margin:0;
	padding:0;
	float:left;	
color:#89AEC1;
}
.logo {
padding: 0 0 20px 0;
margin: auto;
width: 190px;
text-align: center;
}

.content {
	margin: 0 0 90px 0;
	width:770px;
	float:left;
}
.content .title {
padding:0 0 30px 0;
font-size: 46px;
color: #89AEC1 !important;
line-height: 1.2em;
}

.content .subtitle {
font-size: 28px;
line-height: 1.2em;
color:#89AEC1 !important;
}
.content span {color:#89AEC1;}

.content p{
	font-size:16px;
	line-height:1.2em;
	color:#000 !important;
}



.fader { width:100%; 

height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:100%; /* normale Browser */
}

.fader .title {
	padding-top:150px;
font-size: 46px;
color: #fff;
line-height: 1.2em;
}

.fader .subtitle {
padding-top:30px;
font-size: 36px;
line-height: 1.2em;
color:#89AEC1;
}
.fader span {color:#89AEC1;}
.fader .name {
font-size: 14px;
color: #fff;
line-height: 1.2em;
}

.fader p{
	font-size:46px;
	line-height:1.2em;
}
.adress {
	margin:0;
	padding:30px 0 0 0;
	width:190px;
	float:right;
	color:#89AEC1;
	z-index:999;
	position:relative;
}
.adress p {
	margin-top:10px;
	font-size:16px;
	line-height:1.6em;
}
.dotted-spaced {
background-image: linear-gradient(to right, #89AEC1 30%, rgba(255, 255, 255, 0) 0%);
background-position: top;
background-size: 6px 2px;
background-repeat: repeat-x;
margin: 30px 0 15px 0;
padding: 15px 0 0 0;
}

#footerholder { width:auto; background-color:#bcd2e0;}
.footer { width:1100px;
padding:20px 0px 70px 0;
margin: 0 auto;
}
.footer a { color:#FFF;}
.footer a:hover { color:#666; text-decoration:none;}


.pic{ width:190px; height:190px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left; margin: 10px 40px 40px 0; }
.pictwo{ width:190px; height:190px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left; margin: 10px 40px 40px 0; }
.text{ max-width:190px; background:#89AEC1; opacity:0; padding:71px 0;  -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin: 0;} 
.texttwo{ max-width:190px; background:#89AEC1; opacity:0; padding:59px 0;  -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin: 0;} 
.colorwhite {color:#fff !important;}  
.pic:hover .text { opacity:0.8; text-align: center; color:#000000; font-size:20px; cursor: default;}
.pictwo:hover .texttwo { opacity:0.8; text-align: center; color:#000000; font-size:20px; cursor: default;} 

.hover:hover, .hover:active {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-touch-callout: none
}


.link {
  -moz-border-radius: 3px;
  -moz-transition: color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  -webkit-transition: color 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -webkit-appearance: none; 
  background-color: #89AEC1 ;
  border-radius: 3px;
  border: none;
  color: #fff;
  display: inline-block;
  padding: 5px 10px; 
margin: 10px 0;
  text-decoration: none;
  transition: color 0.5s ease-in-out;
  cursor: pointer;
  text-align:center;
}

.link:hover {
background-color: #999;
text-decoration:none;
}

#maximage {
				position:absolute !important;
				width:100%;
			}

#arrow_left, #arrow_right {
				bottom:30px;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			#arrow_left {
				right:86px;
			}

			#arrow_left:hover, #arrow_right:hover {
				bottom:29px;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:28px;
			}