/* CSS Document */


body{
	background-image:url(../images/body.jpg);
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#908477}

a{
	color:inherit;}
	
#main{
	margin:auto;
	width:100%;
	max-width:1040px;}

#head{
	background-image:url(../images/Marolt_Residenz_V3_03.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding:29px 0px 17px 0px;}

	
#navigation{ color:#928b82;
	clear:both;
	font-family:'Oswald', sans-serif;
	font-weight:300;
	background-color:#FFF;
	font-size:16px;
	line-height:20px;}
	
	
#navigation a{
	color:#928b82;
	text-decoration:none;
	width:100%;
	padding:8px 0px 8px 0px;
	background-image:url(../images/Marolt_Residenz_V3_07.jpg);
	text-align:center;
	clear:both;
	display:block;
	background-size:contain;
	 }

#navigation  a:hover,
.nav1 #navigation a.nav1,
.nav2 #navigation a.nav2,
.nav3 #navigation a.nav3,
.nav4 #navigation a.nav4,
.nav5 #navigation a.nav5,
.nav6 #navigation a.nav6,
.nav7 #navigation a.nav7{
	background-image:none;
	background-color:#ddd;}






#title{
	display:none;
	background-image: url(../images/Marolt_Residenz_V3_11.jpg);
	background-size:cover;
	width:99.423076924%;
	padding:4.7% 0.28846153846% 4.7% 0.28846153846%;
	 
	clear:both;}

#content{
	background-color:#f5f5f5;
	padding:50px 5% 50px 5%;
	float:left;
	clear:both;
	width:90%;}




#top-footer{
	background-image:url(../images/footer_03.jpg);
	background-repeat:repeat-x;
	padding:0px 5% 0px 5%;
	clear:both;
	float:left;
	width:90%;}



.footercolumn{}
.footericon{}
.footertext{
	color:#b7751e}

.footercolumn:nth-of-type(2) .footertext{
	font-family:'Oswald', sans-serif;
	font-size:18px;
	border-bottom:1px solid #d6d6d5;
	padding-bottom:28px;
	}

.footercolumn:nth-of-type(3) .footertext{
	font-size:12px;
	text-align:right;}
	
#footer{
	background-image: url(../images/footer_2_06.jpg);
	
	min-height:32px;
	padding-right:14.9038461538%;
	padding-top:17px;
	padding-bottom:17px;
	text-align:right;
	color:#9c968e;
	font-size:10px;
	clear:both;
	position:relative;
	float:left;
	width:100%;
	box-sizing:border-box;}
#claim{
	text-align:center;
	padding:25px 0px 10px 0px;
	font-size:12px;
	color:#716d63;
	clear:both;}




.column{}

h2{
	font-family:'Oswald', sans-serif;
	font-size:30px;
	font-weight:300;
	margin:0px;
	padding:0px;}

.column h2:first-letter {
	font-family:'Mrs Saint Delafield';
	color:#ba8b32;
	letter-spacing:10px;
	font-size:32px;
	}	






h1, h2, h3, h4, h5, h6{
	font-family:'Oswald', sans-serif;	
	font-weight:300;
	margin:0px;
	padding:0px;}
	
h1{font-size:30px;}

h3{font-size:20px;}

#totop{
	right:10px;
	position:absolute;
	top:4px;}
	
	
.more{
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.41);
    -moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.41);
    box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.41);
    background-image: url(../images/button.png);
    background-repeat:repeat-x;
 	padding:8px 14px 0px 14px;
	line-height:11px;
	height:19px;
	color:#a9a192;
	text-decoration:none;
	font-family:'Oswald', sans-serif;
	font-size:11px;
	font-weight:300;
	display:inline-block;
	float:right;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}

@media screen and (min-width: 500px){

#title{
	display:block;
	 
	}	
	
	
.footercolumn{
	 width:30.666666666%;
	 padding:0px 4% 0px 0px;
	 float:left;
	 text-align:center;
	 position:relative;}
	 
.footercolumn:nth-of-type(3){
 	 padding:0px}
	 	 
.footericon{
	position:absolute;
	top:-20px;
	left:35%}
.footertext{
	padding-top:67px;}
	
	
	
	}
	


.hotels{
	float:left;
	clear:left;
	padding-left:5%;
	}

.hotel{
	float:left;
	background-color:#fff;
	padding:4px;
	text-align:center;
	color: #908477;
	font-size:14px;
	margin-right:6px;}
	
	
	
.hotels .hotel_text{
	padding:6px 0px 6px 0px}

.hotels .hotel_text a{
	text-decoration:none;}


@media screen and (min-width: 600px){
#main{
	padding-top:25px;}

#navigation{
	background-image:url(../images/Marolt_Residenz_V3_07.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top:1px solid #e8e8e7;
  	padding:0px  0px 0px 0px;
	height:80px;
	width:100%;
	max-width:1040px;
	}


 

#nav_e2{
	width:95.1923076923%;
	
	padding:0px 0px 0px 4.807692308%}



#navigation  a{
	display:block;	
	float:left; 
	padding:20px 0px 0px 0px;
	text-align:center;	 
	margin:0px;
	height:60px;
	background-size:contain;
	clear:none;
	
	}

#navigation  a.nav1{
	width:5%}
#navigation  a.nav2{
	width:31.9382978723%}
#navigation  a.nav3{
	width:7.01702127659%}
#navigation  a.nav4{
	width:15.0%}
#navigation  a.nav5{
	width:8.48723404255%}
#navigation  a.nav6{
	width:19.9361702127%}
#navigation  a.nav7{
	width:11.0212765957%}







.column{
	width:30.666666666%;
	 padding:0px 4% 0px 0px;
	 float:left;
	  }

.column:nth-of-type(3){
 	 padding:0px}
	 

.column .pts_bildrahmen img,
.column .pts_bildrahmen_links img,
.column .pts_bildrahmen_rechts img{
  width:100%;
}

.column a{
	text-decoration:none}	 


	 
	}
	
	
@media screen and (max-width: 710px){
.column{
	width:100%;
	 padding:0px 0px 20px 0px;
	 float:left;
	  }




}
	

@media screen and (min-width: 775px){
	
	#navigation{
	
	height:60px;

	}

#navigation a{
	
	height:40px;

	}

 .cont_side{
	width:25%;
	padding:0px 0px 5% 5%;
	float:right;}

.cont_main{
	width:70%;
 
	float:left;}


	}

@media screen and (min-width: 1060px){
	
	 

#totop{
	right:-60px;
	}


	}




sup {
  font-size:8px;
  font-weight:bold;
  line-height:12px;
}

code {
  font-family:"Courier New",Courier,mono;
  font-size:11px;
}

ul {
  margin: 0 0 0 18px;
  padding: 0 0 0 0;
}

ol {
  margin: 0 0 0 25px;
  padding: 0 0 0 0;
}

img {
  border: none;
  
}

.ku {
  white-space:nowrap;
}



/* allgemeine Ausrichtungsanweisungen */

.links {
  float:left;
}

.rechts {
  float:right;
}




/* Auswahlformate für Links und Bilder */

a.hintergrund {
  background-color: #EEEEEE;
}

a.extern {
  border: 1px dotted #999999;
}


.rahmen {
  border: 1px solid #999999;
}

.abstandlinks {
  margin-left: 10px;
}

.abstandrechts {
  margin-right: 10px;
}

.abstandoben {
  margin-top: 10px;
}

.abstandunten {
  margin-bottom: 10px;
}




/* Formate für Bildunterschrift */

.pts_bildrahmen,
.pts_bildrahmen_links,
.pts_bildrahmen_rechts {
  display: inline-block;
}



.pts_bildrahmen {
  margin:0px;
 }

.pts_bildrahmen_links {
  float: left;
  margin: 0px 10px 0 0;
}

.pts_bildrahmen_rechts {
  float: right;
  margin: 0px 0 0 10px;
}

.pts_bildunterschrift {
  clear:both;
  padding: 2px;
  background-color: #EEEEEE;
}






/* Box mit der Seitennavigation */
.pts_seiten {
  font-family: Verdana, Lucida, Arial, Helvetica, Sans-Serif;
  color: #000000;
  margin: 0 5px 0 5px;
  padding: 5px 5px 5px 5px;
}

a.pts_seiten, a.pts_seiten:link, a.pts_seiten:visited {
  font-weight: bold;
  color: #880000;
  text-decoration: underline;
  margin: 0 5px 0 0;
  padding: 0 0 0 0;
}

