/* CSS Document */

html, body { margin: 0; padding: 0; }
body { background: #666666 url(img/body_gradient.png) repeat-x; font: 11px/20px verdana,sans-serif; }
p{margin-top:0;}
ul{margin-top:0;}
h1,h2,h3,h4 { font-family: arial,sans-serif; color: #0099CC; margin-top: 0; }
.menu, .menusub { list-style: none; margin: 0; padding: 0; font: 14px arial,sans-serif; }
u { font-weight: bold; color: #019CD6; text-decoration: none;}
a{ text-decoration: none; color: #0099CC; }
a:hover{ text-decoration: underline; color: #0099CC; }

.shadow {margin: 0 auto; width: 918px; vertical-align: middle; display: block;}

#container { width: 900px; padding: 0 9px; background: url(img/shadow_leftright.png) repeat-y; min-height: 668px; margin: 0 auto; position:relative;}
#top { height: 95px; background: white url(img/top_gradient.png) left bottom no-repeat; position: relative; }
	#top img { margin: 22px 0 0 40px; }
	#top form { position: absolute; top: 47px; left: 475px; }
	#top form .txt { border: solid 1px #D4D5D5; padding-left: 5px; }
	#top form .img { vertical-align: top; position:relative; top: 1px; left: -4px; }
	#top #login { position: absolute; top: 47px; right: 25px; color: #0099CC; font: 14px arial,sans-serif; }

#bottom { min-height: 670px; background: url(img/vervolg_bottom_bg.gif) repeat-y; }
#left {width: 650px; /*height: 130px;*/ position: relative; float: left;}
	#left_leftbar { width: 175px; overflow: hidden; float: left; }
	#left_leftbar img { border: 0; display:block; margin: 20px auto 0 auto; }
	#menu_ill { border-bottom: 7px solid #0695DB; vertical-align: middle;}

.menu, .menusub {height: 35px; width: 634px; /*background: url(img/menu_bg.png) repeat-x; */padding: 0 21px; position: absolute; left: 0; top: 95px; }
.menu li, .menusub li {padding: 0 26px 0 8px; text-align: center; float: left; position:relative; height: 35px; background: url(img/blank.gif); }
.menu a, .menusub a { color: white; text-decoration: none; line-height: 35px; }
.menu a.active, .menusub a.active { color: #999999;}
.menu a:hover { text-decoration:underline;color:white;}
.menusub a:hover { /*font-weight:bold; */color:white;text-decoration:underline;}
.menu .nolink, .menusub .nolink { color: white; text-decoration: none; line-height: 35px; }

.menu ul, .menusub ul { position: absolute; top: 35px; left: 0; width: 150px; height: auto; border-top: 7px solid #0695DB; padding: 0; display: none; filter:alpha(opacity=97); opacity:0.97; }
.menu ul li, .menusub ul li { float: none; background: #999999; padding: 0; height: 24px; text-align: left;}
.menu ul li a, .menusub ul li a { line-height: 24px; padding: 0 8px; }
.menu li:hover ul, .menu li.over ul, .menusub li:hover ul, .menusub li.over ul{display: block;}

.submenu { list-style: none; padding: 15px 0 0 0; margin: 0; width: 175px; }
.submenu li { font: 14px/33px arial,sans-serif; padding-left: 30px; }
.submenu li	a { text-decoration: none; color: #0097DA; }

.subsubmenu { list-style: none; padding: 15px 0 0 0; margin: 0; margin-top: -20px; width: 160px; }
.subsubmenu li { font: 12px/20px arial,sans-serif; padding-left: 10px; }
.subsubmenu li	a { text-decoration: none; color: #0097DA; }

#right { width: 250px; float: right; overflow: hidden; }

#top_right { width: 250px; height: 290px; overflow: hidden; background-color: #1C1C1C; color: #999999; position: relative; }
	address { margin: 0 10px; font-style: normal; border-bottom: 1px solid #588FAA; font: 14px/20px arial,sans-serif; padding: 21px 0 15px 5px; }
	address .left { width: 60px; float: left; }
	address #phone { font-weight: bold; color: white; }
	#top_right address a { color: #6FBCE6; }
	#top_right address .contact{ font: 12px/20px arial,sans-serif;}
	#referentie { padding: 3px 5px 0 15px; }
	#referentie h4 { font-size: 14px; font-weight: bold; color: white; margin-bottom: 5px; }
	#referentie a	{ /*display: block;*/ font: 12px arial,sans-serif; color: #6FBCE6; /*position: absolute; bottom: 10px; left: 0; padding-left: 15px;*/}

#news_title { height: 35px; font: bold 14px/35px arial,sans-serif; color: white; background: #5E5F5F; display: block; padding-left: 15px; }
#news{ padding: 10px 15px; }
	#news .date { font-style: italic; }
	#news h3 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #0099CC; }
	#news .meernieuws { margin-top: 20px; text-decoration: none; color: #0099CC; /*display: block;*/ }
.leesverder	{ text-decoration: none; color: #0099CC; display: block; margin-bottom:10px;}
#news h1 { font-size: 24px; color: black; font-weight: normal; }

.clearer { clear: both; height: 0; margin: 0; padding: 0; border: 0; outline: 0; line-height: 0;visibility: hidden; vertical-align: top; background: url(img/vervolg_bottom_bg.gif)}

#content { padding: 25px 18px 20px 18px; line-height: 20px; /*margin-left: 175px;*/ overflow-x: hidden;}
	#content h1 { font-size: 24px; color: black; font-weight: normal; }
	#content h2 { font-size: 14px; font-weight: bold; margin-bottom: 0; margin-top: 10px;}
/*	#content img {margin: 5px;}*/

#copy { position: absolute; bottom: -25px; color: white; left: 30px;}

.onderkant{height:8px;line-height:1px;}

/*contactform*/
form ul { list-style: none; margin: 0; padding: 15px 0 0 15px; }
form li { clear: both; margin-top: 5px; }
form li label { width: 140px; float: left; display: block; font-weight: bold; color: #019CD6; }
form li .txt { width: 250px; border: 1px solid #019CD6; font: inherit;}
form li .logintxt { width: 150px; border: 1px solid #019CD6; font: inherit;}
form .submit { background: white; border: 1px solid #019CD6; padding: 0 10px;margin-left: 155px;}
/*googlemaps*/
#map { height: 400px; }

.kader{BORDER: #46b5fB 2px solid;padding:4px;}

.blauw{font-weight: bold;color: #0099CC; }

.rss_tekst{margin-bottom:15px;}
.rss_date{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 8px;font-style: italic;margin:0 5px;}