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 {
	background: url(../images/bgtile.png);
	font: 16px Helvetica, Arial, Sans-Serif; color: #636363; line-height: 24px;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 10, 2012 */
@font-face {
    font-family: 'augieRegular';
    src: url('augie-webfont.eot');
    src: url('augie-webfont.eot?#iefix') format('embedded-opentype'),
         url('augie-webfont.woff') format('woff'),
         url('augie-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#fontstyle1 {font: 26px/29px 'augieRegular', Arial, sans-serif; color: #3d3d3d;}
#fontstyle2 {font: 14px/18px 'augieRegular', Arial, sans-serif; color: #3d3d3d;}
#fontstyle3 {font: 12px/15px 'augieRegular', Arial, sans-serif; color: #3d3d3d;}
#fontstyle4 {font: 18px/22px 'augieRegular', Arial, sans-serif; color: #3d3d3d;}
#fontstyle5 {font: 16px/20px 'augieRegular', Arial, sans-serif; color: #ffffff;}
#fontstyle6 {font: 20px/24px 'augieRegular', Arial, sans-serif; color: #ffffff;}
		#fontstyle4 a {
		color: #ff0000; text-decoration: none;
	}
		#fontstyle4 a:hover {
			color: #671111;
		}

#container {
	width: 960px; margin: 25px auto;
/*	border: 1px solid #000000;*/
}

#logo {
	margin: 10px 30px 0 auto; position: relative; width: 185px;

}

ul#nav {
	width: 940px; height: 84px; list-style: none; overflow: hidden; margin: -90px auto auto auto;
	background: url(../images/nvgn_bg.jpg) no-repeat;	border: 1px solid #000000;
}
	ul#nav li {
		width: 126px; height: 33px; float: left; padding: 13px 0 0 0;
		font-weight: bold; text-align: center; text-transform: uppercase;
	}
/*		ul#nav li:nth-child(1) {
			margin: 0 60px 0 0;
		}
		ul#nav li:nth-child(2) {
			margin: 0 316px 0 0;
		}
		ul#nav li:nth-child(3) {
			margin: 0 60px 0 0;
		}
		ul#nav li:nth-child(4) {
			margin: 0;
		}
*/
		ul#nav li a {
			color: #616369; text-decoration: none;
		}
			ul#nav li a:hover {
				color: #a12121;
			}
#menu {
width: 940px; height: 84px; list-style: none; overflow: hidden; margin: -90px auto auto auto;
  background: url(../images/nvgn_bg.jpg) no-repeat;
  position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .home {
  width: 124px;
  height: 60px;
  background: url(../images/btn_home.jpg) no-repeat;
  left: 30px;
  top: 14px;
/*  border: 1px solid #000000;*/
}

#menu .about {
  width: 128px;
  height: 60px;
  background: url(../images/btn_about.jpg) no-repeat;
  left: 177px;
  top: 14px;
/*  border: 1px solid #000000;*/
}

#menu .portfolio {
  width: 180px;
  height: 60px;
  background: url(../images/btn_portfolio.jpg) no-repeat;
  left: 327px;
  top: 14px;
/*  border: 1px solid #000000;*/
}

#menu .kontakt {
  width: 162px;
  height: 60px;
  background: url(../images/btn_kontakt.jpg) no-repeat;
  left: 530px;
  top: 14px;
/*  border: 1px solid #000000;*/
}

#header {
	height: 314px;
	/*background: url(../images/slide01.jpg);*/
}

#header.about {
	height: 160px;
	background: url(../images/head_about.jpg);
}

#header.portfolio {
	height: 160px;
	background: url(../images/head_portfolio.jpg);
}

#header.kontakt {
	height: 160px;
	background: url(../images/head_kontakt.jpg);
}

#header.page {
	height: 91px; padding: 52px 0 0 57px;
	background: url(images/inner-header.jpg);
}

	#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: 30px 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: 225px; height: 50px; overflow: hidden;
		background: url(images/home-header-btn.jpg); text-indent: -9999px;
	}

#content {
	background: url(../images/inhalt_bg.jpg) repeat-y;
	padding: 57px 69px 50px 69px; overflow: hidden;
}
	#content h2 {
		font: 30px Georgia, Serif; letter-spacing: 2px; margin: 0 0 20px 0;
	}

	#content h3 {
		font: 26px Georgia, Serif; letter-spacing: 2px; margin: 0 0 20px 0;
	}

	#content p {
		margin: 0 0 30px 0;
	}

	#content a {
		color: #3d3d3d; text-decoration: none;
	}
		#content a:hover {
			color: #DDDDDD;
		}

#content .demo {
	width: 184px; padding: 0 0 15px 0; /*background: #eee;*/ text-align: center;
	float: left; margin: 0 14px 14px 7px;
}
#btn {
	margin: -20px;
	font: 26px/29px 'augieRegular', Arial, sans-serif; color: #3d3d3d;
	}
/*	#content .portfolio-item p.btn a {
		display: block; width: 184px; 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 img.profilbild {
	float: right; margin: -40px -30px 0 0;
}


#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: #73767c;
		background: -moz-linear-gradient(top, #606268 0%, #73767c 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: #73767c;
		background: -moz-linear-gradient(top, #606268 0%, #73767c 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 #334f71;
	}
		#content #contact textarea::-webkit-input-placeholder  {
	    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
		}
		#content #contact textarea:-moz-placeholder {
		    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
		}

	#content #contact input:focus, #content #contact textarea:focus {
		background: #606268;
		background: -moz-linear-gradient(top, #46474c 0%, #606268 20%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46474c), color-stop(20%,#606268)); /* webkit */
	}

	#content #contact input[type=submit] {
		width: 185px; height: 52px; float: right; padding: 10px 15px;
		border: 1px solid #52555c;
		background: -moz-linear-gradient(top, #73767c 0%, #5c5f63 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73767c), color-stop(100%,#415D79)); /* webkit */
		cursor: pointer;
	}


#content #social {
	width: 371px; float: left;
}
	#content #social p#ERR {
		background-color:#990000; padding:5% 5%;
	}
	#content #social p#SC {
		background-color:#009900; padding:5% 5%;
	}



#footer {
	height:64px;
	background: url(../images/footer_bg.jpg) no-repeat;
	overflow: hidden;
	/*border: 1px solid #000000;*/
}
	#footer p#copyright {
		float: left; margin: 10px 0 0 50px;
	}
	#footer p#nachoben {
		float: right; margin: 10px 50px 0 0;
	}
		#footer a {
		color: #a12121; text-decoration: none;
	}
		#footer a:hover {
			color: #671111;
		}

a.tooltip span {display:none; padding:2px 3px; margin:-180px 0 0 10px; width:250px;}
a.tooltip:hover span{display:inline; position:absolute; background:#666666; border:1px solid #cccccc; color:#eeeeee;}