/* Aufbau NEU */
#container { display: block;    margin: 0 auto;    padding: 0;    width: 973px; }
#schatten-bg {	background-image:url(images/schatten-bg.png); background-repeat:no-repeat; background-position: top center; }
#inner-box {margin-left: 20px; width:933px;  }
#footer { background-color: #FFFFFF; }
#subfooter {
 background-color: #F2F2F2;
    background-repeat: repeat-x;
    margin-bottom: 35px;
    padding-top: 12px;
}

#startcontent { height: 140px; padding: 0 15px 15px; background-color: #fff;}

.logo-grafik { width: 366px; padding-top: 130px; padding-left: 14px; float:left; }
.navi { width: 290px; padding-top: 152px; padding-left: 11px; float:left;}
.navi ul, .navi li {   display: inline;    float: inherit;    list-style-type: none;    margin: 0;    padding: 0 8px 0 0;}

.DL { margin-top: 57px;}

body {
background-attachment: fixed;
    background-color: #F2F2F2;
    background-image: url(images/bg-neu.jpg);
    background-repeat: repeat-x;
    color: #393434;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
	}



a  { text-decoration:none; color:#393434;}
a:hover  { text-decoration:underline; color:#393434;}

h1 { font-size:16px; padding-bottom: 10px; }
h2 { font-size:16px; color: #666; padding-bottom: 10px; }
h3 { font-size:12px; padding-bottom: 10px; }
h4 { font-size:12px; }

.clear { clear:both; }
.underline { text-decoration:underline;}

/* Aufbau Webseite */
.container { display: block;    margin: 0 auto;    padding: 0;    width: 933px; background-color: #FFFFFF;  }

.Content_Links, .Content_Rechts { float:left; }
.Content_Links { width: 663px; margin-right: 18px; }
.Content_Rechts { width: 219px; }
	
.titel {  height:190px; background-image:url(images/BG-Titel.jpg); background-repeat:no-repeat; position: relative;}
.startcontent { 	height:140px; margin:0px; padding: 0px 15px 0px 15px; }	
.content_neutral {  margin:0px; padding:15px; margin-top:0px; }
.content { margin:0px; padding:15px; margin-top:0px; min-height: 370px; }
.footer { margin-bottom: 13px;  	}
.subfooter {  background-color: #F2F2F2;    background-repeat: repeat-x;    margin-bottom: 35px;    padding-top: 12px;}


/*  - - - Startseite - - -  */
.StartFotografie, .StartMultimedia, .StartPrint, .StartWeb { height:45px; background-repeat:no-repeat; }
.StartFotografie { background-image:url("images/Fotografie.jpg"); }
.StartMultimedia { background-image:url("images/Multimedia.jpg"); }
.StartPrint { background-image:url("images/Print.jpg");	}
.StartWeb { background-image:url("images/Web.jpg");	}

.frontBox, .frontBox2, .frontBox3, .frontBox4 { width:217px; height:115px; float:left;  border-right:1px solid #CCC;  border-right-style:dotted; overflow:hidden; }
.frontBox2, .frontBox3 { padding-left:10px; }
.frontBox4 { padding-left:10px;  border:none; }

.footerTitelLinks, .footerTitelRechts { border-bottom: 1px solid #393836; border-bottom-style:dotted; top:0px; height:25px; }
.footerLinks, .footerRechts { padding: 20px; border: none; margin: 0px; float: left; overflow: hidden; width: 420px; background-color:#b3cf22;  height:170px; }
.footerRechts{ margin-left: 13px; }
.footerText {color:#393836; padding-top: 10px; }

/* - - - Dienstleistungen - - -  */

.ListeBox { width:219px; float: left; }
.ListeBox_Top { width:219px;	background-image:url(images/ListeBox_Top.jpg); 	background-repeat:no-repeat; padding:15px; float: left; }
.ListeBox_Bottom { height:40px; width:219px; background-image:url(images/ListeBox_Bottom.jpg); background-repeat:no-repeat; float: left; }
.ListeBox-Inner {padding-right: 30px;}

.RefListe  { 
border-bottom: solid 1px #ccc;
background-image:url(images/LeistungenOK.jpg);
background-repeat:no-repeat;
padding-left: 20px; height:25px; text-align:left; vertical-align:middle; margin-top:5px; }

/* - - - Uebermich - - -  */

.UbermichPreise {float: right;    padding-top: 7px;    width: 413px;}
.UbermichLinks { width:470px; float:left; margin-right: 20px; }
.UbermichRechts { width:400px; float:left; }
.UbermichVerlauf {background-image: url("images/UbermichVerlauf.jpg");    float: left;    padding: 20px;    width: 201px;}.UbermichBild { float:left; margin-right:20px; }
.UbermichFrage { float:left; margin-right:20px; }

/* - - - Referenzen - - -  */

.KontaktRefNeu { border-top: 1px solid #000; border-top-style: dotted; padding-top: 20px; }
.refLinks { float:left; width:250px; margin-right:20px; }
.refRechts { float:left; width: 570px; }
.RefListeLeistungen { 
border-bottom: solid 1px #ccc;
background-image:url(images/LeistungenOK.jpg);
background-repeat:no-repeat;
padding-left: 20px; height:25px; text-align:left; vertical-align:middle;margin-top:5px; width: 220px;}

#Offerte, .Offerte { height:50px; margin-top:20px; }

#WebText, .WebText  { float:left;  overflow:hidden; line-height: 20px; width:100%; margin-top:10px; margin-bottom:10px; }

#Referenzen {}
#RefTitle, .RefTitle { font-size:16px; font-weight:bold; }
#RefLongTitle, .RefLongTitle { font-size:24px; font-weight:bold; }

.BoxPrint, .BoxWeb { float:left; width: 440px; }
.refBox01 { width: 370px; float:left; }
.refBox02 { width: 530px; float:left; }
.RefListeNEU { border-bottom: solid 1px #ccc; background-image:url(images/LeistungenOK.jpg); background-repeat:no-repeat; padding-left: 20px; height:25px;  text-align:left; vertical-align:middle; margin-top:5px; clear:both; }
#RefWebBesuchen, .RefWebBesuchen { margin-top:15px; }
#RefText, .RefText  { float:left; overflow:hidden; line-height: 20px; width:370px; }
#RefBild, .RefBild { float:left; overflow:hidden; margin-top:-50px; }

/* Referenzen neu Liste */
.Ref-Links {float:left; width: 305px;}
.Ref-Rechts {float:left; width: 595px; }
.dotted-bottom { border-bottom: 1px solid #c6c5c6; border-bottom-style: dotted; padding-top: 15px;}

/* - - - SEO Detailseite - - -  */
.Suchmaschinenoptimierung-Titel {font-size: 12px;}
.Seo-Box01, .Seo-Box02 { float:left; width: 190px;  background-color: #e4e4e4; padding:10px;}
.Seo-Box01 {margin-right: 10px;}

/* Blog */
a.weiterlesen-Link, a.weiterlesen-Link:hover { background-color: #b3cf22; padding: 7px; font-weight: bold; color:#fff; text-decoration:none;}
.ditto_summaryPost { border-bottom: 1px solid #000; border-bottom-style: dotted; margin-bottom: 10px; padding-bottom: 15px; }
.ditto_summaryPost h2 {padding-bottom: 0px;}
.Blog-Stimmungsbild {float:right;}
.Blog-Liste-Links {float:left; width: 370px; }
.jot-row { padding: 10px; border-bottom: 1px solid #000; border-bottom-style: dotted; background-color:#f3f3f3; margin-bottom: 15px; }
.Blog-Liste-Detail {padding-top: 5px;}


/* - - - - - - - - - ALTES CSS  - - - - - - - - -  */ 

#UnternehmenTitel, .UnternehmenTitel {
background-color:#b0ca33;
margin-bottom:20px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}

h6 {
font-size:16px !important;
color:#FFF;
margin:0px;
padding:0px;
}

#UnternehmenBox01, .UnternehmenBox01 {
   float: left;
  width: 285px;
margin-right:20px;
}

#UnternehmenBox02, .UnternehmenBox02 {
   float: left;
  width: 285px;
}

#UnternehmenBox03, .UnternehmenBox03 {
   float: left;
  width: 950px;
}

.Slider{
height:255px;
	background-image:url(images/BG_Startseite_Slider.jpg);
	background-repeat:repeat-x;
	padding: 0px 15px 0px 15px;
}


#contentD {
   padding-top: 15px;
   }



/*Fotoseite */

.FotoTitel {
font-size:16px; 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:30px;
}

#FotoTitel {
height:30px;
}

#FotoText, .FotoText  {
float:left;
padding-right:20px;
width:432px;
}

#FotoBilder, .FotoBilder {
float:left;
overflow:hidden;
width:448px;
}

#Fotos, .Fotos {
width:84px;
height:84px;
float:left;
margin-right:7px;
padding-bottom:5px;
}

#FotosLast, .FotosLast  {
width:84px;
height:84px;
float:left;
padding-bottom:5px;
}

/*Hder Beispielbilder, damit Preis unten richtig dargestellt wird */
#Fotoliste, .Fotoliste {
min-height:180px;
}

#Fotoliste2, .Fotoliste2  {
min-height:87px;
}

/* Newseintrag */

.eintrag{
clear: both;
border-bottom: 1px solid #393836;
border-bottom-style:dotted;
margin-top:10px;
margin-bottom: 10px;
min-height:40px;
}

.eintrag img{
float: left;
margin-right: 10px;
top:0px;
}

.eintrag .text, #text {
margin-left: 0px;
vertical-align:top;
top:0px;
float: left;
color:#393836;
}

.pagetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

#newsbild {
   padding-left: 0px;
   border: 5px;
border: 5px solid #CCC;
   float: left;
  width: 100px;
   overflow: hidden;
   }

#newstext {
   padding-left: 15px;
   border: none;
   margin: 0px;
   float: left;
   overflow: hidden;
  width: 600px;  
   }

/*-- alles moegliche-- */

.Aktuell-Bild {
box-shadow: 0 5px 10px -5px;
    float: right;
    margin-left: 10px;
}

.Logo-Titel {
position: absolute;
top: 130px;
left: 14px;
}

.Meine-Leistung { font-size:16px; padding-bottom: 10px; font-weight: bold; }

/*-------------------------------Ende---------------------------------------- */

#navi{
position:absolute;
float:left;
margin-top:150px;
margin-left:390px;
}


