body { 
  margin: 0;
  padding: 0;
  background: #003882;
  font: 10pt Trebuchet MS, Times New Roman, Arial, Tahoma, Verdana;
  color: #004462;
  scrollbar-face-color: #68A3EF;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #68A3EF;
  scrollbar-darkshadow-color: #000000;
  scrollbar-shadow-color: #003882;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;
}

div#site {
  width: 886px;
  margin: 25px auto 0 auto;
}

h1 { 
  position: relative;
  height: 44px;
  width: 296px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  color: #003882;
}

h1 span { 
  background: url(../images/layout/logo.jpg) no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
}

h2 {
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 15pt;
  color: #004462;
  letter-spacing: 1px;
}

h2 a {
  color: #68A3EF;
}

h3 {
  font-size: 11pt;
  margin: 0 0 3px 0;
  padding: 0;
}

p {
  margin: 0 0 10px 0;
  padding: 0;
  font: 10pt Trebuchet MS, Arial, Verdana, Arial, Tahoma;
  color: #004462;
}

ul {
  padding: 0;
  margin: 0 0 10px 0;
  list-style: square;
}

li {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #004462;
}

hr { 
  background: #c0c0c0;
  color: #c0c0c0;
  border: #c0c0c0;
  height: 1px; 
  clear: both;
}

fieldset {
  border: 0;
}

input, select, textarea { 
  border:1px solid white; 
  font: 10pt Trebuchet MS, Times New Roman, Arial, Tahoma, Verdana;
  padding: 2px;
  width: 220px;
}

input.button {
  width:auto;
  background: white;
  padding: 2px 5px;
}

ul#navigation {
  font: 10.5pt Trebuchet MS, Verdana, Arial, Tahoma;
  letter-spacing: 1px;
  list-style: none;
  margin: 0 5px 10px 0;
  padding: 0;
  float: right;
}

ul#navigation li {
 display: inline;
 padding: 0 6px;
 margin: 0;
}

ul#navigation li a {
  color: #68A3EF;
  text-decoration: none;
  font-weight: bold;
}

ul#navigation li a:hover, ul#navigation li a#aktiv {
  color: white;
}

div#content {
  height: 453px;
  clear: both;
  overflow: auto;
}

div#content-in {
  padding: 20px 35px 0 35px;
}

div.home {
  background: url(../images/layout/home.jpg) no-repeat;
}

div.malteser {
  background: url(../images/layout/malteser.jpg) no-repeat;
}

div.malteser-welpen {
  background: url(../images/layout/malteser-welpen.jpg) no-repeat;
}

div.yorkies {
  background: url(../images/layout/yorkies.jpg) no-repeat;
}

div.yorkies-welpen {
  background: url(../images/layout/yorkies-welpen.jpg) no-repeat;
}

div.content {
  background: url(../images/layout/back.jpg) no-repeat;
}

div#text {
  width: 400px;
  margin: 0 auto;
}

div#links {
  width: 550px;
  margin: 0 auto;
  height: 400px;
  overflow: auto;
}

div#kontakt {
  width: 340px;
  float: left;
}

div#gaestebuch-eintrag {
  width: 390px;
  float: left;
}

div#gaestebuch {
  background: white;
  width: 410px;
  height: 350px;
  margin: 10px 0 0 0px;
  overflow: auto;
}

div#gaestebuch-in {
  padding: 15px;
}

div#gaestebuch p.gaestebuch-kontakt {
  color: #2F71BF;
  margin-bottom: 3px;
}

div#gaestebuch p.gaestebuch-kontakt a {
  color: #2F71BF;
}

div#malteser {
  margin: 30px 0 0 320px;
}

div#yorkies {
  margin: 30px 320px 0 0;
}

div#fotos {
  width: 350px;
  float: left;
}

div#fotos img {
  border: 1px solid white;
}

div#galerie img {
  border: 1px solid white;
  margin: 0 15px 15px 0;
}

div#home {
  font-size: 20pt;
  font-weight: bold;
  text-align: center;
  padding-top: 150px;
}

div#home a {
  color: #68A3EF;
}

div#home a:hover {
  color: #003882;
}

#form label.left { 
  float:left;
  text-align: right; 
  width: 130px; 
  margin: 0 .6em .8em 0; 
}

#form input.right { 
  float:left;
  clear: both;
  margin: 0 .4em 0 135px;
}

#form br { 
 clear: both; 
}