/* CSS Document */

html {
		}
	
body {
	font-family : 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e0e0e0 url(../images/body_bg.jpg) ;
	color: #333;
	
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 12px;
	margin: 0 0 1em 0
}

a {
	outline:none;
	color: #0065cb;
	text-decoration:none;
}

a:hover{
	color:#333;
}

ul {
	margin: 0 0 0 25px
}

ol {
	margin: 0 0 0 25px
}

li {
	font-size: 12px;
	margin: 0 0 1em 0
}

hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 15px 0;
}

h1 {
	font-size: 30px;
	font-weight:normal;
	margin: 0 0 0.5em 0px;
	padding: 0 0 10px 0px;
	font-family: 'Michroma', sans-serif;
	color: #ff6600
}

body#referenz h1{
	font-family : 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin:10px 0 10px 0;
	padding:0
}

h2 {
	font-size: 24px;
	font-weight:normal;
	margin: 0 0 0.5em 0;
}

h3 {
	font-size: 20px;
	font-weight:normal;
	margin: 0 0 0.5em 0;
}

h4 {
	font-size: 17px;
	font-weight:normal;
	margin: 0 0 0.5em 0;
	
}

h5 {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 0.5em 0;
}

h5 a:hover{
	color:#333;
}



label {
	padding: 0 0 10px 0;
}

select {
	border:0;
	background: #e0e0e0;
	padding:5px;
	width: 250px;
	margin: 0 0 10px 0;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
border-radius: 5px;

}

input.zemText {
	border:0;
	background: #e0e0e0;
	padding:5px;
	width: 240px;
	margin: 0 0 10px 0;
	font-family:  'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
border-radius: 5px;
}

textarea {
	border:0;
	padding:5px;
	width: 240px;
	margin: 0 0 10px 0;
	background: #e0e0e0;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
border-radius: 5px;
overflow:auto;
}

input.zemCheckbox {
	background: #ECDBB7;
	border:0;
	padding:5px;
}

