/*** - 	File Created 	: 23 december 2005
	Creator		: Leonard Eshuis
	for     		: Mediamaal 
	website   	: People Connect People
	
	--------------------------------------
	Changelog [date, change]
	-------------------------------------- 
*/
/*** - ****************************
	browser reset 
********************************/

		html,body, dt, dl, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6 , form, fieldset, a,blockquote {
			margin: 0px;
			padding: 0px;
			border: 0px;
		}
		
		h1,h2,h3,h4,h5,h6 {
			font-weight:normal;
		}
		
/*** - ****************************
	site settings
********************************/

		img {
			border: 0px;
		}
		
		a {
			text-decoration: underline;
		}
		
		a:link,
		a:visited,
		a:hover,
		a:active {
			color: #00f;
		}
		
		body {
			font-size: 100.01%;
		}
		
		p {
			padding-bottom:1em;
		}
		
/*** - font-size 100.01% is to fix several bugs

IE/Win : bug fix for "em" bug - if font size is set to 100%, font proportions 
can be distorted if em units are on elements on page -
Opera : font-size 100% -> font is drawn smaller than other browsers 
Safari : has problems with font-size 101%, so 100.01% safest choice - ***/

/*** - ****************************
	standaard
********************************/

		.hide {
			display: none;
		}
		
		.printonly {
			display: none;
		}
		
		.screenonly {
		}
		
/* de class en printonly hide kunnen worden gebruikt om accessibility/usability te vergroten door 
elementen te verbergen, deze worden zichtbaar als deze stylesheet niet worden gerenderd */

/*********************************
	Page layout
********************************/

		html {
			height:100%; 
		}
		
		body{
			margin:0;
			padding:0;
			font-family:Trebuchet MS, Verdana, Arial, sans-serif;
			font-size:1em;
		}
		
/*******************************
	main components
********************************/

		#breadcrumb {
			background-color:#6B2669;
			color:#fff;
			font-size:.7em;
			padding-left:26.5em;
			height:1.8em;
			padding-top:2px;
		}
		
		#content span {
			display:block;
			font-size:.8em;
			padding:0em 2em 0em 1em;
		}
		
		#content {
			color:#fff;
			background-color:#8C5E88;
		
			SCROLLBAR-FACE-COLOR: #A37EA0;
			SCROLLBAR-HIGHLIGHT-COLOR: #A37EA0;
			SCROLLBAR-SHADOW-COLOR: #A37EA0;
			SCROLLBAR-ARROW-COLOR: #8C5E88;
			scrollbar-base-color:#A37EA0;
			scrollbar-track-color:#8C5E88; 
			scrollbar-3dlight-color:#6B2669;
			scrollbar-darkshadow-color:#6B2669;
			scrollbar-arrow-color:#fff;
			
			position:relative;
			height:19.8em;
			left:20em;
			top:0.7em;
			width:29em;
			overflow:auto;
			overflow-x:hidden;
			z-index:60;
		}
		
		#breadcrumb a {
			color:#fff;
			text-decoration:none;
		}
		
		#breadcrumb a:hover {
			text-decoration:underline;
		}
		
		#logo {
			position:absolute;
			left:3.5em;
			top: 2.3em;
			z-index:100;
		}
		
		#logo img{
			width:14em;
		}
		
		#header {
			width:48.1em;
		}
		
		#header {
			height:5em;
			overflow:hidden;
		}
		
		#main {
			background-color:#8C5E88;
			background-image:url(../images/background_content.gif);
			height:23em;
			overflow:hidden;
		}
		
		#moodimage {
			width:17.6em;
			position:absolute;
			top:5em;
			z-index:20;
			left:0em;
			overflow:hidden;
			height:23em;
		}
		
		#moodimage img {
			width:18em;
			height:23em;
		}
		
		#contentholder {
			width: 48.5em;
			background-color:#8C5E88;
			height:23.4em;
			margin:0em;
			padding:0em;
		}
		
		#wrapper {
			height:31em;
		}
		
/*** - site-navigation - ***/
		
		#site-navigation form,
		#site-navigation li {
			color:#F98906;
			display:inline;
			list-style-type:none;	
		}
		
		#site-navigation form {
			color:#F98906;
			display:inline;
			font-size:.7em;	
		}
		
		#site-navigation li a {
			color:#F98906;
			padding: 0px 6px;
			font-size:.7em;
			text-decoration:none;
		}
		
		#site-navigation {
			position:absolute;
			left:22.5em;
			height:1em;
		}
		
		#site-navigation form label  {
			padding-left: 8px;
		}
		
		
		#site-navigation form input  {
			color:#F98906;
			border:1px solid #F98906;
			padding:0px 5px;
			width:100px;
			height:1.4em;
			font-size:.8em;
		}
		
		#site-navigation form input.button, #content input.button {
			width:3.8em;
			height:1.7em;
			color:#fff;
			font-weight:bold;
			font-size:.8em;
			background-color:#F98906;
			margin-left:5px;
		}
		
		#site-navigation li a:hover,
		#navigation li a:hover {
			color:#6B2669;
		}
		
		#site-navigation li a.current,
		#navigation li a.current,
		#site-navigation li a.active,
		#navigation li a.active {
			color:#6B2669;
		}
		
		
/***  - navigation - ***/
		
		#navigation ul{
			position:absolute;
			top:3em;
			left:19.5em;
			z-index:150;
			width:29em;
		}
		
		#navigation li {
			color:#F98906;
			display:inline;
			font-weight:bold;
			list-style-type:none;
		}
		
		#navigation li a {
			display:block;
			float:left;
			color:#F98906;
			padding-left:19px;
			font-size:.75em;
			text-decoration:none;
		}
		
		
/*** - menu - ***/
		
		#menu {
			position:absolute;
			top:5em;
			z-index:50;
			left:10em;
		}
		
		#menu li {
			padding:.4em 0px 0px 0px ;
			margin:0px 0px 0px 0px ;
			list-style-type:none;
			width:8em;
			overflow:hidden;
		}
		
		#menu li a {
			display:block;			
			color:#fff;
			font-size:.72em;
			text-decoration:none;
			padding:0px 0px 0px 1em;
			margin:0px;
			font-weight:bold;
		}
		
		#menu li a.current,
		#menu li a:active,
		#menu li a:hover {
			color:#F8D8B1;
		}
		
/**/
#content H1 {
			padding-bottom:5px;
			margin:0px;
			font-size:1.2em;
			font-weight:bold;
		}
		
#content H2 {
			padding:0px;
			margin:0px;
			font-size:0.9em;
			font-weight:bold;
		}
		
		#content a {
			color:#fff;
		}

		#homepage #menu {
			display:none;
		}
		
		
/** site map **/
/*  :D de doktor schrijf voor deze 2 toevoegen */
 
#sitemap ul {
 margin-left:15px;
 list-style-type:disc;
 padding-bottom:20px;
}
 
#sitemap ul ul ul {
 margin-left:15px;
 list-style-type:disc;
 padding-bottom:0px;
}

/* form */
#content label {
 width:150px;
 display:block;
 float:left;
}

#content textarea,
#content input {
 width:250px;
}

#content textarea {
	height:80px;
}