/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

 html { overflow-y:scroll; }

/*MAIN*/
body { 
	font-size: 1.05em;
	line-height: 1.25em;
	font-family: Helvetica Neue, Helvetica, Arial;
	background: #eee;
	color: #555;
}

a {
	color: #8B0000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #222;
}

.images {

	float: left;
	margin-right:20px;
	margin-bottom:20px;
}

header {

	_background: #fff;
	width: 100%;
	height: 66px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 2px solid #8B0000;
	z-index: 100;
	background: #FFF url(../img/logo.jpg) no-repeat right 20px top 20px;
}

p {text-align:justify;}

#_logo{
	float: right;
	width: 126px;
	height: 40px;
	background: url(../img/logo.jpg) no-repeat right;
	display: block;
}

nav {
	margin: 20px auto 20px;
	max-width: 980px;
	padding: 0 20px 0 20px;	
	
}

#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	
	background: #EF9595 url(../img/Menu.png) no-repeat center;
	

}

a:hover#menu-icon {

	background-color: #8B0000;
	border-radius: 4px 4px 0 0;

}

nav ul {
	list-style: none;
}

nav ul li {
	display: inline-block;
	float: left;
	padding: 10px;
	_border: 1px solid #DDD;
	margin-right:10px;
	background-image: linear-gradient(to top, #fff, #ececec);
	
}
nav li:hover{
	background-color: #8B0000;
	background-image: linear-gradient(to top, #fff, #EF9595);

}

nav li.current {	
	background-image: linear-gradient(to top, #EF9595, #8B0000);
}

ul.page {list-style:square;margin-left:30px;color: #8B0000;}
ul.page li{}


li.current a{color:#fff;}

table.preise
{width:40%;
border:none;}

table.preise td.right
{text-align:right;}

section {
	background-color:#fff;
	min-height:800px;
	margin: 60px auto 40px;
	max-width: 980px;
	position: relative;
	padding: 20px;

}

spalte1 {float:left;width:45%;}
spalte2{float:right;width:45%;}

h1 {

	font-size: 2em;
	color: #8B0000;
	line-height: 1.15em;
	margin: 20px 0 ;

}

h2 {

	font-size: 1.5em;
	color: #8B0000;
	margin: 20px 0 ;

}
h3 {

	font-size: 1.2em;
	color: #000;
	margin: 20px 0 ;

}
legend {
		font-size: 1em;
	color: #8B0000;
margin: 10px 0 ;
float:left;
width:45%;
margin-left:5px;}

p {

	line-height: 1.45em;
	margin-bottom: 20px;

}
p.center
{ text-align:center;
font-style:italic;}
p.right
{ text-align:right;
margin-right:8%;
}


button {
	background-image: linear-gradient(to top, #fff, #ececec);
	border: 1px solid #8B0000;
	height:40px;
}
button:hover{
	background-image: linear-gradient(to top, #fff, #EF9595);
}
input, textarea {
	border: 1px solid #8B0000;
	width:45%;
}

textarea {height:224px;
	font-family: Helvetica Neue, Helvetica, Arial;
	
	}

iframe{
	width:800px;
	height:600px;
}

/*MEDIA QUERY*/
@media only screen and (max-width : 840px) {

	header {

		_position: absolute;

	}

	#menu-icon {
		display:inline-block;
		position: absolute;
		top:20px;
		left:20px;

	}

	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 2px solid #444;
		left: 20px;
		top: 60px;
		width: 40%;
		border-radius: 0 4px 4px 4px;
	}
.images {

width:100%;
padding-bottom:20px;

}


input {height:30px;}
textarea {width:90%;}
iframe{
	width:90%;
	text-align:center;
}



	nav ul li {
		text-align: left;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		border: none;
		background:none;

	}
	nav ul li:hover {
background:none;
}

	nav:hover ul {
		display: block;
	}
	nav ul li.current {	
	background-image:none;
}
nav ul li.current a { color:#111; }
	
	table.preise
{width:100%;}
}