html, body {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    min-width: 1160px;
    min-height: 100%; 
}  


/*Schriftarten*/
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 100, 300;
  src: url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'),                url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}

     
  
 
/*Links*/    
a:link, a:visited, a:active, a:focus  {
    color: #f15a24;
    text-decoration: none;
    } 

  
/*Überschriften*/

#content h1 {
    background-color:#ffffff;
    width:auto;
    display:inline-block;
    padding:0 2% 2% 2%;
    margin:0 0 4% 0%;
    border-top: thin solid;
    border-color:white;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}

#content1 h1 {
    background-color:#f1f1ef;/*#f1f1ef*/
    width:auto;
    display:inline-block;
    padding:1% 2% 2% 2%;
    margin-top:0; 
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}


#footer h1 {
    background-color:#dfdfdf;
    width:auto;
    display:inline-block;
    padding:1% 2% 2% 2%;
    margin:0 0 0 0%;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}

h1 {
    font-family: 'Source Sans Pro', Calibri;
    font-weight:100;
    color: #f15a24; 
    font-size: 3.5em;
    margin-left:2%;
    margin-bottom:4%;
    margin-top:1%;
    }

h2  {
    font-family: 'Source Sans Pro', ;
    font-weight: 100;
    color: #f15a24;
    font-size: 3.8em;
    }

h3 {
    font-family: 'Source Sans Pro', Calibri;
    font-weight: 100;
    color: #f15a24;
    font-size: 1.7em;
    }


/*Absätze*/        
p {
    font-family: 'Source Sans Pro', Calibri; 
    font-weight: 300;
    font-size: 1.3em;
    line-height:1.5em;
    }

span {
    color: #f15a24;
    
}

/*Wrapper*/
#wrapper {
    margin: 0 auto;
    width: 1160px; 
    min-width:1160px; 
    padding-left:5%;
     
}

#schlossberg {
    margin: -5% auto 0 auto;
    width: 1160px;
    height:800px;
    min-width:1160px;
  
    
}

/*Content*/
#content {
    padding: 0 0 15% 0;
    min-width: 100%;
    background-color: #f1f1ef;   
    }

/*Content1*/
#content1 {
    padding: 0 0 0 0;
    background: url(schlossberg.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:814px;
    clear:both;
    }


#content2 {
    clear:both;
    padding: 5% 0 7% 0;
    min-width: 100%;
    min-height:1650px;
    background-color:#dfdfdf;
     border-top: thin solid;
    border-color: #808080;
    }

div#center {
    width:1px;
    height:50%;
    margin-bottom:-150px; /* Hälfte der Container-Höhe */
    float:left;
}

#logo   {
    width:620px;
    height:300px;
    margin:0 auto;
    clear:left;  
    max-width:636px;
    max-height:234px;
    background: url(logo.png) no-repeat; 
    background-size:contain;
    background-position:center center;
    }

#header {
    background: url(header.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;
    margin-bottom:7%;
}

#titel  {
    color:#101010; 
   
    width:580px;
    height:110px;
    margin:0 auto;
    padding:1%;
    clear:left;
    background-color: white;
    text-align:center;
    display:block;
    font-family: 'Source Sans Pro', Calibri;
    font-weight: 300;
    font-size: 2em;
    line-height:1.7em;
    
     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow:0px 0px 8px 2px #444444; 
    }

#erklaerung {
    margin-left:2%;  
    margin-bottom:14%;  
}

#erklaerung:first-letter    {
    font-size:2em;
    color:#ed7f09;
}

#plakat-button {
   float:left;
    width:220px;
    height:30px;
    padding: 2%;
    margin-left:5%;
    text-align:center;
    background: #eeeeee;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:1.46em;
    display:block;
    border-radius:40px;
     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 6px 1px #808080;    
}

#plakat-button:hover {
   
    background-color:#afafaf;
    color:#dfdfdf;
     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 6px 1px #808080; 
    }

#flyer-button {
    float:left;
    width:200px;
    height:30px;
    padding: 2%;
    margin-left:12%;
    text-align:center;
    background: #eeeeee;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:1.46em;
 	display:block;
    border-radius:40px;
     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow:0px 0px 6px 1px #808080; 
}

#flyer-button:hover {
   
    background-color:#afafaf;
    color:#dfdfdf;
     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 6px 1px #808080;
    }

#versteigerung-button {
    float:left;
    width:200px;
    height:30px;
    padding: 2%;
    margin-left:12%;
    text-align:center;
    background: #eeeeee;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:1.46em;
 	display:block;
    border-radius:40px;
     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow:0px 0px 6px 1px #808080; 
}

#versteigerung-button:hover {
   
    background-color:#afafaf;
    color:#dfdfdf;
     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 6px 1px #808080;
    }

