/** 
 * SilverStripe el appartments Theme
 * http://www.sectione.at
 *
 * Main Layout File
 */

/* Misc Styles and defaults 
-------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
 	/*font-size: 62.5%;*/
 	/*margin-bottom: 40px;*/
	font-family: "myriad-pro",sans-serif;
	overflow-x: hidden;
}
html {
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: bold;
	width:108px;
	font-size:12px;
}
.clear{
	clear:both;
}
a img{
	border:0;
}


#dsgvo 			{ position: fixed; z-index: 50000; bottom: 0px; width: 100%; height: auto; background-color: #3d3d3d; display: block; padding: 15px; color: #fff; border-top: 3px solid #65291f;}
#dsgvo p 		{ color: #efefef; display: inline-block; }
#dsgvo a 		{ color: #fff; text-decoration: underline; }
.btn 			{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;     color: #333;background-color: #fff; border-color: #ccc;}



/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 960px;  
	margin: 0 auto; 
}
#Container { 
	width: 960px;
	padding-bottom: 15px;
	
}
#Layout {
	width: 940px;
	clear: both;
	overflow: hidden;
	margin-top: -72px;
	margin-bottom:20px;
	z-index:0;
	float:left;
}

#LayoutPicture{
	width:940px;
	float: left;
}
.ProjektBox  {
	margin-bottom: 20px;
}
.ProjektBox h2{
	color:#65291f;
	/*font-size:16px;*/
	font-family: Georgia;
	margin-top: 10px;
	font-weight: 400;
	padding-bottom: 10px;
}
.ProjektBox a{
	text-decoration:none;
	font-family: Georgia;
}
.ProjektBox p{
	/*font-size: 13px;*/
	font-family: Georgia;
	padding-bottom: 5px;
	display: block;
	min-height: 105px;
	line-height: 20px;
	margin-bottom: 0px;
}
#Content {
	width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;
}
#mobileMenuHolder,
#contentHolder {
	-webkit-transition: all 225ms ease-in-out; -moz-transition: all 225ms ease-in-out; -o-transition: all 225ms ease-in-out; transition: all 225ms ease-in-out;
}
#mobileMenuHolder.moved {
	right: 0 !important; /*-16.666% !important;*/
	display: block;
}
#contentHolder {
	/*position: relative;
	left: 0;*/
}
#contentHolder.moved {
	/*position: relative;
    left: -100%; /*-83.333%;*/
}
#mobileMenuHolder {
	position: fixed;
	top: 0px;
	right: -100%;
	background: rgb(89,32,10);
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	overflow: auto;
}
	#mobileMenuHolder a {
		color: #fff;
		font-family: "myriad-pro",sans-serif;
	}
	#mobileMenuHolder a.active {
		text-decoration: underline;
	}
	#mobileMenuHolder ul {
		list-style: none;
		padding: 20px 0;
		margin: 0px;
		clear: both;
	}
		#mobileMenuHolder ul li {
			border-bottom: 1px solid #fff;
			/*padding: 5px 0;*/
		}
			#mobileMenuHolder ul li:last-child {
				border-bottom: 0px;
			}
	#mobileMenuHolder ul a {
		text-transform: uppercase;
		font-size: 22px;
		display: block;
		padding: 5px;
		height: 100%;
	}
		#mobileMenuHolder ul .current,
		#mobileMenuHolder ul .section,
		#mobileMenuHolder ul a:active {
			background: #fff;
			color: #65291f;
		}

#mobileMenuHolder .footerLine {
	border-color: #fff;
	margin-bottom: 30px;
}
#mobileMenuHolder p {
	text-align: center;
	color: rgb(153,153,153);
	font-size: 16px;
	margin-bottom: 0px;
}


