body{background:#fff;font-family:Verdana}

#yelbox a{text-decoration:underline;color:#009}

.newtxt{color:red}

.centerp{text-align:center}
.centerp img{border:1px solid #000;margin:6px;max-width: 90%}
.imagep{text-align:center;text-indent:1em;font-style:italic}
.imagep img{padding:1px;border:1px solid #021a40;max-width: 90%}


/*  mobile spcific */
@media only screen and (max-width: 768px){

.img{border:0;max-width: 100%}

#flipperslogo img{vertical-align:text-top;max-width: 100%}

.tabmenu{width:100%;font-size:10px} /* ;height:35px */
.tabmenu ul{list-style-type:none;margin:0 0 0 4px;padding:0}  /*  only 4 marging */
.tabmenu li{float:left;background:#f6dd6b} /*  margin:0 0 0 2px;padding:0; */
.tabmenu a{min-width:30px;float:left;position:relative;top:5px;bottom:2px;text-decoration:none} /* ;margin:0 4px 0 0;padding:0 0 0 4px  */
.tabmenu a span{position:relative;display:block;font-weight:700;color:#000;float:none;padding:5px 4px}
/* tabmenu hover en selected weg */

#yelbox{display:block;background:#f6dd6b}  /* geen img */
#yelboxfooter{display:none}  /* verbergen */

.whbox, .whitebox{background:#fff;width:100%;text-align:center;float:left;display:inline;margin-top:2px;margin-left:2px;padding:0 6px 2px 2px;clear:both} /* background:url("images/whitebox.gif") no-repeat top left; */
.whitebox img,.whbox img{vertical-align:text-top;float:right;margin-top:3px;max-width: 40%} /* ;margin-right:14px */ 

/* todo EM */
.h1title{font-size:20px;font-weight:700}
h1,h2,h3,h4{text-align:center;color:#000;font-weight:700}
h1{font-size:18px}
h2{font-size:14px}

#footer a,#footlinks a,#nolink a{color:#000;text-decoration:none}
#footer{clear:both;text-align:center;font-size:12px;font-weight:700;padding-top:6px}
}


/* screen specific */
@media only screen and (min-width: 768px) and (max-width: 999px){ 
#wbox{background:#fff;display:inline}
}

/* screen all */
@media only screen and (min-width: 768px) {
 
#wbox img{border:0}

#flipperslogo img{vertical-align:text-top;margin-left:6px}
#yelbox{display:block;background:#f6dd6b url("/images/yelgrad.png") top repeat-x;padding-top:4px}
#yelboxfooter{clear:both;height:7px;background:#f6dd6b url("/images/yelgradbot.png") bottom repeat-x}
#maincontent{min-height:400px;font-size:12px;padding:2px}
#ggllad{clear:both;text-align:center}
#footer{clear:both;text-align:center;font-size:12px;font-weight:700;padding-top:6px}
#footer a{font-weight:400}
#footlinks{display:inline;float:right;margin-top:-15px;margin-right:6px}

.whitebox{width:472px;height:120px;background:url("images/whitebox.gif") no-repeat top left;text-align:center;float:left;display:inline;margin-top:2px;margin-left:2px;padding:0 6px 2px 2px}
.whbox{width:472px;height:120px;background:url("images/whitebox.png") no-repeat top left;text-align:center;float:left;display:inline;margin-top:2px;margin-left:2px;padding:0 6px 2px 2px}

.whboxbig{width:472px;height:616px;background:url("images/whiteboxxl.png") no-repeat top left;text-align:center;float:left;display:inline;margin-top:2px;margin-left:2px;padding:0 6px 2px 2px}
.whboxbig strong{font-size:1.2em}
.whboxbig img{vertical-align:text-top}

.greenbox{width:220px;height:120px;background:#4f4 url("/images/greenbox.gif") no-repeat top left;text-align:center;display:inline;float:left;clear:both}
.bluebox{width:220px;height:120px;background:#0ff url("/images/bluebox.gif") no-repeat top left;text-align:center;display:inline;float:left;clear:both}
.orabox{width:220px;height:120px;background:#f70 url("/images/orabox.gif") no-repeat top left;text-align:center;display:inline;float:left;clear:both}
.bylbox{width:220px;height:120px;background:#ff0 url("/images/bylbox.gif") no-repeat top left;text-align:center;display:inline;float:left;clear:both}
.swbox{width:220px;height:120px;background:#fff url("/images/swbox.gif") no-repeat top left;text-align:center;display:inline;float:left;clear:both}

.floatright{float:right}
.floatleft{float:left}

h1,h2,h3,h4{text-align:center;color:#000;font-weight:700}
h1{font-size:18px}
h2{font-size:14px}
.h1title{font-size:20px;font-weight:700}
.smalltitle{font-size:14px;font-weight:700}
#smalltext{font-size:6px}

.tabmenu{width:100%;font-size:10px;height:35px}
.tabmenu ul{list-style-type:none;margin:0 0 0 4px;padding:0}  /* only 4 padding */
.tabmenu li{float:left;margin:0;padding:0}
.tabmenu a{min-width:30px;float:left;position:relative;top:5px;background:url(images/tableft.gif) no-repeat left top;text-decoration:none;margin:0 4px 0 0;padding:0 0 0 4px}
.tabmenu a span{position:relative;display:block;background:url(images/tabright.gif) no-repeat right top;font-weight:700;color:#000;float:none;padding:5px 4px}
.tabmenu .selected a,.tabmenu a:hover{background-position:0 -125px;top:0}

#footer a,#footlinks a,#nolink a{color:#000;text-decoration:none}
#flipperslogo,h3,h4{font-size:12px}
.whitebox img,.whbox img{vertical-align:text-top;float:right;margin-top:3px;margin-right:14px}
 }


/*  large screens specfic */
@media only screen and (min-width: 999px) {

body{background:#a8101c url(/images/rg.png) top repeat-x;font-family:Verdana}
#wbox{background:#fff;display:inline-block;position:relative;margin:8px auto}
/*#wbox{background:#fff;width:968px;position:relative;margin:8px auto}*/
.white_top div{background:url(/images/white_tl.png) no-repeat top left}
.white_top{background:url(/images/white_tr.png) no-repeat top right}
.white_bot div{background:url(/images/white_bl.png) no-repeat bottom left}
.white_bot{background:url(/images/white_br.png) no-repeat bottom right}
.white_top div,.white_top,.white_bot div,.white_bot{width:100%;height:10px;font-size:1px}

}