/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<webtoolkit INTERNET EXPLORER BUGs fixed>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#tophead{
    text-align: center;
    background:url(../layout/img/splender.evening.png) 0 0 repeat-x #ffe;
    padding: 5px 25px;
    height: 120px;color: #bbbb44;
}
#globalwebsite_title{ 
    text-align:left;display:block;position:absolute; text-transform: uppercase;
    left:50px; top:40px ; font-size: 22px;
    width:450px; z-index: 3; 
}
.keyboard{
	margin:10px;
	padding:25px;
	display: inline-block;
	background-color:#99CCFF;
	box-shadow: 0 0 #dddddd, 0 0px #dddddd, 0 1px #dddddd, 0 2px #dddddd, 0 3px #dddddd, 0 4px #dddddd, 0 5px #dddddd, 2px 2.5px 4px #adb5bd, 0 -1px 2.5px #adb5bd;
}
nav ul{color:#99CCFF;}
nav li{ padding:2px 4px 4px 15px;
        text-align:center;text-transform:uppercase;
        font-size:18px;font-weight:bold;font-family: 	Helvetica,​sans-serif;
        display:block; height:25px; line-height:25px; /*padding boven achter onder voor */
        
        clear:both;
		color:#fff; filter:alpha(opacity=50);	opacity:.50;
        background: white;
         margin-left: 10px;
        box-shadow: 0px 0px 3px #7892BD, 0 10px 15px #FFF3AF inset;
        border-radius:2px 2px 5px 25px;
              border:1px solid #E0E8F1;
	box-shadow: 0px 0px 3px  #E0E8F1, 0 10px 15px #FFF3AF inset;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}

#tophead a {
    color: #333333;line-height: 32px;padding: 3px;
    text-decoration: none;white-space: nowrap;
}
#Mselector li{ filter:alpha(opacity=80);	opacity:.80;
        background: #FFDF15;
        
        box-shadow: 0px 0px 3px #CC99FF, 0 10px 15px #333366 inset;
       border-radius:2px 2px 5px 25px;
              border:1px solid #CC99FF;
	box-shadow: 0px 0px 3px  #CC99FF, 0 10px 15px #333366 inset;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
#Mselector a {
    color:#333333; white-space: nowrap;
}
#favorites span{filter:alpha(opacity=80);	opacity:.80;
        background: #FFDF15;
        box-shadow: 0px 0px 3px #CC99FF, 0 10px 15px #333366 inset;
       border-radius:2px 2px 2px 2px;
       border:1px solid #CC99FF;
    	box-shadow: 0px 0px 3px  #CC99FF, 0 10px 15px #333366 inset;
        -moz-transition: padding .25s; 
        -webkit-transition: padding .25s; 
        -o-transition: padding .25s;
        transition: padding .25s;
}
#favorites li{
    color:#333333; white-space: nowrap;
}
#topimg{position:absolute; left: 199px; text-align:left; top:0px; z-index: 2;
		height:120px;width:1000px; background:url(../layout/img/header.evening.png);
}
.mytooltip{
    border: 1px solid;border-color: #FCCA63;
    background:#FFF8A1;border-radius: 6px;
}
.odd{border: 1px solid;    border-color: #564D44;color: #333333;
     background:#AFAA71;border-radius: 6px;
}
.equally{
    border: 1px solid;border-color: #FDF256;
    background:#FDF256;border-radius: 6px;
}
#content_cat{
    position: static; left:0px;float: left;
}
#content{
	width:80%;vertical-align:top;position: static; right:0px;float: right;
    font-size: 14px;
    padding:0px 0px 0px 0px;margin: 0px 10px 0px 10px;
}
#content h3{/*#99AA88;*/
    padding: 10px 10px;    background-color:#C34809; border-radius: 8px 8px 1px 1px;
    text-align: center;color: #eee;font-weight:bold;
}
#content h3 a{
   color: #eee;
}
#content_cat h3{/*#99AA88;*/
    padding: 10px 10px;    background-color:#C34809; border-radius: 8px 8px 1px 1px;
    text-align: center;color: #eee;font-weight:bold;
}
#glob_detail h3{/*#99AA88;*/
    padding: 10px 10px;    background-color:#333333; border-radius: 8px 8px 1px 1px;
    text-align: center;color: #eee;font-weight:bold;
}
#content ul{/*#99AA88;*/
    font-size: 10px;line-height: 11px;
}
@media (max-width: 767px){


        
       
         
        
		
        
       
       
    nav li{text-align:center;text-transform:uppercase;
        font-size:17px;font-weight:bold;font-family: 	Helvetica,​sans-serif;
        display:block; height:35px;  line-height:25px; /*padding boven achter onder voor */
        margin:-12px;  
        clear:both;
		color:#fff; filter:alpha(opacity=50);	opacity:.50;
        background: white;
         width:100px; margin-left: 5px;margin-bottom:10px;
        min-width:60%; margin-right: 20px;
    }
     
    nav ul{
            min-width:100%; 
           
    }
}