.km-content {
    overflow: auto !important;
}




/**********************************************/
.km-view-title{
   display: inherit;
}
.km-android .km-view-title{
    display: block;
    position: static;
}
/******** navbar ************/
.km-view .km-navbar {
    background-color: #7A5840;
}
.km-view .km-navbar .km-button .km-text {
    color: #FFD67C;
    font-size:0.8em;
}
.km-view .km-navbar .km-button.km-state-active .km-text {
    color: #FFD67C;
}
.km-view .km-navbar .km-view-title {
    font-size:1.3em;
    color: #FFD67C;
    font-family:'Gochi', cursive;  
}
.km-ios .km-view .km-navbar {    
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0, rgba(0,0,0,.1)),color-stop(.5, rgba(0,0,0,.25)),color-stop(.5, rgba(0,0,0,.35)),color-stop(1, rgba(0,0,0,.3)));
    background-image: -moz-linear-gradient(50% 0,50% 100%,rgba(0,0,0,.1),rgba(0,0,0,.25) 50%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.3));
    background-repeat: repeat;
    background-position: 0 0;
    background-color: #C59C7E;
}
.km-ios .km-view .km-navbar .km-view-title {   
    text-shadow: 0 -1px #7A5840, 0 1px rgba(255,255,255,0.4);
}
.km-ios .km-view .km-navbar .km-button {
    background-color: #936A4D;
}
.km-ios .km-view .km-navbar .km-button.km-state-active {
    background-color: #76553E;
}
.km-android .km-view .km-navbar .km-button.km-state-active {
    background-color: #634733;
}

/******* tabstrip ************/  
#tabstrip .km-button .km-icon {
    background: #ffd67c;
}
#tabstrip .km-state-active .km-icon{
    background: #FF8511;
}

.km-ios .km-view .km-tabstrip .km-button .km-text {
    color: #ffd67c;
}
.km-view .km-tabstrip .km-button.km-state-active .km-text {
    color: #FF8511;
}
.km-ios .km-view .km-tabstrip {
    background-color: #3c2e23;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0, rgba(0,0,0,.09)),color-stop(.5, rgba(0,0,0,.35)),color-stop(.5, rgba(0,0,0,.25)),color-stop(1, rgba(0,0,0,.19)));
    background-image: -moz-linear-gradient(50% 0,50% 100%,rgba(0,0,0,.09),rgba(0,0,0,.35) 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.19));
    background-repeat: repeat;
    background-position: 0 0;
}
.km-android .km-tabstrip .km-button {
    background-color: #3c2e23;
}
.km-android .km-tabstrip .km-button.km-state-active {
    background-color: #62564E;
}
.km-android .km-tabstrip 
{
    background: #ffd67c;
}
.km-android .km-tabstrip .km-button
{
    border-color: #FF8511;
}
.km-android .km-tabstrip .km-text
{
    border-left-color: #644C3A;
    border-right-color: #644C3A;
}

.km-mnews {
  -webkit-mask-box-image: url("../images/menu/news4.png");
}
.km-pin {
  -webkit-mask-box-image: url("../images/pin.png");
}
.km-mmap {
  -webkit-mask-box-image: url("../images/menu/maps3.png");
}
.km-mlist {
  -webkit-mask-box-image: url("../images/menu/list3.png");
}
.km-mpresent {
  -webkit-mask-box-image: url("../images/menu/present3.png");
}
.km-minfo {
  -webkit-mask-box-image: url("../images/menu/info3.png");
}

