/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/


/* allgemein */
body{
	margin:0px;
	background-image:url(../images/hintergrund/verlauf.jpg);
	background-repeat:repeat-x;
	background-color:#2b2b2b;
	height:1416px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a, a:visited{
	color:#000;
}

div.top{
	position:absolute;
	left: 43px;
	top: 337px;
}

.bpff {
	border: 2px solid #F00;
	}
	
h1{
	font-size:12px;
	font-weight:bold;
	margin:0;
}

h2{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	float:left;
	display:inline
}

h3{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	float:left;
	display:inline
}
/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Copyright */

#copyright{
	position:absolute;
	width:913px;
	left:50%;
	margin-left:-456px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	top:1403px;
	z-index:2;
	text-align:center;
}

#copyright a, #copyright a:active, #copyright a:visited
    {
	color:#FFFFFF;
	text-decoration:none;
    }

#copyright a:hover
    {
    color:red;
    } 

/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Fenster */

#fenster-inhalt{
	position:absolute;
	width:913px;
	height:1290px;
	left:50%;
	margin-left:-456px;
	margin-top:68px;
	z-index:1;
}

#navigation{
	position:relative;
	height:63px;
	width:913px;
	top:0px;
	background-image:url(../images/navigation/navigation.jpg);
	background-repeat:no-repeat;
	z-index:999999999;
}
	
div.fenster-oben{
	position:relative;
	height:428px;
	width:913px;
	top:0px;
	background-repeat:no-repeat;
}

div.startseite-oben{
	background-image:url(../images/profil/fenster-oben.jpg);
}

div.fenster-unten{
	position:relative;
	height:397px;
	width:913px;
	top:0px;
	background-repeat:no-repeat;
}

div.startseite-unten{
	background-image:url(../images/profil/fenster-unten.jpg);
}

#fenster-footer{
	position:relative;
	height:402px;
	width:913px;
	top:0px;
	background-image:url(../images/service/fenster.jpg);
	background-repeat:no-repeat;
}

#fenster-webdesign{
	position:absolute;
	height:339px;
	width:920px;
	top:1016px;
	background-image:url(../images/service/webdesign.jpg);
	background-repeat:no-repeat;
	left:6000px;
	z-index:20;
}

#inhalt-webdesign{
	position:absolute;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	left: 14px;
	top: 51px;
	width: 881px;
	height: 236px;
	max-height:236px;
}

#ueberschrift-webdesign{
	position:absolute;
	left: 16px;
	top: 18px;
	width: 861px;
	height: 20px;
}

#social-bookmark{
	position:absolute;
	left: 558px;
	top: 343px;
	width: 334px;
}

/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Navigation */

#navi-1{
	position:absolute;
	height:63px;
	left: 40px;
}

#navi-2{
	position:absolute;
	height:63px;
	left: 135px;
	width: 70px;
}

#navi-3{
	position:absolute;
	height:63px;
	left: 241px;
}

#navi-4{
	position:absolute;
	height:63px;
	left: 348px;
}

#navi-5{
	position:absolute;
	height:63px;
	left: 465px;
}

#navi-6{
	position:absolute;
	height:63px;
	left: 613px;
}

#navi-7{
	position:absolute;
	height:63px;
	left: 719px;
	top: 0px;
}

#navi-8{
	position:absolute;
	height:63px;
	left: 819px;
	top: 0px;
}


#navi{
	background-image:url(../images/navigation/navigation-background.jpg);
	background-repeat:no-repeat;
	width:913px;
	height:63px;
	font-size:12px;
}

#navi ul{
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	margin:0 0 0 7px;
	padding:0 0 0 0;
	line-height:67px;
}

#navi ul.dropdown ul{
	visibility:hidden;
	margin-left:0px;
}

#navi li{
	float:left;
	width:111px;
	background-image:url(../images/navigation/navigation-stripe.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#navi li.none{
	background-image:none;
}

#navi ul.dropdown a.standart, #navi ul.dropdown a:visited{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#1c1c1c;
}

#navi ul.dropdown a:hover, #navi ul.dropdown a.selected{
	color:#072064;
}

#navi ul.sub, #navi ul.sub2{
	position:absolute;
	margin-top:-4px;
}

#navi ul.sub a, #navi ul.sub2 a{
	display:block;
	text-align:center;
	height:20px;
	font-size:10px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:solid 1px #d5d5d5;
	text-decoration:none;
	color:#1c1c1c;
	width:auto;
}

#navi ul.sub a:hover, #navi ul.sub2 a:hover{
	color:#072064;
}

#navi ul.sub a:visited{
	text-decoration:none;
}

#navi ul.sub li{
	clear:both;
	width:140px;
	line-height:20px;
	background-image:url(../images/navigation/sub-bg.png);
	background-repeat:repeat;
	background-position:left;
}

