* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	color:#333;
	background-color: #e8e8e8;
	
}


td {
vertical-align: top;


}

img {

border: 0px;

}


#wrapper {
margin: 0 auto;
width: 820px;
/*background-image:url(bilder-design/wrapper.gif);*/
background-color:#898989;


}
		
#wrapper-2 {

min-height: 663px;
background-image:url(bilder-design/left.gif);
background-position: bottom;
float: left;

}
	

	
#top {	
	height: 17px;
	text-align: right;
	font-size: 10px;
	padding-top: 32px;
	padding-right: 17px;
	font-size: 11px;
	color:#ffffff;
	
	}
	
#top a:link { color: #ffffff; text-decoration: none; }
#top a:visited { color: #ffffff; text-decoration: none; }
#top a:hover { color: #dddddd; text-decoration: none; }

	
#left{
	width: 227px;
	min-height: 663px;

	float: left;	
	}		
	
#logo {		



}	
	
#mainnav {		
	height: 152px;
	text-align: right;
	list-style-type: none;
	background-color: #fff;
}
	
#mainnav ul{
padding: 10px 5px 0px 0px;
list-style-type: none;
background-color: #fff;

}

#mainnav li{
	list-style-type: none;
	background-repeat: no-repeat;
	border-color:#000000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 5px 0px 5px 0px;

}

#mainnav a { color:#000000; text-decoration:none; }
#mainnav a:hover { color:#bbbbbb; }
#mainnav a.active { font-weight:bold; }
.aktiv a{ color:#FFFFFF; }

.menu-first{
list-style-image:none;
list-style-type:none;
margin: 0px;

}

#metanav .menu-first{
float: right;
padding-left: 10px;


}

.menu-last{
list-style-image:none;
list-style-type:none;
padding: 0px 0px 0px 0px;
margin: 0px;


}


.menu-current{
font-weight: bold;

}



#subnav ul{
padding: 0px 0px 10px 0px!important;
width: 500px;
height: 20px;
margin: 0px!important;


}
#subnav li{
float: left;
padding-right: 5px;


}



#subnav a  { text-decoration: none; }
#subnav li a:link  {   }
#subnav li a:visited {  }
#subnav li a:hover  { color: #333; text-decoration: none; }
#subnav li a:active {   }



.menu-child{
font-weight: normal;

}


#news{
	height: 105px;
	background-image:url(bilder-design/news.gif);
	background-repeat: no-repeat;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	
	
}

#news a:link { color: #b11312; text-decoration: none; }
#news a:visited { color: #b11312; text-decoration: none; }
#news a:hover { color: #b11312; text-decoration: underline; }


#showcase{
	height: 105px;
	background-image:url(bilder-design/showcase.gif);
	background-repeat: no-repeat;
	padding: 27px 0px 0px 12px;
	
}


#bild{
	float:left;
	width: 578px;
	
	background-image:url(bilder-design/header-blank.jpg);
	}


#content {
	background-color:#ffffff;
	width: 548px;
		min-height: 432px;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 16px;	
	
	}
	
#content a:link { color: #666; text-decoration: underline; }
#content a:visited { color: #666; text-decoration: underline; }
#content a:hover { color: #b11312; text-decoration: underline; }
	
	
#content img{

border-color:#CCCCCC;
border-style:solid;
	}
	

	#maincontent ul{
margin-left: 20px;


	}
	
#maincontent {
	
	float: left;
	
	}	

	
#footer {
	background-color:#acacac;
	margin: 0 auto;
	width: 804px;
	height: 28px;
	/*float: left;*/
	font-size: 11px;
	color:#ffffff;
	padding: 10px 0px 0px 16px;	
	}
	
/* FORM */	
	
.formbox {
  width: 380px;
  height: 250px;
  color: #000;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 10px 0px 10px 0px;
  
  

}

.reihe {
  clear: both;
  padding:5px 0px 0px 0px;
}

.label {
  float: left;
  width: 100px;
  color: #000000;
  text-align: right;
  margin-right: 5px;
  margin-right: 20px;
}

.feld {
  float: left;
  width: 200px;
  text-align: left;
  display: block;
  background: #acacac none repeat scroll 0%;
  border:1px solid #dddddd;

 
} 




.knopf {
  clear: both;
  float: left;
  text-align: center;
  background-color: #acacac;
  color: #ffffff;
  margin-left: 120px;
  margin-top: 20px;
  border:1px solid #FFFFFF;

}



.defbreite {
  width: 350px;
}

			
		
/* STYLES */	

h1 {
color:#B11312;
font-size:18px;
margin-bottom:5px;
font-weight: bold;
}

h2 {
color:#b11312;
font-size:14px;
margin-bottom:10px;
font-weight: bold;
}

h3 {
color:#000000;
font-size:14px;
margin-bottom:10px;
font-weight: bold;
}

.small {

font-size:11px;

}


.stepcarousel {
border:1px solid #7F7F7F;
height:100px;
margin:10px 0px 20px 0px!important;
overflow:scroll;
position:relative;
width:510px;
font-size:12px;
}

/* SLIDER */	



#s3slider {
   width: 578px; /* important to be same as image width */
   height: 239px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 578px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   right: 0;
   font: 13px/15px Arial, Helvetica, sans-serif;
   padding: 10px 12px;
   margin-right: 18px;
   margin-top: 13px;
   width: 578px;
   background-color: #656565;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 239px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 239px;
}



.clear {
   clear: both;
} 






/* PORTFOLIO */


/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 600px; }

ul#filter { float: left; font-size: 14px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 14px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 600px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 160px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }