@charset "UTF-8";
/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #f2f0eb url(bg.png);
    color: #636363;
	line-height: 1.5;
}

#container {
	width: 960px;
	margin: 0 auto;
	height: auto;
}

#logo {
	margin: 10px auto 35px;
	position: relative;
	width: 117px;
}

ul#nav {
	width: 940px;
	list-style: none;
	overflow: hidden;
	font-size:17px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding-left: 35px;
}

li#menu {
	background-image: url(logo.png);
	height:65px;
}


ul#nav li {
	width: 127px;
	height: 33px;
	float: left;
	background:url(btn.png);
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-left: 25px;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
		ul#nav li:nth-child(1) {
	background-image: none;
	padding:0;
	position:absolute;
	width: 117px;
	height: 117px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
		}
		ul#nav li:nth-child(2) {
			margin: 0 0 0 177px;
		}
		ul#nav li:nth-child(3) {
			margin: 0 0 0 60px;
		}
		ul#nav li:nth-child(4) {
			margin: 0 0 0 60px;
		}
		ul#nav li:nth-child(5) {
			margin: 0 0 0 60px;
		}
		ul#nav li:nth-child(6) {
			margin: 0 0 0 60px;
		}

		ul#nav li a {
			color:#CCC;
			text-decoration: none;
		}
			ul#nav li a:hover {
				  color: #919848;
			}	
#header {
	height: 296px;
	background-image:url(Homepage_Photo.jpg);
	background-color: #919848;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

	/*#header h1 {
		font: 38px Georgia, Serif; color: #f2f0eb; letter-spacing: 2px; margin: 0 0 20px 0;
		text-shadow: 0px 3px 3px #494949;
	}
	#header h2 {
		width: 510px; font:50px Georgia, Serif; color: #f2f0eb; letter-spacing: 2px; margin: 0 0 20px 0;
		text-shadow: 0px 3px 3px #494949;
	}*/
	
	#header p.btn a {
	display: block;
	width: 136px;
	height: 47px;
	overflow: hidden;
	text-indent: -1000px;
	background-image: url(b.jpg);
	background-repeat: no-repeat;
	}
p.claim {
	width:284px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 24px;
	color: #FFF;
	float:left;
	clear:left;
	margin-top:110px;
	text-align: right;
	padding-right: 10px;
}
p.btn {
	/* [disabled]width:284px; */
	float:left;
	/* [disabled]clear:left; */
	margin-top:110px;
	/* [disabled]text-align: right; */
	/* [disabled]padding-right: 10px; */
	margin-left: 455px;
}
.TypoLayout {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#Typo {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 18px;
	text-decoration: none;
	word-spacing: normal;
	margin: 0px;
	padding: 0px;
}

#content {
	height: 600px;
	background-image:url(Bgideeleer.jpg)
	background-color: #FFF;
	border-top-right-radius:1px;
	border-top-left-radius:1px;
	-moz-border-radius-topright:1px;
	-moz-border-radius-topleft:1px;
	-webkit-border-top-right-radius:1px;
	-webkit-border-top-left-radius:1px;
	background-repeat: no-repeat;
	/*background-position: center center;*/
	
}

    label.error {
		color:red;
		}
		
    #content #contact {
             width: 411px; float: left; margin: 0 40px 0 0;
}
    #content #contact label {
             float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
             text-align: right; font-size: 16px;
             text-transform: uppercase;
}
    #content #contact input {
             width: 256px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0;
             background: #845d36;
             background: -moz-linear-gradient(top, #845d36 0%, #845d36 20%); /* firefox */
             background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606268), color-stop(20%,#73767c)); /* webkit */
             border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
             font-family: sans-serif; font-size: 16px; color: #f2f2f2; text-shadow: 0px -1px 0px #525558;
}
    input::-webkit-input-placeholder {
             color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
}
    input:-moz-placeholder {
             color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
}
     #content #contact textarea {
             width: 256px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0;
             background: #845d36;
             background: -moz-linear-gradient(top, #845d36 0%, #845d36 20%); /* firefox */
             background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606268), color-stop(20%,#73767c)); 
             border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
             font-family: sans-serif; font-size: 16px; color: #f2f2f2; text-shadow: 0px -1px 0px #334f71;
}
     #content #contact textarea::-webkit-input-placeholder {
             color: #91984a; text-shadow: 0px -1px 0px #91984a;
}
     #content #contact textarea:-moz-placeholder {
             color: #91984a; text-shadow: 0px -1px 0px #91984a;
}
     #content #contact input:focus, #content #contact textarea:focus {
             background: #91984a;
             background: -moz-linear-gradient(top, #845d36 0%, #845d36 20%); /* firefox */
             background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46474c), color-stop(20%,#606268)); 
}
     #content #contact input[type=submit] {
             width: 185px; height: 52px; float: right; padding: 10px 15px;
             border: 1px solid #52555c;
             background: -moz-linear-gradient(top, #845d36 0%, #845d36 100%); /* firefox */
             background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73767c), color-stop(100%,#415D79)); 
             cursor: pointer;
} 

     #content #social {
             width: 371px; float: left;
}
     #content #social ul {
             list-style: none;
}
     #content #social ul li {
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: -45px;
	padding-left: 0px;
}
     #content #social ul li a {
             display: block; width: 100px; padding: 15px 5px 10px 45px;
             background: url(Xing-Icon-dunkelgr%C3%BCn-glanz.png) no-repeat;
} 

     #content #social ul li a.xing { background-position: 0 -3px; }
	
	
	 
	#content h2 {
	font-size:30px;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
	#content p {
	margin: 0 0 30px 0;
	}

	#content a {
		color: #a12121; text-decoration: none;
	}
		#content a:hover {
			color: #671111;
		}

#content .portfolio-item {
	width: 182px; padding: 4px; background: #eee; text-align: center;
	float: left; margin: 0 7px 14px 7px;
}
	#content .portfolio-item p.btn {
		margin: 0;
	}
	#content .portfolio-item p.btn a {
		display: block; width: 183px; height: 29px; padding: 7px 0 0 0;
		background: url(images/see-more-bg.png);
		font-weight: bold; text-align: center; text-transform: uppercase;
		text-decoration: none;
	} 
	
#content #social h2 {
	padding-left: -10px;
	margin-left: -85px;
	
}


#footer {
	/* [disabled]background: url(images/footer-bg.png) no-repeat; */
	/* [disabled]padding: 40px 0 0 0; */
	/* [disabled]overflow: hidden; */
	margin: 0 0 30px 0;
}
	#footer p#copyright {
		font-size: 12px; float: left; margin: 0 0 0 30px; color: #b8b6b2;
	}
	#footer p#back-top {
		font-size: 12px; float: right; margin: 0 30px 0 0;
	}
		#footer a {
		color: #a12121; text-decoration: none;
	}
		#footer a:hover {
			color: #671111;
		}
#footer div {
	clear: both;
	float: left;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}