/* Main css */

@media print {
       .dontprint {
       display:none;
       }
       .doprint {
       }
}

@media screen {
       .dontprint {
       }
       .doprint {
       display:none;
       }
}

body.width-wide {
    /* UITGESCHAKELD    width: 960px; */ 
	margin: auto;
}

body {
	font-family: Arial, Helvetica, Utkal, sans-serif;   
	font-size:13px;    		 /* Verhoogd naar 13px  */
	line-height:118%;
	font-weight:normal;
	padding:0;
	text-decoration:none;
}

div.container {
 	margin-left: auto;
 	margin-right: auto;
 	width: 1000px;
 	text-align: left;
 	}

div.page {
	margin:0; 
}

body, td {
    margin: 0;
    padding: 0;
}  /* Vroeger stond daar ook bij: div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td */ 

.menuwhite, .menuwhite a:link, .menuwhite a:visited, .menuwhite a:hover, .menuwhite a:active {
	background-color:transparent;
	color:#FDFDFD;
	text-decoration:none;
}

#header, #header a {                           /* De antracietkleurige balk bovenaan */
    background-color: #363636;
    clear: both;
    font-family:Arial, Helvetica, Utkal, sans-serif;
	font-size:11px;
	color: #FDFDFD;								/* Off-White */
	vertical-align: middle; 
	line-height: 25px;   						/*  To make it align in the middle */
    height: 25px;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: auto;
	margin-bottom: 6px;
	}
	
#login {										/*  De login area */
	float: left;
	margin: 0px 0px 0px 10px;
}

#googlesearch {									/*  Google Search */
    width: 300px;
	float: right;
	margin: 0px 10px 0px 0px;
}

#logoarea {										/*  Waar logo en image/leaderboard staan */
	clear: both;
	width: auto;
	height: 100px;
	-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;background-color:#FDFDFD;
}

#logo {
	float: left;
	margin: 4px 4px 3px 4px;
}

#leaderboard {
	float: right;
	margin: 4px 4px 4px 0px;			
}

#footer {										/*  Antracietkleurige footer met gradient */
	margin: 5px 0 0 0;
	text-align:center;
	line-height: 140%;
	padding:20px;
	height: 90px;
	background-image: -ms-linear-gradient(top, #363636 0%, #000000 100%); /* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #363636 0%, #000000 100%); /* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #363636 0%, #000000 100%); /* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #363636), color-stop(1, #000000)); /* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #363636 0%, #000000 100%); /* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #363636 0%, #000000 100%); /* W3C Markup, IE10 Release Preview */ 
}

#socialmedia {
	padding:10px;
}

/* Lists ------------------------------------------------------ */

ul {                
padding:0;
margin:5px 0px 0px 15px; 
}

ol li{    
	list-style-type:decimal;
}

ul.square li{   
	list-style-type:square;
	padding-bottom: 5px;
}

ul li{   
	list-style-type:none;
}

#tagyears li {
	display:inline;
	}
#tagyears li:after { 
	content: " | "; 
	}
#tagletter li {
	display:inline;
	}
#tagletter li:after { 
	content: " | "; 
	}
#tags li {
	display:inline;
	}
#tags li:after { 
	content: " | "; 
	}

/* News Archive  ------------------ */
td div.news-archive-title a {
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:18px;
line-height:22px;
color:#42688b;    										
text-decoration:none; 
margin-bottom: 5px;   
}

.news-archive-date {
text-decoration:none;
color:#acacac;	
}

td span.news-archive-teaser a {
text-decoration:none;
color:#333333;	
}		

