/*

Theme Name: 	TeleVisie2010
Theme URI: 		www.televisiebeurs.nl
Description:	3 column CSS
Author:			Arnold van Rooij
Title:			Chief Officer Pixel Opperations
Author URI:		www.qurea.nl
Version: 		0.2
.				                                               	       .
.          © 2009 Arnold van Rooij @ Qurea. All rights reserved.       .
.                                                                      .
*/

	body {
		height:100%;
		background:#000 url("images/bg_green.gif");
		font:normal normal 100% Verdana, sans-serif;
		font-size:120%;
		line-height:1.4;
		color:#fff;
		margin:0;
		padding:0;
		}
	a:link,visited,active {
		color:#fff;
		}
	a:hover {
		color:#fff;
		}

	#bg {
		background:#000 url("images/bg.gif") top center repeat-y;
		width:1024px;
		margin:0 auto;
		padding:0;
		}
		
	#container {
		float:left;
		/* met nokia actie
		background: url("images/bg_l.gif") top left no-repeat;
		*/
		background: url("images/bg_l2.gif") top left no-repeat;

		width:1024px;
		margin:0 auto;
		padding:0;
		}	
	#container2 {
		float:right;
		background: url("images/bg_r.gif") top right no-repeat;
		width:754px;
		margin:0 auto;
		padding:0;
		}

/* header */

	#header {
		background:#369922  url("images/header.gif") top;
		width:1024px;
		height:235px;
		margin:0 auto;
		padding:0;
		}

	#header li {
		font-size:110%;
	}


/* left column */

	#left {
		float:left;
		width:270px;
		margin:0;
		padding:0;
		font-size:80%;
		text-align:right;
		}
	#left p {
		margin:0;
		padding:0;
		}
	#left ul{
		font:normal bold 100% Arial, Verdana, Sans-serif;
		text-transform: uppercase;
		margin:0;
		padding:0;
		}
	#left li {
		line-height:1.6;
		list-style:none;
		color:#fff;
	}
	#left li a {
		padding-right:20px;
		text-decoration:none;
		color:#fff;
	}
	#left li a:hover {
		background:url("images/mo_dot.gif") top right no-repeat;
		}

/* right column */

	#right {
		float:right;
		width:258px;
		padding:0;
		margin:0;
		font-size:80%;
		text-align:left;
		}
	#right p {
		margin:0;
		padding:0px;
		}
		#right ul{
		font:normal normal 80% Arial, Verdana, Sans-serif;
		line-height:1.4;
		text-transform: uppercase;
		margin:0px;
		padding:0px;
		}
	#right li {
		list-style:none;
		color:#fff;
	}
	#right li a {
		font:normal bold 100% Arial, Verdana, Sans-serif;
		text-transform: uppercase;
		text-decoration:none;
		color:#FFF;
	}
	#right li a:hover {
		color:#FFF;
		}

	#margin_r {
		margin:5px 5px;
		}
		
	#menu_r {
		width: 174px;
		margin:5px 5px;
		}
	
	#menu_r .menu-header {
		padding:10px 10px;
		background-image: url('images/menu_r_01.gif');
		background-repeat: no-repeat;
		background-position: left top;
		}
	#menu_r .menu-footer{
		background-image: url('images/menu_r_02.gif');
		background-repeat: no-repeat;
		/* background-repeat: repeat-y; */
		background-position: left top;
		height:12px;
		}


/* main column */

	#middle {
		float:left;
		background: url("images/bg_m.gif") top repeat-x;
		width:476px;
		/* b r o l */
		margin:0;
		padding:10px;
		font-size:80%;
		}

/* footer */

	#footer {
		clear:both;
		background: url("images/footer.gif") top no-repeat;
		text-align:center;
		width:1024px;
		height:114px;
		margin:0 auto;
		padding:0;
		}
	#footer small {
		font:.6em Verdana, sans-serif;
		margin:5px 0;
		padding:5;
		color: #eee;
		}
	#footer p a:link, visited, active {
		color: #fff;
		}
	#footer p a:hover {
		color: #ccc;
		}
	.ruler {
		color: #fff;
		height:1px;
		}
	.sponsor {
		color: #fff;
		font:.5em Verdana, sans-serif;
		margin:19px 5px 0px 5px;
		padding:0;
	}
	.footerlogos {
		width:490;
		color: #fff;
		font:.6em Verdana, sans-serif;
		margin:1px 5px 0px 0px;
		padding:0;	
	}
	.bottoml {
		color: #fff;
		font:.6em Verdana, sans-serif;
		margin:20px 5px 0px 5px;
		padding:0;	
	}

/* Typografics */

	small {
		font:.6em Verdana, sans-serif;
		margin:5px 0;
		padding:0;
		}

	p {
		font:normal normal 80% Arial, Verdana, Sans-serif;
		line-height:1.4em;
		margin:15px 0 15px  0;
		padding:0;
		}
		
	h1 {
		font:normal bold 90% Arial, Verdana, Sans-serif;
		text-transform:uppercase;
		color:#fff;
		letter-spacing:.1em;
		line-height:1.4em;
		margin:0 10px;
		padding:0;
		}
		
	h1 a,h1 a:visited,h1 a:active {
		text-decoration:none;
		color:#fff;
		}

	h2 {
		font:normal bold 90% Arial, Verdana, Sans-serif;
		font-weight:150;
		color:#fff;
		margin:1px 0 0 0;
		padding:0;
		}

	h2 a,h2 a:visited,h2 a:active {
		text-decoration:none;
		color:#fff;
		}
		
	h3 {
		font:normal bold 130% Arial, Verdana, Sans-serif;
		font-weight:200;
		color:#fff;
		margin:0;
		padding:0;
		}

	h3 a,h3 a:visited,h3 a:active {
		text-decoration:none;
		color:#fff;
		}

	hr {		
		color: #fff;
		border: 0;
		background-color: #fff;
		height: 1px;
		width: 100%;
		margin:20px 0 20px 0;
		}

	.caption {
		font:normal normal 80% Arial, Verdana, Sans-serif;
		line-height:1.4em;
		color:#369922;
		margin:0;
		padding:0;
		}

		
/* contact form */

#contact-area {
	font:normal normal 50% Arial, Verdana, Sans-serif;
	font-weight:200;
	width: 395px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 200px;
	font:normal normal 80% Arial, Verdana, Sans-serif;
	line-height:1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea select {
	float: right;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #960;
}

#contact-area input.submit-button {
	width: 100px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/* article illustrations */

	.imgright {
		float:right; 
		margin:0 0 5px 20px;
		}

	.imgleft {
		float:left; 
		margin:0 20px 5px 0;
		}

	.imgcenter {
    	margin-top:0px;
    	margin-bottom:0px;
		text-align:center;
		}