/* HEADER
----------------------------------------- */
#Header { 
	z-index:1000;
	position: relative;
}
#Header .languageSelector { /*position: absolute; top: 47px; right: 0px;*/  }
#Header .languageSelector a { color: #000; text-decoration: none; font-size: 14px; padding-left: 10px; font-family: Georgia;}
#Header .languageSelector a.active, #Header .languageSelector a:hover { color: #5a200c; text-decoration: underline;}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
	#Header .headerSlogan {
		color: #5a200c;
		font-size: 18px;
		font-weight: bold;
    	border-bottom: 3px solid #5a200c;
    	display: inline-block;
    	float: right;
    	position: absolute;
	    right: 0.9375rem;
	    bottom: 30px;
	    font-family: Georgia, sans-serif;
	}
	#Logo{
		padding-left: 20px;
	}
	#Headline img{
		float:right;
		margin-top: 105px;
	}

.headerMenuLink {
	color: #5a200c;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "myriad-pro",sans-serif;
	padding: 15px 0;
	display: inline-block;
}
	.headerMenuLink:hover,
	.headerMenuLink:active {
		color: #5a200c;
	}
	.headerMenuLink img {
		padding-left: 5px;
	}

#scrolledHeader {
	background: rgb(89,32,10);
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	top: 0px;
	left: 0px;
	-webkit-transition: all 225ms ease-in-out; -moz-transition: all 225ms ease-in-out; -o-transition: all 225ms ease-in-out; transition: all 225ms ease-in-out;
}
.fixedPosition #scrolledHeader {
	top: 0px;
}
.moved .fixedPosition #scrolledHeader {
	left: -100%; /*-83.333%;*/
}
/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	/*width: 360px;
	height:160px;
	margin: 30px auto;
	margin-left:310px;
	padding-top: 5px;
	overflow: hidden;
	float:left;*/

	margin-top: -12px;
}
	#Navigation ul { 
 		float: left; 
 		margin-left: 0px;
		/*margin-right: 10px;
		margin-top:7px;*/

	}
		#Navigation ul li { 
	 		list-style:none; 
			margin: 0 2px; 
			float: left;
			line-height: 11px;
			display: block;
			clear: both;
			height:20px;
			text-transform:uppercase;

		}
  			#Navigation ul li a {
				text-decoration: none;
				font-size: 14px; 
				padding: 5px 0 4px 10px;
				color: #000;
				font-family: 'Georgia';
			}
				#Navigation ul li a span {
					text-align: center;
	        		float: left;
					padding-right: 10px;
					height: 2.3em;
				}
					#Navigation ul li a:hover { 
			 			background: transparent url(../images/hoverBlock.png) no-repeat center left; 
						color: #5a200c;
						cursor: pointer;
					}
					#Navigation ul li a:hover span {
						color:#5a200c;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
				 	color: #5a200c;
				 	background:transparent url(../images/hoverBlock.png) no-repeat center left;
					}
				#Navigation ul li a.current span,
				#Navigation ul li a.section span,
	    		#Navigation ul li a.section:hover span,
				#Navigation ul li a.current:hover span {
					
					color: #5a200c;
				}
	.sub{
			margin-left:168px;
			margin-top:-27px;
			width:170px;
			float:left;
	}
	.sub li{
		text-transform:none !important;
	}

    .sub ul li a.current{
    	color:#5a200c ;
    }

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* SIDEBAR
-------------------------------------- */
#Sidebar { 
 	width: 200px; 
	float: left;  
	margin: 10px 0 0 0;
	padding: 0;
}
	#Sidebar .sidebarBox {
		margin: 0 0 5px 0;
		padding-bottom: 2px;
		background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 
	}
	#Sidebar ul {
		margin: 2px 0 5px 3px;
	}
		#Sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
	#Sidebar h3 { 
		clear: both; 
		text-transform: lowercase;
		color: #fff;
		font-weight: 700; 
		font-size: 1.4em; 
		margin: 0 0 10px 0;
		line-height: 1.8;
		padding: 1px 0 0 10px;
		background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;
	}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 200px;
		margin: -5px 0 0 0;
		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
	}
	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}
	
	

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid #ddd;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */
.footerLine {
	border-bottom: 3px solid #5a200c;
}
.stickBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#Footer { 
}
	
  	#Footer p { 
  		display: block;
		color: #666666;
		font-size: 13px;
		margin-top: 10px;
		float:left;
		text-align:left;
		font-family: Georgia;
	}
  		#Footer a { 
	   		color: #000; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #5a200c;
				text-decoration: underline;
			}

