/*  © by Munsch  */


/* Allgemeine Styles */

* {
margin:0;
padding:0;
}	

a { text-decoration: none; }
a:link { color: #000000; }
a:visited { color: #000000; }

a:hover,
a:focus {
color: #989898;
}

@font-face {
    font-family: NunitoSans-Regular;
    src: url(font/NunitoSans-Regular.ttf);
}


/* General */

h1 {
	font-size: 38px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

body {
	background-color: #ffffff;
	font-size: 16px;
	color: #000000;
	font-family: NunitoSans-Regular;
	text-align: center;
}


/* Wrapper */


#wrapper {
	height: auto !important;
	min-height: 850px;
	background-image: url(img/index.jpg);
/*	position: relative; */
	width: 1400px;
	margin-top: 40px;	
	margin-right: auto;
	margin-left: auto; 
	background-color: #ffffff;
}



#wrapper_2 {
	height: auto !important;
	min-height: 850px;
	background-image: url(img/index_2.jpg);
/*	position: relative; */
	width: 1400px;
	margin-top: 40px;	
	margin-right: auto;
	margin-left: auto; 
	background-color: #ffffff;
}



#wrapper_2_kontakt {
	height: auto !important;
	min-height: 850px;
	background-image: url(img/index_2_kontakt.jpg);
/*	position: relative; */
	width: 1400px;
	margin-top: 40px;	
	margin-right: auto;
	margin-left: auto; 
	background-color: #ffffff;
}


/* Header */

#header {
	margin-top: 10px;
	background-image: url(img/header.gif);
	text-align: left;
	width: 1103px;
	height: 109px;
}

#header_text {
	margin-top: 80px;
	margin-right: 75px;
	margin-left: auto;
	font-size: 15px;
	font-weight: bold;
	float: right;
	letter-spacing: 2px;
	
}


/* Navi */

#navi {
	height: auto;
	width: 580px;
	margin-left: 150px;
	margin-top: -69px;
	position: absolute;
	line-height: 24px;
	font-size: 16px;
	font-family: NunitoSans-Regular;
}

#navi li {
	list-style-type: none;
	float: left;
	font-family: NunitoSans-Regular;
}

#navi a {
	color: #ffffff;
	margin-top: 4px;
	margin-right: 33px;
	margin-left: 5px;
	display: block;
	font-family: NunitoSans-Regular;
}

#navi a:hover {
	color: #6d6d6d;
	margin-top: 4px;
	margin-right: 33px;
	margin-left: 5px;
	display: block;
	font-family: NunitoSans-Regular;
}


/* Content */


#content {
	background-image: url(img/content.gif);
	width: 830px;
	height: 342px;
	float: right;
	margin-top: -342px;
}

#content_left_up {
	width: 1400px;
	height: 376px;
	float: left;
	margin-left: 119px;
	margin-top: -58px;
}

#content_left_main {
	width: 830px;
	height: 376px;
	float: left;
	margin-left: 122px;
	margin-top: -40px;
	text-align: left;
}

#content_right_main {
	width: 288px;
	height: 376px;
	float: left;
	margin-left: 1000px;
	margin-top: -270px;
	text-align: left;
	color: #ffffff;
}

#content_malerarbeiten {
	background-image: url(img/start/malerarbeiten_sw.png);
	width: 287px;
	height: 374px;
	float: left;
	margin-left: 1px;
}
#content_malerarbeiten:hover {
	background-image: url(img/start/malerarbeiten_hover.png);
	width: 287px;
	height: 374px;
	float: left;
	margin-left: 1px;
}

#content_bodenbelaege {
	background-image: url(img/start/bodenbelaege_sw.png);
	width: 287px;
	height: 374px;
	float: left;
	margin-left: 0px;
}
#content_bodenbelaege:hover {
	background-image: url(img/start/bodenbelaege_hover.png);
	width: 287px;
	height: 374px;
	float: left;
	margin-left: 0px;
}

#content_left_down {
	width: 1400px;
	height: 376px;
	float: left;
	margin-left: 119px;
	margin-top: 0px;
}

#content_fassaden {
	background-image: url(img/start/fassaden_sw.png);
	width: 287px;
	height: 373px;
	float: left;
	margin-left: 1px;
	margin-top: -2px;
}
#content_fassaden:hover {
	background-image: url(img/start/fassaden_hover.png);
	width: 287px;
	height: 373px;
	float: left;
	margin-left: 1px;
	margin-top: -2px;
}

#content_service {
	background-image: url(img/start/service_sw.png);
	width: 287px;
	height: 373px;
	float: left;
	margin-left:0px;
	margin-top: -2px;
}
#content_service:hover {
	background-image: url(img/start/service_hover.png);
	width: 287px;
	height: 373px;
	float: left;
	margin-left: 0px;
	margin-top: -2px;
}


