body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
background-color:#DDDDDD;}

p {
margin:0.2em 0 1.2em 0; padding:0.3em;}

h1  { color: purple; font-size: 250%; font-family: "Trebuchet MS", verdana, arial, sans-serif; font-style: italic; font-weight: normal; margin: 0; padding: 0 }

h2 {
background-color:#DDDDDD; color:#3B4471; font-size:140%; font-weight:normal; margin:0.2em; padding:0; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}


h3 {
background-color:#DDDDDD; color: purple; font-size:100%; font-weight:normal; margin:0.2em; padding:0; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}


div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color:#8CD749; text-decoration:underline;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#8CD749; text-decoration:underline;}


.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:75%;}

.titleblock  { background-image: url("Haus.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock p {
text-indent:4em; color:#3B4471;}


.titleblock2  { background-image: url("kopfschwimmbad.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock2 p {
text-indent:4em; color:#3B4471;}


.titleblock3  { background-image: url("kopfspeisesaal.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock3 p {
text-indent:4em; color:#3B4471;}


.titleblock4  { background-image: url("kopfzimmer.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock4 p {
text-indent:4em; color:#3B4471;}


.titleblock5  { background-image: url("hausansicht.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock5 p {
text-indent:4em; color:#3B4471;}


.titleblock6  { background-image: url("spinne.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock6 p {
text-indent:4em; color:#3B4471;}


.titleblock7  { background-image: url("01_logo.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock7 p {
text-indent:4em; color:#3B4471;}


.titleblock8  { background-image: url("kopffreizeit01.jpg"); background-repeat: no-repeat; background-position: right center; text-align: left; margin: 0; padding: 2em }

.titleblock8 p {
text-indent:4em; color:#3B4471;}








ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:0.5em; 
clear:both; margin:0; padding:0; background-color:#999999;}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width:25%; padding:0.5em 0 0.5em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

a.nav:hover  { color: #ffffff; text-decoration: none; background-color: purple; display: block; margin: 0; padding: 0.5em 0; width: 25%; float: left }

a.nav:active {
display:block; float:left; width:25%; padding:0.5em 0 0.5em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}


.rightcontainer {
float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0;}

.rightbox {
margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:center;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}



.content {
clear:left; text-align:left; margin:0 13.5em 0 0; padding:1em 1ex 1em 1.5ex;}

.content img {
   padding : 0 0 1em 1em ;
   float : right;}



.content h2 {text-indent:1em;}



.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}