/*Veranstalter*/
#museum {
    position:relative;
    float:right;
    width: 176px;
    height: 212px;
    right:90%;
    top:10%;
    margin: 0 0 0 0;
    background-size:contain;
    background-position:center center;
    background: url(museum.png) no-repeat;  
    display:block; 
    -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;
}

#museum:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index:999;
    }

#rathaus    {
    position: relative;
    float:right;
    top:5%;
    right:23%;
    width: 175px;
    height: 208px;
    margin:0 0 0 0;
    background-size:contain;
    background-position:center center;
    background: url(rathaus.png) no-repeat;  
    display:block; 
    -webkit-transition: -webkit-transform 0.3s linear;
   -moz-transition: -moz-transform 0.3s linear; 
   -o-transition: -o-transform 0.3s linear; 
   transition: transform 0.3s linear;
    
}

#rathaus:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index:999;
    }

#campus {
    position: relative;
    float:right;
    left:23%;
    top:35%;
    width: 169px;
    height: 210px;
    margin: 0 0 0 0;
    background-size:contain;
    background-position:center center;
    background: url(campus.png) no-repeat;  
    display:block; 
    -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;
}

#campus:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index:999;
    }

#kirche {
    position: relative;
    float:right;
    left:53%;
    top:20%;
    width: 176px;
    height: 200px;
    margin: 0 0 0 0;
    background-size:contain;
    background-position:center center;
    background: url(kirche.png) no-repeat;  
    display:block; 
    -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;
}

#kirche:hover {
   -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index:999;
    }

#kabarettarchiv   {
    visibility:hidden;
    position: relative;
    float:right;
    top:5%;
    right:32%;
    margin: 0 0 0 0;
    width: 171px;
    height: 200px;
    background-size:contain;
    background-position:center center;
    background: url(kabarettarchiv.png) no-repeat;  
    display:block; 
    -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;
}

#kabarettarchiv:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index:999;
    }

#musikschule    {
    position: relative;
    float:right;
    left:5%;
    top:10%;
    width: 197px;
    height: 208px;
    margin: 0 0 0 0;
    background-size:contain;
    background-position:center center;
    background: url(musikschule.png) no-repeat;  
    display:block; 
    -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;
}

#musikschule:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index:999;
    }

#theater    {
    position: relative;
    float:right;
    left:58%;
    bottom:0%;
    margin: 0 0 0 0;
    width: 220px;
    height: 208px;
    background-size:contain;
    background-position:center center;
    background: url(theater.png) no-repeat;  
    display:block; 
    -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;
}

#theater:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index:999;
    }


#bild1  {
    float:left;
    margin:5% 0 1% 2%;
    border: solid 10px;
    border-color:#ed7f09;
    display:block;
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild1:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild2  {
    float:left;
    margin:5% 0 0 1%;
    border: solid 10px;
    border-color:#D8CDB1;
    display:block;
    
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild2:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild3  {
    position:relative;
    bottom:110px;
    clear:both;
    float:left;
    margin:0 0 0 2%;
    border: solid 10px;
    border-color:#A0C6C6;
    display:block;
    
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild3:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild0  {
    float:left;
    margin:1% 0 0 1%;
    border: solid 10px;
    border-color:#e2ced0;
    display:block;
    
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild0:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild4  {
    position:relative;
    float:left;
    margin:1% 0 0 1%;
    border: solid 10px;
    border-color:#CA454B;
    display:block;
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild4:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild5  {
    position:relative;
    bottom:75px;
    clear:both;
    float:left;
    margin:1% 0 0 2%;
    border: solid 10px;
    border-color:#AFEDB1;
    display:block;
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild5:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild6  {
    position:relative;
    bottom:75px;
    float:left;
    margin:1% 0 0 1%;
    border: solid 10px;
    border-color:#CBA786;
    display:block;
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild6:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild7  {
    position:relative;
    bottom:73px;
    clear:both;
    float:left;
    margin:1% 0 0 2%;
    border: solid 10px;
    border-color:#E8E2A0;
    display:block;
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild7:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild8  {
    position:relative;
    bottom:73px;
    float:left;
    margin:1% 0 0 1.75%;
    border: solid 10px;
    border-color:#ADCAED;
    display:block;
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild8:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }

#bild9  {
    position:relative;
    bottom:73px;
    float:left;
    margin:1% 0 0 1.75%;
    border: solid 10px;
    border-color:#E3ACCA;
    display:block;
     -webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -o-transition: -o-transform 0.2s linear; 
   transition: transform 0.2s linear;   
}

#bild9:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    z-index:999;
    }






/*Footer*/
#footer {
    margin: 0 auto;
    padding: 0 0 1% 0;
    min-width: 100%;
    background: url(textur6.jpg) repeat;
    
    }

#impressum {
    margin-left:2%;  
    margin-bottom:10%;
    color:#cfcfcf;
    text-align:left;
}

/*Clear*/

.clear  {
    clear: both;
}