.db-header{position:fixed;width:100%;top:0;left:0;bottom:auto;background-color:#FFFFFF;padding:2%;border-bottom:1px solid #cfd0d2;box-sizing:border-box;}
.header-logo{position:relative;width:7%;margin:0%;padding-bottom:7%;background-image:url("../images/header/vw-logo-m.jpg");background-size:100% auto;background-position:0 0;background-repeat:no-repeat;box-sizing:border-box;}
.header-logo a{position:absolute;width:100%;top:0;bottom:0;left:0;right:0;cursor:pointer;text-decoration:none;}
.header-title{width:40%;position:absolute;top:25%;right:14%;left:auto;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-moz-transition:opacity 1.2s;-o-transition:opacity 1.2s;-webkit-transition:opacity 1.2s;transition:opacity 1.2s;}
.htb-0{right:42%;}
.header-title:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;}
.title-nuller{display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.db-header h1 span{display:none;}
.db-header a{position:absolute;}
.header-drop{display:block;position:absolute;width:8%;top:10%;left:auto;right:2%;padding:0 0 8% 0;}
#ico-menu{display:block;}
#ico-exit{display:none;}
.icon-menu-button{position:absolute;width:100%;top:0;left:0;}
.menu-board{position:absolute;width:100%;background-color:#FFFFFF;top:0;left:-101%;bottom:0;padding:13% 0% 3% 5%;box-sizing:border-box;-moz-transition:left 0.4s;-o-transition:left 0.4s;-webkit-transition:left 0.4s;transition:left 0.4;overflow:hidden;height:100vh;}
.menu-board-active{left:0;overflow:scroll;height:auto;}
.btta-menu{position:relative;display:table;width:90%;margin:3% 0% 3%;border-bottom:1px solid #cfd0d2;box-sizing:border-box;}
.board-ico{position:relative;display:table-cell;width:10%;box-sizing:border-box;height:auto;}
.board-ico img{position:relative;width:100%}
.btta-menu p{position:relative;display:table-cell;vertical-align:middle;font-weight:bold;font-size:14px;line-height:16px;color:#888888;text-align:left;padding:0% 5%;box-sizing:border-box;}
.bttn-filler{position:absolute;display:block;top:0;left:0;right:0;bottom:0;box-sizing:border-box;background-color:#0099da;border:4px solid #FFFFFF}
.bttn-hover{cursor:pointer;}
.bttn-hover:hover .bttn-filler{background-color:#7fccec;}
.bttn-while{cursor:default;}
.bttn-while .bttn-filler{background-color:#cfd0d2;}
/**/.btta-filler{position:absolute;display:block;top:0;left:0;right:0;bottom:0;box-sizing:border-box;background-color:#888888;border-top:4px solid #FFFFFF;border-bottom:4px solid #FFFFFF}
.btta-hover{cursor:pointer;}
.btta-hover:hover .board-ico .btta-filler{background-color:#0099da;}
.btta-hover:hover p{color:#0099da;}
.btta-while{cursor:default;}
.btta-while .board-ico .btta-filler{background-color:#0099da;}
.btta-while p{color:#0099da;}
@media only screen and (orientation:landscape){.db-header{width:50px;bottom:0;box-sizing:border-box;border-bottom:none;border-right:1px solid #cfd0d2;padding:0;}
.header-logo{position:relative;margin:30% auto;width:50%;padding-bottom:100%;}
.header-title{display:none;}
.header-drop{display:block;position:absolute;width:30px;top:auto;left:10px;right:auto;bottom:10px;padding:0 0 30px 0;}
#ico-menu{display:block;}
#ico-exit{display:none;}
.icon-menu-button{position:absolute;width:100%;top:0;left:0;}
.menu-board{position:absolute;width:100%;background-color:#FFFFFF;top:0;left:-101%;bottom:0;padding:0% 0% 3% 5%;box-sizing:border-box;-moz-transition:left 0.4s;-o-transition:left 0.4s;-webkit-transition:left 0.4s;transition:left 0.4;overflow:hidden;height:100vh}
.menu-board-active{left:30px;overflow:scroll;height:auto;}
.btta-menu{position:relative;float:left;display:table;width:45%;margin:3% 4% 3% 0;border-bottom:1px solid #cfd0d2;box-sizing:border-box;}
.board-ico{position:relative;display:table-cell;width:10%;box-sizing:border-box;height:auto;}
.board-ico img{position:relative;width:100%}
.btta-menu p{position:relative;display:table-cell;vertical-align:middle;font-weight:bold;font-size:14px;line-height:16px;color:#888888;text-align:left;padding:0% 5%;box-sizing:border-box;}
}
@media only screen and (min-width:1024px) and (orientation:landscape){}
@media only screen and (min-width:1400px) and (orientation:landscape){}