@charset "utf-8";

*{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* --- remove android orange focus --- */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
} 

body {
	margin-top:100px;
	font-size:1.05em;
	line-height:1.3em;
	background-color:#f6f5f5;
	color:#404040;
	font-family: 'BrandonGrotesque-Light', sans-serif;
}

/* basic layout */

#wrapper {
	width:1050px;
	margin:auto;
	background-color:white;
}

#wrapper .vis{
	width:100%;
	height:auto;
}

#headerwrapper {
	width:100%;
	position:fixed;
	z-index:100;
	top:0;
	left:0;
}

#shadowwrapper {
	overflow:hidden;
	height:120px;
	width:1050px;
	margin:auto;
	
}

#header {	
	width:100%;
	height:101px;
	background-color:white;
    -webkit-box-shadow: 2px 3px 6px 0px rgba(60, 60, 60, 0.5);
	box-shadow: 2px 3px 6px 0px rgba(60, 60, 60, 0.5);
}

#logo {
	float:left;
	padding-left:4em;
}

#navi {
	float:right;
	padding-right:4em;
	padding-top:54px;
}

#navi a {
	font-family: 'BrandonGrotesque-Regular', sans-serif;
	text-transform:uppercase;
	font-size:1em;
	margin-left:1em;
	text-decoration:none;
	color:#737375;
}

#navi a:hover, #navi a.akt {
	color:black;
}

#home {
	position:relative;
	z-index:10;
}

#vermietung {
	position:absolute;
	top:5%;
	right:5%;
	
	min-width:110px;
	height:auto;
}



#mainvis {
	margin-top:100px;
}

.headlinebox {
	background-color:white;
	height:100px;
	text-align:center;
	padding-top:36px;
}

.headlinebox hr{
	width:30px;
	background:#9a9781;
	color:#9a9781;
	clear:both;
	float:none;
	height:2px;
	border:none;
	position:static;
	margin:auto;
	margin-bottom:18px;	
}

.contentbox{
	padding:4em;
	overflow: auto;
}

.fulltext {
	width:75%;
}

#lage, #kontakt {
	background-color:#d5d2cc;
}

#leftcol, #rightcol {
	width:50%;
	float:left;
}

#leftcol {
	padding-right:2em;
}
#rightcol {
	padding-left:2em;
}

.galcontainer {
	position:relative;
}

#leftarrow {
	position:absolute;
	top:110px;
	left:0;
}
#rightarrow {
	position:absolute;
	top:110px;
	right:0;
}

.imagebox img {
	border: 10px solid white;

}

.imagebox img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;	margin-left:37px;
}

.textbox {
	position:absolute;
	top:275px;
	left:35px;
	font-size:0.9em;
}
.pdficon {
	display: block;
	float:left;
	margin-right:20px;
}

.pdflink {
	font-family: 'BrandonGrotesque-Regular', sans-serif;
	font-size:1em;
	line-height:1.1em;
	text-decoration:none;
	color:#404040;
}

.smallleft {
	width:205px;
	float:left;
	margin-right:14px;
}

.smallright {
	width:205px;
	float:left;
}

.leftCol {
    float: left;
    width: 200px;
}

.borderShadow {
    border: 1px solid black;
    -webkit-box-shadow: 4px 4px 6px 2px rgba(1,1,1,0.3);
    box-shadow: 4px 4px 6px 2px rgba(1,1,1,0.3);
}

h1 {
	text-transform:uppercase;
	font-size:1.7em;
	color:#040505;
}

h2 {
	font-family: 'BrandonGrotesque-Regular', sans-serif;
	font-size:1.7em;
	line-height:1.2em;
}

p {
	margin-top:1em;
}

strong {
	font-family: 'BrandonGrotesque-Regular', sans-serif;
	font-weight:normal;
}

form {
	margin-top:1em;
}


input, textarea, select {
	font-family: 'BrandonGrotesque-Regular', sans-serif;
	font-size:0.8em;
	border:1px solid #75796e;
	background-color:white;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	padding:2px;
	display:block;
	margin-bottom:0.8em;
}
textarea {
	width:100%;
}
select {
	font-family:Arial, Helvetica, sans-serif;
}

label {
	padding-left:2px;
	display:block;
	}

.error {
	color:red;
	margin-top:1em;
}

.red {
	color:red;
}


.ckBox {
 width:10px;
display:inline;
margin-right:8px;
}

.submitbut {
	width:205px;
	}

.clear {
	clear:both;
	font-size:0px;
	height:0px;
}

ul {
    padding:0;
    margin:0;
	margin-top:1em;
	margin-bottom:2em;
	margin-left:20px;
	list-style-type:none;
	list-style-image:url(../pix/green_dot.gif);
}

li {
	padding-left:4px;
}