.zemSubmit {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	/*
font-size: 13px;
text-transform:uppercase; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
border-radius: 5px;
background: #E05C05;
background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#ff6600), to(#E05C05)); 
background: -moz-linear-gradient(0% 40% 90deg,#E05C05, #ff6600); 
padding: 3px 15px 3px 15px;
border: 1px solid #E05C05;
margin:10px 0 0 0;
color: #fff;*/

display:inline-block;
	margin: 10px 0 20px 0;
	padding: 5px 15px;
	font-size: 14px;
	background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
background: -o-linear-gradient(top, #666666 0%,#333333 100%);
background: -ms-linear-gradient(top, #666666 0%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
background: linear-gradient(top, #666666 0%,#333333 100%);
	color: #fff;
	box-shadow: 0 0 2px #666;
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 2px 2px 3px #000;
	-moz-text-shadow: 2px 2px 3px #000;
	-webkit-text-shadow: 2px 2px 3px #000;
	border: 1px solid #666

}

img{
	border:none;
}

table{
	font-size:12px;
   margin:0 0 25px 0 ;
}

table td{
	padding:3px 0;
}

/* Klassen ########################################################## */

.bild {
	
}

.bild_minus {
	margin: 0 10px 20px -25px
}


.bild_text {
	float:left;
	margin: 0 10px 10px 0
}

.bild_text_minus {
	float:left;
	margin: 0 20px 20px -25px
}

.bild_text_re {
	float:right;
	margin: 0 0 10px 10px
}

.text_grau {
	background: #f0f0f0;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 10px 0;
}

a.mehr {
	padding: 0 0 0 15px;
	background: url(../images/sprite.png) 0px -489px no-repeat;
	line-height: 14px;
}

a.mehr:hover {
	background-position: 0 -459px
}

a.back {
	padding: 0 0 0 25px;
	background: url(../images/a_back.jpg) 0 2px no-repeat;
	line-height: 16px;
	color: #333;
}

a.back:hover {
	background-position: 0 -38px
}

/*Artikelnav*/

p.back a{
	display:block;
	float:left;
	padding: 0 0 0 25px;
	background: url(../images/p_back_a_bg.png) left 0 no-repeat;
	line-height: 22px;
	color: #333;
}

p.back a:hover {
	background-position: 0 -30px
}

p.mehr a{
	padding:0 25px 0 0;
	background: url(../images/p_mehr_a_bg.png) right 0px no-repeat;
	display:block;
	float:right;
	line-height: 22px;
	color: #333;
}

p.mehr a:hover {
	background-position: right -30px
}
/**/
.center {
	text-align:center
}

p.headline {
	margin:0;
}

.img_wrap {
	background: #fff;
	height: 110px;
	margin: 0 0 20px 0
}
/*Buttons ######################################*/

a.btn_grau {
	display:inline-block;
	margin: 10px 0 10px 0;
	padding: 10px 15px;
	font-size: 14px;
	background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
background: -o-linear-gradient(top, #666666 0%,#333333 100%);
background: -ms-linear-gradient(top, #666666 0%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
background: linear-gradient(top, #666666 0%,#333333 100%);
	color: #fff;
	box-shadow: 0 0 2px #666;
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 2px 2px 3px #000;
	-moz-text-shadow: 2px 2px 3px #000;
	-webkit-text-shadow: 2px 2px 3px #000;
}

body#referenz a.btn_grau {
	margin: 0 0 10px 0;
	width: 160px;
	
}

a.btn_grau:hover {
	background: #444;
}


a.btn_orange {
	display:inline-block;
	margin: 10px 0 10px 0;
	padding: 10px 15px;
	font-size: 14px;
	background: #ff6600;
background: -moz-linear-gradient(top, #ff6600 0%, #ec5f00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(100%,#ec5f00));
background: -webkit-linear-gradient(top, #ff6600 0%,#ec5f00 100%);
background: -o-linear-gradient(top, #ff6600 0%,#ec5f00 100%);
background: -ms-linear-gradient(top, #ff6600 0%,#ec5f00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ec5f00',GradientType=0 );
background: linear-gradient(top, #ff6600 0%,#ec5f00 100%);
	color: #fff;
	box-shadow: 0 0 2px #666;
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 1px 1px 1px #333;
}

a.btn_orange:hover {
	background:#ec5f00;
}

a.btn_blau {
	display:inline-block;
	margin: 10px 0 10px 0;
	padding: 10px 15px;
	font-size: 14px;
	background: #0065cb;
background: -moz-linear-gradient(top, #0065cb 0%, #0055aa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0065cb), color-stop(100%,#0055aa));
background: -webkit-linear-gradient(top, #0065cb 0%,#0055aa 100%);
background: -o-linear-gradient(top, #0065cb 0%,#0055aa 100%);
background: -ms-linear-gradient(top, #0065cb 0%,#0055aa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065cb', endColorstr='#0055aa',GradientType=0 );
background: linear-gradient(top, #0065cb 0%,#0055aa 100%);
color: #fff;
box-shadow: 0 0 2px #666;
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 1px 1px 1px #333;
}

a.btn_blau:hover {
	background: #0055aa
}




/* Layout ########################################################## */

#container {
	width: 980px;
	margin:auto;
	background: url(../images/container_bg.png) repeat-y;
}



/*header --------------------------------- */

#header_wrap {
	background: url(../images/header_wrap_bg.jpg) repeat-x;
}

#header {
	width: 980px;
	margin:auto;
	height: 150px;
	position:relative;
	
}

#topnav {
	height: 30px;
	position:absolute;
	top:0;
	right:0;
	color: #fff;
	background: #333;
	padding: 0 10px 0 10px;
	box-shadow: 0px 0px 3px #000;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}

#topnav a {
	color: #fff;
	display:inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 10px
}

#topnav a:hover, #topnav a.aktiv {
	color: #ff6600
}

#header a.logo {
	display:block;
	height: 150px;
	width: 180px;
	position: absolute;
	background: url(../images/sprite.png) 0 0 no-repeat;
}

#header a.logo:hover {
	background: url(../images/sprite.png) -180px 0  no-repeat;
}

#header a.logo img {
	display:none
}

#header ul {
	list-style-type:none;
	margin:0;
	position: absolute;
	bottom:1px;
	right:0
}

#header ul li {
	float:left;
	margin: 0;
	
}

#header ul li a {
	color: #fff;
	text-decoration:none;
	padding:0 15px;
	height:80px;
	display:block;
	font-family: 'Michroma',sans-serif;
	font-size: 16px;
	text-shadow: 1px 1px 3px #000;
	-moz-text-shadow: 1px 1px 3px #000;
	-webkit-text-shadow: 1px 1px 3px #000;
}

#header ul li a span {
	font-size: 11px;
	font-family: 'Trebuchet MS',sans-serif;
	display:block
}

#header ul li a:hover, #header ul li a.aktiv{
	color: #ff6600;
    background:#444;
}


/*Inhalt --------------------------------- */
#content_wrap {
	background: url(../images/content_wrap_bg.png) no-repeat;
	overflow:hidden;
	padding: 30px 10px 0 10px;
	position: relative;
	
}

.content_breit {
	clear:left;
	padding: 10px 0px 20px 0px;
	width:960px;
	margin:auto;
	overflow:hidden
}

.grau {
	background: #f0f0f0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow:hidden;
}





/*############## Spalten #############*/	

/*1-spaltig*/

.col1sp {
	width:910px;
	padding: 10px 25px 0 25px;
}

/*2-spaltig*/

.col2sp {
	width:430px;
	padding: 15px 25px 0 25px;
	float:left;
}

.col3sp {
	width: 270px;
	float:left;
	padding: 15px 25px 0 25px;
}

.col3sp img {
	max-width: 270px;
	height:auto
	}

.col4sp {
	width: 190px;
	float:left;
	padding: 15px 25px 0 25px;
}



/*Slider Start*/
	
#slides {
	position:relative;
	
}

