body{
    background-color: #eee;
    color: #000;
    font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 14px;
    margin: 0;
}

.wrapper{
    width: 1800px;
    margin: auto;
}

#top{
    padding-top: 20px;
    height: 238px;
    background: #fff url(/images/noten.jpg) repeat-x bottom left;
	border-bottom: 5px solid #f89211;
}

#top ul{
    list-style:none;
    text-align: right;
    padding: 0;
}

#top ul li{
    display: inline-block;  
    text-align: center;
    margin: 75px 0 0 20px;
    font-size: 130%;
    font-variant: small-caps;
}
    
#top ul li:first-child{
    float: left;
    margin: 0;
}

#top ul li:last-child{
    margin-right: 20px;
}

#top ul li a[href]:link, #top ul li a[href]:visited{
    text-decoration: none;
    color: #000;	
}

#top ul li a[href]:hover, #top ul li a[href].active{
    text-decoration: none;
    color: #f89211;	
}

#frame{
    background-color: #fff;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    margin-bottom: 0;
}

#contentimage{
    float: left;
    width: 450px;
	height: 600px;
    margin: 30px 0 30px 30px;
	background-color: #111;
    background-image: url(//static.kammerorchester-krems.at/img/97/sonstige/geige/MW1000.jpg);
    background-position: center; 
    background-size: cover;
}

#content{
    float: right;
    width: 1260px;
	min-height: 300px;
    font-size: 110%;
    line-height: 140%;
    margin: 30px 30px 30px 0;
}

#content a[href]:link, #content a[href]:visited, #content a[href]:hover{
    text-decoration: none;
    color: #f89211;
} 

#content p{
    margin-top: 15px;
    margin-bottom: 30px; 
}

#content h1{
	font-size: 170%;
	font-weight: bold;
	line-height: 330%;
	padding-left: 45px;
    font-variant: small-caps;
	background: url(/images/note_h1.jpg) no-repeat center left;
}

#content h2{
	font-size: 130%;
	font-weight: bold;
    font-variant: small-caps;
}

#content h3{
	font-size: 110%;
	font-weight: bold;
    font-variant: small-caps;
}

#content hr{
    height: 0px;
    color: #f89211;
    border-bottom: 1px solid #f89211;
}

#content ul {
	margin-left: 15px;
}

#content ul li {
	padding-left: 22px;
	line-height: 30px;
	background: url(images/note_aufzaehlung.jpg) no-repeat left center;
}

#content table{
    margin-top: 15px;
}

#content #okbutton{
    padding: 8px 40px;
    background-color: #000;
    display: block;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    cursor: pointer;
    border: 2px solid #f89211;
    transition: all 0.5s
}

#bottom{
    height: 30px;
    line-height: 30px;
    background-color: #000;  
    margin-bottom: 30px;
}

#bottom ul{
    list-style:none;
    padding: 0;
}

#bottom ul li{
    display: inline-block;  
    vertical-align: middle;
    text-align: center;
    margin: 0 10px 2px 10px;
}

#bottom ul li:nth-child(5n){
    float: right;
}

#bottom ul li:nth-child(6n){
    float: right;
    margin-top: 4px;
}

#bottom ul li a[href]:link, #bottom ul li a[href]:visited{
    text-decoration: none;
    color: #ccc;
}

#bottom ul li:nth-child(5n) a[href]:link, #bottom ul li:nth-child(5n) a[href]:visited{
    text-decoration: none;
    color: #666;
}

#bottom ul li a[href]:hover{
    text-decoration: none;
    color: #f89211;
}




/*********** GALERIE **********/

.widget_gallery.little_images img {
    margin-right: 5px;
    margin-top: 5px;
    background-position: center;
    background-size:cover;
}
.widget_gallery.big_image{
    display: none;
}
.widget_gallery_container .gallery_nav{
	display: none;
}
.widget_gallery_container.button_fullscreen{
    display: none;
}
/**PopUp**/
.gallery_fullscreen{
    display:none;
    margin: 0px auto;
    position:fixed;
    top: 0px;
    left: 0px;
    z-index:50;
    height: 100%;
    width: 100%;
    text-align:center;
    background: rgba(0, 0, 0, 0.4);
    overflow: auto;
}
.fullscreen_img_container{
    margin: 0px auto 0px;
    background: #000000;
    padding: 5px;
    -moz-border-radius:15px !important;
    -webkit-border-radius:15px !important; 
    -khtml-border-radius:15px !important; 
    border-radius:15px !important;
    behavior: url(/pie.htc);
        
}
.gallery_fullscreen .big_image img{
    margin: 0px auto;
    height: 100%;
    max-width: 95%;
}

.gallery_fullscreen_img{
    padding: 5px 0px;
    background: url("/images/progress.gif") no-repeat;
    background-position: center;
}

.gallery_fullscreen_left{
    margin: 0;
    padding: 0;
    opacity: 0.7;
    float: left;
}
.gallery_fullscreen_left:hover{
    opacity: 1.0;
    border: 0;
}
.gallery_fullscreen_right{
    margin: 0;
    padding: 0;
    opacity: 0.7;
    float: right;
}
.gallery_fullscreen_right:hover{
    opacity: 1.0;
    border: 0;
}
.gallery_fullscreen_close{
    margin: 0;
    padding: 0;
    opacity: 0.7;
    text-align: right;
}
.gallery_fullscreen_close:hover{
    opacity: 1.0;
    border: 0;
}
#cookiemessage{
    position: fixed;
    bottom: 0px;
    font-size: 13px;
    width: 100%;
    z-index: 9999;
    display: none;
    border-top: 1px solid #f89211;
}
#cookiemessage .content{
    box-sizing: border-box;
    margin: 0px auto;
    background-color: #000;
    padding: 10px;
    text-align: center;
}
#cookiemessage p{            
    display: inline;
    padding: 10px 15px;
    vertical-align: middle; 
    width: 100%;    
    color: #f89211;
}
#cookiemessage button{
    padding: 5px 30px;
    font-weight: bold;
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: #f89211;
    background-color: #fff;
}
#cookiemessage a{
    text-decoration: none;
    color: #f89211;
}

#cookiemessage a:hover{
    text-decoration: underline;	
    color: #f89211;
}

#cookieMoreInfoText{
    padding: 10px;
    color: #f89211;
    text-align: justify;
}

@media (max-width: 1820px){
    .wrapper{ width: 1400px; xbackground-color: red;}
    #contentimage { width: 375px; height: 500px; }
    #content { width: 935px; }
}

@media (max-width: 1420px){
    .wrapper{ width: 1200px;  xbackground-color: blue; }
    #top { padding-top: 10px; }
    #top ul li{ margin: 75px 0 0 15px; font-size: 125%; }
    #contentimage { width: 310px; height: 416px; }
    #content { width: 800px; font-size: 100%; }
    #bottom ul li{ font-size: 95%; }
}

@media (max-width: 1220px){
    .wrapper{ width: 900px;  xbackground-color: green; }
    #top ul li{ margin: 75px 0 0 10px; font-size: 88%; }
    #contentimage { width: 260px; height: 346px; }
    #content { width: 550px; }
    #bottom ul li{ font-size: 85%; }
}

@media (max-width: 920px){
    .wrapper{ width: auto;  xbackground-color: grey;}
    #top ul{ margin-top: 240px; text-align: center; }
    #top ul li:first-child{ margin-top: -240px; }
    #top ul li{ margin: 10px 0 5px 10px; font-size: 110%; }
    #contentimage { display: none; }
    #content { width: auto; float: none; margin: 60px 20px 0 20px; }
}