body {
	font-family			: Arial, sans-serif;
	font-size			: 14px;
	color				: #3c3e40;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 100vh; /*Scrollbar immer anzeigen*/
	background			: #c0d4e6;
}

#abstrakt_left {
	position			: fixed;
	left				: 0;
	bottom				: 0;
	width				: 565px;
	height				: 343px;
	background			: url(../images/abstrakt_left.png) left bottom no-repeat;
	z-index				: -1;
}

#abstrakt_right {
	position			: fixed;
	right				: 0;
	top					: 0;
	width				: 305px;
	height				: 543px;
	background			: url(../images/abstrakt_right.png) right top no-repeat;
	z-index				: -1;
}

.wrapper {
	width				: 100%;
	max-width			: 960px;
	height				: auto;
	margin				: 0 auto;
}

#topmenu {
	position			: relative;
	float				: right;
	width				: 100%;
	max-width			: 262px;
	height				: 40px;
	background			: url(../images/topmenu.png) top center no-repeat;
	z-index				: 20;
}

#anfahrt {
	margin				: 10px 16px 0 30px;
}
#kontakt {
	margin				: 10px 16px 0 0;
}
#telefon {
	margin				: 10px 3px -3px 0;
}
#telefonnummer {
	font-size			: 22px;
	font-weight			: bold;
	color				: #0a4777;
}

#telefonnummermobil {
	display				: none;
	float				: right;
	margin				: 47px 15px 0 0;
}
#telefonmobil {
	margin				: 10px 3px -3px 0;
}
#telefonnummer_mobil {
	font-size			: 32px;
	font-weight			: bold;
	color				: #0a4777;
}

#header {
	width				: 100%;
	max-width			: 960px;
	height				: auto;
	min-height			: 120px;
	padding-top			: 10px;
	margin-bottom		: -14px;
}

#logo {
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	padding				: 5px 5px 20px 5px;
	background			: #fff;
	position			: relative;
	z-index				: 10;
}


/* Menue */
#menue {
	float			: right;
	width			: 753px;
	height			: 149px;
	margin			: -116px 20px -33px 0;
	background		: url(../images/menu.png) no-repeat;
	position		: relative;
	z-index			: 10;
}

#menue ul {
	list-style		: none;
	margin			: 0px;
	padding			: 0px;
}

#ueber_uns {
	margin-left		: 203px !important;
}

#menue .menu {
	float			: left;
	font-size		: 17px;
	font-weight		: normal;
	color			: #fff;
	margin			: 83px 30px 0 0;
}
#menue .menu:hover, #menue .menu_on:hover, #menue .menu_on , #menue li:hover a.menu {
	float			: left;
	font-size		: 17px;
	font-weight		: normal;
	color			: #fff;
	margin			: 83px 30px 0 0;
	text-decoration	: underline;
}

#menue li {
	float			: left;
}

	#menue ul li ul {
		position		: absolute;
		display			: none;
		background		: url(../images/hover.png) center center no-repeat;
		width			: 249px;
		height			: 232px;
		margin-left		: -85px;
	}

	#menue ul li:hover ul, #menue li.sfhover ul{
		display			: block;
		left			: auto;
		padding-top		: 0;
	}
	
	#leistung1 {
		margin			: 50px 0 10px 87px;
	}
	#leistung2 {
		text-align		: center;
		margin			: 10px 0 10px 10px;
	}
	#leistung3 {
		margin			: 10px 0 10px 87px;
	}

	#menue ul li ul a {
		display			: block;
		color			: #fff;
		font-weight		: bold;
		font-size		: 13px;
		padding			: 0;
	}

	#menue ul li ul .submenu:hover, #menue ul li ul .submenu_on, #menue ul li ul .submenu_on:hover {
		display			: block;
		font-size		: 13px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
	}
		
	#home {
		width				: 100%;
		max-width			: 22px;
		height				: auto;
		position			: relative;
		top					: 90px;
		left				: 7px;
	}
	
#headbild {
	position				: relative;
	padding-bottom			: 21px;
	margin-bottom			: -10px;
	background				: url(../images/headbild_schatten.png) center bottom no-repeat;
}

#headimage {
	width						: 100%;
	height						: auto;
	border-top-right-radius		: 10px;
	border-bottom-right-radius	: 10px;
	border-bottom-left-radius	: 10px;
}