#RefBild { 
float:left;
width:530px;
}

#RefText  {
line-height: 20px;
float:left;
width:350px;
}

#refAuflistung, .refAuflistung {
border-bottom: solid 1px #ccc;
}
/* Ajax Search */

#ajaxSearch_output {
	color: #fff;
	text-align: left;
	width: 172px;
	display: block;	
	width: 93% !important;
}
#ajaxSearch_output a:hover{ background-color: #8dbc00; }

#ajaxSearch_output p {margin: 0;}
.ajaxSearch_paging { }

.AS_ajax_result {
    border-top: 1px solid #2f2f2f;
    color: #444;
    padding: 5px 10px 7px;
    margin: 0;
}
    .AS_resultLink {
        text-decoration: underline;
        padding: 0;
        margin: 0;
    }
    .AS_ajax_resultDescription {
        color: #888;
    }
    .AS_ajax_more { color: #555; }
    .AS_intro { display: none;}

.AS_ajax_highlight1, .ajaxSearch_highlight1{
  color : #b3cf22;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight2, .ajaxSearch_highlight2{
  color : #b3cf22;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight3, .ajaxSearch_highlight3{
  color : #b3cf22;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight4, .ajaxSearch_highlight4{
  color : #b3cf22;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight5, .ajaxSearch_highlight5{
  color : #b3cf22;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight6, .ajaxSearch_highlight6{
  color : #b3cf22;
  padding: 0;
  font-weight: bold;
}

/* ---- Ajax Search ---- */
#search {
float: left;
    margin-top: 150px;
    position: relative;
    width: 227px;
}	