#content_right {
	width: 700px;
	height: 752px;
	float: left;
	margin-left: 730px;
	margin-top: -650px;
	text-align: left;
	color:#ffffff;
}


#content_left_malerarbeiten {
	background-image: url(img/content/malerarbeiten.jpg);
	width: 573px;
	height: 746px;
	float: left;
	margin-left: 121px;
	margin-top: -58px;
}

#content_right_malerarbeiten {
	width: 700px;
	height: 752px;
	float: left;
	margin-left: 730px;
	margin-top: -430px;
	text-align: left;
	font-size: 16px;
	color:#ffffff;
}

#content_right_malerarbeiten_ref {
	width: 700px;
	height: 752px;
	float: left;
	margin-left: 730px;
	margin-top: -630px;
	text-align: left;
	font-size: 16px;
	color:#ffffff;
}



#content_left_bodenbelaege {
	background-image: url(img/content/bodenbelaege.jpg);
	width: 573px;
	height: 746px;
	float: left;
	margin-left: 121px;
	margin-top: -58px;
}

#content_right_bodenbelaege {
	width: 700px;
	height: 752px;
	float: left;
	margin-left: 730px;
	margin-top: -430px;
	text-align: left;
	font-size: 16px;
	color:#ffffff;
}



#content_left_fassaden {
	background-image: url(img/content/fassaden.jpg);
	width: 573px;
	height: 746px;
	float: left;
	margin-left: 121px;
	margin-top: -58px;
}

#content_right_fassaden {
	width: 700px;
	height: 752px;
	float: left;
	margin-left: 730px;
	margin-top: -430px;
	text-align: left;
	font-size: 16px;
	color:#ffffff;
}



#content_left_service {
	background-image: url(img/content/service.jpg);
	width: 573px;
	height: 746px;
	float: left;
	margin-left: 121px;
	margin-top: -58px;
}

#content_right_service {
	width: 700px;
	height: 752px;
	float: left;
	margin-left: 730px;
	margin-top: -430px;
	text-align: left;
	font-size: 16px;
	color:#ffffff;
}

/* FOOTER */

#footer {
	min-height: 30px;
	position: absolute;
    margin-top: 685px;
}

#navi_footer {
	margin-left: 160px;
	height: auto;
	width: 800px;
	position:absolute;
    bottom: 0;
	line-height: 24px;
	font-size: 16px;
	font-family: NunitoSans-Regular;
}

#navi_footer li {
	list-style-type: none;
	float: left;
	font-family: NunitoSans-Regular;
}

#navi_footer a {
	color: #ffffff;
	margin-top: 4px;
	margin-right: 30px;
	margin-left: 5px;
	display: block;
	font-family: NunitoSans-Regular;
}

#navi_footer a:hover {
	color: #6d6d6d;
	margin-top: 4px;
	margin-right: 30px;
	margin-left: 5px;
	display: block;
	font-family: NunitoSans-Regular;
}


/* FOOTER_FORM */

#footer_2 {
	min-height: 30px;
	position: absolute;
    margin-top: 699px;
}

#navi_footer_2 {
	margin-left: 38px;
	height: auto;
	width: 800px;
	position:absolute;
    bottom: 0;
	line-height: 24px;
	font-size: 16px;
	font-family: NunitoSans-Regular;
}

#navi_footer_2 li {
	list-style-type: none;
	float: left;
	font-family: NunitoSans-Regular;
}

#navi_footer_2 a {
	color: #ffffff;
	margin-top: 4px;
	margin-right: 30px;
	margin-left: 5px;
	display: block;
	font-family: NunitoSans-Regular;
}

#navi_footer_2 a:hover {
	color: #6d6d6d;
	margin-top: 4px;
	margin-right: 30px;
	margin-left: 5px;
	display: block;
	font-family: NunitoSans-Regular;
}


/* Form */

	form label {
		display: block;
		font-weight: 400;
		color: #483949;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		border: 0;
		background: #fafafa;
		width: 100%;
		border-radius: 0.5em;
		border: solid 1px #E5E5E5;
		padding: 1em;
		-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #fff;
			border-color: #df7366;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select {
		line-height: 1em;
	}

	form textarea {
		min-height: 9em;
	}

	form .formerize-placeholder {
		color: #555 !important;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}




/* Table */

	table {
		width: 90%;
	}

		table.default {
			width: 90%;
		}

			table.default tbody tr {
				border-top: solid 1px #e5e5e5;
			}

				table.default tbody tr:first-child {
					border-top: 0;
				}

				table.default tbody tr:nth-child(2n+1) {
					background: #fafafa;
				}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default thead {
				border-bottom: solid 2px #e5e5e5;
			}

			table.default tfoot {
				border-top: solid 2px #e5e5e5;
			}