body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background: #ffffff url(../images/bg.gif) repeat-x top left;
  font: 11px Verdana, Arial, Tahoma,  sans-serif;
  text-align: center;
}



p { 
	font: 12px Verdana, Arial, Tahoma, sans-serif;  
	margin-top: 0px; 
	line-height: 15px;
	}

a:link { 
	text-decoration: none; 
	color: #990000;
	font-weight: normal;
	}
a:visited { 
	text-decoration: none; 
	color: #663333;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #cc0000;
	}
	
a.bold {
	font-weight:bold;
	}
/*###################### Bilder ###############################*/
a.th:hover img {
  border: 5px solid #999999;
}

a.th:active img {
  border: 5px solid #999999;
}

a.thcurrent img {
  border: 5px solid #990000;
}


img.th {
  border: 5px solid #eaeaea;
}

#links img.th {
 margin: 0 0px 10px 0px;
}

/*###################### Portfolio ###############################*/

#seitenzahlen {
	line-height:18px;
	text-align:center;
}

#seite {
	float:left;
	padding: 0px 10px 0px 0px;
	text-align:left;
}

#seitenzahlen a, #seitenzahlen a:link, #seitenzahlen a:visited {
	text-decoration:none;
	color:#000000;
	display:block;
	width:22px;
	background-color:#f3f3f3;
	float:left;
	border-right:#ffffff solid 1px;
}

#seitenzahlen a:hover {
	text-decoration:none;
	color:#ffffff;
	display:block;
	width:22px;
	background-color:#990000;
	float:left;
	font-weight:bold;
}

.aktiv {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-color:#990000;
	float:left;
	font-weight:bold;
	width:22px;
}

/*###################### Hintergrund mit Schatten ###############################*/


#container_header {
  width: 795px;
  margin: 0px auto;
  padding: 0 22px 0 22px;
  text-align: left;
  background: url(../images/bg_header.jpg) repeat-y top left;
}



/*###################### Pageheader mit Logo ###############################*/

#pageheader {
  height: 50px;

}

#pageheader h1 { 
    text-align: right;
	width: 194px; 
	height: 24px;
	margin: 0px 0px 0px 26px;
	}
	
#pageheader h1.logo { 
	background: transparent url(../images/logo.gif) no-repeat top right; 
	}

	
#pageheader h1 span {
	display:none
	}

/*###################### Hauptnavigation ###############################*/

#navi {
  float: left;
  width: 251px;
  height: 250px;
  margin-right: 0px;
  background-color: #f5f5f5;
  border-top: 8px solid #f5f5f5;
  border-bottom: 8px solid #f5f5f5;
}


	
#navi_menu {
	width: 250px;
	padding-top: 30px;
	}
	

#navi_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	

#navi_menu li a {
  	height: 30px;
	height /**/:30px; /* for IE5/Win only */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	display: block;
	text-decoration: none;
	border-style: none none solid none;
	border-color: #D0D0D0;
	border-width: 1px;

	}	
	
	
#navi_menu li a:hover {
	color: #fff;
	background-position: 0 -30px;
	text-align: right;
	}
	
#navi_menu li a:active, #navi_menu li a:selected  {
	color: #fff;
	background-position: 0 -60px;
	text-align: right;

	}

#navi_menu span {
 display: none;
}



#navi_home a  {
    width: 250px;
	background: url(../images/nav/home.gif) top left no-repeat;
	}
	
#navi_home a.current  {
	background-position: 0 -60px;
	}

#navi_service a  {
    width: 250px;
	background: url(../images/nav/service.gif) top left no-repeat;
	}
	
#navi_service a.current  {
	background-position: 0 -60px;
	}

#navi_portfolio a  {
    width: 250px;
	background: url(../images/nav/portfolio.gif) top left no-repeat;
	}
	
#navi_portfolio a.current  {
	background-position: 0 -60px;
	}

#navi_fotoarchiv a  {
    width: 250px;
	background: url(../images/nav/fotoarchiv.gif) top left no-repeat;
	}
	
#navi_fotoarchiv a.current  {
	background-position: 0 -60px;
	}

#navi_portrait a  {
    width: 250px;
	background: url(../images/nav/portrait.gif) top left no-repeat;
	}
	
#navi_portrait a.current  {
	background-position: 0 -60px;
	}

#navi_kontakt a  {
    width: 250px;
	background: url(../images/nav/kontakt.gif) top left no-repeat;
	}
	
#navi_kontakt a.current  {
	background-position: 0 -60px;
	}





/*###################### Titelbild ###############################*/

#titelbild {
  float: left;
  width: 501px;
  height: 250px;
  margin: 0px;
  border-top: 8px solid #eaeaea;
  border-bottom: 8px solid #eaeaea;
  border-left: 8px solid  #eaeaea;
}



#container_content {
  width: 795px;
  margin: 0px auto;
  padding: 0 22px 0 22px;
  text-align: left;
  background: #ffffff url(../images/bg_content.jpg) repeat-y top left;
}

.trennung {
  clear: left;
}


/*###################### Linke Spalte ###############################*/

#links {
  float: left;
  width: 251px;
  height: 250px;
  min-height: 250px;
  margin-right: 0px;
  background-color: #ffffff;
}