#navi ul.sub li.transparent{
	background:none;
	display:block;
	height:15px;
}

#navi ul.sub li.oben{
	height:10px;
	line-height:11px;
	display:block;
	background-image:url(../images/navigation/sub-bg.png);
	background-repeat:repeat;
	background-position:left;
}

#navi ul.sub li.unten{
	display:block;
	height:10px;
	line-height:11px;
	background-image:url(../images/navigation/sub-unten.png);
	background-repeat:no-repeat;
	background-position:left;
}

#navi ul.sub2 li{
	clear:both;
	width:200px;
	line-height:20px;
	background-image:url(../images/navigation/sub-bg.png);
	background-repeat:repeat;
	background-position:left;
}

#navi ul.sub2 li.transparent{
	background:none;
	display:block;
	height:15px;
}

#navi ul.sub2 li.oben{
	height:10px;
	line-height:11px;
	display:block;
	background-image:url(../images/navigation/sub-bg.png);
	background-repeat:repeat;
	background-position:left;
}

#navi ul.sub2 li.unten{
	display:block;
	height:10px;
	line-height:11px;
	background-image:url(../images/navigation/sub-unten2.png);
	background-repeat:no-repeat;
	background-position:left;
}

#navi ul.dropdown li:hover > ul {
 visibility: visible;
}
	

/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Service/Support */

#support{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	left: 631px;
	top: 112px;
	width: 230px;
	height: 236px;
	text-align:center;
}

#gfaw{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	left: 333px;
	top: 129px;
	width: 230px;
	height: 236px;
	text-align:center;
}

#hoster{
	position:absolute;
	text-align:center;
	left: 78px;
	top: 105px;
	width: 159px;
	height: 251px;
	z-index: 5;
}

#ueberschrift-service{
	position:absolute;
	width:179px;
	height:17px;
	left: 20px;
	top: 63px;
}






/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Profil */

#video-profil{
	position:absolute;
	width:344px;
	height:248px;
	z-index:2;
	left: 64px;
	top: 85px;
	background-image:url(../images/profil/tv.jpg);
	background-repeat:no-repeat;
}

#video-inhalt{
	position:absolute;
	width:299px;
	height:169px;
	z-index:3;
	left: 22px;
	top: 21px;
}

#text-profil-oben{
	position:absolute;
	z-index:2;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 59px;
	margin-left:20px;
	margin-top:10px;
	width: 874px;
}


	
#text-profil-rechts{
	position:absolute;
	z-index:2;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left: 486px;
	top: 96px;
	width: 407px;
	height: 244px;
	margin-right: 20px;
}

#qualifikationen{
	position:absolute;
	width: 449px;
	height: 133px;
	left: -1px;
	top: 14px;
	margin-left:20px;
}

#aktionsangebot-button{
	position:absolute;
	z-index:1000;
	left: 553px;
	top: 335px;
}
/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Produkte */

div.produkte-oben{
	background-image:url(../images/produkte/fenster-oben.jpg);
}

div.transparent-festpreis{
	position:absolute;
	left: 61px;
	top: 80px;
	width: 217px;
	height: 239px;
}

div.transparent-aktion{
	position:absolute;
	width: 296px;
	height: 295px;
	left: 322px;
	top: 25px;
}

div.transparent-anfrage{
	position:absolute;
	width: 216px;
	height: 295px;
	left: 643px;
	top: 26px;
}

div.transparent-aktion-unten{
	position:absolute;
	width: 332px;
	height: 350px;
	left: 560px;
	top: 17px;
}

#navi-festpreis{
	position:absolute;
	left: 116px;
	top: 333px;
	height: 24px;
}

#navi-aktionsangebot{
	position:absolute;
	left: 406px;
	top: 333px;
}

#navi-anfrage{
	position:absolute;
	left: 685px;
	top: 333px;
}

div.produkte-unten{
	background-image:url(../images/produkte/fenster-unten.jpg)
}

div.aktion-unten{
	background-image:url(../images/produkte/fenster-unten-aktion.jpg)
}

#button-angebote{
	position:absolute;
	left: 505px;
	top: 218px;
	height: 130px;
	width: 234px;
	z-index: 3;
}

#text-links{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-top:10px;
	width: 400px;
	height: 371px;
	left: 6px;
	top: 1px;
}

#text-rechts{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:20px;
	margin-top:10px;
	width: 415px;
	height: 372px;
	left: 468px;
	top: 1px;
}

#button-aktionen{
	position:absolute;
	right: 478px;
	top: -37px;
	width: 236px;
	height: 43px;
	z-index: 3;
}


#fenster-anfrage{
	position:absolute;
	left: 15px;
	top: 4px;
	width: 714px;
	height: 384px;
	overflow:auto;
}

