body {
  margin: 0px 0px 0px 0px;
}

#header {
  position: relative;
  background-image: url('img/header.png');
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  width: 978px;
  height: 249px;
}

#content {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  min-height: 300px;
  top: 50px;
  left: 90px;
  float: left;
}

#content_clear {
	clear: left;
}

#content_titel {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 430px;
  height: 75px;
  left: 20px;
}

#content_sort {
  position: relative;
  background-image: url('img/leiste_sort.png');
  margin: 0px 0px 0px 0px;
  width: 602px;
  height: 48px;
  padding: 0px 0px 0px 0px;
  color: #666666;
  font: bold 12px/22px Arial, Helvetica, sans-serif;
  text-align: right;
}

#content_sort_left {
  position: absolute;
  left: 20px;
  top: 12px;
}

#content_sort_right {
  position: absolute;
  right: 20px;
  top: 12px;
}

#footer {
  position: relative;
  background-image: url('img/footer.png');
  background-repeat: no-repeat;
  margin: 50px 0px 0px 0px;
  padding: 0px;
  width: 978px;
  height: 261px;
}



/*##PORTFOLIO##############################################################################################################*/

#portfolio_thumbs {
  position: relative;
  margin: 0px 2px 2px 0px;
  padding: 0px 0px 0px 0px;
  width: 150px;
  height: 120px;
  float: left;
}

#portfolio_thumbs:hover {
  border: 1px solid #85a9c0;
  margin: -1px 1px 1px -1px;
  filter:alpha(opacity=50); /* IE */
  -moz-opacity: 0.50; /* Gecko */
  opacity: 0.50; /* Opera */
}

#portfolio_ges {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 613px;
  width: 843px;
  left: -180px;
  overflow: hidden;
  z-index: 1;
}

#portfolio_ges2 {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  top: 0px;
  left: 0px;
}

#portfolio {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 843px;
  height: 613px;
  top: 0px;
}

#portfolio_bg {
  position: absolute;
  background-image: url('img/portfolio_bg.png');
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 536px;
  height: 613px;
  left: 0px;
  top: 0px;
}

#portfolio_img {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 536px;
  height: 613px;
}

#portfolio_text {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 200px 0px 0px 10px;
  width: 307px;
  height: 613px;
  color: #999999;
  font: 36px/22px Arial, Helvetica, sans-serif;
  line-height: normal;
  left: 536px;
  top: 0px;
}

/*##CONTACT##############################################################################################################*/

#contact_bg {
  position: absolute;
  background-image: url('img/contact_bg.png');
  width: 887px;
  height: 592px;
  left: -200px;
  bottom: -100px;
  z-index: 1;
}

#contact_formular {
  position: relative;
  background-image: url('img/contact_formular.png');
  width: 551px;
  height: 462px;
  left: 70px;
  top: -30px;
  margin: 0px 0px 180px 0px;
  z-index: 2;
}

.form_contact_input {
  background: none;
  border: none;
  color: #666666;
  font: 14px/22px Arial, Helvetica, sans-serif;
}

#contact_form_name {
  position: relative;
  left: 142px;
  top: 63px;
  width: 300px;
  margin: 0px 0px 0px 0px;
}

#contact_form_email {
  position: relative;
  left: 143px;
  top: 80px;
  width: 300px;
  margin: 0px 0px 0px 0px;
}

#contact_form_telefon {
  position: relative;
  left: 160px;
  top: 97px;
  width: 300px;
  margin: 0px 0px 0px 0px;
}

#contact_form_anfrage {
  position: relative;
  left: 70px;
  top: 152px;
  width: 400px;
  margin: 0px 0px 0px 0px;
}

#contact_form_absenden {
  position: relative;
  left: 330px;
  top: 180px;
  width: 200px;
  margin: 0px 0px 0px 0px;
}

#contact_info {
  position: relative;
  width: 600px;
  margin: 0px 0px 0px 0px;
  color: #666666;
  font: 12px/22px Arial, Helvetica, sans-serif;
}


/*##ABOUT##############################################################################################################*/

#about_portrait {
  position: absolute;
  background-image: url('img/about_portrait.png');
  width: 318px;
  height: 408px;
  left: -60px;
  top: 200px;
  margin: 0px 0px 0px 0px;
  z-index: 0;
}

#about_satz {
  position: relative;
  background-image: url('img/about_satz.png');
  width: 506px;
  height: 80px;
  margin: 20px 0px 0px 0px;
}

#about_text {
  position: relative;
  left: 250px;
  width: 400px;
  min-height: 400px;
  color: #666666;
  font: 12px/22px Arial, Helvetica, sans-serif;
  margin: 30px 0px 0px 0px;
  text-align: justify;
}