#kontaktbox {
	float					: left;
	background				: rgba(255,255,255,0.4);
	width					: 100%;
	max-width				: 210px;
	font-size				: 12px;
	padding					: 10px 8px 12px 12px;
	border-radius			: 10px;
}

a.mail {
	font-size			: 12px;
	margin				: 5px 0px;
}
a.mail:hover, a.mail_on, a.mail_on:hover { 
	color				: #ac22a3; 
}
a.impressum {
	font-size			: 12px;
	margin				: 5px 0px;
	padding-left		: 40px;
	background			: url(../images/impressum_pfeil.png) center left no-repeat;
}
a.impressum:hover, a.impressum_on, a.impressum_on:hover { 
	color				: #ac22a3; 
	font-size			: 12px;
	margin				: 5px 0px;
	padding-left		: 40px;
	background			: url(../images/impressum_pfeil_hover.png) center left no-repeat;
}

#qr {
	float				: right;
	width				: 100%;
	max-width			: 200px;
}

#widget {
	float					: right;
	width					: 100%;
	max-width				: 718px;
	height					: 203px;
	background				: url(../images/widget_shape.png) center center no-repeat;
}

#unsere_leistungen {
	font-size				: 16px;
	color					: #fff;
	margin					: 6px 30px;
}

#likebox {
	float					: right;
}
#likeboxmobil {
	display					: none;
	position				: relative;
	float					: right;
	margin					: -35px 15px;
}

#malerarbeiten_box {
	float					: left;
	width					: 100%;
	max-width				: 235px;
	height					: auto;
	margin					: 15px 0;
}

#malerarbeiten {
	font-size				: 16px;
	font-weight				: bold;
	color					: #ac22a3;
	padding					: 10px 10px 0 10px;
}

#malerarbeiten_box_content {
	font-size				: 12px;
	padding					: 0 10px 10px 10px;
}

#waermedaemmung_box {
	float					: left;
	width					: 100%;
	max-width				: 235px;
	height					: auto;
	margin					: 15px 0 25px 6px;
}

#waermedaemmung {
	font-size				: 16px;
	font-weight				: bold;
	color					: #ac22a3;
	padding					: 10px 10px 0 10px;
}

#waermedaemmung_box_content {
	font-size				: 12px;
	padding					: 0 10px 10px 10px;
}

#bodenbelaege_box {
	float					: left;
	width					: 100%;
	max-width				: 235px;
	height					: auto;
	margin					: 15px 0 25px 6px;
}

#bodenbelaege {
	font-size				: 16px;
	font-weight				: bold;
	color					: #ac22a3;
	padding					: 10px 10px 0 10px;
}

#bodenbelaege_box_content {
	font-size				: 12px;
	padding					: 0 10px 10px 10px;
}

a.mehrlesen {
	float				: right;
	font-size			: 12px;
	margin				: -10px 0px 0 0;
	clear				: both;
}
a.mehrlesen:hover, a.mehrlesen_on, a.mehrlesen_on:hover { 
	float				: right;
	color				: #ac22a3;
	clear				: both; 
}

#content {
	float					: left;
	width					: 100%;
	max-width				: 960px;
	background				: rgba(255,255,255,0.4);
	margin					: 10px 0 50px 0;
	border-bottom			: 3px solid #ac22a3;
	border-radius			: 10px;
}

#inhalt {
	margin					: 15px 10px 23px 10px;
}

#portalbildwrapper {
	display					: inline-block;
	width					: 150px; 
	height					: 150px; 
	margin					: 10px 30px 5px 0;
}

#portalbild {
	width					: 150px;
	height					: 150px;
	border					: 2px solid #abc8e1;
	border-radius			: 10px;
}
	
/* Sonstiges */
* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #3c3e40;
	vertical-align			: top;
}

p { margin				: 1em 0; }

div {
	text-align			: justify;
}

h1 {
	font-size 			: 20px;
	color				: #ac22a3;
	margin-bottom			: 1em;
	font-weight			: bold;
}
h2 {
	font-size			: 18px;
	color				: #ac22a3;
	margin				: 1em 0;
	font-weight			: bold;
}
h3 {
	font-size			: 16px;
	color				: #ac22a3;
	margin				: 1em 0;
	font-weight			: bold;
}