#ProjektInfo{
	/*width:580px;
	float:left;
	margin-top:30px;
	clear: left;*/
	font-family: Georgia;
}
#ProjektInfo table tr:nth-child(4n+1){
	/*border-bottom:1px solid black;*/

}
#ProjektInfo table tr.underline{
	border-bottom:1px solid black;

}
.trhead{
	border:0 !important;

}

.trhead th {text-align: center; }
#ProjektInfo h3{
	color: #65291f !important;
	/*font-size:18px;*/
	font-family:Georgia !important;
	margin-bottom: 8px;
	/*margin-top: -5px;*/
	margin-bottom: 30px;
	font-weight: 400;
}
#MiddleLinks{
	/*background: #fff;
	width:240px;
	float:right;*/
	margin-top: 10px;
}
#MiddleLinks a {
	/*float:right;*/
	color:#000;
	text-decoration:none;
	font-size:14px;
	padding-bottom:20px;
}
.ProjektContent{
	/*width:330px;
	float:right;
	clear: right;
	font-size:12px;
	margin-bottom:10px;
	margin-top: 30px; */
}
.ProjektContent p{
	margin-left:0 !important;
	font-family: Georgia, sans-serif;
	/*font-size: 14px;*/
}
.ProjektContent h3{
	color: #65291f !important;
	/*font-size:18px;*/
	font-family: Georgia, sans-serif;
	margin-bottom:10px;
	font-weight: 400;
}
.ReadMoreLink {
	/*width:250px;*/
	color: #65291f;
    text-decoration: none;
    /*font-size: 13px;*/
    /*position: absolute;*/
    display: block;
    /*height: 17px;*/
    /*background: transparent url(../images/hoverBlock.png) no-repeat left; */
    max-width: 100%;
    margin-bottom: 15px;
    font-family: Georgia;
    font-size: 15px;
}
	.ReadMoreLink:hover {
		color: #65291F;
	}
#ProjektBasic{
	float:right;
	background:#f4f3f3;
}
/*Home slider
----------------------------------*/
.botshadow {
    background: url("../images/wideshadow.png") repeat-y scroll -3px 0 transparent;
    padding-left: 22px;
    padding-right: 22px;
}
#SidePicture {
    height: 377px;
    position: absolute;
    top: 50;
    width: 950px;
    z-index: 1;
}
#HomeSlider {
    height: 450px;
    overflow: hidden;
    position: absolute;
    width: 950px;
    z-index: 10;
}
#HomeSliderText {
    background: none repeat scroll 0 0 #fff;
    margin-top:-188px;
    z-index: 100;
}

#HomeSliderOverlay {
	position: absolute;
	margin-top: -189px;
	z-index: 99999;
}

#Slider img { width:100%;}
.whiteFakeCover {
	border-right: 3px solid #fff; 
}
	.whiteFakeCover::after {
		content: "";
		width: 100%;
		background: #fff;
		margin-top: 90px;
		height: 80px;
		display: block;
	}
.gallerytext {
    padding-left: 10px;
    padding-top: 10px;
    font-family: Georgia;
    font-size: 14px;
    z-index: 100;
    background: #fff;
    min-height: 195px;
}
.gallerytext .cycle-slide {
	padding: 10px;
	max-width: 100%;
}
.gallerytext.mobile .cycle-slide {
	width: 100%;
}