.slides_container {
	margin: 0px auto 0px auto;
	height: 360px;
	width:960px;
	overflow:hidden;
	position:relative;
	display:none;
}


/*Nur 1 Bild*/

.ec {
	margin: 0px auto 0px auto;
	height: 360px;
	width:960px;
	position:relative;
	
}

/*Inhalt*/

.slides_container div, .ec div {
	width:930px;
	height:360px;
	display:block;
	padding: 0 0 0 30px;
}

.slides_container div h1, .ec div h1 {
	border:0;
	font-size: 24px;
	width: 300px;
	padding: 30px 0 0 0px;
	text-shadow: 1px 1px 2px #fff;
	-moz-text-shadow: 1px 1px 2px #fff;
	-webkit-text-shadow: 1px 1px 2px #fff;
	}
	
.slides_container div p, .ec div p {
	width: 300px;	
	}
	
.slides_container div.dunkel h1, .ec div.dunkel h1 {
	text-shadow: 1px 1px 2px #000;
	-moz-text-shadow: 1px 1px 2px #000;
	-webkit-text-shadow: 1px 1px 2px #000;
}	

.slides_container div.dunkel p, .ec div.dunkel p {
	color: #fff
}

div.start1 {
	background: url(../images/start1.jpg) no-repeat;	
}

div.start2 {
	background: url(../images/start2.jpg) no-repeat;
}

div.start3 {
	background: url(../images/start3.jpg) no-repeat;
}

div.web1 {
	background: url(../images/web1.jpg) no-repeat;
}

div.web2 {
	background: url(../images/web2.jpg) no-repeat;
}

div.web3 {
	background: url(../images/web3.jpg) no-repeat;
}
div.print1 {
	background: url(../images/print1.jpg) no-repeat;
}

div.print2 {
	background: url(../images/print2.jpg) no-repeat;
}
div.print3 {
	background: url(../images/print3.jpg) no-repeat;
}

div.ref {
	background: url(../images/ec_referenzen.jpg) no-repeat;
}

/*Referenzen Fancybox Liste*/

div.ec ul {
	display:none;
}


/*Steuerung*/

#slides .prev {
	position:absolute;
	top:50%;
	left:0px;
	width:20px;
	height:20px;
	display:block;
	z-index:101;
	background: url(../images/sprite.png) -380px 0 no-repeat;
	text-indent: -3000px
}

#slides .prev:hover {
	background-position: -380px -20px
}