/******** lists ************/
 
    .km-listview .km-list > li:last-child {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
.km-ios .km-listview .km-list
    {
   		-webkit-box-shadow: 0 2px 5px #95764D;
    	box-shadow: 0 2px 5px #95764D;
    	border: 0;
        background-color: #FFA638;                        
    }
.km-android  .km-listview .km-list
    {
    	-webkit-box-shadow: 0 2px 5px #95764D;
    	box-shadow: 0 2px 5px #95764D;
    	border: 0;
        background-color: #FFA638;      
    }

.km-android .km-list > li{	
    border-bottom: solid 1px #f9c814;
}

.km-view .km-content .km-list > li .km-icon {
    background-color:#ff6911;
}
.km-view .km-content .km-list > li a {
    color:#2e231b;
    font-weight:bold;    
}
.km-ios .km-view .km-content .km-list > li a {
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}

.km-view .km-content .km-list .km-state-active .km-listview-link {
    background-color: #EF7707;    
    color:#fff;
}
.km-view .km-content .km-list .km-state-active .km-listview-link  .km-icon{
    background-color: #fff;    
}

/*************/

#tab-wettbewerb .km-listview .km-list{
	font-size:0.8em;
    background-color: rgba(255,200,77,0.6);
}
#tab-wettbewerb .km-group-title{

}
#tab-wettbewerb .km-listview .km-list a{
	text-decoration:none;
    color:#2e231b;
}
#tab-wettbewerb .km-listview .km-list li{
	padding-top:10px; padding-bottom:10px;
}
#tab-wettbewerb .km-listview .km-list a:hover{
	text-decoration:none;
}
#tab-wettbewerb .km-listview .km-list span.like, span.like{
	float:right;
    color:#3B5998;
    font-weight:bold;    
    line-height:22px;
    padding-right:24px;
    background-image:url('../images/f_logo.png');
    background-position:top right;
    background-repeat:no-repeat;
    height:22px;
}
#tab-wettbewerb .km-listview .km-list span.like:hover, span.like:hover{
	color:#fff;
}

/************************ buttons ****************************/

.km-ios .km-view .km-content .km-button {
    background: #C6AC84;
}

.km-ios .km-view .km-content .km-button .km-text{
    color: #907D5E;
}
.km-ios .km-view .km-content .km-button.km-state-active .km-text{
    color: #FFD67C;
}
.km-ios .km-view .km-content .km-button.km-state-active {
    background-color: #7A5942;
}

.km-android .km-view .km-content .km-button {
    background-color: #C6AC84;
}
.km-android .km-view .km-content .km-button .km-text{
    font-size:1.3em;
}
.km-android .km-view .km-content .km-button.km-state-active {
    background-color: #ffd67c;
}

/****************************************************/

body{
    font: Arial, sans-serif;
}

@font-face {font-family: 'Gochi';src:url('../fonts/GochiHand-Regular.ttf') format('truetype');}

.km-ios .km-content, .km-android .km-content{
		background: url(../images/backgrounds/tileable_wood_texture8.png);
    	background-size:40%;       
}


.button-group{
    margin: 1em auto;
}
.button-group li a{
    display:inline-block;
}

#scroll-map{
	width:90%; height:280px; margin-left:auto; margin-right:auto;
    max-width:570px;
    background-color:rgba(206,103,6,0.4);
    border:3px solid #CE6706;  
	box-shadow: 0 12px 8px -8px rgba(0,0,0,0.8), 0 0 0 1px #B55A05;
    -webkit-box-shadow: 0 12px 8px -8px rgba(0,0,0,0.8), 0 0 0 1px #B55A05;
}
p{
    text-align:justify;
    color:#2f2001;      
}
.km-ios p{
     text-shadow:0 1px 1px rgba(255,255,255,0.6); 
}

h1,h2,h3,h4,h5, #txtNumber, .white{
    font-family:'Gochi', cursive;
}
h1{    
    color:#ff6911;
    font-size:2.4em;
    text-shadow: 0 2px 0 #FDF0D1, 0 4px 0 rgba(0, 0, 0, .2);   
    margin:14px;
}
	 
h3{   
    font-size:1.4em;
    color:#6C4E38;  
}
.km-ios h3{
	text-shadow:0 1px 1px rgba(255,255,255,0.6);
}
h2{
     color:#ffc84d;
}
.km-ios h2{
  	text-shadow:0 1px rgba(255,255,255,0.6),0 -1px #555;
}

