/* geenruzie.nl default style v0.01 */

/**********/
/* layout */
/**********/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font: 100% Helvetica,Arial, "Book Antiqua",Verdana,sans-serif;
	background-color: #252C37;
	background-image:url('../images/bg.png');
	background-repeat:repeat-x;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 150px;
}

#main {
	width: 1000px;
	padding: 0 8px 8px 8px;
	background-color:  #FFF;
}

#header {
	
}

#header .contactinfo {
	margin-top: 20px;
	float: right;
	text-align: right;
}

#header p{
	font-weight: bold;
	margin-bottom: 0;
}

#logo {
	position: relative;
	left: -8px;
	margin-top: 25px;
	margin-bottom: 10px;
}

#content {
	margin-top: 8px;
}

#content h1 {
	color: #688599;
	margin-bottom: 15px;
	font-size: 1.3em;
	line-height: 1em;
}

#content p, #content li, #content form, #header p {
	color: #35445b;
	font-size: 1.05em;
	line-height: 1.7em;
}

#content ul {
	margin-bottom: 20px;
	list-style-type: square;
	margin-left: 40px;
}

#footer {
	margin-top: 8px;
	height: 45px;
	background-color: #9cccf1;
	font-size: 0.8em;
	text-align: center;
	color: #FFF;
}

#footer p {
	line-height: 45px;
	color: #FFF;
}

/************************/
/* html native elements */
/************************/

p  {
	margin-bottom: 18px;
}

li {
	list-style-position: outside;
}

h1 {
	font-size: 1.2em;
}

h3, h3 a:link, h3 a:visited, h3 a:hover {
	color: #4f81bd;
	font-size: 18px;
	padding-bottom: 2px;
}

hr {
	border: 0;
	height: 1px;
	background-color: #CCC;
}

blockquote {
	line-height: 20px;
	font-style:italic; 
	padding-bottom:6px;
}

a:link {
	text-decoration: none;
	color: #01A9DB;
	}

a:visited {
	text-decoration: none;
	color: #01A9DB;
	}

a:hover {
	text-decoration: none;
	color: #086A87;
	}

img {
	border-style: none;
	margin: 0;
	padding: 0;
	}

/*****************/
/* specific divs */
/*****************/
#column {
	width: 244px;
	height: 486px;
	background-color: #e8e8e8;
	float: left;
	margin-right: 8px;
	background-image:url('../images/bg_column.jpg');
}

#column.foto {
	background-image: none;
	overflow: hidden;
}

#column p {
	margin-bottom: 18px;
	font-size: 1.05em;
	line-height: 1.6em;
}

#column.nobg {
	background-image: none;
	padding: 20px;
	width: 204px;
	height: 446px;
}

#maincontent {
	float: right;
	width: 688px;
	min-height: 426px;
	padding: 30px;
	margin: 0;
	background-color: #efedee;
}

#maincontent.bg {
	float: right;
	width: 748px;
	height: 486px;
	padding: 0;
	margin: 0;
}

#mainimage {
	float: right;
}

#logos {
	text-align: center;
	margin-bottom: 25px;
}

#logos img:first-child {
	margin-right: 100px;
}

/**************/
/* Navigation */
/**************/

#navigation {
	margin-top: 10px;
	clear: both;
}

#navigation {
	font: 20pt Helvetica, Arial, "Book Antiqua", Verdana,sans-serif;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul li {
	display: block;
	position: relative;
	float: left;
	margin-left: 8px;
}

#navigation li ul {
	display: none;
}

#navigation ul li a {
	display: block;
	padding: 5px 0;
	width: 244px;
	text-decoration: none;
	background-color: #252c37;
	color: #FFF;
	white-space: nowrap;
	text-align: center;
}

#navigation ul li:first-child {
	margin-left: 0px;
}

#navigation ul li ul li {
	margin-left: 0px;
}

#navigation ul li ul li  a{
	border-top: 1px #fff solid;
	width: auto;
}

#navigation ul li a:hover, #navigation ul li a.current {
	background-color: #5e7d91;
}

#navigation li:hover ul {
	display: block;
	position: absolute;
}

#navigation li:hover li {
	font-size: 70%;
	clear:left;
	width: 244px;
}

#navigation li:hover a {
	background-color: #5e7d91;
}

#navigation li:hover li a:hover {
	background-color: #8ebbd7;
}

/****************/
/* Misc classes */
/****************/

.clear {
	clear: both;
	height: 0px;
}

/***************/
/* Normal form */
/***************/

.normalform {
	padding: 0;
	margin: 0 auto;
	margin-top: 35px;
	font: inherit;
	width: 765px;
}

.normalform label {
	float: left;
	width: 15%;
	text-align: right;
	margin-right: 5%;
	display: block;
	}

.normalform input {
	width: 60%;
	height: 1.8em;
	border: 1px solid #a3b6bf;
	font: inherit;
}

.normalform select {
	width: 60%;
	border: 1px solid #a3b6bf;
}

.normalform textarea {
	width: 60%;
	border: 1px solid #a3b6bf;
	font: inherit;
}

.normalform input.checkbox {
	width: 15px;
}

.normalform div {
	clear: left;
	padding-bottom: 10px;
}

.normalform input.submit {
	font-size: 1.1em;
	margin-top: 20px;
	margin-left: 20%;
	border: 1px solid #5e7d91;
	padding: 0.1em 0.5em;
	background: #BBB;
	color: #FFF;
	height: 2em;
	width: 150px;
}

.normalform .submit:hover {
	background: #CCC;
}

.normalform .submit:active {
	background: #BBB;
}


#example {
	display: none;
}

/* This CSS is used for the Show/Hide functionality. */
h1 a :link , h1 a:visited, h1 a:active {
	color: #688599;
	text-decoration: none;
}

h1 a:hover {
	color: #252C37;
}