body{background-color: #fff;background: linear-gradient(#5c80b5, #fff);background-attachment:fixed;text-align:center;font-family:arial;margin:0 auto;background-repeat: repeat-x;}
#dhtmltooltip{position:absolute;font-size:10pt;border:1px solid #000039;width:150px;background-color:#6cf;visibility:hidden;z-index:100;padding:2px}
#overDiv{position:absolute;visibility:hidden;z-index:1000}
.succes {font-weight:bold; color:green}
.error {font-weight:bold; color:red}
.aligncenter {text-align:center}
img{border:0;margin:0}
div.container{width:1000px;margin:0 auto}
div.header{width:600px;height:100px;float:left;margin:0 10px 10px 10px}
div.zoekarea{width:380px;margin-top:20px;float:left}
div.topmenu{width:894px;height:24px;background-color:#6cf;text-align:right;padding-left:50px;padding-right:50px;border:3px solid #000039;margin:0 auto 5px}
div.topmenuleft{width:40%;float:left;text-align:left;font-size:12pt;padding:2px 0}
div.topmenuright{width:60%;float:left;text-align:right}
div.contentpagina{background-color:#fff;border:1px solid #000039}
div.content{width:1000px;margin:0}
div.leftcontent{width:250px;float:left;margin-left:25px}
div.rightcontent{width:700px;float:left;margin:0 0 10px}
div.leftmenu{width:100%;background-color:#3399FF;margin:0;background-color:#ddd}
div.zoeken{text-align:center;background-color:#3399FF;width:100%;float:left}
div.bgleftcontent2{width:100%;height:10px;float:left;background:url(../images/bgleftcontent2.png) no-repeat}
div.bgleftcontent3{width:100%;height:23px;float:left;background:url(../images/bgleftcontent3.png) no-repeat}
div.spellinks{float:left;width:177px;_width:160px;margin:0 5px}
div.spelcontainer{width:935px;padding:0 45px 0 20px}
div.favorieten{width:150px;height:100px;text-align:center;float:left;background-color:#3399FF}
div.nieuwspel{width:150px;height:100px;text-align:center;float:left;background-color:#3399FF;font-size:10pt}
div.categoriespel{width:160px;height:110px;text-align:center;float:left;background-color:#fff}
div.bericht{background:url(../images/berichtbalk.png);height:102px;width:682px;margin:0 9px 10px}
div.spel_left{width:818px;float:left;margin-left:2px}
div.spel_right{width:180px;float:left;clear:left}
div.leftbericht1{width:15%;float:left}
div.rightbericht1{width:85%;float:left}
div.leftbericht2{width:80%;float:left}
div.rightbericht2{width:20%;float:left}

p.bericht1{text-align:left;font-size:11pt;padding-top:15px;margin:0}
p.bericht2{text-align:left;font-size:11pt;padding-top:15px;padding-left:40px;margin:0}
div.top10{float:left;width: 159px; text-align: center;margin:0;padding:0}
div.top10 h3{font-weight:700;font-size:10pt;margin:0;padding:0}
input.zoeken{color:#fff;background-color:#2d5590;font-weight:700;border:0;padding:5px 10px;border-radius:9px;cursor:pointer;}
input.zoek{padding:5px}
input.zoeken:hover{color:#3399FF}
h2.keywords{display:inline;font-size:11pt;text-align:left;margin:0;padding:0}
h2.spellinks_subtitle{display:block;width:100%;background-color:#2d5590;font-size:11pt;padding-top:2px;height:20px;color:#fff;margin:0}
span.leftmenu{display:block;width:100%;background-color:#2d5590;font-size:12pt;color:#fff;font-weight:700;height:20px;margin:0;padding:0}
.content_subtitle{font-weight:700;display:block;width:95%;padding:5px 0 5px 5%;height:20px;color:#fff;font-size:12pt;background-color:#000039;text-align:left;margin:0}

div.copyright{display:block;text-align:center;width:100%;font-weight:700;color:#000039;font-size:10pt;margin-top:10px}
div.copyright h1, div.copyright p {margin:0;padding:0}

p.siteinfo{font-size:9pt;font-style:italic}
ul.spellinks{list-style:none;margin:0;}
ul.sitemap{list-style-image:url(../images/pijl.gif);text-align:left}
span.sitemap{color:#000;font-weight:700;font-size:11pt}
a.sitemap,a.linkpartners{color:#000;text-decoration:none;font-size:0.8em}
a.sitemap:hover,a.linkpartners:hover{color:#000039;font-weight:700}
a.spellink{color:#000039;font-size:0.9em;text-decoration:none;padding-left:5px}
a.categorielink{color:#000039;font-size:11pt;text-decoration:none}
a.partnerlink{color:#000039;font-size:11pt;text-decoration:none;margin-left:10px}
li.partnerlink{text-align:left;margin-left:10px}

a.menulink{font-size:14pt;text-decoration:none;color:#000}
a.meer{color:#000039;font-size:10pt;text-decoration:none;font-weight:700;margin-bottom:3px;height:18px;background:url(../images/bgbottomspel.png) no-repeat;display:block;width:100%;padding-top:2px}
p.text,p.tekst{padding-left:5%;text-align:left;width:95%;margin:0}
p.gelukt,p.fout{padding-left:5%;text-align:left;width:95%;font-weight:700;margin:0 0 5px}
p.goed{color:green}
p.fout{color:red}
.alignright{text-align:right}
.width100{width:100%}
.width50{width:50%}
.width30{width:30%}
.width70{width:70%}
h1,ul.spellinks{margin:0;padding:0}
h1{font-size:1.3em;margin:5px 0}
h3{font-size:1.1em;margin:5px; font-style: italic;color: #2d5590}
ul.linkpartners,.alignleft{text-align:left}
a.menulink:hover,.strong{font-weight:700}
a.hyperlink{color:#2d5590;text-decoration:none}
a.suggestie,span.suggestie{font-size:9pt}
span.topmargin10{margin-top:10px}
span.topmargin0{margin-top:0}
span.top10{cursor:pointer;font-weight:700;color:#fff;text-align:center;width:100px;display:block;border:1px solid #000039;background-color:#3399FF;padding:4px 2px;border-radius:9px;margin:15px 0}
span.top10:hover{background-color:#2d5590}
img.login{width:50%;height:50%}
#spelslider{width:500px;margin-bottom:6px}
div.sitemap{width:24%;float:left;padding-left:1%}
.clear{clear:both}
#laadtabel{background-color:#fff}
#laadtabel td{font-size:14pt;font-style:italic}
ul.partnerlink{margin:0}
p.beschrijving{margin:0;font-size:0.9em;line-height:20px}
a.spellink:hover,a.categorielink:hover,a.partnerlink:hover,a.meer:hover,a.hyperlink:hover{text-decoration:underline}
#txtHint{width: 796px; border: 1px solid #000039; margin: 0 15px 10px 25px; text-align: center; float: left; background-color: #fff;}

li.spellink{text-align:left;width:100%;background-color:#6cf;padding:5px 0;margin:2px 0}
li.spellink2{text-align:left;width:100%;background-color:#39F;padding:5px 0;margin:2px 0}

table.suggestie{width:100%;background-color:#fff;margin-top:5px}
#spel{width:96%;background-color:#fff;padding:5px 2%;margin:0}
table.suggestie td{width:20%;text-align:center}
#breadcrumbs{font-size:0.8em}

#knoppen {width: 150px;text-align: center; float: left;}
#gameobject {margin-top:5px}

@media screen and (max-width: 1024px) {
	.zoekarea {display:none}
	div.header{width:100%;margin:0;padding:0}
	#txtHint{width:100%;max-width:100%;margin:0;border:0}
	div.container{width:100%}
	div.content{width:100%}
	#knoppen{display:none}	
	div.spelcontainer {width:100%;padding:0}
	div.spellinks {width:24%;padding:0;float:left;margin:0 0.5%}
	div.spellinks:last-of-type {display:none}
}

@media screen and (max-width: 768px) {
	div.spel_right {display:none}
	div.header img{width:100%}	
	#knoppen{display:block;width:100%}
	div.spel_left{width:100%;margin:0}
	span.top10 {float:left;margin:5px;width:150px}	
	table.suggestie td {width:25%}
	table.suggestie td:last-of-type {display:none}
	#gameobject{width:100%;max-width:100%}
}

@media screen and (max-width: 468px) {
	#knoppen {width:100%}
	#knoppen span {width:46%;font-weight:normal;padding:10px 1%;margin:1%;border:0;font-size:0.9em;height:30px}
	div.zoekarea{display:none}
	div.spelcontainer{display:none}
	div.top10{width: 50%;text-align:center}
	#spelslider{width:100%;max-width:100%}
	table.suggestie{display:none}
}