/**
*	Marktleiderschap.nl
*	Globale screen stylesheet voor de hoofdpagina's
*	@author Wouter Daan (wouter.daan@planet.nl)
*	@copyright 2006 DMS B.V. (http://www.dms-bv.nl)
*		
*	Via imports worden diverse meer specifieke stylesheets geïmporteerd.
*/

@import url("nieuws_screen.css");

body {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
}

div#container {
	margin: 0 auto;
	text-align: left;
	width: 920px;
	padding: 0;
	height: auto;
}

div#language
{
	text-align: right;
	margin: 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	font-size: 9pt;
}

div#header {
	margin: 0;
	padding: 0;
}

/**
*	Styling voor de balk met tabbladen (hoofdnavigatie)
*/
div#tabs {
	font-size: 10pt;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid black;
}

	div#tabs ul { 
		margin-left: 0;
		padding-left: 0;
		display: inline;
	}
	
	div#tabs ul li {
		margin-left: 0;
		margin-bottom: 0;
		margin-right: 10px;
		display: inline;
	}
	
	div#tabs ul li a {
		color: #999999;
		font-weight: bold;
		text-decoration: none;
		padding: 2px 15px 5px;
		border: 1px solid #000;	
	}
	div#tabs ul li a:hover {
		text-decoration: none;
		color: black;
	}
	
	div#tabs ul li a.active {
		background-color: white;
		color: black;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-bottom: 1px solid #FFF;
		border-right: 1px solid #000;
	}
	
	div#tabs ul li a.active:hover {
		background-color: white;
		color: black;
	}
	

/**
*	Styling voor de 3 kolommen layout onder de tabbalk.
*/
div#col_left {
	float: left;
	width: 230px;
	padding: 10px 0 0 0;
	margin: 0;
}

div#col_middle {
	float: left;
	width: 460px;
	padding: 10px 0 0 0;
	margin: 0;
	background: url("../i/rennen-bg-bw-460-609.jpg") center top no-repeat;
}

div#col_right {
	float: left;
	width: 230px;
	padding: 10px 0 0 0;
	margin: 0;
}

/**
*	Kopjes bovenaan kolom
*/
h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}

/**
*	Kopjes bovenaan een element binnen een kolom
*/
h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/**
*	Padding voor de content van kolommen
*/
div.col_padding {
	margin: 5px;
}

/**
*	Subkolommen binnen de middelste kolom
*/
div.subcolumn_left {
	float: left;
	width: 220px;
}

div.subcolumn_right {
	float: left;
	width: 220px;
	margin-left: 10px;
}


/**
*	Styling voor kleine blokjes met tekst op de homepage
*/
div.blokje {
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #4d4d4d;
	font-size: 11px;
	clear: both;
}

div.blokje img.float_right {
	float: right;
}

div.blokje div.image_right {
	float: right;
	width: 50px;
	margin-left: 25px;
}

div.blokje div.image_right img {
	margin-bottom: 3px;
}

div.blokje.groen {
	background: #d4f169;
}

div.blokje.zalm {
	background: #ffd79b;
}

div.blokje.grijs {
	background: #eaeaea;
}

div.blokje.wit {
	background: white;
}

/**
*	Styling voor de inhoud van de rechter kolom
*/
div#col_right div.boek {
	padding: 5px;
	margin-top: 15px;
	border: 1px solid #4d4d4d;
	font-size: 11px;
}

div#col_right address {
	margin-top: 30px;
	font-style: normal;
}

blockquote {
	margin: 5px 0 10px 0;
	padding: 3px 3px 3px 35px;
	font-style: italic;
	background: url("../i/quotes2.gif") left top no-repeat;
	width: 180px;
}

blockquote cite {
	font-style: normal;
}


/**
*	Styling voor diverse images
*/
img.left {
	float: left;
	margin: 5px 5px 5px 0;
}

img.right {
	float: right;
	margin: 5px 0 5px 5px;
}