*{ margin: 0;
  padding: 0; 
}

  

body { 
  background: url(../images/bg.gif) #fff repeat-x;
  color: #545454;
  font: 11px "Tahoma", sans-serif; 
  }



h3 strong {
	color: #C80D0D; 
	}



#site {
  width: 750px;
  margin: auto;  
  background: url(../images/webdesign_berlin.jpg) top no-repeat;
  margin: auto;
  padding-bottom: 50px;
  }

  



ul#nav {
list-style: none;
padding-top: 130px;
margin: 0 0 0 116px;
height: 35px;
}

	

ul#nav a {
width: 83px;
height: 34px;
display: block;
margin-right: 3px;
text-indent: -9999px;
}

	

	ul#nav li {
	float: left;
	}

		

		ul#nav a#start {
		background-image: url(../images/navigation/off_start.png);
		}

		ul#nav a#start:hover {
		background-image: url(../images/navigation/hover_start.png);
		}

		ul#nav a#sel_start {
		height: 43px;
		background-image: url(../images/navigation/sel_start.png);
		}



		ul#nav a#webdesign {
		background-image: url(../images/navigation/off_webdesign.png);
		}	

		ul#nav a#webdesign:hover {
		background-image: url(../images/navigation/hover_webdesign.png);
		}

		ul#nav a#sel_webdesign {
		height: 51px;
		background-image: url(../images/navigation/sel_webdesign.png);
		}

	

	

		ul#nav a#printdesign {
		background-image: url(../images/navigation/off_printdesign.png);
		}	

		ul#nav a#printdesign:hover {
		background-image: url(../images/navigation/hover_printdesign.png);
		}

		ul#nav a#sel_printdesign {
		height: 51px;
		background-image: url(../images/navigation/sel_printdesign.png);

		}




		ul#nav a#fotografie {
		background-image: url(../images/navigation/off_fotografie.png);
		}	

		ul#nav a#fotografie:hover {
		background-image: url(../images/navigation/hover_fotografie.png);
		}

		ul#nav a#sel_fotografie {
		height: 51px;
		background-image: url(../images/navigation/sel_fotografie.png);
		}

		

		

		ul#nav a#portfolio {
		background-image: url(../images/navigation/off_portfolio.png);
		}

		ul#nav a#portfolio:hover {
		background-image: url(../images/navigation/hover_portfolio.png);
		}

		ul#nav a#sel_portfolio {
		height: 51px;
		background-image: url(../images/navigation/sel_portfolio.png);
		}



		ul#nav a#kontakt {
		background-image: url(../images/navigation/off_kontakt.png);
		}

		ul#nav a#kontakt:hover {
		background-image: url(../images/navigation/hover_kontakt.png);
		}

		ul#nav a#sel_kontakt {
		height: 51px;
		background-image: url(../images/navigation/sel_kontakt.png);
		}



a { 
	color: #2f72ac;
  	text-decoration: none;
 	outline: none; 
}

  

a.dotted { 
	color: #0096ff;
	text-decoration: none;
	border-bottom: 1px dotted;
	outline: none; 
}



a.dotted:hover { 
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted;
	outline: none; 
}



a:hover { 
text-decoration: underline;
}

  

a img { 
border: none; 
}



p, dl, ul, address { 
line-height: 18px;  
}

  

h1, h6, h2, h3 { 
font: 16px "tahoma", sans-serif;
text-indent: -9999px;
}



h4 {
font-size:12px;
color: #2f72ac;
margin-bottom:10px;
}









h1#impressum_hl {
	background: url(../images/impressum_hl.png) left no-repeat;
	}



  

h2.webdesign_hl {
	background: url(../images/webdesign.gif) left no-repeat;
	margin-left: 5px;
	}

	

h2.printdesign_hl {
	background: url(../images/printdesign.gif) left no-repeat;
	margin-left: 5px;
	}

	

h1.fotografie_hl {
	background: url(../images/fotografie.gif) left no-repeat;
	margin-left: 5px;
	}


h2#w_homepage_hl {
	background: url(../images/headlines/w_homepage.png) left no-repeat;
	}

	
