body {
	margin: 0;
	padding: 0;
	height:100%;
	font:12px/20px Arial, Helvetica, sans-serif;
	color: rgb(102,102,102);
	background-color:rgb(53,155,212);
}


/* Formatierung */

a:link, a:visited{
  text-decoration:none;
}

#nav a.current-link:link, #nav a.current-link:visited{
	color: rgb(25,140,205);
}

#nav a:link, #nav a:visited{
    padding-right:10px;
}

h1, p.kontakt, span.date, #nav a:hover, #nav a:active, 
p.kontakt a:hover, p.kontakt a:active, table a:hover, table a:active, 
a.link-inhalt:hover, a.link-inhalt:active, .blue {
  color:rgb(25,140,205);
}

h1{
  font: normal 22px "Times New Roman", Times, serif;
  margin-top:10px;
}


h2{
  font: normal 16px Arial, Helvetica, sans-serif;
}


h3{
  font: normal 13px Arial, Helvetica, sans-serif;
  color: rgb (25,140,205);
}

h1.zitat{
  font: italic 30px "Times New Roman", Times, serif;
  color: rgb(83,83,83);
  margin: 15px 0 0 0;
}

.zitat-ref{
  font-style:italic;
}

p.author{
  font-style:italic;
  text-align:right;
}

p.kontakt-ueberschrift {
  color:rgb(83,83,83);
  margin:10px 0 0 0;
  font-weight:bold;
}


p.kontakt {
  margin-top:5px;
  line-height:18px;
}

a:link, a:visited, span.aktuelles {
  color:rgb(83,83,83);
  font-weight:bold;
}

span.date {
  font-weight:bold;
}
  

img{
	border:none;
}

#nav img, #right img {
  padding-right:3px;
}

.blue{
	font-weight:bold;
}

table {
  border-collapse:collapse;
  width:100%;
  line-height:18px;
}

table.kontakt-aktuelles td {
  line-height:18px;
}

td {
  vertical-align: top;
}

td.space{
  height: 15px;
  font-size:1px;
}

td.links {
  padding-top:5px;
}

/* ###### */
/* Layout */
/* ###### */

#obermaster{
    position:relative;
	margin:0 auto 0 auto;
	width:840px;
    background:url(bilder/Website-Piccobello-punkt.gif) repeat-y top right;
}

#master{
    position:relative;
	margin:0;
	padding-top:1px;    /* sonnst erkennt firefox die margin-top angabe in #piccobello-logo nicht richtig! */
	padding-bottom:1px; /* sonnst erkennt firefox die margin-bottom angabe in #inhalt nicht richtig! */
	width:825px;
    background-color:rgb(188,217,232);
}

#piccobello-logo {
    background-color: #FFF;
    margin:9px 10px 0 10px;
	padding:15px 0 20px 25px;
}

#nav {
    background-color: #FFF;
    margin:10px 10px 0 10px;
	padding: 10px 0 10px 28px;
}

#main {
    position:relative;
    margin: 10px 0 0px 10px;
}


#inhalt-startseite, #inhalt-dienstleistung, 
#inhalt-ausgangssituation, #inhalt-referenzen, #inhalt-portrait, 
#inhalt-presserevue, #inhalt-links, #inhalt-impressum {
    background-color: #FFF;
	margin-right:205px;
	margin-bottom:10px;
	padding: 5px 28px 10px 28px;
}

#right-startseite, #right-dienstleistung, 
#right-ausgangssituation, #right-referenzen, #right-portrait, 
#right-presserevue, #right-links, #right-impressum {
    position:absolute;
	top:0;
	right:10px;
	padding: 0 15px 0 15px;
    background-color: #FFF;
	width:155px;
}

#inhalt-startseite {
	height: 580px;
}

#right-startseite {
	height: 595px;
}

#inhalt-dienstleistung {
	height: 710px;
}

#right-dienstleistung {
	height: 725px;
}

#inhalt-ausgangssituation {
	height: 530px;
}

#right-ausgangssituation {
	height: 545px;
}

#inhalt-referenzen {
	height: 1870px;
}

#right-referenzen {
	height: 1885px;
}

#inhalt-portrait {
	height: 530px;
}

#right-portrait {
	height: 545px;
}

#inhalt-presserevue {
	height: 520px;
}

#right-presserevue {
	height: 535px;
}

#inhalt-links {
	height: 860px;
}

#right-links {
	height: 875px;
}

#inhalt-impressum {
	height: 530px;
}

#right-impressum {
	height: 545px;
}