/* #2198C8 */
*
{
	margin:					0;
	padding:				0;
}
html, body
{
	height:					100% !important;
}
body
{
	behavior:				url("../css/csshover.htc");
}
body, textarea, input
{
	font-family:			"Lucida Sans Unicode";
	font-size:				11px;
}
h1
{
	display:				none;
}
h2
{
	font-size:				16px;
	margin:					0 0 5px;
	font-weight:			normal;
}
h3
{
	font-size:				14px;
	margin:					15px 0 0;
}
h4
{
	font-size:				13px;
	margin:					0;
	font-weight:			normal;
}
h5
{
	font-size:				12px;
	margin:					0;
}
p
{
	margin:					10px 0;
}
#content p.next-ul
{
	margin-bottom:			0;
}
#content p.prev-h3
{
	margin-top:			0;
}
.true
{
	border:					1px solid #003;
}
.false
{
	border:					1px solid #CE3000;
}
img
{
	border:					none;
}
ul
{
	list-style-type:		square;
	list-style-image:		url(/media/li.gif);
	margin-left:			20px;
}
acronym
{
	cursor:					help;
	border-bottom:			1px dotted;
}
a
{
	text-decoration:		none;
	color:					white;
}
#content a
{
	text-decoration:		none;
	color:					#2198C8;
}
#content a:hover
{
	text-decoration:		underline;
}
:focus
{
	-moz-outline-style:		none;
}
:root
{
	overflow-y:				scroll !important;
}
td
{
	vertical-align:			top;
}
input:focus, textarea:focus
{
	background:				#eee;
}
#wrapper
{
	width:					810px;
	margin:					0 auto;
	position:				relative;
	padding-bottom:			20px;
	padding-left:			180px;
}

/* KOP */
#kop
{
	height:					110px;
	padding-top:			10px;
	_overflow:				hidden;
}
#kop #logo
{
	float:					right;
}
#topmenu
{
	list-style-type:		none;
	margin:					0;
	height:					20px;
}
#topmenu li, #topmenu a
{
	display:				inline;
	float:					left;
}
#topmenu li a
{
	padding:				0 5px;
	border-right:			1px solid;
	color:					#2198C8;
}
#topmenu li a img
{
	vertical-align:			-15%;
	margin-right:			2px;
}
#topmenu li a:hover
{
	text-decoration:		none;
}

/* MENU */
#menu
{
	list-style-type:		none;
	margin:					0 0 10px;
	height:					25px;
}
#menu li, #menu a
{
	display:				inline;
	float:					left;
}
#menu li a
{
	color:					white;
	font-size:				16px;
	padding:				3px 30px 0;
}
#menu li a:hover
{
	text-decoration:		none;
}
#menu li a:hover img
{
	text-decoration:		none;
}

/* MENU 2 */
#menu2
{
	float:					left;
	display:				inline;
	width:					184px;
	padding-right:			10px;
}
#menu2 ul
{
	border:					1px solid;
	margin:					3px 0 10px;
	padding:				6px;
	list-style-image:		none;
	list-style-type:		none;
}
#menu2 li a
{
	display:				block;
	font-size:				13px;
	padding:				6px 0 9px 3px;
	width:					167px;
	border-bottom:			1px solid;
	color:					#2198C8;
}
#menu2 li a:hover, #menu2 li.huidig a
{
	text-decoration:		none;
	color:					#2198C8;
}
#menu2 .box
{
	margin-top:				50px;
}

/* CONTENT */
#content
{
	display:				inline;
	float:					left;
	position:				relative;
	padding-bottom:			30px;
	min-height:				350px;
	height:					auto !important;
	height:					350px;
}
.smal
{
	width:					593px;
	background:				no-repeat 88% 120px;
}
.breed
{
	width:					785px;
	background:				no-repeat 93% 120px;
}

/* FOOTER */
#footer
{
	text-align:				right;
	color:					#777;
	cursor:					pointer;
	border-top:				1px solid #2198C8;
	margin-right:			23px;
	padding-right:			36px;
}
/* OVERIG */
.switchCSS
{
	border-right:			none !important;
	text-indent:			15px;
 	background:				no-repeat 5px 0;
}
.leesmeer
{
	font-size:				11px;
	display:				block;
	text-align:				right;
	padding-right:			14px;
	color:					#2198C8;
	background:				right bottom no-repeat;
	text-decoration:		none !important;
	cursor:					pointer;
	position:				absolute;
	bottom:					2px;
	right:					2px;
}
.datum
{
	font-size:				10px;
	color:					#777;
	margin:					0 0 2px 0;
}
.terug
{
	padding-left:			13px;
	color:					#2198C8;
	background:				left bottom no-repeat;
	font-size:				11px;
	text-decoration:		none !important;
	cursor:					pointer;
	float:					left;
}
.vlak
{
	position:				relative;
	height:					100px;
	padding:				5px 6px 6px;
	margin:					6px 0;
	cursor:					pointer;
}
.vlak h3
{
	line-height:			12px;
	margin:					0 0 1px;
}
.vlak img
{
	float:					left;
	margin-top:1px;
}
.vlak img.foto
{
	margin-right:			5px;
}
#inloggen
{
	display:				none;
	width:					212px;
	background:				#2198C8;
}
#inloggen table
{
	margin:					6px auto 3px;
	color:					white;
}
#inloggen input
{
	width:					100px;
	border:					none;
	color:					#777;
}
#inloggen .submit
{
	float:					right;
	color:					#2198C8;
	border:					none;
	width:					100px;
	background:				#CCC url(/media/button.gif) no-repeat 95%;
}
#inloggen .melding
{
	text-align:				right;
	font-weight:			bold;
}
.box
{
	padding:				12px;
}
.box h3
{
	margin:					0 0 2px;
	display:				block;
}
.box h3 img
{
	margin:					0 0 -2px;
}
.box ul
{
	margin-left:			0px;
	list-style-image:		none;
	list-style-position:	inside;
	list-style-type:		bullet;
}
.box a
{
	color:					#2198C8;
}
.box.right
{
	margin-left:			10px;
	float:					right;
}
.box.left
{
	margin-right:			10px;
	float:					left;
}
#content .box
{
	width:					150px;
}
#sitemap
{
	display:				none;
	height:					80px;
	width:					540px;
	border:					1px solid #777;
	position:				relative;
	z-index:				1;
}
#sitemap ul
{
	margin:					0;
	list-style:				none;
}
#sitemap li, #sitemap a
{
	display:				inline;
	float:					left;
	font-weight:			bold;
	line-height:			1.4;
}
#sitemap a
{
	padding:				0 7px;
}
#sitemap ul ul
{
	width:					100px;
	margin:					15px 0 0 0;
	list-style-image:		none !important;
}
#sitemap li ul li, #sitemap li ul a
{
	color:					#2198C8 !important;
	font-weight:			normal;
}
#sitemap ul ul a
{
	display:				block;
}