#slides .next {
	position:absolute;
	top:50%;
	right:0px;	
	width:20px;
	height:20px;
	display:block;
	z-index:101;
	background: url(../images/sprite.png) -360px 0 no-repeat;
	text-indent: -3000px
}
#slides .next:hover {
	background-position: -360px -20px
}
.pagination {
	margin:0;	
	position:absolute;
	top:-20px;
	right: 30px;
}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:10px;
	height:10px;
	background:#333;
	float:left;
	overflow:hidden;
	text-indent: -3000px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.pagination li.current a {
	background: #ff6600;
}
	


	
/*############## content #############*/	
	
#content {
	float:left;
	width: 580px;
	padding: 0px 0 25px 25px;
	margin:25px 0px 0 0px;
}

/*#dialog #content {
	width: 420px;
}*/

#content ul li{
	list-style-image:url(../images/bullet.gif);
}

#content div.re{
	width: 250px; 
	float:right;
	padding: 0 0 0 20px; 
	border-left: 1px solid #ccc; 
	margin: 0 0 0 20px;
}

div.start_teaser{
	height:220px;
}




.teaser {
	width: 260px;
	float:left;
	margin: 0 30px 20px 0;
}

.teaser img {
	float:right;
	margin: 0 0 10px 10px;
}

/*Beispiele*/

/*print*/

/*BG content_breit Frau*/

.print_liste {
	background: #f0f0f0 url(../images/print_woman2.png) right bottom no-repeat;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow:hidden;
	min-height: 450px;
}

.print_liste ul{
	margin:0;
	padding:0;
	list-style-type:none
}

.print_liste ul li {
	margin: 20px 0 30px 0
}

.print_liste ul li strong {
	display: inline-block;
	margin: 0 0 5px 0
}
/*Web*/

body#web_liste div.col3sp ul{
	margin:0;
	padding:0;
	list-style-type:none
}

body#web_liste div.col3sp ul li {
	margin: 20px 0 30px 0
}

body#web_liste div.col3sp ul li strong {
	display: inline-block;
	margin: 0 0 5px 0
}
/*Referenzen liste*/
a.ref_teaser {
	position: relative;
	display:inline-block;
}
a.ref_teaser span {
	position: absolute;
	right:0px;
	top: 45px;
	text-indent: -3000px;
	display:block;
	width: 15px;
	height: 20px;
	background: #fff;
	background: url(../images/sprite.png) 0 -455px no-repeat;
}

/*Referenzen*/
img.ref_logo {
	float:right; 
	margin: -10px 0 0 0 
}

/*Galerie*/

.galerie_wrap {
	padding:0px;
	height: 440px; 
	width: 960px;
	margin: 0px 0 0px 0;
	/*
	box-shadow: 0 0 3px #aaa;
	border-radius: 5px;*/
	position:relative;
	overflow:hidden;
	background:#333;
	clear:both;
	
	 
}



.ad-gallery {
  width: 960px;
  float:left;
  position:relative;
 
}

.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}


  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
  }  
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;

    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
       background: url(../images/sprite.png) -380px 0 no-repeat;
        width: 20px;
        height: 20px;
        /*display: none;*/
        position: absolute;
        top: 47%;
        left: 0px;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/sprite.png) -360px 0 no-repeat;
        width: 20px;
        height: 20px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        top: 25px;
        left: 25px;
        width: 50%;
        z-index: 2;
        font-size: 24px;
			font-family: 'Michroma', sans-serif;
			color: #ff6600;
		/*background: url(../images/trans_grau.png);*/
		 padding: 5px;
		 text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        /*background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/trans_grau.png');
    */  }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
	 font-weight:normal;
		display:none
  }
    .ad-gallery .ad-info {
      float: left;
		
		
		 }
    .ad-gallery .ad-slideshow-controls {
      float: right;
		
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start {
        padding-left: 5px;
        cursor: pointer;
		  font-weight:normal;
		
      }
		.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
		  font-weight:normal;
		
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
	 
	 /*thumbs nav*/
	 
  .ad-gallery .ad-nav {
    width: 940px;
	 position: relative;
	 padding: 0 20px 0 20px;
	 margin: 0 0 0 0px;
	 position:absolute;
	 bottom:-80px;
	 left:-20px;
	 background:#f0f0f0;
	 border-bottom: 1px solid #e1e1e1
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 90px;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: 0px;
		top:30px;
      width: 15px;
		height: 15px;
      display: block;
      
    }
	 
	  .ad-gallery .ad-back:hover {
	 	/*background-position: -740px -65px */
	 }
	 
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
		top:30px;
      right: 0px;
      width: 15px;
		height: 15px;
      background: url(../images/bw_sprite.png) 0 -60px no-repeat;
		
    }
	.ad-gallery .ad-forward:hover {
		/*background-position: -670px -65px */
	}
	 
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: /*80%*/980px;
		padding: 10px 0 10px 0;
		
		
		
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
		   list-style: none;
			
      }
		
		.ad-gallery .ad-thumbs ul {
			
		}
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 2px;
			
        }
          .ad-gallery .ad-thumbs li a {
           display: block;
          }
            .ad-gallery .ad-thumbs li a img {
             
				  padding:0px;
				  margin: 0 20px 0 0px;
				  display:block;
				  height: 60px;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}


