/* ************************ */
/* ****   Toursprung MTK **** */
/* ************************ */

/* 
   
   1. General 
   
   2. Map Controlls
   
   3. Search
   
   4. Slider
   
   5. Photobubble

*/

/* **** 1. General **** */

/* **** 2. Map Controlls **** */
.mtk-menu-button {
   background: #fff;
   background: -moz-linear-gradient(top, #fff 0%, #e3e4e2 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e3e4e2));
   background: -webkit-linear-gradient(top, #fff 0%,#e3e4e2 100%);
   background: -o-linear-gradient(top, #fff 0%,#e3e4e2 100%);
   background: -ms-linear-gradient(top, #fff 0%,#e3e4e2 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e4e2',GradientType=0 );
   background: linear-gradient(top, #fff 0%,#e3e4e2 100%);
   border: 1px solid #cbcaca;
   border-bottom: 1px solid #7d7e7c;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font: bold 10px/10px Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   color: #444;
   text-shadow: 0px 1px 1px #fff;
   height: 9px;
   padding: 7px;
    margin: 6px 6px 0 0;
    width: auto;
    overflow: hidden;
    cursor: pointer;
    position: relative;
   opacity: 1 !important;
   letter-spacing: 0.05em;
}
.mtk-menu-button span {
   display: block;
   float: left;
}
.mtk-menu-arrow {
   width: 9px;
   height: 6px;
   float: left;
   display: block;
   text-indent: -999999px;
   background: url("../grafik/dropdownarrow.png") 0px 0px no-repeat;
   margin: 2px 0 2px 6px;
}

.mtk-menu-button:hover {
   background: #fff;
}
.mtk-menu-content {
   background: #fff;
   border: 1px solid #cbcaca;
   border-bottom: 1px solid #7d7e7c;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font: bold 10px/10px Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   color: #444;
   text-shadow: 0px 1px 1px #fff;
   padding: 0px;
   position: asbolute;
   left: 0px;
   overflow: hidden;
}
.mtk-menu-content li {
   padding: 10px 6px;
   border-bottom: 1px solid #e4e4e3;
}
.mtk-menu-content li:hover {
   background: #86d0eb;
   background: -moz-linear-gradient(top, #86d0eb 0%, #54a9c6 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86d0eb), color-stop(100%,#54a9c6));
   background: -webkit-linear-gradient(top, #86d0eb 0%,#54a9c6 100%);
   background: -o-linear-gradient(top, #86d0eb 0%,#54a9c6 100%);
   background: -ms-linear-gradient(top, #86d0eb 0%,#54a9c6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d0eb', endColorstr='#54a9c6',GradientType=0 );
   background: linear-gradient(top, #86d0eb 0%,#54a9c6 100%);
   color: #fff;
   text-shadow: none;
   border-bottom: 1px solid #42849b;
}
.mtk-menu-content li:last-child,
.mtk-menu-content li:hover:last-child {
   border-bottom: none !important;
}



/* **** 3. Search **** */

/* **** 4. Slider **** */


/* **** 5. Photobubble **** */
.mtk-infowindow {
   background: #fff;
   opacity: 0.9 !important;
   border: 1px solid #cbcaca;
   border-bottom: 1px solid #7d7e7c;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding: 0px;
    width: auto;
   letter-spacing: 0.05em;   
   position: relative;
}
.mtk-infowindow-title {
   border-bottom: 1px solid #e4e4e3;
   padding: 10px;
   margin-bottom: 10px;
}
.mtk-infowindow-title a {
   font: bold 10px/13px Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   color: #444;
   text-decoration: none !important;
   display: block;
   width: 90%;
}
.mtk-infowindow-close {
   width: 28px;
   height: 10px;
   background: url("../grafik/close.png") center 0px no-repeat;
   top: 10px;
   right: 0px;
}
.mtk-infowindow-close:hover {
   width: 28px;
   height: 10px;
   background: url("../grafik/close.png") center -10px no-repeat;
   top: 10px;
   right: 0px;
}
.mtk-infowindow img {
   clear: both;
   padding: 2px !important;
   background: #fff;
   border: 1px solid #cacaca;
   border-top: none;
   border-bottom: 1px solid #707070;
   margin: 0 10px;
   opacity: 1 !important;
}
.mtk-infowindow small {
   color: #444;
   font: normal 10px/13px Helvetica, Arial, sans-serif;
}
.mtk-infowindow small span {
   margin-right: 10px;
}
.mtk-infowindow small a {
   color: #444;
   text-decoration: underline;
}
.mtk-infowindow small a:hover {
   text-decoration: none;
}