h4{
    color:#ffc84d;
    font-size:24px;
    line-height:40px;    
    background-color:rgba(63,45,33,0.6);
    text-align:center;    
}
.km-ios h4{
    border-radius:8px;
	text-shadow:0 1px rgba(255,255,255,0.4),0 -1px #555;
     box-shadow: inset 0 3px 6px rgba(0,0,0,0.2), inset 0 -3px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(0,0,0,0.2);
}

.white{
    display:inline !important;
 	color:#7A5840;     
    font-size:1.4em;
    margin:20px 14px;
    padding:6px;
    background-color: rgba(253,233,191,0.4);
}
.km-ios .white{
	text-shadow:0 1px rgba(255,255,255,0.6),0 -1px #555;
    border-radius:8px;
}

#page-details h1, #page-details h3{	
    text-align:center;
}

#txtNumber{
	width:36px;
    height:36px;
    line-height:36px;
    border-radius:20px;
    -webkit-border-radius:20px;
    background-color:#ff6911;
    margin:14px auto 0 auto;
    display:block;
    font-size:24px;
    text-align:center;    
    color:#c8b18d;
	text-shadow:0 -2px #FDF0D1, 0 -4px 0 rgba(0, 0, 0, .1);
    -webkit-text-shadow:0 -2px #FDF0D1, 0 -4px 0 rgba(0, 0, 0, .1);
    box-shadow:  0 2px 0 #FDF0D1, 0 4px 0 rgba(0, 0, 0, .2);   
    -webkit-box-shadow:  0 2px 0 #FDF0D1, 0 4px 0 rgba(0, 0, 0, .2); 
}

.sage{
	max-width:300px;
    margin:0 auto;
    border-radius:8px;
}

#imgSage{
    border:3px solid #CE6706;  
	box-shadow: 0 12px 8px -8px rgba(0,0,0,0.8), 0 0 0 1px #B55A05;
    -webkit-box-shadow: 0 12px 8px -8px rgba(0,0,0,0.8), 0 0 0 1px #B55A05;  
}

#imgKunstler{
    width:160px;
    height:160px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    border-radius:80px;
    -webkit-border-radius:80px;
    border:3px solid rgba(0,0,0,0.4);  
  	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.8);  
}

#page-details p span{
	display:block;
}

#txtArtistName{
    font-size:1.6em;
}

#txtArtistWeb{
	padding-top:8px;
    padding-bottom:8px;
}

#tab-mehr p>a, #tab-mehr p>a:link
{
    margin:8px 0;
    text-decoration:none;
    color:#2f2001;      
    display:block;
}
#tab-mehr p>a:hover, span.url:hover
{
     text-decoration:underline;
}

/***************** main page ********************/
.main-menu{
    height:300px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-height: 769px) 
{
    .main-menu{
   		margin-top:100px;
	}
}
@media screen and (max-height: 601px) 
{
    .main-menu{
   		margin-top:60px;
	}
}
@media screen and (max-height: 481px) 
{
    .main-menu{
   		margin-top:10px;
	}
}
@media screen and (max-height: 321px) 
{
    .main-menu{
   		margin-top:0px;
	}
}

a.main-button, a.main-button:visited{
    text-decoration:none;
    display:block;
    width:100%;
    margin: 0;
    height:65px;
    line-height:65px; 
    text-align:center;
    font-size:20px;
    font-family:'Gochi', cursive;
    color:#2e231b;
    text-shadow:0 1px 1px rgba(255,255,255,0.3);
   	border-radius:6px;
    box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);  
    -webkit-box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25); 
}

a.c1, a.c1:visited{
   background-color: #F8A71B;
}
a.c2, a.c2:visited{
   background-color: #ff8511;
}
a.c3, a.c3:visited{
   background-color: #FF6911;
}
a.c4, a.c4:visited{
   background-color: #F54708;
}                              
                
