﻿html, body {
	width:100%;
	height:100%;
	background:url('../img/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	font-family:Arial;
	overflow:hidden;
}

img{
	border:0;
}

h2{
	font-size:12pt;
}
h1{
	font-size:14pt;
}

#top{
	background:#eb3d00;
	width:100%;
	height:150px;
	-webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75) ;
}

#top .logo{
	margin-left:10%;
	margin-top:40px;
}

#menu{
	background:#eb3d00;
	width:200px;
	height:100%;
	color:#ffffff;
	font-size:12pt;
}

#menu ul{
	list-style:none;
	padding:0;
	margin:0 20px 0 30px;

}

#menu ul li{
	margin:0;
	padding: 10px 0;
}

#menu ul.m_bottom{
	position:absolute;
	bottom:160px;
}

a{
	color:#ffffff;
	text-decoration:none;
}

a:hover, a.active{
	color:#ffff00;
}

#menu .anfahrt{
	margin-left:30px;
	font-size:9pt;
	position:absolute;
	bottom:40px;
}
#menu .anfahrt h2{
	font-size:12pt;
	font-weight:normal;
}

#img_slider{
	position:absolute;
	top:40px;
	right:50px;
	width:380px;
	height:245px;
	background:#eb3d00;
	background-size: cover;
	border:1px solid #ffffff;
	-webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75) ;

}
#img_slider #slider{
	position:relative;
	top:15px;
	left: 20px;
}
#img_slider img{
	width:340px;
}

#collage{
	position:absolute;
	bottom:20px;
	right:20px;
}

#content{
	position:absolute;
	top:250px;
	left:-1000px;
	width:60%;
	height:400px;
	overflow:auto;
	background:#ffffff;
	border:1px solid #eb3d00;
	font-size:10pt;	
	font-weight:bold;
	line-height:150%;
	padding:20px;
	display:none;
	z-index:2;
	overflow:auto;
}

#content p{
	margin:10px;
}
#content table{
	width:300px;
}
#content table td.right{
	padding-left:20px;
	text-align:right;
}

#content .galerie img{
	margin:10px;
	border: 1px solid #eb3d00;
}
.form_table{	
	width:90%;
}
.form_table td{
	vertical-align:top;
	padding:5px;
}
.form_table input, .form_table textarea{
	width:100%;
	border:1px solid #000000;	
}
.form_table textarea{
	height:100px;
}

@media screen and
(min-width:768px) and
(max-width:1400px)
{
#content{
	height: 300px;
}

#img_slider{
	position:absolute;
	top:40px;
	right:50px;
	width:280px;
	height:180px;
	background:#eb3d00;
	background-size: cover;
	border:1px solid #ffffff;
	-webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75) ;

}
#img_slider #slider{
	position:relative;
	top:15px;
	left: 20px;
}
#img_slider img{
	width:240px;
	height:150px;
}

#top .logo{
	margin-left:10%;
	margin-top:40px;
	width:550px;
}
}