﻿/* general fixed */

body {margin:0; padding:0; color:Black; font-family: verdana, arial, helvetica, sans-serif; font-size:0.7em; background: #f1f3ef url(/images/background.gif) repeat-y center top;}
a {color:#A96564;}
a:hover {color:#a6a6a5;}
img {border:0;}
form {margin:0; padding:0;}
input {font-size:1em;  padding:3px;}



/* general classes */
.floatleft {float:left;}
.floatright {float:right;}
a.button {border:solid 1px #d0d0d0; background-color:White; padding:3px 7px; text-decoration:none;}
a.button:hover {background-color:#d0d0d0; color:White;}

/* structure */

#centersite {margin-left:auto; margin-right:auto; width:975px;}
#sitecontainer {float:left; width:975px;}
#langcontainer {float:left; width:975px; height:14px; font-size:0.8em; padding-top:3px; color:#a6a6a5;}
#langcontainer .loggedin {float:left; width:645px; text-align:left;}
#langcontainer .homenav {float:left; width:205px;}
#langcontainer .langselect {float:left; width:125px; text-align:right;}
#langcontainer a {text-decoration:none;}
#langcontainer a.es {text-decoration:none; background: url(/images/flag-es.jpg) no-repeat left 2px; padding-left:19px;}
#langcontainer a.uk {text-decoration:none; background: url(/images/flag-uk.jpg) no-repeat left 2px; padding-left:19px;}
#headercontainer {float:left; height:225px; width:975px;} /* 305 */
#headercontainer.nologo {background-image: url(/images/background-header-zl.jpg);}
#contentcontainerhome {float:left; width:975px; background: #F1F3EF;}
#contentcontainer {float:left; width:975px; background: #F1F3EF;}
#contenthomeleft {float:left; width:425px; padding:25px 25px 25px 45px; border-right:solid 1px #d0d0d0;}
#contentleft {float:left; width:705px; padding:25px 25px 25px 45px;}
#contenthomecenter {float:left; width:229px; padding:25px 25px 25px 25px; border-right:solid 1px #d0d0d0;}
#contenthomeright {float:left; width:250px; padding:25px 25px 25px 25px;}
#contentright {float:left; width:149px; padding:25px 25px 25px 25px;}
#contentfooterhome {float:left; width:965px; height:18px; padding:37px 5px 0 5px; text-align:right; }
#contentfooter {float:left; width:965px; height:18px; padding:37px 5px 0 5px; text-align:right; }
#contentfooterhome a, #contentfooter a {color:white;}
#contentfooterhome a:hover, #contentfooter a:hover {color:#003693;}
.titlehomefirstline {padding-bottom:20px;}
.titlehome {padding-bottom:10px;}

td.firstline {background-color:#00419a; font-weight:bold; color:#ffffff;}
td.secondline {background-color:#4a77b3; font-weight:bold; color:#ffffff;}
td.light {background-color:#f7f7f7;}
td.dark {background-color:#efefef;}


/* algemeen */
a.pictoreadmore {float:left; padding:5px 0 0 14px; background: url(/images/picto-readmore.gif) no-repeat left 8px; clear:left;}
a.pictoreadmore:hover {float:left; padding:5px 0 0 14px; background: url(/images/picto-readmore-over.gif) no-repeat left 8px; color:#a6a6a5;}

/* articles */

div.blockblogitemhome {float:left; padding-bottom:10px; margin-bottom:10px; border-bottom: dashed 1px #d0d0d0;}
div.blockblogitemhome a.title {font-weight:bold; color:Black; text-decoration:none;}
div.blockblogitemhome a.title:hover {color:#003693; text-decoration:underline;}
div.blockblogitemhome .blogtext {float:left; width:330px;}
div.blockblogitemhome .blogtext .date {color:#aaaaaa; font-size:0.8em; width:330px;}
div.blockblogitemhome .blogimg {float:right; width:79px; border:solid 1px #d0d0d0; padding:2px 3px 2px 3px;}
div.blockblogitemhome .blogimg .pictomedia {float:left; width:16px; height:16px; padding-right:5px;}
div.blockblogitemhome a.pictocomment {float:left; padding:5px 0 0 14px; background: url(/images/picto-comment.gif) no-repeat left 8px; clear:left;}
div.blockblogitemhome a.pictocomment:hover {float:left; padding:5px 0 0 14px; background: url(/images/picto-comment-over.gif) no-repeat left 8px; color:#a6a6a5;}

/* home - nieuw voor asia */

div.itunes {float:left; width:505px;}
div.news {float:right; width:435px;padding:15px 15px 0 0;}
div.sponsors {float:left; width:405px;padding:40px 0 0 70px;}
div.sponsorshome {float:left; width:505px;}
div.sponsorbanner {float:right; width:435px;padding:15px 15px 0 0;}
div.gamebanner {float:left; width:505px; padding:0 0 0 0; border-bottom: medium #000066}

/* achterliggende volgpagina's */

div.blockblogitem {float:left; padding-bottom:10px; margin-bottom:10px;}
div.blockblogitem a.title {font-weight:bold; color:Black; text-decoration:none;}
div.blockblogitem a.title:hover {color:#003693; text-decoration:underline;}
div.blockblogitem .blogtext {float:left; width:338px;}
div.blockblogitem .blogtext .date {color:#aaaaaa; font-size:0.8em;}
div.blockblogitem .blogimg {float:right; width:79px; border:solid 1px #d0d0d0; padding:4px 3px 2px 3px;}
div.blockblogitem .blogimg .pictomedia {float:left; width:16px; height:16px; padding-right:5px;}
div.blockblogitem a.pictoreadmore {float:left; padding:5px 0 0 14px; background: url(/images/picto-readmore.gif) no-repeat left 8px; clear:left;}
div.blockblogitem a.pictoreadmore:hover {float:left; padding:5px 0 0 14px; background: url(/images/picto-readmore-over.gif) no-repeat left 8px; color:#a6a6a5;}
div.blockblogitem a.pictocomment {float:left; padding:5px 0 0 14px; background: url(/images/picto-comment.gif) no-repeat left 8px; clear:left;}
div.blockblogitem a.pictocomment:hover {float:left; padding:5px 0 0 14px; background: url(/images/picto-comment-over.gif) no-repeat left 8px; color:#a6a6a5;}


/* downloads */

div.blockdownloadshome {float:left; padding-bottom:40px;  padding-left: 10px; padding-top: 10px; width:229px;}
a.file {float:left; padding:5px 0 5px 22px; background: url(/images/picto-pdf.gif) no-repeat left 3px; text-transform:uppercase; clear:left;}
a.file:hover {color:#a6a6a5;}


/* login */

div.blockloginhome {float:left; /* background-color: #E6E5E3; */ padding-bottom:40px; padding-left: 10px; padding-top: 10px; width:229px;}
div.blockloginhome a.pictoreadmore {float:left; padding:5px 0 0 14px; background: url(/images/picto-readmore.gif) no-repeat left 8px; clear:left;}
div.blockloginhome a.pictoreadmore:hover {float:left; padding:5px 0 0 14px; background: url(/images/picto-readmore-over.gif) no-repeat left 8px; color:#a6a6a5;}
div.blockloginhome .formloginhome {float:left; width:229px; padding-top:15px;}
div.blockloginhome .formloginhome td.field {padding-bottom:5px;}
div.blockloginhome .formloginhome td.name {color:#6a6a6a;}
div.blockloginhome .formloginhome a.button {float:left; border:solid 1px #d0d0d0; padding:3px 7px; text-decoration:none;}
div.blockloginhome .formloginhome a.button:hover {background-color:#d0d0d0; color:White;}

/* register - frederik */

table.form td {padding-bottom:5px;}
table.form td.name {color:#6a6a6a; width:150px;}
table.form td.required {font-weight:bold;}
table.form td.field {}
table.form td.register {}
table.form td.error{padding-left:5px;}
table.form td .extra {font-size:0.8em;}
table.form a.button {float:right; border:solid 1px #d0d0d0; background-color:White; padding:3px 7px; text-decoration:none;}
table.form a.button:hover {background-color:#d0d0d0; color:White;}
p.error {color:#cc0000;}

/* searchfield articles */

div.searchfield {float:left; width:705px; padding-bottom:10px; border-bottom:solid silver 1px; margin-bottom:10px;}
div.searchfield .fieldcontainer {float:left; width:230px;}
div.searchfield .buttoncontainer {float:left; width:150px;}
div.searchfield .field {float:left; background:url(/images/picto-vergrootglas.gif) no-repeat 3px 4px; padding-left:20px; width:200px;}
div.searchfield .summary {float:left; width:705px;margin-top:10px;}



/* article */

div.articlecontainer {float:left; width:auto; padding:0px 0 40px 30px;}
div.articlecontainer .textsmal {float:left; width:522px; padding-right:35px;}
div.articlecontainer .text {float:left; width:552px; padding-right:35px;}
div.articlecontainer .textbreed {float:left; width:705px;}
div.articlecontainer h1 {color:#A96564; font-size:1.6em; font-weight:normal; text-transform:uppercase; margin-bottom:0px;}
div.articlecontainer .date {float:none;}
div.articlecontainer .inleiding {font-weight:bold;}
div.articlecontainer h2 {color:black; font-weight:bold; font-size:1.2em;}
div.articlecontainer .imageblock {float:left; width:114px; background:#aeaeae; padding:2px 2px 4px 2px; margin-bottom:10px;}
div.articlecontainer .imageblock .border {border:solid 2px white;}
div.articlecontainer .pictomedia {float:left; width:16px; height:16px; padding-right:5px;}
div.articlecontainer .fileblock {float:left; width:140px; padding:4px 2px 4px 6px; margin-top:37px;}


/* gallery */
div.gallerycontainer {float:left; width:705px; padding:25px 0 40px 0;}
div.gallerycontainer h1 {color:#800e0e; font-size:1.6em; font-weight:normal; text-transform:uppercase; padding-bottom:10px;}
div.gallerycontainer .imageblock {float:left; width:114px; background:#b3b8ae; padding:2px 2px 4px 2px; border-right:solid 20px transparent; border-bottom:solid 20px transparent; }
div.gallerycontainer .imageblock .border {border:solid 2px white;}
div.gallerycontainer .pictomedia {float:left; width:16px; height:16px; padding-right:5px;}
div.gallerycontainer h2 {color:black; font-weight:bold; font-size:1.2em;}

div.gallerycontainer div.category {width:700px;overflow:hidden;}
div.gallerycontainer div.link {width:700px;margin-bottom:20px;}


/* text format */

.textbold {font-weight:bold;}
.textwhite {color:white;}
.textitalic {font-style:italic;}
.textred {color:red;}
.textbolditalic {font-weight:bold;font-style:italic;}
.subtext {font-size:0.8em; color:#A2A2A2;}

.border {width:133px;border:solid 1px #d0d0d0;}
.settingsbutton {padding-right:105px}

