body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #808080; padding:0px;
background-image:url(images/background.jpg);
background-position:0px;0px;}

table,td {
}

h1{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 26px; color: white;} 

h3 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 15px; color: white;} 

p { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; color: white;} 

blockquote { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } 

pre { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18px; font color: white;}

h2_test{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#cfcfcf;
margin-bottom:20px;letter-spacing:1px;font-size: 48px;
border-bottom:solid 0px #746b64;
padding-bottom:4px;
    text-align:left;
}

h2{ font-family: Satisfy, cursive;
    font-size: 4em;
    color: white;
    padding-bottom:4px;
    text-align:left;
    line-height: 60px;
}

h4{ font-family: Satisfy, cursive;
    font-size: 16px;
    color: white;
    font color: white;
padding-bottom:4px;
    text-align:left;
    line-height: 20px;
}

li{
color: white;
line-height:20px;
}

a{
color: white;
line-height:20px;
}

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:black;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 22px; font-weight:bold;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 1px;margin-right: 1px;
line-height:44px;
text-align:center;
border:solid 1px #7F7F7F;
background-image:url(images/komplett_klein.jpg);
background-repeat:repeat-x;
}

#menu2 a:hover {background-color:#282828;color:#fff; text-decoration:none ;border:solid 1px #f7f7f7;
background-image:url(images/bu.jpg);
}

#main {
border-right:solid 1px #fff;border-left:solid 1px #fff;
}

#mainabout {
border-right:solid 1px #fff;border-left:solid 1px #fff;
font-size: 18px; font-weight:bold;
    text-align:center;
opacity: 0,7;
background-image:url(images/about.jpg);
    background-repeat: no-repeat;
  background-size: 100%;
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

#top {
max-width:100%;
height:650px;

background-image:url(images/head.jpg);
background-repeat: no-repeat;
background-size: auto;
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
padding-left:0px


}
#fusszeile {
height:120px; width:100%;
background-image:url(images/komplett1.jpg);
border-top: 0px solid white;
}

#leiste1 {height:0px;
height:40px;
letter-spacing:0px;
font-variant:small-caps;
padding-left:0px;
padding-bottom:0px;
width:100%
vertical-align:middle;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:center
}


#sp1 {text-align:justify; padding-left: 30px;padding-right:30px;padding-top: 40px;padding-bottom: 50px;
background-color:#303030;width:100%;
background-image:url(images/bgin.jpg);background-repeat:repeat-x;opacity: 0.9;
font-size: 14px;line-height: 18px;
}

#fussb {font: normal 13px verdana, sans-serif; color: #f7f7f7; padding:2px;
height:40px;
text-align:center;
background-color: #030303;

border-top:solid 1px #b6b6b6;
border-bottom:solid 1px #fff;
}

body
{scrollbar-arrow-color: #fff; scrollbar-base-color: #000;
scrollbar-highlight-color : #b6b6b6; scrollbar-shadow-color : #b6b6b6;
SCROLLBAR-TRACK-COLOR: #333333;}

.menu1 a , .menu1 a:visited , .menu1 a:active {display:block;
background-image:url(images/black.png)!important;
background-image:url(images/black.gif);background-repeat:repeat;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);color:#fff;
text-decoration:none ;
text-align:center;
width:200px;
border:solid 1px #b6b6b6;
font-size: 12px;line-height: 28px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
margin:1px;
}

.menu1 a:hover{background-image:url(images/black60.png)!important;
background-image:url(images/black.gif);background-repeat:repeat;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
color:#fff;
text-decoration:none ;

}

a:link, a:visited, a:active{font-size: 14px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;color:black;}

a:hover{ text-decoration:none;
color:#fff;
background-image:url(images/black60.png)!important;
background-image:url(images/black.gif)}


### Galerie Photohover ###

@import url(https://fonts.googleapis.com/css?family=Satisfy);
#galerie {
background:#ffffff;
-moz-border-radius:10px;
border-radius:10px;
    overflow: hidden;
padding:20px;
width:700px;
margin:20px auto;
}

#galerie img {
background:#ffffff;
width:500px;
margin:50px 400px;
padding:10px 10px 20px 10px;
opacity:1;
-moz-box-shadow: 0 0 5px 2px #ccc;
-webkit-box-shadow: 0 0 5px 2px #ccc;
box-shadow: 0 0 5px 2px #ccc;
-webkit-transform: rotate(-2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(-2deg);  /* FF3.5+ */
-o-transform: rotate(-2deg);  /* Opera */
transform: rotate(-2deg);
-webkit-transition: all 0.4s ease-out;  /* Saf3.1+, Chrome */
-moz-transition: all 0.4s ease-out;     /* FF3.5+ */
-o-transition: all 0.4s ease-out;  /* Opera */
transition: all 0.4s ease-out;
}

#galerie img:nth-child(2n) {
-webkit-transform: rotate(2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(2deg);  /* FF3.5+ */
-o-transform: rotate(2deg);  /* Opera */
transform: rotate(2deg);
}
#galerie img:hover {
opacity:1;
padding:0;
position:relative;
z-index:1;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
-webkit-transform: rotate(0deg) scale(2);  /* Saf3.1+, Chrome */
-moz-transform: rotate(0deg) scale(2);  /* FF3.5+ */
-o-transform: rotate(0deg) scale(2);  /* Opera */
transform: rotate(0deg) scale(2);
}


#center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mySlides {display: block; text-align: center;}