/*Referenz liste*/

h3.arbeiten {
	font-size: 12px;
	line-height: 18px;
	font-weight:normal;
	padding: 0 0 0 2px;
	
}

h3.arbeiten span {
	display:block;
	color: #ff6600
}

/*Referenzen QrCode*/

.qr {
	text-align:center;
	padding: 15px 0 0 0;
	box-shadow: 0 0 2px #666;
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
}
.qr h5 {
	padding: 5px
}

/*Referenzen Kundenobjekte*/


.t_objekt {
	width: 140px;
	padding: 15px 25px 0 25px;
	float:left;
}
.t_objekt img {
	width: 136px;
	height: auto;
	padding: 2px;
	background: #fff;
	display: block;
	margin: 0 0 10px 0
}

.t_objekt img:hover {
	background: #ccc
}

.t_objekt div {
	display:none
}



/*Testimonial / Kundenmeinungen*/

.testimonial {
	clear:both;
	padding:25px 50px 25px 50px;
	text-align:center;
	
}



.testimonial h4 {
	font-size: 11px;
	font-weight:normal;
	color: #aaa
}


/*News Liste*/




/*print*/




/*Artikelteaser 3 Spalten*/

.teaser_prod {
	width: 270px;
	float:left;
	padding: 15px 25px 0 25px;
	position:relative
}

.teaser_prod a.wer {
	position: absolute;
	bottom:0px;
	left:30px
}


/*Artikelteaser Print*/

.art_teaser {
	height: 120px;
	width: 580px;
	margin: 0 0 20px 0;
	
}

.art_teaser h3 {
	float:right;
	width: 440px;
}

.art_teaser h3 a {
	
}

.art_teaser img {
	float:left;
}

.art_teaser p {
	float:right;
	width: 440px
}


/*Sidebar / Navi --------------------------------- */

#sidebar {
	width: 245px;
	float:right;
	margin: 25px 25px 0 0;
	padding: 15px 25px 10px 25px;
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
	
	
}

.sb_grau {
	background: #f0f0f0;
	border-left: 1px solid #ccc
}

.sb_nav {
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
	border-bottom: 1px solid #d0d0d0
}

#sidebar h4 {
	font-weight:normal;
	font-family: 'Michroma',sans-serif;
	font-size: 18px;
	margin: 0 0 0px 0;
	padding: 0px 15px 15px 15px;
	text-shadow: 1px 1px 2px #fff;
	-moz-text-shadow: 1px 1px 2px #fff;
	-webkit-text-shadow: 1px 1px 2px #fff;
}


.sb_content {
	padding: 0 0px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
}
.faq {
	background:  url(../images/faq_bg.png) top right no-repeat;
	padding:20px 0px 20px 0px
}

.faq h4 {
	padding: 0 120px 0 0;
	display:block;
	min-height:50px;
}

.faq h4 a {
	color: #333
}

.sb_border {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
}

#sidebar a {
	text-decoration:none;
}

#sidebar h3 {
	color: #6a6a6a;
}

a.printinfos {
	display:block;
	width: 270px;
	height: 150px;
	background: url(../images/sprite.png)  0 -150px no-repeat;
	text-indent: -3000px;
}

a.printinfos:hover {
	background-position: 0 -300px
}
/*Footer --------------------------------- */

#footer {
	clear:both;
	margin:auto;
	width:980px;/
	min-height: 370px;
	background: url(../images/footer_bg.png) no-repeat;
	color: #fff;
	padding: 20px 0 0 0
}

