/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<webtoolkit INTERNET EXPLORER BUGs fixed>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.keyboard{
	margin:10px;
	padding:25px;
	display: inline-block;
	background-color: #CC99FF;
	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;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#tophead{
    text-align: center;
    background:url(../layout/img/splender.night.png) 0 0 repeat-x #ffe; 
    padding: 5px 25px;
    height: 120px;color:#f0f040;
}
#globalwebsite_title{ 
    text-align:left;display:block;position:absolute; text-transform: uppercase;
    left:50px; top:40px ; font-size: 22px;
    width:750px; z-index: 3; 
}
nav ul{color:#3366FF;}
nav li{padding:2px 4px 4px 15px; line-height:20px; /*padding boven achter onder voor */   
        clear:both;
		color:#FFFF99; filter:alpha(opacity=75);	opacity:.75;
        background: #333399;
        box-shadow: 0px 0px 3px #FF9900, 0 10px 15px #333366 inset;
       border-radius:2px 2px 5px 25px;
              border:1px solid #FF9900;
	box-shadow: 0px 0px 3px  #FF9900, 0 10px 15px #333366 inset;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
#tophead a{
    color: #ffdd99;
    text-decoration: none;line-height: 32px;padding: 3px;white-space: nowrap;
}
#Mselector li{ filter:alpha(opacity=80);	opacity:.80;
        
        background: #CC99FF;
        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;
        color:#333333;  white-space: nowrap;
        background: #CC99FF;
        box-shadow: 0px 0px 3px #CC99FF, 0 10px 15px #222266 inset;
       border-radius:2px 2px 2px 2px;
              border:1px solid #CC99FF;
	box-shadow: 0px 0px 3px  #CC99FF, 0 10px 15px #222266 inset;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}

#topimg{position:absolute; left: 199px; text-align:left; top:0px; z-index: 2;
		height:120px;width:1000px; background:url(../layout/img/header.night.png);
}
.mytooltip{
    border: 1px solid;border-color: #523938;
    background:#D98080;border-radius: 6px;
}
.odd{border: 1px solid;    border-color: #523938;
     background:#905757;border-radius: 6px;color:#FFFF99;
}
.odd a{color:#333399;
}
.equally{color:#FFFF99;
    border: 1px solid;border-color: #523938;
    background:#D98080;border-radius: 6px;
}
.equally a{color:#333399;
}
#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:#333333; border-radius: 8px 8px 1px 1px;
    text-align: center;color: #eee;font-weight:bold;
}
#content h3 a{
   color: #eee;
}
#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_cat 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-weight:bold;font-family: 	Helvetica,​sans-serif;
        display:block; height:40px; line-height:30px; /*padding boven achter onder voor */
        font-size:14px;
        clear:both;
		color:#FFFF99; filter:alpha(opacity=75);	opacity:.75;
        background: #333399;
        min-width:80%; margin-left: 1px;margin-right: 20px;float: right;
    }
    nav ul{
        min-width:100%; 
        float: right;   
    }
}