@CHARSET "ISO-8859-1";

body{
	font-size				: 12px;
	font-family				: verdana;
	margin					: 0px;
	padding					: 0px;	
	background-image		: url(http://www.kijkmaarmee.nl/timvanderburg/images/bck.gif); 
	background-position		: center bottom;
	background-attachment	: fixed;
	background-repeat		: repeat-y;
}


/* -----------------------------------------------------------------------------------------------
 * - COMMON BLOCK ELEMENT DEFINITIONS 
 *
 * Description : these styles are for all the block elements.
 * They will be overwritten if described
 */
.title{
	background-color		: #000000;
	font-weight				: bold;
	color					: #ffffff;
	text-align				: left;
	padding					: 4px 10px 4px;	
}

.prelude{
	background-color		: #E5E5E5;
	color					: #000000;
	text-align				: left;
	padding					: 4px 10px 4px;
}

.subtitle{
	padding					: 4px 10px 4px;
	text-align				: left;	
	}

.thumb{
	float					: right;	
}

.link{
	background-color		: #E5E5E5;
}


/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED LARGE MEDIA BLOCK DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.largeMediaBlock {
	padding					: 5px;	
}
 
.largeMediaBlock .title{
	background-color		: #000000;
	font-weight				: normal;
	font-size				: 25px;
	color					: #FF4F00;
	padding					: 4px 10px 4px;
	text-align				: left;	  
}

.largeMediaBlock .content{
	background-color		: #eeeeee;	
	min-height				: 200px;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}


/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED LARGE YOUTUBE BLOCK DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.largeYoutubeBlock {
	padding					: 5px;	
}
 
.largeYoutubeBlock .title{
	background-color		: #000000;
	font-weight				: normal;
	font-size				: 25px;
	color					: #FF4F00;
	padding					: 4px 10px 4px;
	text-align				: left;	  
}

.largeYoutubeBlock .content{
	background-color		: #eeeeee;	
	min-height				: 200px;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED LARGE MEDIA BLOCK DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.largeLibraryMediaBlock{
	background-color		: #eeeeee;	
	margin-top				: -15px;
	margin-left				: 0px;
}

.largeLibraryMediaBlock .title{
	display					:none;		
}

/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "MEDIUM BLOCK WITHOUT IMAGE" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
 .mediumContentBlock{
 	margin					: 5px;
 }
 
.mediumContentBlock .title{
	background-color		: #000000;
	font-weight				: bold;
	font-size				: 11px;
	color					: #FF4F00;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.mediumContentBlock .prelude{
	background-color		: #E5E5E5;
	font-weight				: bold;
	font-size				: 14px;
	color					: #000000;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.mediumContentBlock .subtitle{
	background-color		: #E5E5E5;
	font-weight				: normal;
	font-size				: 11px;
	color					: #000000;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.mediumContentBlock .content{
	background-color		: #E5E5E5;
	font-size				: 11px;	
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.mediumContentBlock .link{
	font-size				: 11px;	
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "MEDIUM BLOCK WITH (thumb) IMAGE" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
 .mediumBlockWithImage .title{
 	font-size				: 11px;
 	font-weight				: bold;
 	color					: #FF4F00;
	background-color		: #4D4D4D;
	padding					: 4px 10px 4px;
	text-align				: left;
}

 .mediumBlockWithImage .content{
 	font-size				: 11px;
 	color					: #ffffff;
	background-color		: #262626;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.mediumBlockWithImage .link{
	clear					: both;
}

/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "SMALL CONTENT BLOCK" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */ 
  .smallContentBlock{
 	margin					: 5px;
 }
 
 .smallContentBlock .title{
 	font-size				: 11px;
 	font-weight				: bold;
 	color					: #FFFFFF;
	background-color		: #000000;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

 .smallContentBlock .content{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #CCCCCC;
	padding					: 4px 10px 4px;
	text-align				: left;
}


/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "MEDIUM CONTENT BLOCK" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */

.mediumBlockWithImage{
	background-color		: #ff4444;
	margin					: 5px;
}

.mediumBlockWithImage .content{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #E5E5E5;
	padding					: 4px 10px 4px;
}


/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "SMALL BLOCK WITH (thumb) IMAGE" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.smallBlockWithImage {
	font-size				: 11px;
	margin					: 5px;
	background-color		: #E5E5E5;	
}



 .smallBlockWithImage .title{
 	font-size				: 11px;
 	font-weight				: bold;
 	color					: #FFFFFF;
	background-color		: #000000;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
}

.smallContentBlock .subtitle{
	background-color		: #E5E5E5;
	font-weight				: normal;
	font-size				: 11px;
	color					: #000000;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

 .smallBlockWithImage .image{
 	clear:both;
}

 .smallBlockWithImage .prelude{
 	font-size				: 11px;
}

 .smallBlockWithImage .content{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #E5E5E5;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
}

 .smallBlockWithImage .link{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #E5E5E5;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
} 



/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "SMALL BLOCK WITH (thumb) IMAGE" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
 .mediumBlockWithBigImage{
	font-size				: 11px;
	margin					: 5px;
	background-color		: #E5E5E5;	
}
 
.mediumBlockWithBigImage .image{
	width:400px;	
}


/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "SMALL BLOCK WITH (thumb) IMAGE" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.mediumBlockWithImage {
	font-size				: 11px;
	margin					: 5px;
	background-color		: #E5E5E5;	
}

 .mediumBlockWithImage .title{
 	font-size				: 11px;
 	font-weight				: bold;
 	color					: #FFFFFF;
	background-color		: #000000;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
}

.mediumContentBlock .subtitle{
	background-color		: #E5E5E5;
	font-weight				: normal;
	font-size				: 11px;
	color					: #000000;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

 .mediumBlockWithImage .image{
 	clear:both;
}

 .mediumBlockWithImage .prelude{
 	font-size				: 11px;
}

 .mediumBlockWithImage .content{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #E5E5E5;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
}

 .mediumBlockWithImage .link{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #E5E5E5;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
} 



/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "blokje links met thumb" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.Blokje_links_met_thumb {
	font-size				: 11px;
	margin					: 5px;
	background-color		: #262626;	
}



 .Blokje_links_met_thumb .title{
 	font-size				: 11px;
 	font-weight				: bold;
 	color					: #FF4F00;
	background-color		: #4D4D4D;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
}

.Blokje_links_met_thumb .subtitle{
	background-color		: #262626;
	font-weight				: normal;
	font-size				: 11px;
	color					: #ffffff;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

 .Blokje_links_met_thumb .image{
 	clear:both;
}

 .Blokje_links_met_thumb .prelude{
 	font-size				: 11px;
	background-color		: #262626;
	color					: #ffffff; 	
}

 .Blokje_links_met_thumb .content{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #262626;
	text-align				: left; 
	padding					: 4px 10px 4px;
	color					: #ffffff;	 
}

 .Blokje_links_met_thumb .link{
 	clear:both;
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #262626;
	text-align				: left; 
	padding					: 0px;	 
} 



/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "blokje links met thumb" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.Blokje_links_alleen_plaatje {
	font-size				: 11px;
	margin					: 5px;
	background-color		: #262626;	
}



 .Blokje_links_alleen_plaatje .title{
 	font-size				: 11px;
 	font-weight				: bold;
 	color					: #FF4F00;
	background-color		: #4D4D4D;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
}

.Blokje_links_alleen_plaatje .subtitle{
	background-color		: #262626;
	font-weight				: normal;
	font-size				: 11px;
	color					: #ffffff;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

 .Blokje_links_alleen_plaatje .image{
 	clear:both;
}

 .Blokje_links_alleen_plaatje .prelude{
 	font-size				: 11px;
	background-color		: #262626;
	color					: #ffffff; 	
}

 .Blokje_links_alleen_plaatje .content{
 	font-size				: 11px;
 	color					: #000000;
	background-color		: #262626;
	text-align				: left; 
	padding					: 4px 10px 4px;
	color					: #ffffff;	 
}

 .Blokje_links_alleen_plaatje .link{
 	font-size				: 11px;
	background-color		: #262626;
	text-align				: left; 
	padding					: 0px;	 
} 


/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "MEDIUM BLOCK WITHOUT IMAGE" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
 .MediumContentBlockWithoutImage{
 	margin					: 5px;
 }
 
.MediumContentBlockWithoutImage .title{
	background-color		: #000000;
	font-weight				: bold;
	font-size				: 11px;
	color					: #FF4F00;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.MediumContentBlockWithoutImage .prelude{
	background-color		: #E5E5E5;
	font-weight				: bold;
	font-size				: 14px;
	color					: #000000;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.MediumContentBlockWithoutImage .subtitle{
	background-color		: #E5E5E5;
	font-weight				: normal;
	font-size				: 11px;
	color					: #000000;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

.MediumContentBlockWithoutImage .content{
	background-color		: #E5E5E5;
	font-size				: 11px;	
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

 .MediumContentBlockWithoutImage .link{
 	font-size				: 11px;
	background-color		: #E5E5E5;
	text-align				: left; 
	padding					: 0px;	 
} 


/* -----------------------------------------------------------------------------------------------
 * - SPECIFIED "blokje links met thumb" DEFINITIONS
 * 
 * Description : the block contains a big 'media' block with an link to the full article
 */
.Blokje_links_zwart_alleen_tekst {
	font-size				: 11px;
	margin					: 5px;
	background-color		: #000000;	
	line-height				: 14px;
}

.Blokje_links_zwart_alleen_tekst a {	
	color:#FF4F00;
	text-decoration:underline;
}

.Blokje_links_zwart_alleen_tekst a:hover {	
	color:#FFFFFF;
	text-decoration:underline;
}


 .Blokje_links_zwart_alleen_tekst .title{
 	font-size				: 11px;
 	font-weight				: bold;
 	color					: #ffffff;
	background-color		: #000000;
	text-align				: left; 
	padding					: 4px 10px 4px;	 
}

.Blokje_links_zwart_alleen_tekst .subtitle{
	background-color		: #000000;
	font-weight				: normal;
	font-size				: 11px;
	color					: #ffffff;
	padding					: 4px 10px 4px;
	text-align				: left;	 
}

 .Blokje_links_zwart_alleen_tekst .prelude{
 	font-size				: 11px;
	background-color		: #000000;
	color					: #ffffff; 	
}

 .Blokje_links_zwart_alleen_tekst .content{
 	font-size				: 11px;
 	color					: #ffffff;
	background-color		: #000000;
	text-align				: left; 
	padding					: 4px 10px 4px;
	color					: #ffffff;	 
}





.mediumLibraryMediaBlock{
	margin					: 5px;
	background-color		: #CCCCCC;
}

.Blokje_links_library{
	margin					: 5px;
	background-color		: #CCCCCC;
}



.linkBlock .title{
	background-color		:#999;
	left					:10px;
}

.linkBlock .title:hover{
	background-color		:#222;
	left					:10px;
}