/* Linkermenu  ------------------ */
div.superblocktitle {						/* Titels Linkernavigatie */
text-align:left;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:100%;								
font-weight:bold;
text-decoration:none;
color:#FDFDFD;								/* Off-White */
padding:2px 2px 1px 5px;					
border-color:#333;   					
background-color:#333; 
border-width:1px;
border-bottom-width:1px;
border-style:solid;
text-transform:uppercase;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

div.homeblocktitle {							/* Titels Blocks Homepage */
text-align:left;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:110%;								
font-weight:bold;
text-decoration:none;
padding:2px 2px 3px 4px;
border-width:0;      
border-style:solid;
color:#FDFDFD;
background-color:#333;     						/* Antraciet */ 
/* background-image:url('http://www.f-16.net/graphics/blockgradient.png');
background-repeat:repeat-x;   */
margin-bottom: 5px;    /* New */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

div.superblock  {
color:#000;
padding-bottom:2px;
text-align:left;
background-color:#fdfdfd;
border-width:0px 1px 5px 1px;
border-color:#333;			
border-style:solid;
margin-bottom:7px;
}

div.superblock ul {							/* Versions, Armament, Users, ....  */
padding:0;
margin:0; 
list-style:none; 
}

div.superblock li {
padding:0;
margin:0; 
list-style:none; 
}

div.superblock li a  {
display:block;
margin:0;   
padding:1px 5px;       	
text-decoration:none;
}

div.superblock li a:visited  {
text-decoration:none;
}

div.superblock li a:hover {
color:#fdfdfd;								/* Off-white text on hover */
background-color:#6A798B;   	
text-decoration:none;
}

div.leftblocktitle {
padding:2px 0px 2px 4px;
font-weight:bold;
margin-bottom:2px;
background-color:#cfd9e1;  					/* Baby blue - ZAL Site specifiek moeten gemaakt worden */
}

div.leftblockcontent {           			/* TEST */
padding-bottom:2px;
}

/* Admin Messages ------------------ */

div.adminmsgborder{
border-style:solid;
border-width:1px;  
border-color:#42688b;    					/*Color picked from gradient superblock */
margin:0px 0px 4px 0px;
}

div.adminmsgpadding{
padding:4px;     
}

div.adminmsgheader{
text-align:left;
font-family:tahoma, verdana, sans-serif;
font-size:100%;
font-weight:bold;
text-decoration:none;
padding:2px 2px 2px 4px;
border-color:#003362;
border-width:0;      
border-style:solid;
color:#fdfdfd;
background-color:#333;  
}

div.newslistheaderbar{
margin-bottom:5px;
background-color:#cfd9e1;
border-style:solid;
border-width:1px 0px 0px 0px;
padding:4px;
}

div.newslistfooterbar{
clear:both;
border-width:0;
padding:0px 5px 0px 0px;
text-align:right;
margin:0;
}

div.separator{
width:152px;
margin-top:25px;
border-style:solid;
border-color:#7b8da4;
border-width:0;
border-bottom-width:2px;
}

div.quote {
width:450px;
margin-left:20px;
border-style:solid;
border-color:#eee;     						/*Light grey*/
border-width:1px;
background-color:#eee;    
padding:5px;
}


/* AL WAT HIER ONDER STAAT BEN IK NOG NIET AANGEWEEST - LIEVEN */

/* DIVs Vermoedelijk vooral in Pagesetter gebruikt ----------------------- */

/*
div.content {
width:650px;   					
/* wordt o.a. gebruikt in armament waar het de breedte van het block aanduid. */
}
*/

div.headerright {
background-repeat:no-repeat; 
background-position:right; 
background-color:#003463;
width:100%; 
height:100px;
}

div.topmenubar {
background-color:#003463;
border-width:1px 1px 0px 0px;
border-style:solid;
border-color:#8BBDE5;
padding:1px 0px 1px 5px;
width:500px;
}

.darkblueline {
border-style: solid;
border-color:#003463;  							/*Dark blue*/
border-width: 0px 0px 1px 0px;
}

.lightblueline {
border-style: solid;
border-color:#cfd9e1;  							/*Baby blue*/
border-width: 0px 0px 1px 0px;
}

div.topbanner {
margin-top:2px;
margin-bottom:2px;
height:90px;
text-align:left;
margin:0px 0px 0px 1px;    
padding:2px;              
}

div.contentheader {
width:850px;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#003463;  							/
}

/* FONTS ------------------------------------------------------ */

.text-small {
background-color:transparent;
color:#333;	/* Off-black */
font-family:Arial, Helvetica, Utkal, sans-serif;      /* Was voorheen tahoma, verdana, sans-serif;  */
font-size:90%;
font-weight:normal;
line-height:1.4em;									/* TEST */
text-decoration:none;
}

.text-small a:link, .text-small a:visited, .text-small a:active {
background-color:transparent;
color:#004276;												/* Was voorheen fel blauw */
font-family:Arial, Helvetica, Utkal, sans-serif;        /* Was voorheen tahoma, verdana, sans-serif;  */
font-size:100%;
font-weight:normal;
text-decoration:underline;
}

.text-small a:hover {
color:blue;
}

.text-large { 
font-family:Arial, Helvetica, Utkal, sans-serif;
color:#333;												/* Off-black */
font-size:110%;  
line-height:1.4em;
}

.text-large a:link, .text-large a:visited, .text-large a:active { 
font-family:Arial, Helvetica, Utkal, sans-serif;
color:#004276;    
}

.text-large a:hover {
color:blue;
}

td {
color:#333;											
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:95%;
}


/* Need to put td before h2 styles to fix links in titles!*/

td a:link, td a:visited, td a:active {
color:#004276; 									/* Was pvstigt blue #003463 maar aangepast naar  #004276;	CNN kleur en dan #115098 */
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:100%;
}

td a:hover {
color:blue;
}

th {
font-family:Arial, Helvetica, Utkal, sans-serif;
background-color:#42688b;				
color:#fdfdfd;
font-size:13px;
}

h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:22px;
line-height:22px;
color:#004276;
font-weight:bold;
text-decoration:none;
}