.gallerytext h3 {color: #65291f; /*font-size: 14px;*/ font-family: Georgia;}
.gallerytext p {display: block; clear: both; float: left; width: 300px; max-width: 100%; margin-bottom: 0px; }

#gallery{
	width:940px;
}
.hscontent {
    display: inline;
    float: left;
    position: relative;
}
/*ContactForm
-------------------------------------*/
#Kontakt{
	width:680px;
	background:#fff;
	float:left;
	position: relative;
	font-family: Georgia;
}
#ContactForm{
}
#Adress{
	margin-bottom:10px;
	position: relative;
	font-family: Georgia;
	/*font-size: 13px;*/
}
#Adress h3{
	color: #65291f !important;
	/*font-size:14px;*/
	font-family: Georgia, sans-serif;
	font-weight: normal;
}
#Verkauf{
	z-index:200;
	background:#fff;
	position: relative;
	font-family: Georgia;
	/*font-size: 13px;*/
}
#Verkauf h3{
	color: #65291f !important;
	/*font-size:14px;*/
	font-family: Georgia, sans-serif;
	font-weight: normal;
}
.left{
	/*float:left;
    font-size: 14px;
    margin-top: 5px;
	width: 100px;*/
}
form .left {
	float: none !important;
	
}
#ContactText{
	margin-right: 50px;
    margin-top: 20px;
    width: 370px;
    float: left;
}


#ContactText h3 {
	font-size: 14px;
	font-family: Georgia;
	color: #65291f;
	font-weight: normal;
}


#Form_sendEmail fieldset {
	margin-top: 30px;
	margin-left: 0px;
	padding: 0px;
	float: none;
	width: 100%;
}
	#Form_sendEmail fieldset div {
		max-width: 100%;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
#Form_sendEmail_Objekt_Holder label:after,
#Form_sendEmail_Vorname_Holder label:after,
#Form_sendEmail_Nachname_Holder label:after,
#Form_sendEmail_Email_Holder label:after,
#Form_sendEmail_Strasse_Holder label:after,
#Form_sendEmail_Ort_Holder label:after,
#Form_sendEmail_Telefon_Holder label:after,
#Form_sendEmail_Fax_Holder label:after {
	content: "*";
	float: right;
	font-size: 21px;
	font-weight: bold;
	color: #65291f;
	height: 24px;
}

#Form_sendEmail #Objekt, #Form_sendEmail #Email, #Form_sendEmail #Fax, #Form_sendEmail #Kontaktieren {
	padding-bottom: 20px;	
}

#Form_sendEmail #Objekt label, #Form_sendEmail #Vorname label, #Form_sendEmail #Nachname label, #Form_sendEmail #Email label, #Form_sendEmail #Telefon label { background: transparent url(../images/icons/star.png) no-repeat 90px center;}

#Form_sendEmail #Kontaktieren label { max-width: 100%;}
#Form_sendEmail #Kontaktieren .middleColumn { float: left; margin-top: 5px;}
#Form_sendEmail #Kontaktieren .middleColumn li { float: left; padding-right: 20px; width: 100px;}
#Form_sendEmail #Kontaktieren .middleColumn li input {display: none; }
#Form_sendEmail #Kontaktieren .middleColumn li label { cursor: pointer; display: block; padding-left: 26px; background: transparent url(../images/icons/checkbox_bg.png) no-repeat left top; /*font-size: 14px;*/ height: 21px; line-height: 21px;}
#Form_sendEmail #Kontaktieren .middleColumn li label.selected {background: transparent url(../images/icons/checkbox_on.png) no-repeat left top;}

#Form_sendEmail_action_sendEmail{
	background:rgb(89,32,10);
	color:#fff;
	font-family: Georgia, sans-serif;
	margin-right: 0px;
	font-size: 16px;
	border: 0px;
    width: 49%;
}
#Form_sendEmail_action_ClearAction{
	color: rgb(102,102,102);
	font-family: Georgia, sans-serif;
	margin-right: 0px;
	font-size: 16px;
	border: 0px;
    width: 49%;
    height: 26px;
}
/*
-------------------------------------*/
#ReferenzList{
	width:941px;
	float: left;
	margin-top:40px !important;
}
.ReferenzenBox img {
	width: 100%;
}