div.aktion-demonstration{
	position:absolute;
	font-weight:bold;
	left: 662px;
	top: 372px;
	width: 155px;
}



/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Ueberschriften */

#ueberschrift-unten{
	position:absolute;
	width:465px;
	height:17px;
	left: 20px;
	top: 399px;
}
	


/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Leistungen */


div.leistungen-oben{
	background-image:url(../images/leistungen/fenster-oben.jpg);
}

#navi-webdesign{
	position:absolute;
	left: 18px;
	top: 333px;
	height: 24px;
}

#navi-suchmaschinenoptimierung{
	position:absolute;
	left: 121px;
	top: 333px;
}

#navi-printdesign{
	position:absolute;
	left: 361px;
	top: 333px;
}

#navi-fotocomposing{
	position:absolute;
	left: 474px;
	top: 333px;
}

#navi-fotoretusche{
	position:absolute;
	left: 616px;
	top: 333px;
}

div.leistungen-webdesign{
	background-image:url(../images/leistungen/fenster-webdesign.jpg)
}

div.leistungen-seo{
	background-image:url(../images/leistungen/fenster-seo.jpg)
}

div.leistungen-printdesign{
	background-image:url(../images/leistungen/fenster-printdesign.jpg)
}

div.leistungen-fotoretusche{
	background-image:url(../images/leistungen/fenster-fotoretusche.jpg)
}

div.leistungen-fotocomposing{
	background-image:url(../images/leistungen/fenster-fotocomposing.jpg)
}

#text-rechts.seo{
	left:360px;
	width:495px;
}

#text-seo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	left: 215px;
	top: 260px;
	width: 661px;
	height: 87px;
}

#text-links.printdesign{
	width:806px;
}

#text-rechts-printdesign{
	width:333px;
	height:251px;
	top:120px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:20px;
	margin-top:10px;
	left: 468px;
}




/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Referenzen */

div.referenzen-oben{
	background-image:url(../images/referenzen/fenster-oben.jpg);
	z-index:30;
}

#flash-referenzen{
	position:absolute;
	width:902px;
	max-height:400px;
	padding-left: 6px;
	margin-top:-146px;
	left: 1px;
	top: 73px;

}

#referenzen-oben-noscript{
	position:absolute;
	width:890px;
	height:302px;
	margin:10px 50px;
	overflow: auto;
	left: -39px;
	top: 10px;
	z-index:100;
}

#oneline {  white-space: nowrap;}

#oneline img{ 
  margin: 5px; 
  }

#navi-referenzen-webdesign{
	position:absolute;
	left: 25px;
	top: 333px;
	height: 24px;
	z-index:3;
}

#navi-referenzen-suchmaschinenoptimierung{
	position:absolute;
	left: 167px;
	top: 333px;
	z-index:3;
}

#navi-referenzen-visitenkarten{
	position:absolute;
	left: 201px;
	top: 333px;
	z-index:3;
}

#navi-referenzen-flyer{
	position:absolute;
	left: 474px;
	top: 333px;
	z-index:3;
}



/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Kontakt */

div.kontakt-oben{
	background-image:url(../images/kontaktformular/fenster-oben.jpg);
}

div.kontakt-unten{
	background-image:url(../images/kontaktformular/fenster-unten.jpg)
}

#text-links-kontakt1{
	width:174px;
	height:191px;
	left:12px;
	top:-1px;
	text-align:left;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-top:10px;
}

#text-rechts-kontakt2{
	width:179px;
	height:186px;
	top:-1px;
	left:720px;
	text-align:left;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:20px;
	margin-top:10px;
}

#fenster-kontaktformular{
	position:absolute;
	left: 223px;
	top: 28px;
	width: 543px;
	height: 520px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#brief-kontakt{
	position:absolute;
	width:248px;
	height:251px;
	left: 603px;
	top: 22px;
	background-image:url(../images/kontaktformular/brief-geschlossen.png);
	background-repeat:no-repeat;
	background-position:bottom
	
}



/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Impressum */

div.impressum-oben{
	background-image:url(../images/impressum/fenster-oben.jpg);
}

div.impressum-unten{
	background-image:url(../images/impressum/fenster-unten.jpg)
}

#text-links.impressum-text2{
	left:7px;
}


#text-rechts.impressum-text{
	left:400px;
}


/*......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................*/

/* Sitemap */

div.sitemap-oben{
	background-image:url(../images/Sitemap/fenster-oben.jpg);
	background-repeat:no-repeat;
}

div.sitemap-unten{
	background-image:url(../images/Sitemap/fenster-unten.jpg)
}

#text-sitemap{
	position:absolute;
	width: 386px;
	height: 388px;
	left: 25px;
	top: 3px;
}

#text-sitemap2{
	position:absolute;
	width: 387px;
	height: 388px;
	left: 414px;
	top: 3px;
}