/* Style-Datei für Bildschirm */

body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
text-align:center;
}

p {
margin:0.2em 0 1.2em 0;
padding:0.3em;
}

h2 {
color:#FFFFFF;
font-size:150%;
font-weight:normal;
margin:0.2em 0 1.2em 0;
padding:0.3em;
font-style:italic;
}

div {
margin:0;
padding:0;
display:block;
}

a:link, a:visited {
color:#8CD749;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

a:active {
color:#8CD749;
text-decoration:underline;
}

/*Layout*/
.container {
margin:0 auto 0 auto;
padding:0;
width:750px;
color: #FFFFFF;
background-color: #008000;
background-image: url(images/background_container.gif);
}

.titleblock {
margin:0;
padding:1em;
text-align:left;
}

.titleblock p {
text-indent:4em;
color:#3B4471;
}

.content {
clear:left;
text-align:left;
margin:1.2em 0 0 0;
padding:1em 1ex 1em 1.5ex;
line-height: 1.5em;
}

.footer {
color:#CCCCCC;
font-size:75%;
text-align:left;
clear:both;
height: 178px;
background-image: url(images/container_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
}

.footer .right {
float:right;
clear:right;
text-align:right;
}

.footer p {
margin:0;
}

.printadress {
visibility:hidden;
position:absolute;
}

.gaestebuch {
width: 370px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #009900;
margin: 0.4em;
padding: 0.3em;
}

.gaestebuchentry {
clear: left;
float: right;
}

/*Navigation*/
ul.navbar {
list-style-type:none;
float:left;
display:block;
width:750px;
clear:both;
margin:0;
padding:0;
background-color:#006600;
}

ul.navbar li {
display:inline;
}

ul.subbar {
list-style-type:none;
float:left;
display:block;
width:750px;
clear:both;
margin:0;
padding:0;
background-color:#008200;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #006600;
}

ul.subbar li {
display:inline;
}

a.nav:link, a.nav:visited {
display:block;
float:left;
width:149px;
padding:0.6em 0;
margin:0;
text-decoration:none;
background-color:#006600;
color:#FFFFFF;
letter-spacing: 1px;
}

a.sub:link, a.sub:visited {
display:block;
float:left;
padding: 0.3em 1.2em;
margin: 0;
text-decoration:none;
color:#FFFFFF;
}

a.nav:hover, a.navselected:link, a.navselected:visited {
display:block;
float:left;
width:149px;
padding:0.6em 0;
margin:0;
text-decoration:none;
background-color:#008200;
color:#FFFFFF;
letter-spacing: 1px;
}

a.nav:active {
display:block;
float:left;
width:149px;
padding:0.6em 0;
margin:0; 
text-decoration:none;
background-color:#008200;
color:#FFFFFF;
}


/*Formular*/
input {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #009900;
border: 1px solid #FFFFFF;
width: 300px;
margin: 0.3em;
padding: 0.3em;
background-image: url(images/background_container.gif);
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #009900;
border: 1px solid #FFFFFF;
width: 300px;
margin: 0.3em;
padding: 0.3em;
background-image: url(images/background_container.gif);
}

.fotoalbum {
margin: 1em;
padding: 1em;
clear: left;
float: right;
border: 1px solid #009900;
}

img
{
border:0;
}