/*

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 0px 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;

}