h2#w_domain_hl {
	background: url(../images/headlines/w_domain.png) left no-repeat;
	}


h2#w_webhosting_hl {
	background: url(../images/headlines/w_webhosting.png) left no-repeat;
	}	



h2#w_suchmaschine_hl {
	background: url(../images/headlines/w_suchmaschine.png) left no-repeat;
	}



h2#w_cms_hl {
	background: url(../images/headlines/w_cms.png) left no-repeat;
	}


h2#w_konzeption_hl {
	background: url(../images/headlines/w_konzeption.png) left no-repeat;
	}

	
h2#w_gestaltung_hl {
	background: url(../images/headlines/w_gestaltung.png) left no-repeat;
	}


h2#w_programmierung_hl {
	background: url(../images/headlines/w_programmierung.png) left no-repeat;
	}	



h2#w_veroeffentlichung_hl {
	background: url(../images/headlines/w_veroeffentlichung.png) left no-repeat;
	}



h2#w_hinweis_hl {
	background: url(../images/headlines/w_hinweis.png) left no-repeat;
	}


h2#w_struktur_hl {
	background: url(../images/headlines/w_struktur.png) left no-repeat;
	}	



h2#w_texte_hl {
	background: url(../images/headlines/w_texte.png) left no-repeat;
	}












h2#webentwicklung_hl {
	background: url(../images/headlines/webentwicklung.gif) left no-repeat;
	}

	

h2#leistungen_webdesign_hl {
	background: url(../images/headlines/leistungen_webdesign.png) left no-repeat;
	}



h2#printdesign_gzd_hl {
	background: url(../images/headlines/gut_zum_druck.png) left no-repeat;
	}

	

h2#leistungen_printdesign_hl {
	background: url(../images/headlines/leistungen_printdesign.png) left no-repeat;
	}

	

h2#leistungen_fotografie_hl {
	background: url(../images/headlines/leistungen_fotografie.png) left no-repeat;
	}

	

h1#fotografie_hl {
background: url(../images/headlines/fotografie_leidenschaft.png) left no-repeat;
}



h2#kunden_hl {
	background: url(../images/headlines/portfolio.png) left no-repeat;
	margin-bottom: 10px;
	padding-top:10px;	}



h2#kontakt_hl {
	background: url(../images/headlines/kontakt.png) left no-repeat;
	}





h3#objektive_hl {
background: url(../images/headlines/objektive.png) left no-repeat;
}



h3#mavision_hl {
background: url(../images/headlines/mavision.png) left no-repeat;
}

h3#zmt_hl {
background: url(../images/headlines/zmt.png) left no-repeat;
}

h3#forum2_hl {
background: url(../images/headlines/gesundheitsrecht.png) left no-repeat;
}




h3.druckservice_hl {
background: url(../images/headlines/druckservice.png) left no-repeat;
}


h3#vorteile {
background: url(../images/headlines/vorteile.gif) left no-repeat;
}


h3#steindorff_hl {
background: url(../images/headlines/steindorff-institut.png) left no-repeat;
}


h3#tapetendruck_hl {
background: url(../images/headlines/tapetendruck.png) left no-repeat;
}


h3#schoenebesserung_hl {
background: url(../images/headlines/schoenebesserung.png) left no-repeat;
}


h3#sekretariat_hl {
background: url(../images/headlines/sekretariat.png) left no-repeat;
}


h3#gesundheitsrecht_info_hl {
background: url(../images/headlines/gesundheitsrecht_info.png) left no-repeat;
}


h3 { 
font-size: 16px;
}

 

h2.heading {
color: #FFFFFA;
}




div#site h2 {
	color: #0096ff;
	margin-top: 10px;
   }

 

.err { 
color: #C80D0D;
width: 200px;
padding-bottom: 20px; 
}



abbr { 
	border: 0; 
}



.no

{ text-indent: -9999px; }



/*-----------------------------------------------------------------MENU -------------------------------------------------------------------*/



#top {
	width: 750px;
	height: 55px;
}



ul#menu { 
	float: right;
}



ul#menu li {
	display: inline;
	list-style-type: none;
}