#search img {
	position:absolute;
	width:227px;
margin-top:187px;
margin-left:479px;
}

#search-directory {
	position:absolute;
	width:496px;
	overflow:hidden;
	z-index:400;
}

#search fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}

#search form {
	border: none;
	margin: 0px;
	padding: 0px;
}

#search label {
color: #444444;
}

#search input {
border: 2px solid #dbdbdb;
    color: #888888;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 3px;
}


/*  Ajax Search */
#ajaxSearch_input {
height: 19px;
    left: 14px;
    position: absolute;
    top: -6px;
    width: 178px;
}

#ajaxSearch_submit {
background: none no-repeat scroll center top transparent;
    border: 0 none !important;
    cursor: pointer;
    height: 23px !important;
    left: 204px;
    margin: 0 !important;
    position: absolute;
    top: -2px;
    width: 45px !important;
}

#ajaxSearch_output {
    color: white;
    position: absolute;
    top: 23px;
    left: 220px;
    width: 165px !important;
    z-index: 1;
    border: 0;
    padding: 0;
    margin: 0;
}

.unsichtbar {
position:absolute;
left:-1000em;
top:-1000em;
overflow:hidden;
display:inline;
}

.startLinks {
width: 422px;
margin-right:20px;
float:left;
}

.startRechts {
width: 422px;
float:left;
}