/*##Kundenmeinung##############################################################################################################*/

#kundenmeinung_bg {
  position: relative;
  background-image: url('img/kundenmeinung_bg.png');
  width: 100%;
  height: 150px;
  margin: 0px 0px 0px 0px;
}

#kundenmeinung_topic {
  position: relative;
  height: 30px;
  color: #CCC;
  font: bold 16px/22px Arial, Helvetica, sans-serif;
}

#kundenmeinung_box {
  position: relative;
  margin: 0px 0px 0px 0px;
  height: 120px;
  overflow: hidden;
}

#kundenmeinung {
  position: relative;
  width: 500px;
  margin: 0px 0px 0px 0px;
}

#kundenmeinung_meinung {
  position: relative;
  width: 500px;
  height: 120px;
  margin: 0px 0px 0px 0px;
  color: #FFF;
  font: bold 12px/22px Arial, Helvetica, sans-serif;
  overflow: auto;
}

#kundenmeinung_kunde {
  position: relative;
  width: 500px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  color: #FFF;
  font: 11px/22px Arial, Helvetica, sans-serif;
}



/*##IMPRESSUM##############################################################################################################*/

#impressum {
  position: relative;
  left: 0px;
  width: 600px;
  min-height: 400px;
  color: #666666;
  font: 12px/22px Arial, Helvetica, sans-serif;
}

#impressum_topic {
  margin: 25px 0px 0px 0px;
  color: #666666;
  font: bold 16px/22px Arial, Helvetica, sans-serif;
}


/*##LINKS##############################################################################################################*/

a.a_sort {color: #666666; font: 12px/22px Arial, Helvetica, sans-serif;}
a.a_sort:link	{text-decoration: underline;}
a.a_sort:visited{text-decoration: underline;}
a.a_sort:hover	{text-decoration: none;}
a.a_sort:active	{text-decoration: none;}


/*##NAVIGATION##############################################################################################################*/

#btn_downloads {
	position: relative;
	top: 0px;
	left: -80px;
	width: 224px;
	height: 224px;
}

#nav {
	position: relative;
	background-image: url('img/nav_bg.png');
	top: -14px;
	left: 70px;
	width: 216px;
	height: 348px;
	color: #666666;
    font: bold 13px/22px Arial, Helvetica, sans-serif;
	float: left;
	z-index: 2;
}

#nav_line {
	position: relative;
	background-image: url('img/nav_line.png');
	width: 180px;
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

#nav_hover_portfolio {
	position: absolute;
	background-image: url('img/nav_hover.png');
	top: 0px;
	left: 57px;
	width: 0px;
	height: 58px;
}

#nav_hover_about {
	position: absolute;
	background-image: url('img/nav_hover.png');
	top: 59px;
	left: 57px;
	width: 0px;
	height: 58px;
}

#nav_hover_contact {
	position: absolute;
	background-image: url('img/nav_hover.png');
	top: 118px;
	left: 57px;
	width: 0px;
	height: 58px;
}

#nav_hover_impressum {
	position: absolute;
	background-image: url('img/nav_hover.png');
	top: 177px;
	left: 57px;
	width: 0px;
	height: 58px;
}


/* ul*/
ul.nav_left, .nav_left ul{
	margin: 0px 0px 0px 0px;
	cursor: default;
	list-style-type: none;
	display: inline;
	border: none;
}

ul.nav_left{
	position: relative;
	display: block;
	width: 180px;
	background: none;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
}

/* ul li*/
ul.nav_left>li{
	display: list-item;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	height: 58px;
	text-align: center;
}

/* ul li ul*/
ul.nav_left li>ul{
	display: none;
	position: absolute;
	margin: -20px 0px 0px 145px;
	background-color: #ffffcc;
	left: 0px;
	top: 0px;
}

/* ul li ul li*/
ul.nav_left li ul li{
	position: relative;
	display: list-item;
	margin: 0px;
	padding: 0px 40px 0px 10px;
}

/* ul li hover*/
ul.nav_left li:hover>ul{
	display : block;
}

/* ul li ul li a*/
.nav_left ul li a{
	display: block;
	padding: 0px;
}

ul.nav_left li a, .nav_left ul li a {
	color: #666666;
}

/* ul*/
ul.nav_left, .nav_left ul{
}

/* ul li hover*/
ul.nav_left li:hover, ul.nav_left li a:hover, .nav_left ul li a:hover{
}

/* ul li active*/
ul.nav_left li:active, .nav_left ul li a:active{
}

.nav_left a{
	text-decoration: none;
	display: block;
	padding: 18px 0px 18px 0px;
}