/*
Website Name: Evenementen & Organisatiebureau O is 4
Theme URI: http://www.oisvier.nl
Description: Evenementenbureau & Organisatiebureau O is 4 organiseert sinds 1993 inhoudelijk sterke en creatieve evenementen voor het bedrijfsleven.
Author: Dirk-Jan Smit
Author URI: http://theprojekt.nl

	Copyright © 2009 Dirk-Jan Smit
*/

@import url("global.css");
@import url("reset.css");
@import url("typography.css");
@import url("forms.css");

/**
 * <*>
 */
html {
	height:100%;
	margin:0;
	padding:0;
}
body {
	background-color:#d02892;
	height:100%;
	margin:0;
	padding:0;
}
hr {
	background-color:#d9f5ff;
	color:#d9f5ff;
	height:1px;
	margin:10px 0;
	border:none;
	padding:0;
}

/**
 * Page markup
 */
div#container {
	background:url(images/back3.jpg) no-repeat;
	width:1008px;
	height:630px;
	margin:30px auto 0;
	background-position:0 42px;
}
div#header {
	width:1008px;
	height:155px;
}
div#content_wrapper {
	background:url(../images/px.png) repeat;
	width:1008px;
	height:420px;
}
div#footer {
	width:998px;
	clear:both;
	margin:10px 10px 0 0;
	text-align:right;
}

/**
 * Header
 */
div#header h1 {
	margin:0;
}
div#header h1 a {
	float:left;
	height:150px;
	width:200px;
	display:block;
	text-indent:-9999em;
}

/**
 * Topbar & Contact
 */
div#top_bar {
	width:988px;
	height:12px;
	margin:5px 10px;
	color:#fff;
	text-align:right;
	font-size:1.2em;
}	 
div#top_bar a {
	color:#fff;
	text-decoration:none;
}

div#contact {
	width:200px;
	height:130px;
	margin:10px 10px;
	float:right;
	display:inline;
	clear:right;
	text-align:right;
}
div#contact p {
	color:#FFFFFF;
	font-size:1.2em;
}
div#contact a {
	color:#FFFFFF;
	text-decoration:none;
}
/**div#top_bar {
	width:988px;
	height:12px;
	margin:-20px 10px;
	color:#fff;
	text-align:right;
	font-size:1.2em;
}	 
div#top_bar a {
	color:#fff;
	text-decoration:none;
}
div#contact {
	width:200px;
	height:130px;
	margin:-150px 10px;
	float:right;
	display:inline;
	clear:right;
	text-align:right;
}
div#contact p {
	color:#FFFFFF;
	font-size:1.2em;
}
div#contact a {
	color:#FFFFFF;
	text-decoration:none;
}

*/


/**
 * Artifex
 */
div#artifex {
	height:248px;
	width:35px;
	float:left;
	margin:167px 5px 5px;
}

/**
 * Navigation
 */
ul#navigation {
	display:block;
	width:200px;
	list-style:none;
	margin:15px 15px 15px 0;
	padding:0;
	float:left;
}
ul#navigation li {
	margin:0 0 1.2em;
}
ul#navigation li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#d02892;
	font-size:2.2em;
	text-decoration:none;
}
ul#navigation li a:hover {
	color:#a6ce39;
}
ul#navigation li ul {
	list-style:none;
	margin:10px 0 0 20px;
}
ul#navigation li ul li {
	margin:0 0 .4em;
}
ul#navigation li ul li a {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1.3em;
}
ul#navigation li a.current_list_item, ul#navigation li ul li a.current_list_item {
	color:#a6ce39;
}	

/**
 * Content 
 */
div#content_left {
	height: 400px;
	width:230px;
	margin:10px 10px 10px 0;
	float:left;
	overflow:auto;
}
div#content_right {
	height:400px;
	width:230px;
	margin:10px 0 10px 10px;
	float:left;
	overflow:auto;
}
div#content_extra {
	height:399px;
	width:230px;
	margin:10px 0 10px 10px;
	float:left;
	overflow:auto;
}
div#content_left ul li, 
div#content_left ol li, 
div#content_right ul li, 
div#content_right ol li, 
div#content_extra ul li, 
div#content_extra ol li, 
div#rightcol ul li, 
div#rightcol ol li,
div#content_large ul li,
div#content_large ol li {
	font-size:1.4em; 
	line-height:1.3;
}
input {
	font-size:11px; }

div#content_large {
	height:399px;
	width:460px;
	margin:10px 0 10px;
	float:left;
	overflow:auto;
}
div#content_rlarge ul li,
div#content_rlarge ol li {
	font-size:1.4em; 
	line-height:1.3;
}
div#content_rlarge {
	height:399px;
	width:460px;
	margin:10px 0 10px;
	float:left;
	overflow:auto;
}

/**
 * Right column
 */
div#rightcol {
	width:223px;
	height:400px;
	margin:10px 10px 10px;
	float:right;
	display:inline;
}
div#rightcol p {
	margin:0;
	font-size:1.1em;
	text-align:center;
}


/**
 * Footer 
 */
div#footer p {
	font-size:1.1em;
	color:#fff;
	margin:-8px 0 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
div#footer p a {
	color:#fff;
	text-decoration:underline;
}
div#footer p a:hover {
	text-decoration:none;
}