/***************** stylesheet voor infoclan vanaf versie 1.4 ************/  
/* rood = FF0000, blauw = 0000FF
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: arial,helvetica,sans-serif;
	}
	a {
		color:#0000FF;
	}
	a:hover {
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.2em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:5px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		margin-bottom:5px;
	}
#header h1 		{ 
								font-family:"trebuchet MS",helvetica,sans-serif;
								text-transform:uppercase;
								text-align: left; 
								font-size:2.7em;
								letter-spacing: 0.4em;
								padding: 0 0 0 10px;
								margin:0;
								color: #909090;
								
								}
#header h1 a, h1 a:visited, h1 a:hover
								{
								color: #909090;
								text-decoration: none;
								
								}
#header h3 
								{ 
								font-weight: normal; 
								font-size: 0.8em; 
								color: #888; 
								text-transform: uppercase;
								font-family: Helvetica, Arial, sans-serif; 
								padding: 0 0 0 0;
								}
#login				{
							font-size:0.9em;
							color:#FF0000;
							text-align:right;
							font-variant:small-caps;
							padding-right:50px;
							}
#login a:link
							{
							color:#FF0000;
							}
#login a:visited
							{
							color:#FF0000;
							}
#login a:hover
							{
							text-decoration:underline;
							}

/*********************** column container ******************************/

	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border-top: 3px solid #909090;

	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:1em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	/* 3 Column settings */
	.threecol {
		background:#F8F8F8;		/* right column background colour */
	}
	.threecol .colmid {
		right:34%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#F8F8F8;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:14%;			/* Width of left column content (column width minus padding on either side) */
		left:40%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:30%;			/* Width of right column content (column width minus padding on either side) */
		left:92%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		font-size: 0.9em; 
		color: #888; 
		text-align: center;
		border-bottom: 2px solid #909090;
		border-top: 1px solid #909090;
		background:#F8F8F8; 
	}
#footer a, #footer a:visited 
								{ 
								color: #888; 
								text-decoration: none; 
								}
#footer a:hover 
								{ 
								color: #888; 
								text-decoration: underline; 
								}

/********************* andere styles ****************************************************/
/********************* navigatie     ****************************************************/
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
font-variant:small-caps;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

/********************* navigatie channels************************************************/
#channels_list
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 11px Verdana, sans-serif;
background: gray;
width: 12em;
font-variant:small-caps;
}

#channels_list li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#channels_list li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #990000;
background: #CCD;
text-decoration: none;
}

#channels_list li a:link { color: #448; }
#channels_list li a:visited { color: #448; }

#channels_list li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

#channels_list li #current
{
background:yellow;
}
/********************* content     ****************************************************/
#stats				{
							font: 11px Verdana, sans-serif;
							/* padding: 0 1px 1px;*/
							margin-left: 0;
							width: 12em;
							/*background:gray; */
							}


/********************* content     ****************************************************/
#rubriek			{
							color:#FFFFFF;
							background:#CC0000;
							border:0px;
							padding:5px;
							font: bold 12px Verdana, sans-serif;
							font-variant:small-caps;
							}
#rubriek a:link
							{
							color:#FFFFFF;
							}
#rubriek a:visited
							{
							color:#FFFFFF;
							background:#CC0000;
							text-decoration:underline;
							}
/********************* content     ****************************************************/
#keuzemenu			{
							display: block;
							padding: 0.25em 0.5em 0.25em 0.75em;
							border-left: 1em solid #990000;
							color:#FFFFFF;
							background:#CC0000;
							border:0px;
							/* padding:5px; */
							font: bold 12px Verdana, sans-serif;
							font-variant:small-caps;
							text-align:center;
							}
#keuzemenu a:link
							{
							color:#FFFFFF;
							background:gray;
							text-decoration:none;
							margin:0px 5px 0px 5px;
							padding: 0.25em 0.5em 0.25em 0.75em;
							}
#keuzemenu a:visited
							{
							color:#FFFFFF;
							background:gray;
							text-decoration:none;
							padding: 0.25em 0.5em 0.25em 0.75em;
							margin:0px 5px 0px 5px;
							}
#keuzemenu a:hover
							{
							background:#000000;
							}

/******************************* voorpagina vanaf 1.2 ********************************************/
/* lijst bloggers */
#bloggerskanaal a:link
{
font-size:0.8em;
color:#000000;
text-decoration:underline
}
#bloggerskanaal a:visited
{
font-size:0.8em;
color:#000000;
text-decoration:underline
}

#bloggersitems
{
font-size:0.9em;
}
#bloggersitemdate
{
font-size:0.8em;
color:red;
}
#bloggerslink
{
font-family:"trebuchet MS",helvetica,sans-serif;
font-size:1.7em;
}
/* lijst kanalen */
#kanaal_kanaal a:link
{
font-size:0.8em;
color:#000000;
text-decoration:underline
}
#kanaal_kanaal a:visited
{
font-size:0.8em;
color:#000000;
text-decoration:underline
}

#kanaalitems
{
font-size:0.9em;
}

#kanaalitemdate
{
font-size:0.7em;
color:red;
}
#kanaallink
{
font-family:"trebuchet MS",helvetica,sans-serif;
font-size:1.7em;
}
/* lijst blogs */
#blogskanaal a:link
{
font-size:0.8em;
color:#000000;
text-decoration:underline
}
#blogskanaal a:visited
{
font-size:0.8em;
color:#000000;
text-decoration:underline
}
#blogsitems
{
font-size:0.9;
}
#blogsitemdate
{
font-size:0.8em;
color:red;
}
#blogslink
{
font-family:"trebuchet MS",helvetica,sans-serif;
font-size:1.1em;
}