a {
	color				: #3c3e40;
	font-weight			: bold;
	text-decoration			: none;
}
a:hover { color				: #ac22a3; }

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, sans-serif;
	color				: #3c3e40;
	border				: 1px solid #1b6eae;
	background			: #fff;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 3px;
	border-radius		: 7px;
}
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 {
	float				: right;
	font-family			: Arial, sans-serif;
	color				: #fff;
	font-weight			: bold;
	border				: 0;
	background			: url(../images/button.png) center center no-repeat;
	margin				: 1px 10px 0 0;
	padding				: 0 0 15px 5px;
	font-size			: 14px;
	width				: 120px;
	line-height			: 112px;
	clear				: both;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #fff;s
	border				: 0;
	background			: url(../images/button_hover.png) center center no-repeat;
	margin				: 1px 10px 0 0;
	padding				: 0 0 15px 5px;
	font-size			: 14px;
	cursor				: pointer;
}

/* mobile Menu */
.fa {
	font-size: 25px !important;
	color: #fff;
}

#mobiltitel {
	font-family			: Geneva, Arial, sans-serif;
	font-size			: 23px;
}

#responsive-menu {
	display: none;
	background: #78a7dc;
	width: 100%;
}

#responsive-menu .fa {
	padding: 10px;
	cursor: pointer;
	width: 96%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 16px;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
	background: #1d1d1b;
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #51514e;
	padding: 10px;
}
@media (min-width: 970px) {
#responsive-menu {	display: none; }
.menu-items {display:none !important}
}
@media (max-width: 970px) {
#abstrakt_left { display: none; }
#abstrakt_right { display: none; }
}

@media (max-width: 967px) {
#topmenu { display: none; }
#kontaktbox { display: none; }
#widget { display: none; }
#menue { display: none; }
#telefonnummermobil { display: block; }
#responsive-menu {	display: block; }
#likeboxmobil { display: block; }
#header {
	float				: left;
	width				: 100%;
	max-width			: 960px;
	height				: auto;
	min-height			: 100px;
	padding-top			: 0px;
	margin-bottom		: 0;
	background			: rgba(255,255,255,0.9);
}

#headbild {
	position				: relative;
	padding-bottom			: 0;
	margin-bottom			: 0;
	background				: none;
}

#headimage {
	width						: 100%;
	height						: auto;
	border-top-right-radius		: 0;
	border-bottom-right-radius	: 0;
	border-bottom-left-radius	: 0;
}

#logo {
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	padding				: 5px 5px 20px 5px;
	background			: none;
	position			: relative;
	z-index				: 10;
}

#content {
	float					: left;
	width					: 100%;
	max-width				: 960px;
	background				: rgba(255,255,255,0.4);
	margin					: 0 0 50px 0;
	border-top				: 3px solid #ac22a3;
	border-bottom			: 3px solid #ac22a3;
	border-radius			: 0;
}
#portalbildwrapper {
	display					: inline-block;
	width					: 130px; 
	height					: 130px; 
	margin					: 10px 30px 5px 0;
}

#portalbild {
	width					: 130px;
	height					: 130px;
	border					: 2px solid #abc8e1;
	border-radius			: 10px;
}
}

@media (max-width: 855px) {
#portalbildwrapper {
	display					: inline-block;
	width					: 100px; 
	height					: 100px; 
	margin					: 10px 30px 5px 0;
}

#portalbild {
	width					: 100px;
	height					: 100px;
	border					: 2px solid #abc8e1;
	border-radius			: 10px;
}
}

@media (max-width: 700px) {
#portalbildwrapper {
	float					: left;
	display					: inline-block;
	width					: 100px; 
	height					: 100px; 
	margin					: 10px 30px 15px 0;
}

#portalbild {
	width					: 100px;
	height					: 100px;
	border					: 2px solid #abc8e1;
	border-radius			: 10px;
}
}

@media (max-width: 540px) {
#header {
	text-align			: center;
}
#telefonnummermobil {
	float				: none;
	text-align			: center;
	margin				: 0 0 15px 0;
}
#telefonmobil {
	width				: 15px;
	margin				: 10px 3px -3px 0;
}
#telefonnummer_mobil {
	font-size			: 20px;
	font-weight			: bold;
	color				: #0a4777;
}
#content {
	float					: left;
	width					: 100%;
	max-width				: 960px;
	background				: rgba(255,255,255,0.4);
	margin					: 0 0 50px 0;
	border-top				: 3px solid #ac22a3;
	border-bottom			: 3px solid #ac22a3;
	border-radius			: 0;
}
#inhalt {
	margin					: 15px 10px 23px 10px;
}
}

@media (max-width: 490px) {
	#qr { display: none; }
}