ul#menu li#menu_selected a {
	color: #fffffa;
	padding-top: 20px;
	border-left: 1px solid #666;
}



ul#menu a {
color: #B5B5B5;
font-size: 11px;
display: block;
float: left;
padding: 10px 15px 0 5px;
border-left: 1px solid #444;
}



ul#menu a:hover {
color: #fffffa;
text-decoration: none;
}







/*-----------------------------------------------------------------HEADER -------------------------------------------------------------------*/



#willkommen, 

#webdesign, 

#printdesign, 

#fotografie, 

#service,

#leistungen,

#portfolio,

#kontakt, 

#impressum_head, 

#wir, 

#impressum

{ 
	width: 750px;
	height: 197px;
	clear: both;
	background: no-repeat; 
	text-indent: -9999px;
	overflow: hidden;
}

  

#willkommen { 
background-image: url(../images/headerimage_start.gif); 
}



#webdesign {
background-image: url(../images/headerimage_webdesign.gif); 
}



#printdesign { 
background-image: url(../images/headerimage_printdesign.gif); 
}



#service { 
background-image: url(../images/headerimage_service.gif); 
}



#fotografie {
background-image:url(../images/headerimage_fotografie.gif);
}



#leistungen {
background-image: url(../images/headerimage_leistungen.gif);
}



#portfolio {
background-image: url(../images/headerimage_portfolio.gif);

}

	

#kontakt { 
background-image: url(../images/headerimage_kontakt.gif); 
}


#impressum_head { 
background-image: url(../images/headerimage_start.gif); 
}



#wir { 
background-image: url(../img/wir.jpg); 
}



#agb { 
background-image: url(../img/agb.jpg); 
}



#impressum { 
background-image: url(../img/impressum.jpg); 
}



.ription { 
	text-indent: -9999px; 
}



/*THICKBOX------------------------------------------

*/



#right {
	width: 205px;
	float: right;
	margin-bottom: 20px;
	padding: 0px 30px 0px 15px;
} 



div#package ul {
	list-style:none;
	list-style-type:none;
}



div#package h1 {
	margin-bottom: 10px;
	font-size: 20px;
}




/* ------------------------------------------------------------------ FOOTER ------------------------------------------------------------------*/



#footer { 
	width: 750px;
	height: 100px;
	margin-top: 30px;
}


#footer p { 
	padding: 20px 0 0 0px; 
}



#footer p a { 
border-right: 1px solid #ccc;
padding-right: 5px; 
}

  

#footer .footerlink { 
	padding-left: 2px;
}





/* ------------------------------------------------------------------ PORTFOLIIO--------------------------------------------------------------------*/



div.client {

width: 750px;
height: 280px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #c9c9c9;
}





div.client h3 {
	margin-bottom: 10px;
	margin-left:8px;
	font-size: 16px;
	}

	

div#content h3 {
	color: #2f72ac;
	font: 16px "tahoma", sans-serif;
    letter-spacing: -1px;
	margin-top: 15px; 
    }

	



div.client img {
	border: none;
	float: left;
}

	

	

div.client dl {
	float: right;
	width: 300px;
	}

	

div.client dt {
	font-weight: bold;
	}

	

div.client dd {
	margin-bottom: 10px;
	}

	




 /* ------------------------------------------------------------------ Start --------------------------------------------------------------------*/




.three_titel { 
	width: 230px;
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0px 10px 0px 10px;
}



.three_titel p,

.three_titel h1,

.three_titel h2

{ 
	padding-left: 5px;
	padding-right: 30px; 
}



.three_titel img {
margin: 0px 0 0 0px; 
}



.three_titel p,

#bottom_content p

{ margin-bottom: 10px; }



#bottom_content img { 
	margin-bottom: 10px;
	border: solid 1px #c7d1d4; 
}



.three_column h1
{ margin-top: 0px; }



.three_titel p

{ padding-top: 0;
  margin-top: 0;
  padding-right: 0;
  margin-right: 0; }



.l_ico {
	border: solid 1px #c7d1d4;
}




.desc {
padding-bottom: 2px;
}





 
 
