
/* ELEMENT STYLES */

body {
					font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px; color: #fff;
					margin: 0px; background: #536066; overflow:auto;
}

img, table			{ border:0px; }

a					{ color:white; text-decoration:none; }
a:hover				{ color:red; text-decoration:none; }


/* ID STYLES */

#home				{ background:url(img/ico.home.gif); }
#contact			{ background:url(img/ico.contact.gif); }
#roadmap				{ background:url(img/ico.route.gif); }
#home:hover			{ background:url(img/ico.home.a.gif); }
#contact:hover		{ background:url(img/ico.contact.a.gif); }
#roadmap:hover		{ background:url(img/ico.route.a.gif); }

#content 			{ width:770px; margin:0px; color:#333; background: #fff url(img/field.bg.png) no-repeat center top; text-align:left; }
#content a			{ color:#666; text-decoration:underline; }
#content a:hover	{ color:red; text-decoration:none; }
#contentbot			{ width:770px; height:38px; margin:0px; position:relative; background:url(img/field.bot.png) no-repeat center top; }

.widget 			{ width:190px; margin:0px; background:url(img/wgt.bg.png) no-repeat center top; text-align:center; }
.widget a			{ font-size:14px; font-weight:bold; }
.widgetbot			{ width:190px; height:24px; margin:0px; position:relative; background:url(img/wgt.bot.png) no-repeat center top; }
.widgetgrey			{ width:190px; margin:0px; text-align:center; background:url(img/wgt.bg.grey.png) no-repeat center top; }
.widgetbotgrey		{ width:190px; height:24px; margin:0px; position:relative; background:url(img/wgt.bot.grey.png) no-repeat center top; }
.widgetgrey i	 	{ color:#aaa; }
.widgetgrey a		{ font-size:14px; font-weight:bold; }
.widgetcyan			{ width:190px; margin:0px; text-align:center; background:url(img/wgt.bg.cyan.png) no-repeat center top; }
.widgetbotcyan		{ width:190px; height:24px; margin:0px; position:relative; background:url(img/wgt.bot.cyan.png) no-repeat center top; }
.widgetcyan a		{ font-size:14px; font-weight:bold; }
.widgetcyan a:hover	{ color:#ccc; }

#sub				{ width:192px; background:#536066; position:absolute; border:1px solid white; border-width:1px 0 0; list-style:none; margin:0px; padding:0px; font-size:11px; letter-spacing:1px; }
#sub li				{ border:1px solid white; border-width:0 1px 1px; padding:2px; text-transform: uppercase; cursor:pointer; }
#sub li:hover		{ background:#821818; }

#credits			{ float:right; }


/* CLASS STYLES */
.ico				{ display:block; width:27px; height:26px; float:right; background-repeat:no-repeat; }
.pijl				{ width:14px; height:7px; }
.facts				{ width:505px; height:214px; }
.team				{ width:60px; height:60px; }

.menu				{ font-size:12px; }
.menu a				{ letter-spacing:2px; margin:2px 1px; }
.menu a:first-child	{ margin-left:0px; }
.menu a:last-child	{ margin-right:0px; }


.navwit {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#FFFFFF;
 text-decoration: none;
}

.navwit:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#000000;
 text-decoration: none;
 background-color:#FFFFFF
}

.navgrijs {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#999999;
 text-decoration: none;
}

.navgrijs:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#cd2027;
 text-decoration: none;
}

.navgrijs:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#cd2027;
 text-decoration: none;
}


td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 text-decoration: none;
}

#content td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000;
 text-decoration: none;
}

.tussentitel {
	font-variant: small-caps;
	color: #FFCC99;
	text-align: center;
}

/*SPATIE classes*/

h1{
   font-size: 12px;
    text-transform:uppercase;
}

h2{
    font-size: 12px;
    color: #666;

}

.newsDate{
    font-size: 9px;
    color: #ccc;
    border-top: 1px Solid #ccc;
    margin-top: 10px;
}

.smallTxt{
    font-size: 9px;
}