h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:18px;
line-height:18px;
color:#42688b;    										/*Color picked from gradient superblock */
text-decoration:none;
}

h3, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {   /* Overweeg een aparte hover en visited versie te maken!  */
font-family:Arial, Helvetica, Utkal, sans-serif;
color:#333;
font-size:14px;
line-height:14px;
text-decoration:none;
}

h4, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:12px;
line-height:12px;
color:#333;
text-decoration:none;
}

a:link, a:visited, a:active {
background-color:transparent;
font-family:inherit;
font-size:inherit;
color:#004276;
text-decoration:underline;
}

.text-caption {
margin-top:5px;
margin-left:7px;
margin-right:7px;
text-align:left;
line-height:1.2em;
background-color:transparent;
color:#004276;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:100%;
font-weight:normal;
text-decoration:none;
}

.text-caption a:link, .text-caption a:visited, .text-caption a:hover, .text-caption a:active {
text-align:left;
background-color:transparent;
color:#004276;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:100%;
font-weight:normal;
text-decoration:underline;
}

.caption {
font-size:10px; 
color:#7b8da4;							/* Sort of Grey Blue */
line-height:1.1em;
}

.caption a:link, .caption a:visited, .caption a:hover, .caption a:active {
font-size:10px; 
color:#7b8da4;
line-height:1.1em;
}

abbr, acronym, span.abbr { /*IE fix for multihook*/
    cursor: help;
    border-bottom: 1px dashed #000;
}

.homelink a:hover {						/* Wordt voor admin block gebruikt en forumblock */
color:blue;   
}

.homelink a:visited {
color:#555;   							/* Nog een soort dark grey  - consistentie?? */
} 

.homelink a:visited:hover {
color:blue;  
}

/* De CSS hieronder is nu geactiveerd door een fix. Moet bekeken worden ! */

.photobox {   							/* NEW */
margin:5px;
text-align:center;
}

.thumb {
color:#333;								/* Off-black */
border-style: solid;
border-width: 1px;
padding: 1px;
}

.photocaption {
text-align:left;
background-color:transparent;
color:#004276;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:10px;
font-weight:normal;
margin-top:5px;
margin-left:7px;
margin-right:7px;
line-height:1.2em;
text-decoration:none;
}

img {
border-width:0;
}

img.lowviz {
border-width:0;
opacity:0.4;
filter:alpha(opacity=40); 				/* For IE8 and earlier */
}

img.header {
border-width:0;
border-radius: 10px 10px 0px 0px;
}


form { 
display:inline; 
}

input, textarea, select {
background-color:#eee;      			/*Light grey*/
color:#000;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:10px;
text-indent:2px;
}

/* AL WAT HIER ONDER STAAT MAG VERMOEDELIJK WEG - LIEVEN */

.headerbox {					/* Gebruikt inheaders teksten */
margin-left:7px;
}

.pn-normalwhite, .pn-normalwhite a:link, .pn-normalwhite a:visited, .pn-normalwhite a:hover, .pn-normalwhite a:active {
background-color:red;		/* TEST was transparent */
color:#fdfdfd;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:100%;
font-weight:normal;
text-decoration:none;
}

.pn-sub {                        /* word gebruikt in "more" voor news en jokes */
background-color:transparent;	/* TEST, was transparent */
color:#000;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
}

.pn-sub a:link, .pn-sub a:visited, .pn-sub a:hover, .pn-sub a:active {   /* werd gebruikt in more voro news en jokes */
background-color:transparent		/* TEST was transparent */
color:#000;
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:underline;
}

.pn-normal { 	/* Word gebruikt in -list files en o.a. in het forum block. */
}

.pn-title {		/* Word gebruikt in -list files */
background-color:transparent;	
color:#333;					/* Off-black */
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.pn-title a:link, .pn-title a:visited, .pn-title a:hover, .pn-title a:active {   /* Werd gebruikt in -list files nu vervangen door h3 - Komt dit nog ergens voor op de server? */
background-color:transparent;		
color:#333;					/* Off-black */
font-family:Arial, Helvetica, Utkal, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

.floatbox {
    overflow: hidden; 
}	

.homelink a {
color:#000;   /* THIS DOESN'T DO ANYTHING, you can change it to red, it doesn't matter */
}