.go_content {
padding-right: 5px;
height: 9px;
width: 9px;
}



.go_contentx {
padding-top: 10px;
}



.braun_bullet  {
	background: url(../images/bullet_braun_webseiten.png) left no-repeat;
	padding: 0 0 1px 14px;
	}



.bg
{ background: url(../images/bgstart.gif) top right no-repeat; }



#bottom_content
{ clear: both;
  width: 750px;
  background: url(../images/neuaktuell.png) top no-repeat;
  height: 31px; }


#impressum_w3c
{ clear: both;
  width: 750px;
  height: 31px; }



  

#bottom_content div
{ width: 330px;
  float: left;
  margin-top: 35px;
  padding: 0px 20px 0px 15px; }



#bottom_content h3 { 
	color: #545454;
	margin-bottom: 0px; 
}



 /* ------------------------------------------------------------------ OTHERSITES --------------------------------------------------------------------*/




#right { 
	width: 205px;
	float: right;
	margin-bottom: 20px;
	padding: 15px 30px 0px 15px; 
} 



#content { 
  width: 455px;
  float: left;
  background: url(../images/bgleistungen.gif) top right no-repeat;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 0px 30px 0px 15px; 
  }


#content_impressum { 
  width: 700px;
  float: left;
  background: url(../images/bgleistungen.gif) top right no-repeat;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 0px 30px 0px 15px; 
  }

#impressum_w3c div
{ width: 330px;
  float: left;
  margin-top: 35px;
  padding: 0px 20px 0px 15px; }



#right p,

#content p,

#right dl,

#right dt

{ margin-top: 10px; }



#content ul {
list-style: none;
margin-bottom: 15px;
margin-top: 5px;
}



#right dt
{ font-weight: bold;
  border-bottom: 1px solid #ccc; }



#right dd

{ margin-top: 5px; }



#content ul

{

  list-style: none; }



#content h2,

#right h2

{ color: #0096ff;
  margin-top: 20px;
  }



#content p

{ line-height: 18px; }



 /* ----------------------------------------------------------------- Kontakt --------------------------------------------------------------------*/




fieldset {

border: 0;

}



  fieldset #n, fieldset #e, fieldset #s, fieldset #m {

  margin: 4px 0 10px 0;
  border-right: 1px solid #F6F6EC;
  border-bottom: 1px solid #c7d1d4;
  border-top: 1px solid #F6F6EC;
  border-left: 1px solid #F6F6EC;
  background-color: #f7f7f7;
  padding: 2px;
  font: 14px Tahoma;
  width: 450px;
  color: #0096ff;
  }

  

  fieldset #n:focus, fieldset #e:focus, fieldset #s:focus, fieldset #m:focus {
  color: #0096ff;
  }

  

  fieldset #m {
  width: 450px;
  }

  

  label {
  padding-top: 20px;
  }



#right address
{ font-style: normal; }



#right h2
{ margin-top: 20px; }



/*--------------------------------------------------------------- Kontaktformular -----------------------------------------------------------------*/

fieldset {

background-color: #ffffff;
width: 400px;
padding: 0px;
}



#namefield, #emailfield, #messagefield {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	font: 16px Tahoma, "Times New Roman", serif;
	color: #999999;
	margin: 5px 0 10px 0;
	padding: 3px;
	width: 420px;
	height: 20px;
	}

	

#messagefield {
	height: 150px;
	}

	

#namefield:focus, #emailfield:focus, #messagefield:focus {
	color: #2f72ac;
	}

	

fieldset label {
	font-weight: bold;
	}

	

.button {
	border: 1px solid #CCCCCC;
	background-color: #fff;
	font: 11px Tahoma, Helvetica, sans-serif;
	width: 60px;
	height: 25px;
	color: #5e5e5e;
	padding: 4px;
	}



/*-------------------------------------------------------------- Fotografie ----------------------------------------------------------------*/	



img.foto  { 
    margin-right: 10px;
	padding: 1px;
	border: 1px solid #c7d1d4;
	}



img.foto a:hover {
	border: 1px solid #2f72ac;
	}