/* Start of CMSMS style sheet 'rolife : rolife css222' */
/* CSS Document */

/* ######################################################################################################
** ### Voorbereidende maatregelen | Reset ###############################################################
** ######################################################################################################
*/
	/* Hiermee worden de randafstand en de border van alle HTML-Elementen op Null gezet. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Het terugzetten van de binnen- en buitenafstand van de selectieboxen */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Standaardkleuren en tekstuitlijning*/     
		color: #000;        
		background: #fff;
		text-align: left;
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	} 
	
	/* Standaard terugzetten */
	fieldset, img { border:0; }
	
	/* Aanpassing voor Safari Browser. font-size:100% is voor Safari in Formulieren te groot */ 
	select, input, textarea { font-size: 99% }
	
/* ######################################################################################################
** ### Standaard voor lijsten ###########################################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}


	h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}
	
	h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
	h2 {font-size: 1.4em; color: #600; margin: 0 0 0.25em 0; padding-top: 1.5em; }
	h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
	h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
	h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
	h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
	
	#teaser h1 { font-size: 1.2em; border: 0; }
	
	p,ul,dd,dt { line-height: 1.5em; }
	p { line-height: 1.5em; margin: 0 0 1em 0; }
	
	
	strong,b { font-weight: bold; }
	em,i { font-style:italic; }
	pre, code {	font-family: "Courier New", Courier, monospace; }
	address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
	
	hr { 
		color: #fff; 
		background:transparent; 
		margin: 0 0 0.5em 0; 
		padding: 0 0 0.5em 0; 
		border:0; 
		border-bottom: 1px #eee solid; 
	}
	
	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: 1px dashed #c00;
		cursor: help;
	}

/* ### Beeldpositie ############################################################################ */

	img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
	img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
	img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
	img.framed { padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

/* ### Lokale en externe links ######################################################## */
	a, a em.file {color: #900; text-decoration:none;}
	a:hover {background-color: #fee; text-decoration:underline;}
	a:focus {background-color: #fee; text-decoration:underline;}

/* 	##################
	##	Start CSS 	##
  	################## */

body {
text-align: left; /* voor IE */
background-image: url(uploads/rolife/bg.gif);
font-family: Verdana;
font-size: 10px;
}

div#container{
background-color: #FFFFFF;
width: 770px;
margin: 0 auto;
text-align: left;
border: 10px solid #FFFFFF;
}

div#header{
width: 100%;
height: 196px;
background-color: #FFFF00;
background: url(uploads/rolife/header.gif) no-repeat;

}

div#lang{
width: 50px;
height: 14px;
text-align:right;
float: right;
display:inline;
}

div#menu{
width: 100%;
height: 25px;
margin-top: 5px;
background-color: #F2F2F2;
clear: both;
}

div#main{
width: 100%;
background-color: #FFFFFF;
}

div#left{
width: 550px;
float: left;
margin-left: 5px;
margin-top: 10px;
background-color: #FFFFFF;
}

div#title{
width: 200px;
background-color: #F2F2F2;
}

div#left_news{
width: 200px;
margin-top: 2px;
background-color: #FFFFFF;
}

div#right{
width: 200px;
height: auto;
float: left;
margin-top: 40px;
border:1px solid #F2F2F2;
background-color: #FFFFFF;
}

div#footer{
width: 100%;
height: 20px;
clear: both;
margin-top: 10px;
background-color: #F0F0F0;
vertical-align: 50%;
}

/* End of 'rolife : rolife css222' */