html, body {
	width				: 100%;
	width				: 100%;
	max-height				: 100%;
	min-height				: 100%;
	margin					: 0;
	padding					: 0;
}
html {
	background			: url("images/bg.png") no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size	:cover;
    background-size		:cover;
	overflow-y 			: auto;
	overflow-x			: hidden;

}
body {
	font-family			: Arial;
	font-size			: 14px;
	color				: #2a2a2a;
}

/* Farben
Mit Absprache SH Auf Arial gewechselt
Menü: ITC Avant Garde Gothic; Book; 13px; #2a2a2a
Überschriften: ITC Avant Garde Gothic; Book; 16px; #2a2a2a
Fließtext: ITC Avant Garde Gothic; Book; 12px; #2a2a2a
Footer: ITC Avant Garde Gothic; Book; 12px; #2a2a2a

*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}
.row {
	width: 100%;
}
.col {
	display: inline-block;
	width: 100%;
}
#content {
	background-color: #FFFFFF;
}
#headbild{
	width: 100%;
	height				: auto;
}
#head {
	position			: relative;
	width				: auto;
}
#logo {
	width				: 41%;
	position			: absolute;
	top					: 4%;
	right				: 4%;
	padding				: 5%;
	margin				: auto;
	z-index				: 10;
}
#menu {
	display				: none;
}
#miniMenu {
	display				: none;
}
#menuIcon {
	position			: absolute;
	width				: 100%;
	height				: auto;
	top					: 1em;
	left				: 0;
	margin				: 0;
}
#menuIcon:hover #miniMenu {
	display				: block;
	width				: 100%;
	margin-top: 18.3%;
}
a.menu {
	display				: inline-block;
	width				: 96%;
	padding				: 1% 2%;
	margin				: 0px;
	font-size			: 1.7em;
	color				: #FFFFFF;
	font-weight			: normal;
	text-align			: center;
	text-decoration		: none;
	background-color	: #D7D36F;
	border-bottom		: 1px dotted black;
	border-top			: 1px dotted black;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	display				: inline-block;
	width				: 96%;
	font-size			: 1.7em;
	font-weight			: normal;
	text-align			: center;
	text-decoration		: none;
	margin				: 0px;
	padding				: 1% 2%;
	background-color	: #ADADAD;
	color				: #FFFFFF;
	border-bottom		: 1px solid rgba(35, 35, 35, 0.6);
	border-top			: 1px solid rgba(35, 35, 35, 0.6);
}
#inhalt {
	background-color: #FFFFFF;
	width: 96%;
	padding: 2%;
}
#content {
	text-align: left;
}
#footer {
	background-color	: #BFBFBF;
	margin				: 0;
	float				: left;
	padding				: 2%;
	width				: 96%;
}
#footer ul {
	margin				: 0;
}
#footer li {
	display				: inline-block;
	width				: auto;
	margin-top			: 1%;
	margin-bottom		: 1%;
}
#adresse {
	margin-right		: 30%;
}
#tel {
	margin-right		: 30%;
}
#mail {
	width				: 100%;
	display				: block;
	white-space			: no-wrap;
}
#mailSpan {
	display: none;
}
#bild {
	display				: none;
}

@media only screen and
	(min-width: 750px)
{
	#wrapper{
		width				: 729px;
		margin				: 0 auto;
	}
	#headbild{
		width				: 731px;
		height				: 246px;
		margin				: auto;
	}
	#inhalt {
		background-color	: #FFFFFF;
	}
	#menuIcon {
		display: none;
	}
	#menu {
		display				: block;
	}
	a.menu {
		display				: block;
		width				: auto;
		margin				: 10px 12.0px;
		padding				: 0;
		background-color	: #FFFFFF;
		font-size			: 15px;
		color				: #000000;
		text-align			: left;
		text-decoration		: none;
		float				: left;
		border-top 			: 1px solid transparent;
		border-bottom		: 5px solid transparent;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		display				: block;
		width				: auto;
		font-size			: 15px;
		padding				: 0;
		float				: left;
		border-top			: 1px solid transparent;
		border-bottom		: 5px solid #D7D36F;
		background-color	: #FFFFFF;
		color				: #000000;
		margin				: 10px 12.0px;
		text-decoration		: none;
	}
	#content {
		width				: 95.7%;
		padding				: 2%;
	}
	#bild {
		float				: right;
		display				: block;
	}
	.bild {
		margin				: 0 0 5% 5%;
	}
	#adresse {
		margin-right: 80px;
	}
	#tel {
		margin-right: 0px;
	}
	#mail {
		display: block;
		float: right;
		white-space: nowrap;
	}
	#mailSpan {
		display: inline;
	}
}
/* Standartwerte */
table {
	border-spacing		: 0;
}

td {
	color				: #333333;
	vertical-align		: top;
}

p { margin				: 1em 0; }

div {
}

h1 {
	font-size 			: 16px;
	color				: #2a2a2a;
	margin-bottom		: 1em;
	font-weight			: bold;
}
h2 {
	font-size			: 14px;
	color				: #2a2a2a;
	margin				: 1em 0;
	font-weight			: bold;
}

a {
	color				: #333333;
	font-weight			: normal;
	text-decoration		: none;
}
a:hover {
	text-decoration: underline;
}


img {
	border				: none;
}
#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }

textarea, input, select, input {
	font-family			: Arial;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}

.button {
	font-weight			: bold;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	padding				: 1% 1%;
	font-size			: 1em;
	cursor				: pointer;
}
.button:hover {
	font-weight			: bold;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #D7D36F;
	padding				: 1% 1%;
	font-size			: 1em;
	cursor				: pointer;
}
.firmaPrint {
	display: none;
}