@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
border:none;
}

ul {
list-style-type:disk;
}

a:focus {
outline:none;
}
html {
/*min-height: 100%;
margin-bottom: 1px; */
height: 101%;
}

body {
background-color:#f7f7f7;
}

#all {
height:101%;
width:100%;
display:block;
}

#topstripe {
width:100%;
height:20px;
background-color:#151515;
}

#titelout {
height:129px;
background:repeat-x url(../img/layout/titelout.jpg);
width:100%;
}

#menuall {
margin:0 auto;
width:1024px;
height:100%;
}
#titellogo {
position:relative;
height:129px;
width:422px;
background:no-repeat url(../img/layout/logo.jpg);
float:left;
}

#titellogo a{
height:129px;
width:180px;
display:block;
}

#homebutton {
position:absolute;
top:106px;
left:197px;
height:23px;
width:200px;
}

#homebutton a {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#ffffff;
font-weight:normal;
display:block;
height:23px;
width:200px;
text-decoration:none;
}
#homebutton a:hover {
text-decoration:underline;
}

#menuback {
height:129px;
width:602px;
background:no-repeat url(../img/layout/menuback.jpg);
float:left;
}

/*START MENU FORMATIERUNG*/

#fragen {
width:139px;
height:29px;
margin:100px 0 0 3px;
float:left;
background:no-repeat url(../img/menu/fragenover.jpg);
display:block;
}
#fragen:hover img{
visibility:hidden;
}
#fragen a{
width:139px;
height:29px;
background:no-repeat url(../img/menu/fragenover.jpg);
display:block;
}

#naturbad {
width:139px;
height:29px;
margin:100px 0 0 3px;
float:left;
}
#naturbad a{
width:139px;
height:29px;
background:no-repeat url(../img/menu/naturbadover.jpg);
display:block;
}
#naturbad:hover img{
visibility:hidden;
}

#projekt {
width:139px;
height:29px;
margin:100px 0 0 10px;
float:left;
background:no-repeat url(../img/menu/projektover.jpg);
display:block;
}
#projekt:hover img{
visibility:hidden;
}
#projekt a{
width:139px;
height:29px;
background:no-repeat url(../img/menu/projektover.jpg);
display:block;
}

#zonen {
width:139px;
height:29px;
margin:100px 0 0 3px;
float:left;
background:no-repeat url(../img/menu/zonenover.jpg);
display:block;
}
#zonen:hover img{
visibility:hidden;
}
#zonen a{
width:139px;
height:29px;
background:no-repeat url(../img/menu/zonenover.jpg);
display:block;
}

/*END MENU FORMATIERUNG*/

/*FORMATIERUNG BLAUER STREIFEN STARTSEITE*/
#blueout_start {
height:132px;
background:repeat-x url(../img/layout/blueout.jpg);
width:100%;
}
#blueback_start {
height:132px;
width:1024px;
background:no-repeat url(../img/layout/blue.jpg);
margin:0 auto;
}

#bluecontent_start {
height:116px;
width:800px;
margin:0 27px 0 197px;
/*background-color:red;*/
padding:16px 0 0 0;
}
#bluecontent_start h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
text-align:justify;
color:#f7f7f7;
font-weight:bold;
text-decoration:none;
margin:0 0 10px 0;
}

/*FORMATIERUNG BLAUER STREIFEN*/

#blueout {
height:171px;
background:repeat-x url(../img/layout/blueout171.jpg);
width:100%;
}
#blueback {
height:171px;
width:1024px;
background:no-repeat url(../img/layout/blue171.jpg);
margin:0 auto;
}

#bluecontent {
height:155px;
width:800px;
margin:0 27px 0 197px;
/*background-color:red;*/
padding:16px 0 0 0;
}

#bluecontent h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
text-align:justify;
color:#f7f7f7;
font-weight:bold;
text-decoration:none;
margin:0 0 10px 0;
}
#bluecontent p{
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
text-align:justify;
color:#f7f7f7;
text-decoration:none;
margin:0 0 7px 0;
}

#bluecontent a{
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#f7f7f7;
text-decoration:underline;
font-style:italic;
}
#bluecontent a:hover {
text-decoration:underline;
color:#151515;
}

#bluecontent ul {
color:#f7f7f7;
}

#bluecontent ul a{
font-weight:normal;
font-style:normal;
text-decoration:none;
}
#bluecontent ul a:hover{
text-decoration:none;
}

/*FORMATIERUNG HAUPT INHALT*/

/*#maincontent ul li a{
font-size:8pt;
}*/
#maincontentframe {
height:100%;
width:1024px;
margin:0 auto;
}

#maincontent {
height:100%;
width:800px;
margin:0 27px 0 197px;
/*background-color:red;*/
padding:30px 0 0 0;
}

#maincontent a{
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#151515;
margin:7px 0 7px 0;
text-decoration:none;
}
#maincontent a:hover {
color:#0a95ce;
}

#maincontent img{
margin:0 0 20px 0;
}

#maincontent h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
color:#151515;
font-weight:bold;
text-decoration:none;
margin:0 0 7px 0;
/*float:left;*/
}
#maincontent h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#151515;
font-weight:bold;
text-decoration:none;
margin:0 0 5px 0;
/*clear:left;*/
}
#maincontent h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#151515;
font-weight:bold;
text-decoration:none;
margin:5px 0 5px 0;
clear:left;
}
#maincontent h4 {
text-align:right;
width:100%;
}
#maincontent h4 a {
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#464646;
font-weight:normal;

}

#maincontent p {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
text-align:justify;
color:#464646;
text-decoration:none;
margin:0 0 30px 0;
/*clear:left;*/
}

#maincontent p a{
color:#464646;
text-decoration:underline;
font-style:normal;
}

#galerie_projekt a{
width:90px;
margin:0;
}



#footer {
position:fixed;
bottom:0;
width:100%;
height:20px;
background-color:#242424;
}
#footercenter {
width:1024px;
margin:0 auto;
height:100%;
}

#footer p {
float:right;
font-family:Arial, Helvetica, sans-serif;
height:20px;
margin:2px 27px 0 0 ;
font-size:8pt;
color:#dcddde;
text-decoration:none;

}

#footer a {
font-family:Arial, Helvetica, sans-serif;
height:20px;
font-size:8pt;
color:#dcddde;
text-decoration:none;
}
#footer a:hover {
color:#ffffff;
text-decoration:underline;
}