.KDFeedback {
background-color:#f4f4f4;
padding:20px;
border: 1px solid #bebebe;
}

#content h4 {
	font-size: 1.1em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* Frontpage Images */

.shadow {
	margin: 0px;
	padding-bottom: 14px;
	background-image: url(images/bg_referenz_bottom.gif);
	background-position: 0px 186px;
	background-repeat: no-repeat;
}

.shadow a {
	width: 280px;
	height: 176px;
	display: block;
  padding: 4px;
  margin: 0px;
  border: 1px solid #CBCCCE;
  border-bottom: 1px solid #878B8D;
}

.shadow a img {
	margin: 0px !important;
	padding: 0px !important;
	border: none;
}

.shadow a:hover {
	background-color: #b0ca33;
	border: 1px solid #b0ca33;
}

/* Big Image */
.big {
	width: 630px;
  margin: 0px 0px 10px 0px;
	padding-bottom: 12px;
	background-image: url(images/bg_referenz_bottom-large.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.big img {
  padding: 4px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #CBCCCE;
  border-bottom: 1px solid #878B8D;
}

/* Small Image */

ul.gallery li {
	width: 135px;
	margin: 0px;
	background-image: none !important;
	background-position: 0px 94px !important;
	background-repeat: no-repeat !important;
}

ul.gallery li img {
	width: 135px;
	height: 85px;	
	padding: 4px;
	margin: 0px !important;
  border: 1px solid #CBCCCE;
  border-bottom: 1px solid #878B8D;
}

/* Gallery */
.gallerywrapper {
	margin-bottom: 30px;
}

ul.gallery {
	width: 630px !important;
}

ul.gallery li {
	float: left;
	margin: 0 16px 0 0 !important;
	padding: 0px 0px 10px 0px !important;
	list-style: none;
	display: block;
}

ul.gallery li.last {
	float: left;
	margin-right: 0px !important;
}

ul.gallery li.active .referenz,
ul.gallery li.active .referenz:hover,
ul.gallery li .referenz:hover {
	background-color: #b0ca33;
	border: 1px solid #b0ca33;
	cursor: pointer;
}

.small {
width:300px;
}

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:903px;
	height:244px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}


.referencelist {
float:left;
height: 250px;
}

.ListeDienstleistungenNEU { margin-left: -20px; width: 170px;  }

.ditto_tags, .ditto_tags a { font-size: 11px; line-height: 14px; color: #8f8f8f; }
.jot-form {padding: 15px; background-color: #ebebeb;}

#skypedetectionswf {    display: none;}