a.pts_seiten:hover {
  background-color:#EEEEEE;
}

/* aktuelle Seite */
.pts_seitenaktiv {
  color: #666666;
}




/* Box für Fehler-/Erfolgsmeldungen */
.pts_meldungsbox {
  border: 1px dotted #999999;
  font-size: 12px;
  color: #000000;
  margin: 5px 5px 20px 5px;
  padding: 5px 5px 5px 5px;
  background-color: #F5F5F5;
}

.pts_fehler {
  font-weight:bold;
  color:#CC0000;
}
input.pts_fehler,
textarea.pts_fehler,
select.pts_fehler,
span.pts_fehler textarea,
span.pts_fehler select {
  border: 1px solid #CC0000;
}

.pts_meldung {
  font-weight:bold;
  color:#666666;
}

.pts_erfolg {
  font-weight:bold;
  color:#088800;
}

div.pts_fehler,
div.pts_meldung,
div.pts_erfolg {
  display: block;
}
span.pts_fehler,
span.pts_meldung,
span.pts_erfolg {
  display: inline;
}




/* Ausblendung  */

.pts_verdeckt {
  display: none;
}




/* Hinweistext */
.pts_hinweis {
  font-size:10px;
  line-height:14px;
  color:#666666;
}



/* Trennlinie */
.pts_trennlinie {
  border-bottom: 1px solid #b0b0b1;
  line-height:1px;
  margin: 0px 0 15px 0;
  padding-top:15px;
  clear: both;
}




/* Formulare */

/* Eingabefeld: Bezeichnung und Feld */
.pts_feld_bez {
  color:#46a82e;
  font-weight:normal;
  
}

.pts_feld_eing {
   
}

/* Pflichtfeld: Bezeichnung und Feld */
.pts_pfeld_bez {
  color:#14acb2;
  font-weight:bold;
}

.pts_pfeld_eing {
  
}

/* Feldgrößen */
.pts_input_opt { width:15px; }

input, textarea{border:1px solid #ad8855; height:32px; border-radius:6px; box-sizing:border-box; margin:1%; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

.checkbox input{height:auto}
.checkbox{
	float:left;
	padding-right:10%;
	white-space:nowrap;
	margin:1px;
	padding-bottom:2%;}

select{
	margin:1%;
	height:30px;
	padding:5px;
	font-size:12px;}	

.pts_input_1 { width:5%px; padding:3px 6px 3px 10px; margin:1%; }
.pts_input_2 { width:8%; padding:0.5% 2%; margin:1%; }
.pts_input_3 { width:27.5%; padding:0.5% 2%; margin:1%; }
.pts_input_4 { width:42%; padding:0.5% 2%; margin:1%; }
.pts_input_5 { width:90%; padding:0.5% 1%; margin:1%; }

.pts_textarea_1 { width:45%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_2 { width:45%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_3 { width:80%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_4 { width:90%; height:45%;   padding:1% 2%;  margin:1%; box-sizing:border-box;}
.pts_textarea_5 { width:100%; height:45%;  padding:0.5% 2%;  margin:1%;}

.row{
	width:100%;
	clear:both;}

.nowrap{
	white-space:nowrap;}

.nowrap input{
	height:auto;}

label{
	margin-right:8%;
	margin-bottom:2%;
	line-height:1.5em}

.nowrap label{
	width:150px;
	display:inline-block;
	padding:0px 30px 10px 0px;
	
	 }
div.radiobox{
	float:left;}

@media screen and (max-width: 500px){
.pts_input_1 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_2 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_3 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_4 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_5 { width:90%;  height:32px; padding:0.5% 1%; margin:1%; box-sizing:border-box; }
	
	}


/* cookies */
#cookiesdirective{
	font-family: 'Varela Round', sans-serif;
	padding:25px;
	font-size:16px;
	font-weight:300;
	background-color:rgba(0,0,0,0.8);}

.cookiebutton{
	float:right;
	width:20%;}
.cookietext{
	float:left;
	width:80%;}


#impliedsubmit,
#explicitsubmit{
	border-radius:4px;
	background-color:rgba(41,117,11,1.00);
	border:1px solid rgba(9,152,6,1.00);
	color:#fff;
	opacity:1;
	padding:10px 20px 12px 20px;
	height:40px;
	cursor:pointer;}


