/*
STYLESHEET INFOCLAN 2.0
*/
/********* GENERAL STYLES **********/
body 	{
			margin:0;
			padding:0;
			border:0;			/* This removes the border around the viewport in old versions of IE */
			width:100%;
			background:#FFFFFF;
			font-family: verdana, helvetica,sans-serif;
			}
/********* HEADER STYLES ***********/
#header {
				clear:both;
				float:left;
				width:100%;
				}
#logo 	{ 
						font-family:"trebuchet MS",helvetica,sans-serif;
						text-transform:uppercase;
						font-size:2.5em;
						letter-spacing:0.4em;
						padding-top: 0px;
						padding-bottom:15px;
						margin:0;
						text-align:right;
						vertical-align:bottom;
						}
#logo a, h1 a:visited, h1 a:hover
								{
								color: #000000;
								text-decoration: none;
								}
#sublogo  			{
								font-family:"trebuchet MS",verdana;
								text-transform:uppercase;
								padding-bottom:15px;
								font-size:1.5em;
								font-style:italic;
								vertical-align:top;
								}

#login				{
							font-size:0.7em;
							color:blue;
							text-align:right;
							font-variant:small-caps;
							padding:0;
							margin:0;
							border-bottom:1px solid #909090;
							}
#login a:link
							{
							color:blue;
							text-decoration:none;
							}
#login a:visited
							{
							color:blue;
							}
#login a:hover
							{
							text-decoration:underline;
							}
#name_subsite
							{
							font-size:0.7em;
							color:#000000;
							text-align:left;
							font-variant:small-caps;
							padding:0;
							margin:0;
							border-bottom:1px solid #909090;
							}
/********************* navigatie horizontaal    ************************/
#navcontainer ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 0 0 0 10px;
font-family: "trebuchet MS",Verdana, sans-serif;
/* font-size: x-small; */
font-size:0.7em;
font-variant:small-caps;
}

#navcontainer li
{
padding: 0;
margin: 0 4px 0 0;
border-top: 1px solid #cecbc6;
border-right: 1px solid #cecbc6;
border-left: 1px solid #cecbc6;
background-color: #000066;
color: #ffffff;
font-weight: bold;
/* the next 4 lines are magic */
display: block;
float: left;
position: relative;
top: -1.32em;
}

#navcontainer a:link,
#navcontainer a:visited
{
background-color: #000066;
color: #ffffff;
text-decoration: none;
padding-left: 1em;
padding-right: 1em;
}

#navcontainer a:hover
{
background-color: #cecbc6;
color: #000066;
}

#navcontainerclear { display: none; }

html>body #navcontainerclear
{
display: block;
clear: both;
}

#navcontainer li#active a
{
background-color: #fff;
color: #000066;
}
/*********************** 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: 1px 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.8em; 
		color: #888; 
		text-align: center;
		border-bottom: 1px solid #909090;
		border-top: 1px solid #909090;
		background:#FFFFFF; 
	}
#footer a, #footer a:visited 
								{ 
								color: #888; 
								text-decoration: none; 
								}
#footer a:hover 
								{ 
								color: #888; 
								text-decoration: underline; 
								}

/********************* andere styles ****************************************************/
#rubriek					{
									color:#FFFFFF;
									background:#000066;
									border:0px;
									padding:5px;
									font: bold 12px Verdana, sans-serif;
									font-variant:small-caps;
									}
/********************* styles voor middenblok content ****************************************************/
								
#bloggerskanaal		{
									color:red;
									text-transform:capitalize;
									font-size:9px;
									text-align:right;
									color:red;
									}
#bloggerskanaal a, a:visited
									{
									color:red;
									}
#bloggersitems		{
									font-family:verdana,sans-serif;
									font-size:10px;
									}

#bloggersitemdate	{
									font-family:arial;
									font-size:8px;
									color:red;
									}

#bloggerslink			{
									font-family:"trebuchet MS",helvetica,sans-serif;
									font-size:2.0em;
									color:blue;
									}
#bloggerslink	a,a:visited
									{
									color:blue;
									}