#links ul {
	list-style-type: none;
	margin:0px 0 0;
	padding: 0;
}
#links li {
	height: 25px;
}
#links li span {
	display: block;
	width:250px;
	height: 25px;
	line-height: 25px;
	text-align: right;
}
#links li span a {
	color:#999999;
	padding-right: 30px;
	display: block;
	line-height: 25px;
	height: 25px;
	text-decoration:none;
	font-weight: normal;
	font-size: 12px;
}

#links li span a:hover {
	color: #000000;

}

#links #currentunav a {
	color: #000000;
	font-weight: normal;
	background-image: url(../images/pfeil_menu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-position: 220px 8px;
}

#links p{
	margin: 0px 10px 0px 25px;
}


#links img.h1 
{
	padding-left: 170px;
}


/*###################### Like Spalte Titel ###############################*/	
#links h1 { 
	width: 250px; 
	height: 28px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	}
	
#links h2 {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	text-transform: uppercase;
}


#links h1.drei { 
	background: transparent url(../images/titel/dieletztendrei.gif) no-repeat top right; 
	margin-right: 80px;
	}

#links h1.inhalt { 
	background: transparent url(../images/titel/inhaltsverzeichnis.gif) no-repeat top right; 
	margin-right: 80px;
	}
	
#links h1 span {
	display:none
	}



/*###################### Inhalt Content ###############################*/	
#content {
  float: left;
  width: 501px;
  height: 250px;
  min-height: 250px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}


#content p{
  padding-right: 50px;
}

#content ul {
	font-size: 12px;
	list-style-image:url(../images/ul_pic.gif);
	margin:0px 0 5px 18px;
	padding: 0;
	line-height: 15px;
}



/*###################### content Titel ###############################*/	
#content h1 { 
	width: 300px; 
	height: 28px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	}
	
#content h2 {
	color: #999999;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;
}


#content h1.willkommen { 
	background: transparent url(../images/titel/willkommen.gif) no-repeat top left; 
	}

	
#content h1.konzeption { 
	background: transparent url(../images/titel/konzeption.gif) no-repeat top left; 
	}

#content h1.werbung { 
	background: transparent url(../images/titel/werbung.gif) no-repeat top left; 
	}
#content h1.buecher { 
	background: transparent url(../images/titel/buecher.gif) no-repeat top left; 
	}
#content h1.plakate { 
	background: transparent url(../images/titel/plakate.gif) no-repeat top left; 
	}
#content h1.texte { 
	background: transparent url(../images/titel/texte.gif) no-repeat top left; 
	}
#content h1.fotografie { 
	background: transparent url(../images/titel/fotografie.gif) no-repeat top left; 
	}
#content h1.webdesign { 
	background: transparent url(../images/titel/webdesign.gif) no-repeat top left; 
	}
#content h1.firma { 
	background: transparent url(../images/titel/firma.gif) no-repeat top left; 
	}
#content h1.news { 
	background: transparent url(../images/titel/news.gif) no-repeat top left; 
	}
#content h1.team { 
	background: transparent url(../images/titel/team.gif) no-repeat top left; 
	}
#content h1.partner { 
	background: transparent url(../images/titel/partner.gif) no-repeat top left; 
	}
#content h1.fotoarchiv { 
	background: transparent url(../images/titel/fotoarchiv.gif) no-repeat top left; 
	}
#content h1.adresse { 
	background: transparent url(../images/titel/adresse.gif) no-repeat top left; 
	}
#content h1.formular { 
	background: transparent url(../images/titel/formular.gif) no-repeat top left; 
	}
#content h1.lageplan { 
	background: transparent url(../images/titel/lageplan.gif) no-repeat top left; 
	}
#content h1.logo { 
	background: transparent url(../images/titel/logo.gif) no-repeat top left; 
	}
#content h1.print { 
	background: transparent url(../images/titel/print.gif) no-repeat top left; 
	}
#content h1.web { 
	background: transparent url(../images/titel/web.gif) no-repeat top left; 
	}
#content h1.weitere { 
	background: transparent url(../images/titel/weitere.gif) no-repeat top left; 
	}
#content h1.links_h2 { 
	background: transparent url(../images/titel/links_h2.gif) no-repeat top left; 
	}
#content h1.wettbewerb_h2 { 
	background: transparent url(../images/titel/wettbewerb_h2.gif) no-repeat top left; 
	}
#content h1.news_h2 { 
	background: transparent url(../images/titel/news_h2.gif) no-repeat top left; 
	}
#content h1.inhaltsverzeichnis { 
	background: transparent url(../images/titel/inhaltsverzeichnis.gif) no-repeat top left; 
	}
#content h1.vorschlag1 { 
	background: transparent url(../images/titel/vorschlag1.gif) no-repeat top left; 
	}
#content h1.vorschlag2 { 
	background: transparent url(../images/titel/vorschlag2.gif) no-repeat top left; 
	}
#content h1.vorschlag3 { 
	background: transparent url(../images/titel/vorschlag3.gif) no-repeat top left; 
	}	
#content h1 span {
	display:none
	}



/*###################### Footer ###############################*/	
#footer {
  clear: left;
  width: 795px;
  margin: 0px auto;
  padding: 0 22px 0 22px;
  background: url(../images/bg_footer.jpg) no-repeat top left;
}

#footer p {
  font-size: 10px;
  color: #999999;
  padding-left: 270px;
  text-align: left;
}