.nav
{
	position:				relative;
	height:					12px;
}
.nav .leesmeer
{
	float:					right;
	position:				relative;
	top:					0;
	left:					0;
}

/* PROJECTEN */
#projectdetails
{
	margin:					5px 0 0;
}
#projectonderdelen
{
	height:					16px;
	text-align:				center;
	padding:				5px 0;
	margin:					0 6px 10px;
}
#projectonderdelen li
{
	display:				inline;
	border-left:			1px solid #2198C8;
	padding:				0 12px;
	cursor:					pointer;
}
#projectonderdelen li.huidig
{
	color:					#2198C8;
}
#projectfotos
{
	list-style-image:		none;
	list-style:				none;
	height:					211px;
	position:				relative;
}
#projectfotos img
{
	position:				absolute;
	top:					6px;
	left:					6px;
	display:				none;
}
#projectteksten
{
	width:					420px;
	overflow:				hidden;
	position:				relative;
	list-style-type:		none;
	list-style-image:		none;
	margin:					0 auto;
}
#projectteksten ul
{
	width:					4000px;
	height:					80px;
	position:				relative;
	margin:					0;
}
#projectteksten li
{
	width:					420px;
	float:					left;
	display:				inline;
	position:				absolute;
	top:					0;
	left:					0;
	display:				none;
	line-height:			1.4;
}

#nieuwsoverzicht
{
	display:				inline;
	float:					left;
	width:					100%;
}
#nieuwsoverzicht .vlak
{
	padding-right:			150px;
}
#nieuwsdetails
{
	float:					right;
	display:				none;
	position:				relative;
	margin:					6px 0 0;
	padding:				0;
	cursor:					default;
	height:					0;
	overflow:				hidden;
}
#nieuwsdetails h3
{
	margin:					2px 0 0;
	line-height:			14px;
}
#nieuwsdetails h4
{
	color:					#777;
	font-size:				11px;
}
#nieuwsdetails #sluiten
{
	position:				absolute;
	top:					45%;
	left:					-1px;
	padding:				15px 15px 15px 0;
	cursor:					pointer;
}
.ouder-nieuws
{
	display:				block;
	width:					100px;
	font-size:				11px;
	text-decoration:		none;
}
.ouder-nieuws:hover
{
	text-decoration:		none !important;
}

#contactgegevens
{
	width:					300px;
	float:					left;
	display:				inline;
}
#contactformulier
{
	width:					290px;
	float:					right;
	display:				inline;
}
#contact-verstuurd
{
	display:				none;
	float:					right;
	width:					300px;
	border:					1px solid #777;
	font-weight:			bold;
	text-align:				center;
}
#contactformulier #aan span
{
	color:					#2198C8;
}

.form td
{
	padding:				2px;
}
.form .submit
{
	float:					right;
}
.form .melding
{
	text-align:				right;
	background:				#222;
}
.form input, .form textarea
{
	width:					200px;
	border:					1px solid #2198C8;
	padding:				2px;
}
.form input.fout, .form textarea.fout
{
	border:					3px double #2198C8;
	padding:				0;
}
textarea
{
	height:					78px;
}
.form .submit
{
	width:					100px;
}
.form label.fout
{
	color:					#2198C8;
}
ol li
{
	padding-top:			10px;
	font-weight:			bold;
	margin-left:			20px;
}
ol li ol li
{
	list-style-type:		lower-roman;
	font-weight:			normal;
	padding-top:			0px;
}
#hostingprijzen .box
{
	margin-right:			13px;
	width:					165px;
}
#hostingprijzen .prijs
{
	padding-left:			70px;
	margin-top:				15px;
	height:					20px;
}
#hostingprijzen .prijs h3
{
	border:					none;
	text-align:				right;
	float:					left;
	display:				inline;
}
#hostingprijzen .prijs span
{
	vertical-align:			bottom;
	display:				inline;
	float:					left;
	line-height:			10px;
	font-size:				10px;
	width:					40px;
	*margin-top:			-3px;
	*line-height:			12px;
}
.linkedin
{
	background:				#EEE;
	border:					1px solid #777;
	padding:				1px;
	float:					right;
}

#nieuwewebsite
{
	position:				absolute;
	top:					0;
	left:					0;
}