#footer h4 {
	font-weight:normal;
	font-family: 'Michroma',sans-serif;
	font-size: 16px;
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 3px #000;
	-moz-text-shadow: 1px 1px 3px #000;
	-webkit-text-shadow: 1px 1px 3px #000;
	
}

#footer h5 {
	font-weight:normal;
	font-size: 12px;
}

#footer p {
	font-size: 12px;
}

#footer  a {
	text-decoration:none;
	color: #ff6600;
}

#footer a:hover {
	color:#fff;
}

#footer a.mehr {
	padding: 0 0 0 25px;
	background: url(../images/footer_a_mehr.jpg) 0 2px no-repeat;
	line-height: 16px;
	color: #fff
}

#footer a.mehr:hover {
	background-position: 0 -38px;
	color: #ff6600
}

#fcol1 {
	float:left;
	width: 420px;
	padding: 0px 0 0 40px;
	height: 250px;
	
	
}

#fcol2 {
	float:right;
	width: 410px;
	margin: 0px 0px 0 0;
	padding: 0px 50px 0px 1px;
	height: 250px;
	
}

a.f_tel {
	color: #fff;
	font-size: 12px;
	padding: 0px 0 0px 50px;
	height: 40px;
	line-height: 40px;
	background: url(../images/a_f_tel_bg.jpg) 0 0 no-repeat;
	display:inline-block;
	margin: 0 20px 20px 0;
}

a.f_email {
	color: #fff;
	font-size: 12px;
	padding: 0 0 0 50px;
	background: url(../images/a_f_email_bg.jpg) 0 5px no-repeat;
	line-height: 40px;
	display:inline-block;
	margin: 0 20px 20px 0;
}
#footer h6 {
	clear:both;
	font-size: 12px;
	font-weight:normal;
	color: #666;
	padding: 30px 50px 30px 50px;
	text-align: center;
	
}

#footer h6 span {
	display:block;
	font-size: 16px;
	font-family: 'Michroma',sans-serif;
}

#impressum {
	height:60px;
	background: #ccc;
	margin: 0px 0 0 0;
	border-top: 1px solid #aaa
}

#impressum p {
	line-height: 60px;
	font-size: 11px;
	margin:0;
	text-align:center
}

#impressum a {
	color: #333;
}
#impressum a:hover {
	color: #ff6600
}

/**/

#social {
	width: 34px;
	position: fixed;
	top: 180px;
	right:0;
	padding: 0px 0 0px 0px;
	background: #fff;	
	box-shadow: 0 0 3px #555;
	z-index: 1000
	
	
	
}

#social a {
	position:relative;
	display:block;
	width: 34px;
	height: 34px;
	text-indent: -3000px;
	margin: 0px 0 0px 0
}

#social a.s_tel {
	background: #fff url(../images/sprite.png) -356px -156px no-repeat;
}

#social a.s_tel:hover {
	background: #ff6600 url(../images/sprite.png) -356px -156px no-repeat;
}

#social a.s_email {
	background: #fff url(../images/sprite.png) -356px -198px no-repeat;
}

#social a.s_email:hover {
	background: #ff6600 url(../images/sprite.png) -356px -198px no-repeat;
}

#social a.s_info {
	height: 120px;
	background: #333 url(../images/sprite.png) -355px -40px no-repeat;
		
}

#social a.s_info:hover {
	background: #ff6600 url(../images/sprite.png) -355px -40px no-repeat;
}


#social a span {
	display:none;
}

#social a:hover span {
	text-indent: 0px;
	display:block;
	width: 180px;
	min-height: 50px;
	position: absolute;
	top:0;
	left: -210px;
	background: url(../images/trans_grau.png);
	box-shadow: -1px 0 2px #555;
	color: #fff;
	padding: 15px;
}
#social a:hover span strong {
	display:block;
	font-family: 'Michroma',sans-serif;
	font-size: 16px;
	text-shadow: 1px 1px 3px #000;
	-moz-text-shadow: 1px 1px 3px #000;
	-webkit-text-shadow: 1px 1px 3px #000;
	font-weight:normal
}

#social a:hover span img {
	float:right;
} 


#social a.s_info:hover span {
	height: 90px;
}
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}