.ReferenzenBox h2{
	color:#581f0b;
	/*font-size:16px;*/
	margin-top: 10px;
	font-family: Georgia;
	font-weight: normal;
	font-size: 16px;
}
.ReferenzenBox a{
	text-decoration:none;
}
.previous{
	/*padding-right:20px;*/
}
/*Galery
-----------------------------*/
.projectGalleryBg {
	background: #f4f3f3;
	float: left;
}
.rslides {
  width: 75%;
  min-height: 402px;
  z-index:0;
  float: left;
}

.rslides img {
	width: 100%;
}
  .rslides_nav{
  	width:200px;
  	text-decoration:none;
  	float:left;
	color:#000;
	clear:right;
	font-size: 14px;
	margin-top: 5px;
  }
  #ProjektName{
  	height:100%;
  	float:right;
  	width:25%;
  	background-color:#f4f3f3;
  	position: relative;
  	z-index: 999;
  }
  	#ProjektName #sliderNav img,
  	#ProjektName #sliderNav a {
  		width: 50%;
  		margin: 0px;
  	}
  	#ProjektName h2 { 
  		padding-left: 10px;
  	}

  #content {margin-top: 264px; margin-left: 300px;}

  #content p{
  	font-family: Georgia;
  	font-size: 13px;
  	padding-bottom: 10px;
	color: #333;
  }
  .typography  { background: #fff; min-height: 190px; }
  #ProjektName h3{
  	color: #65291f !important;
  	font-size:20px;
  	font-family: Georgia, serif;
	font-weight: 400;
	padding: 0 5px 0 10px;

  }
  #PdfDownload{
  	width:145px;
  	height:50px;
  	background-color:#fff;
  	margin-top:-55px;
	padding-bottom: 5px;
  	float: left;
  	clear: left;
  	z-index:1000;
  	position: relative;
  }
	#PdfDownload a { display: block; margin: 10px 0 0 10px; background: transparent url(../images/icons/pdf_big.jpg) no-repeat left center; padding-left: 45px; line-height: 35px; color: #000 !important; font-size:12px; font-weight:400; text-decoration: none;}
  #PdfDownload img{
  	margin-top:10px;
  	margin-left:10px;
  	float:left;
  }
  #PdfDownload h3{
  	color: #000 !important;
  	font-size:12px;
  	font-weight:bold;
  	float: left;
  	margin-top:10px;
  	margin-left:10px;
  }

  #footermenu {display: block; float: right; list-style-type: none; margin-top: 10px;}
 #footermenu li { display: block; float: left; padding-left: 10px;}
#footermenu li a {color: #000; font-size: 12px; font-family: "Georgia",sans-serif; text-decoration: none; text-transform: uppercase;}
#footermenu li a:hover {text-decoration: underline; color: #000;}

.projectTable { width: 100%; border: 0px; }
.projectTable th {
	padding: 0px;
}
.projectTable td {
	background: #fff;
}
.tritem td {text-align: center; padding-top: 5px; padding-bottom: 5px;}

#biggerbox {width: 360px; margin-right: 40px;}
#smallerbox {width: 220px;}
.center {text-align: center; }
.center a {padding-top: 50px; display: block;}
.center a h3 {color: #65291f; margin: 0 0 15px 0; clear: both; font-size: 14px; font-family: Georgia;}
.refPDF { text-decoration: none; }
.refPDF h3, .ProjektContent a {margin: 0 0 15px 0; clear: both; color: #581F0B; font-family: Georgia; font-size: 16px; font-weight: normal;}


#MemberLoginForm_LoginForm .middleColumn {
	clear: both;
}
#MemberLoginForm_LoginForm fieldset {
	float: none;
}
#MemberLoginForm_LoginForm input.action {
	float: none;
}
#MemberLoginForm_LoginForm div {
	margin-top: 12px;
}

.validationError span { display: none !important; }
.validationError input, .validationError select { border: 1px solid #8a6253 !important; }

.noright {margin-right: 0px;}

#sliderNav {
	height: 320px;
	overflow: hidden;
}
	#sliderNav a:nth-child(odd) {
		margin-right: 4px;
	}


/* padding & margins
---------------------*/
.padding10 {
	padding: 10px;
}
.padding20 {
	padding: 20px; 
}
.padding30 {
	padding: 30px; 
}
.paddingR10 {
	padding-right: 10px;
}
.paddingLR15 {
	padding-left: 15px;
	padding-right: 15px;
}
.paddingLR20 {
	padding-left: 20px;
	padding-right: 20px;
}
.paddingLR30 {
	padding-left: 30px;
	padding-right: 30px;
}
.paddingTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.paddingTB15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.paddingTB20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.paddingTB30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.paddingT0 {
	padding-top: 0px !important;
}
.paddingT10 {
	padding-top: 10px;
}
.paddingT15 {
	padding-top: 15px;
}
.paddingT20 {
	padding-top: 20px;
}
.paddingB130 {
	padding-bottom: 130px;
}
.paddingB50 {
	padding-bottom: 50px;
}

.marginB20 {
	margin-bottom: 20px;
}
.marginB30 {
	margin-bottom: 30px;
}

.marginT0 {
	margin-top: 0px;
}
.marginT10 {
	margin-top: 10px;
}
.marginT15 {
	margin-top: 15px;
}
.marginT20 {
	margin-top: 20px;
}
.marginT30 {
	margin-top: 30px;
}
.marginT50n {
	margin-top: -50px;
}
.marginT150n {
	margin-top: -150px !important;
}
.marginT195n {
	margin-top: -195px !important;
}

.marginB10 {
	margin-bottom: 10px;
}
.marginB15 {
	margin-bottom: 15px;
}
.marginTB10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.topBorderWhite {
	border-top: 3px solid #fff;
	position: relative;
	z-index: 100;
	margin-top: 20px !important;
}
.pageImage .pageImageHolder {
	position: relative;
	/*padding-top: 270px;*/
}
	.pageImage .pageImageHolder img {
		/*position: absolute;
		top: 0px;*/
		width: 100%;
	}