a.main-button:hover{
    text-decoration:none;       
    color:#2e231b;
    text-shadow:0 1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.2), inset 0 0px 3px rgba(0, 0, 0, 0.6);  
    -webkit-box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.2), inset 0 0px 3px rgba(0, 0, 0, 0.6);
}
a.c1:hover{
   background-color: #DF9007;
}
a.c2:hover{
   background-color: #EB7507;
}
a.c3:hover{
   background-color: #EF5C07;
}
a.c4:hover{
   background-color: #DC4007;
}
.main-menu .row{
    margin:20px 0;
    position:relative;
    width:100%;
}
.main-menu .images{
	float:left;
    width:56px;
    height:56px;    
    border:5px solid #3c2e23;
    border-radius:35px;
    -webkit-border-radius:35px;
}
.main-menu .links{
	margin-left:84px;    
}
.pin, .list, .gift,.news{
	display:block;
    height:40px;
    width:40px;
    margin-top:8px;
    margin-left:8px;
}
.pin{
    background:#3c2e23;
    -webkit-mask-box-image: url("../images/menu/maps3.png");
}
.list{
    background:#3c2e23;
    -webkit-mask-box-image: url("../images/menu/list3.png");
}
.gift{
    background:#3c2e23;
    -webkit-mask-box-image: url("../images/menu/present3.png");
}
.news{
    background:#3c2e23;
    -webkit-mask-box-image: url("../images/menu/news4.png");
}

#txtBio{
    color:#2f2001; 
    margin:6px 14px;
}
.km-ios #txtBio{
     text-shadow:0 1px 1px rgba(255,255,255,0.6); 
}
#txtBio td:first-child{
    width:28%;
    vertical-align:top;
}
#txtBio td:nth-child(2){
    width:70%;
}

.btnAudio{
	display:inline-block;
    width:40px;
    height:40px;
 	border-radius:25px;
    border:3px solid rgba(63,45,33,0.6);
    margin-left:14px;
}

.btnAudio span{
    display:block;
	width:40px;
    height:40px;   
 	background:#5D4C39;
}

#btnPlay span, #btnPlayEN span{   
    -webkit-mask-box-image: url("../images/icons/play.png");
}
#btnStop span, #btnStopEN span{   
    -webkit-mask-box-image: url("../images/icons/stop.png");
}
#btnPause span, #btnPauseEN span{   
    -webkit-mask-box-image: url("../images/icons/pause.png");
}

.btnAudio span:hover{ 
 	background:#3F2D21;
}


                
   
/* accordion style */             
.ac-content{
	display:none;
}
.collapseSlider{
	display:none;
}               
.sliderExpanded .collapseSlider{
	display:inline-block;
}
.sliderExpanded .expandSlider{
	display:none;
}                
                
                

/* ribbon style */
.ribbon-contaier{
    width:250px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid green;
}
.ribbon {
   margin-top:10px;
   margin-left:auto; 
   margin-right:auto;
   margin-bottom:30px;
   width: 70%;
   position: relative;
   font-size: 16px!important;
   text-align: center;
   background: #ff8411;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff8411), to(#db6e0f));
   background: -webkit-linear-gradient(top, #ff8411, #db6e0f);
   background: -moz-linear-gradient(top, #ff8411, #db6e0f);
   background: -ms-linear-gradient(top, #ff8411, #db6e0f);
   background: -o-linear-gradient(top, #ff8411, #db6e0f);
   background-image: -ms-linear-gradient(top, #ff8411 0%, #db6e0f 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;   
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   }
.ribbon h2 {
   font-family: 'Gochi', cursive;
   min-height:40px;
   font-size: 14px!important;
   color: #853d07;
   text-shadow: #fa8620 0 1px 0;
   margin:0px;
   padding: 5px 10px;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #de6b07;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #994c0e transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }