body { font-family: Arial, Helvetica;
 		font-size:12px;
       color:#333333 ;
	   background-image:url(bilder/body-bg.jpg);
		background-repeat:repeat-x;
       background-color:#0f7ad0;
	   margin:0;
}

#global{ width:990px;
		background-color:#ffffff;
		postion:relative;
		margin: 0 auto;
		margin-top:2%}

.btn_leistungen {
	margin-left:840px; margin-top:45px;
}

.fancy-p span{
	color:#ffffff;
	padding-left:25px;
	}
	
.button-kontakt {
	 position:fixed; 
	 left:0px; 
	 top:380px;
	 background:url(bilder/button-kontakt.png);
	 width:36px;
	 height:101px
	 }
	
	
.button-kontakt:hover {
	 position:fixed; 
	 left:0px; 
	 top:380px;
	 background:url(bilder/button-kontakt-hover.png);
	 width:36px;
	 height:101px
	 }

	
.fancy-p {
	line-height:22px}	
.fancy-leistungen {
	margin-left:40px;
	color:#FFFFFF;
	font-size:14px;
	background:url(fancy-box/anstrich.jpg) no-repeat left 3px;
	padding-left:20px
}

.menue-neu {
	margin-top:177px;
	margin-left:-1px
	
}

.menue-neu td{
	padding-right:10px;
	background:url(bilder/trenner.jpg) no-repeat left top
	}
	
.menue-neu a{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding-left:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.menue-neu a:hover{
	text-decoration:none;
	color:#26bef8}
.agb a{
	font-size:11px;
	}
.ref-branche {
	padding-top:20px; 
	padding-left:0px; 
	background:url(bilder/bg-referenzen-index.jpg) repeat-y; 
	margin-top:-3px; 
	padding-right:0px;
	height:3050px}
	
.ref-branche li{
	text-align:left;
	list-style-type:none;
	list-style-position:outside;
	padding-left:20px}
		
.ref-branche a{
	font-size:11px;
	color:#333333}		
	
.btn_branche {
	margin-left:7px}
			
.ref-stadt {
	 padding-top:26px;
	  padding-left:10px; 
	  background:url(bilder/bg-referenzen-index1.jpg) repeat-y; 
	  width:150px; 
	 height:3040px;
	 margin-top:-2px
	  }
	  
*html .ref-stadt {
	width:160px; 
	 }
	  
.li-start {
	margin-top:23px
	  }
	  
*html .li-start {
	margin-top:50px
	  }	  

.li-start li{
	list-style-type:none;
	list-style-position:outside;
	padding-left:17px;
	}
	
.li-start a{
	font-size:11px;
	color:#333333
	
	  }
.btn-stadtref{
 	 position:absolute; 
	 margin-left:-7px; 
	 margin-top:-6px
	}

/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}		
		
div.overlay div.close, #overlay div.close {
	background:url(close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

#overlay_player { 		
	display:block;
	height:641px;
}

div.apple_overlay.black {
	background-image:url(transparent.png);		
	color:#fff;
}
.apple_overlay span {
	font-size:14px;
	}
#apple_promo {
	margin-top:10px;
}

#apple_promo img {

	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.logo-ref{
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    padding:4px;
	margin:6px 5px; 
    vertical-align: middle;
}

div.close {
	background:url(close.png) no-repeat;
	position:absolute;
	top:5px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}

#gallery .info {
	color:#fff !important;
	font-size:12px !important;
	padding:10px 15px !important;
}


/* the thumbnails */
#gallery_promo {
	}

#gallery_promo img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#gallery_promo a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
	
}

.fancy {
	color:#FFFFFF;
	text-decoration:underline;
	}		
	
img, div { behavior: url(iepngfix.htc)}
a{ text-decoration:none;font-family:Arial; color:#333333
; font-size:12px;}
a:hover{color:#0d81c0}


.footer-links a{
	color:#7ab5ea;
	font-size:11px;
}
.footer-links a:hover{
	color:#ffffff;
	text-decoration:underline
	}
.footer {
	padding-top:10px;
	color:#7ab5ea;
	font-size:11px;
	word-spacing:8px;
	background:url(bilder/footer-bg.jpg) repeat-x;
	height:125px}
	
.adresse {
	padding-top:10px;
		word-spacing:2px;
	color:#ffffff;
	font-size:11px;

}
	.adresse a{
	text-decoration:underline;
	color:#ffffff;
	font-size:11px;
	}
/*überschriften*/
.link-blue {font-weight:bold; color:#0d81c0}
 
.link-blue_nu {font-weight:normal;  text-decoration:underline}

.link-small {  color:#333333;}
.link-white {
	font-weight:bold;
	color:#FFFFFF;
	padding-left:40px;
	}

.link-caps { 
	font-size:12px; color:#737373;
	background:url(bilder/anstrich-leistung.jpg) no-repeat 15px 2px;
	padding-left:37px
			
}
.liste ul {
list-style-type:square
}


.lupe {cursor:url(bilder/lupe.jpg), pointer;  }

#punkte { font-size:10pt; color:#333333 }

#links { font-size:9pt;font-weight:normal; }

#unten { font-size:8pt; color:#FFFFFF;padding-top:15px;padding-left:680px}

.boden { background-color:#FFFFCC; width:110px; border:1px solid #75974F; font-size:8pt; }

.ref-li {padding-left:0px; color:#333333 ;}
.ref-li a{font-size:11px ;color:#333333 ;padding-left:10px}
.ref-re {padding-left:12px; color:#333333 ;}
.ref-re a{font-size:11px ;color:#333333 ;padding-left:11px}

.kopf{background-image:url(bilder/header-gaensebluemchen.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-2{background-image:url(bilder/header-marienkaefer.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-3{background-image:url(bilder/header-wiese.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-4{background-image:url(bilder/header-see.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-sitemap {background-image:url(bilder/header-gras2.jpg);background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-domain {background-image:url(bilder/header-blumenwiese.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-kontakt {background-image:url(bilder/header-pusteblume2.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-praktikum {background-image:url(bilder/header-gaense.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-kundenservice{background-image:url(bilder/header-marienkaefer.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-weitere-angebote{background-image:url(bilder/header-weizen.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-onlinemarketing{background-image:url(bilder/header-weltkarte.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-leistungen{background-image:url(bilder/header-blume2.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-branche{background-image:url(bilder/header-branchenreferenzen.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-stadt{background-image:url(bilder/header-leipzig.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-webdesign{background-image:url(bilder/header-luftballons.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-ref {background-image:url(bilder/header-luftballons.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}

.kopf-shop {background-image:url(bilder/header-himmel3.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-fotografie{background-image:url(bilder/header-augustusplatz.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}

.kopf-cms {background-image:url(bilder/header-tannenzapfen.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-suchmaschinenoptimierung {background-image:url(bilder/header-see.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}
.kopf-impressum {background-image:url(bilder/header-blaue-berge.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}

.kopf-datenbank {background-image:url(bilder/header-seenlandschaft.jpg); background-repeat:no-repeat;width:990px; height:300px; background-color:#0099CC}


#logo2{margin-top:7px;}

table { font-size:12px;
        line-height:1.4em; }

.ref { font-size:8pt; font-weight:normal;}

.rahmen { border:0px solid #ffffff; width:990px;}
.rahmen2 { border:1px solid #D73703;}
.rahmen3 { border:1px dotted #FFFFFF;}


.leistung-box {
}
/*
----------------------------------------------
*/

.status {position:relative;border:solid 1px #072665; width:70%; height:15px;}
*html .status {position:relative;border:solid 1px #072665; width:70%; height:19px;}

.status_inner{position:absolute; font-size:9px; top:0px; padding-left:0px; background-image:url('bilder/balken.jpg');}

.blue{background-color:#ffffff;}


.breadcrumb{
	  font-size:9px;
		height:9px;
      padding-left:10px;
	  padding-top:3px
	
	  }

#audi{ width:200px;height:120px;}

#job{ width:200px;height:120px;}

#bowling{ width:200px;height:120px;}

#patronen{ width:200px;height:120px;}

#book{ width:350px;height:300px;}

#logos{ width:670px;height:240px;}


.kontakt_re{padding-left:750px;}

.button{ background-color:#2e5299; color:#FFFFFF;}

#menue{width:720px;height:576px;}
#bgw{width:78px; height:89px;}
#arktis{width:115px; height:89px;}
#debus{width:104px; height:89px;}


.d_blue {background-color:#ffffff;}

.ml {margin-left:100px; width:350px; text-align:justifiy}
.mt {margin-top:4px; float:left;margin-left:20px}

#wurzen {width:800px; height:300px;}

#teich {width:800px; height:300px;}


.flash{margin-left:210px;}

.kontakt_re_kl{padding-left:600px;}
.kontakt_re_kl2{padding-left:690px;}
.kontakt_re_kl3{padding-left:650px;}

.kontakt_re_mi{padding-left:750px;}


.kontakt_re_gr{padding-left:800px;}

#table_such{width:800px;
	    	margin:auto;
             line-height:20px;
             background-image:url(leipzig-halle-merseburg/bilder/suchmachschine.jpg);
             background-repeat:no-repeat;
              background-position:90% 100%;
              height:350px;

            }
*html #table_such{width:800px;
            margin-left:100px;
            margin-top:0px;
             line-height:30px;
             background-image:url(leipzig-halle-merseburg/bilder/suchmachschine.jpg);
             background-repeat:no-repeat;
             background-position:90% 100%;
             height:400px;
            }


#table_such{width:950px;
	    margin-left:auto;
             margin-top:20px;

            }
*html #table_such{width:930px;
            margin-left:50px;
             margin-top:20px;
            }


#table_panorama { margin:auto;
		 background-image:url(leipzig-halle-merseburg/bilder/panorama_hinter.jpg);
                  background-repeat:no-repeat;
                  background-position:50% 0%;
                  width:800px;}

*html #table_panorama {margin:auto;
		 margin-left:70px;
		 background-image:url(leipzig-halle-merseburg/bilder/panorama_hinter.jpg);
                  background-repeat:no-repeat;
                  background-position:50% 0%;
                  width:800px;}

#table_luft {width:700;
	   margin:auto;
            line-height:20px;}


#table_reda {height:100%;
	   margin:auto;
	   background-image:url(leipzig-halle-merseburg/bilder/redaktion.jpg);
            background-repeat:no-repeat;background-position:60% 70%;}

*html #table_reda {height:100%;
	   margin:auto;
            margin-left:10px;
	   background-image:url(leipzig-halle-merseburg/bilder/redaktion.jpg);
            background-repeat:no-repeat;background-position:60% 70%;}


#table_dat {width:900px;
	   margin:auto;
            line-height:20px;}

*html #table_dat{width:900px;
	   margin:auto;
            margin-left:30px;
            line-height:20px;}



#table_design{width:750px; margin:auto;}
*html #table_design{width:620px; margin:auto;}
#table_design img{border:1px solid #ffffff;}

#table_design1{width:750px; margin:auto;}
*html #table_design1{width:750px; margin:auto;}



#table_design2{width:900px; margin:auto;background-image:url(leipzig-halle-merseburg/bilder/3d_bg.jpg);background-repeat:no-repeat;background-position:100% 90%;}
*html #table_design2{width:900px; margin:auto;margin-left:20px;background-image:url(leipzig-halle-merseburg/bilder/3d_bg.jpg);background-repeat:no-repeat;background-position:100% 90%;}

#table_dat {width:900px;
	   margin:auto;
            line-height:20px;
            background-image:url(leipzig-halle-merseburg/bilder/dat.jpg);
            background-repeat:no-repeat;
             background-position:0% 20%}

*html #table_dat{width:900px;
	   margin:auto;
            margin-left:30px;
            line-height:20px;
            background-image:url(leipzig-halle-merseburg/bilder/dat.jpg);
            background-repeat:no-repeat;
             background-position:0% 20%}

#table_xt{background-image:url(leipzig-halle-merseburg/bilder/xt.jpg);
	background-repeat:no-repeat;
         background-position:40% 40%;
          margin:auto;
          padding-right:10px;}


*html #table_xt{background-image:url(leipzig-halle-merseburg/bilder/xt.jpg);
	background-repeat:no-repeat;
         background-position:40% 40%;
          margin:auto;
          margin-left:40px;
          padding-right:10px;}

.kontakt_re_mini{padding-left:550px;}

.ref1 {border-right:solid 2px #002c83; border-left:solid 2px #002c83;}

.ref_div{font-size:8pt; background-image:; background-repeat:no-repeat; background-position:center center}

.linie {border-bottom:1px dashed white;}


/*
-------------------------------------
*/


input { font-weight:normal; font-size:9pt; }

h1 { font-weight: normal; font-size:8pt;color:#FFFFFF; text-align:left; }

h2 { margin-top:0px; margin-bottom:5px; line-height:10pt; font-weight:bold; font-size:12px; color:#347fbe; text-align:left; }


h3 { font-weight: bold; font-size:16px; color:#083f75;  text-align:left;  z-index:10; padding-top:8px}
h3 span{ font-size:18px; font-weight:bold;color:#083f75; }


.anstrich-h {
	margin-left:20px}

h4 { font-weight: bold; font-size:10pt;color:#000000; text-align:left; }




hr{
    border-style:none none dotted ;
    border-width:medium medium 1px;
    clear:both;
}

 text1 { font-weight: bold; font-size:12px; color:#49711B; text-decoration:none; }

.text2 { font-weight: normal; font-size:9pt; color:#000000; text-decoration:none; }

.text3 { font-weight: normal; font-size:8pt;  color:#3D6212; text-decoration:none; }

.text4 { font-weight: bold; font-size:10pt;  color:#3D6212; text-decoration:none; }

.text5 { font-weight: bold; font-size:11pt;color:#000000; text-decoration:none; }

.text5 { font-weight: bold; font-size:8pt; color:#CD3810; text-decoration:none; }


.screens
{
border: 1px solid  #a1a1a2;

padding:4px
}

.screens:hover {
border: 1px solid  #87c0f1;

padding:4px
}


.frau-ref {
	 position:absolute; 
	 margin-top:-125px; 
	 margin-left:480px;
	 z-index:1}	
	 
	 
.pic-email {
	position:absolute;
	margin-left:461px;
	margin-top:181px}
	
.pic-domain {
	position:absolute;
	margin-left:400px;
	margin-top:50px}

.frau-liste2 {
	float:left;
	margin-left:10px}
.frau-mytrade {
	position:absolute;
	margin-top:10px;
	margin-left:260px}
	
.foerdermittel {
	position:absolute;
	margin-left:550px}
	
.sitemap-haupt{
	list-style-type:none}
	
.link-caps { font-size:12px; color:#737373;
			background:url(bilder/anstrich-leistung.jpg) no-repeat 15px 2px;
			padding-left:37px
			
}
.liste ul {
   list-style-type:square
}
.sitemap_liste li{
       	font-weight:bold;
        list-style-type:none
}

.sitemap_liste a{
         font-size:11px;
		background:url(bilder/anstrich-leistung.jpg) no-repeat left top;
		padding-left:25px;
		line-height:20px
}

.sitemap_unterliste a{
        font-size:11px;
		background:url(bilder/sitemap.gif) no-repeat left top;
		padding-left:25px;
		line-height:20px
}
*html .sitemap_unterliste
{
		padding-left:40px;
        list-style-type:none;

}
.sitemap_unterliste
{
		padding-left:80px;
        list-style-type:none;
}

.adresse-kontakt{
	  margin-top:30px; 
	 position:absolute;}
	 
.anfahrt {
	 position:absolute; 
	 margin-left:450px; 
	 margin-top:10px
	 }
	 
*html .anfahrt {
	margin-top:20px
	 }
.form {
	 position:absolute;
	top:320px;
	 }
.border_pic{
	padding:4px;
	width:100px;
	height:80px;
	border:2px solid #e2e2e3}