// Small screens
@media only screen { 
	#Header {
		padding-top: 80px;
	}
	#Logo {
		padding-left: 0px;
	}
	#Header .headerSlogan {
		font-size: 16px;
		line-height: 1;
	}
	.marginT50n {
		margin-top: -10px;
	}
	.marginT195n {
		margin-top: -50px !important;
	}
	.floatLeft {
		float: left !important;
	}
	.gallerytext p {
		max-width: 100%;
		min-width: auto !important;
		/*font-size: 10px;*/
	}
	.gallerytext .cycle-slide {
		padding: 0px;
	}
	.gallerytext {
		min-height: 50px !important;
		background: #fff;
	}
	#Footer {
		/*margin-top: 80px;*/
	}
	#Footer * {
		text-align: center !important;
		
	}
		.gallerytext * {
			background: #fff;
		}
	#footermenu {
		margin-left: 0px;
		width: 100%;
	}
	.pageImageHolder {
		padding-top: 0px !important;
		margin: 0 -0.9375rem;
	}
		.pageImageHolder img {
			position: relative !important;
		}

	.projectGalleryBg {
		margin: 0 -0.9375rem;
	}

	#ProjektName h2 {
		padding-left: 0px;
	}

	.rslides {
	    max-width: none;
	    width: auto;
	    min-height: 1px;
	}
	#ProjektName {
		margin: 0 -0.9375rem;
	    max-width: none;
	    min-width: auto;
		height: auto;
	}
	#ProjektName #sliderNav {
		height: auto;
		padding: 0px;
		text-align: center;
		/*margin-top: -40px;*/
    	padding-bottom: 0px;
    	padding-top: 10px;
	}
	#ProjektName #sliderNav img {
		width: 100%;
		padding: 1px;
	}
	#ProjektName #sliderNav a {
		width: 10px;
		height: 10px;
		overflow: hidden;
		border-radius: 10px;
		padding: 1px;
		display: inline-block;
		background: #fff;
		border: 1px solid #65291f;
		text-indent: -999999px;
		margin: 5px;
	}
		#ProjektName #sliderNav a.cycle-pager-active {
			background: #65291f;
		}
	#ProjektName h3 {
		text-align: center;
	}
	.topBorderWhite {
		margin-top: 0px !important;
	}

	#Adress {
		margin-top: 20px;
		text-align: center;
	}
	#Verkauf {
		text-align: center;
	}

	.typography > h3 {
		/*text-align: center;*/
	}
	.ProjektBox p {
		min-height: auto;
		padding-bottom: 0px;
	}
} /* Define mobile styles */
@media only screen and (max-width: 40em) { 
	#Header {
		padding-top: 80px;
	}
	#Logo {
		padding-left: 0px;
	}
	#Header .headerSlogan {
		font-size: 16px;
		line-height: 1;
	}
	.marginT50n {
		margin-top: -10px;
	}
	.marginT195n {
		margin-top: -50px !important;
	}
	.floatLeft {
		float: left !important;
	}
	.gallerytext p {
		max-width: 100%;
		min-width: auto !important;
		/*font-size: 10px;*/
	}
	.gallerytext .cycle-slide {
		padding: 0px;
	}
	.gallerytext {
		min-height: 50px !important;
		background: #fff;
	}
	#Footer {
		/*margin-top: 80px;*/
	}
	#Footer * {
		text-align: center !important;
		
	}
		.gallerytext * {
			background: #fff;
		}
	#footermenu {
		margin-left: 0px;
		width: 100%;
	}
	.pageImageHolder {
		padding-top: 0px !important;
		margin: 0 -0.9375rem;
	}
		.pageImageHolder img {
			position: relative !important;
		}

	.projectGalleryBg {
		margin: 0 -0.9375rem;
	}

	#ProjektName h2 {
		padding-left: 0px;
	}

	.rslides {
		
	    max-width: none;
	    width: auto;
		min-height: 1px;
	}
	#ProjektName {
		margin: 0 -0.9375rem;
	    max-width: none;
	    min-width: 100%;
		height: auto;
	}
	#ProjektName #sliderNav {
		height: auto;
		padding: 0px;
		text-align: center;
		/*margin-top: -40px;*/
    	padding-bottom: 0px;
    	padding-top: 10px;
	}
	#ProjektName #sliderNav img {
		width: 100%;
		padding: 1px;
	}
	#ProjektName #sliderNav a {
		width: 10px;
		height: 10px;
		overflow: hidden;
		border-radius: 10px;
		padding: 1px;
		display: inline-block;
		background: #fff;
		border: 1px solid #65291f;
		text-indent: -999999px;
		margin: 5px;
	}
		#ProjektName #sliderNav a.cycle-pager-active {
			background: #65291f;
		}
	#ProjektName h3 {
		text-align: center;
	}
	.topBorderWhite {
		margin-top: 0px !important;
	}

	#Adress {
		margin-top: 20px;
		text-align: center;
	}
	#Verkauf {
		text-align: center;
	}

	.typography > h3 {
		/*text-align: center;*/
	}
	.ProjektBox p {
		min-height: auto;
		padding-bottom: 0px;
	}

	.ReadMoreLink {
		margin-top: 7px;
	}



} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
// Medium screens
@media only screen and (min-width: 40.063em) { 
	.marginT50n {
		margin-top: -20px;
	}
	.rslides {
		width: 100%;
		min-height: auto;
	}
	#ProjektName {
		width: 100%;
		height: auto;
	}
	#ProjektName #sliderNav {
		height: auto;
	}
	#ProjektName #sliderNav img,
	#ProjektName #sliderNav a {
		width: 16.666%;
	}
	#ProjektName h3 {
		text-align: center;
	}
} /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.marginT50n {
		margin-top: -20px;
	}
	.rslides {
		width: 100%;
		min-height: auto;
	}
	#ProjektName {
		width: 100%;
		height: auto;
	}
	#ProjektName #sliderNav {
		height: auto;
	}
	#ProjektName #sliderNav img,
	#ProjektName #sliderNav a {
		width: 16.666%;
	}
	#ProjektName h3 {
		text-align: center;
	}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


@media only screen and (max-width: 767px) {
    .stickBottom { position: relative; }
}