* { margin: 0px; padding: 0px; }

html, body, iframe, textarea { scrollbar-face-color:#FFFFFF; scrollbar-track-color:#C19A6B; scrollbar-arrow-color:#6A604E; scrollbar-shadow-color:#55453A; scrollbar-dark-shadow-color:#55453A; scrollbar-3dlight-color:#ECE9E2; scrollbar-highlight-color:#ECE9E2;}
html, body { height: 100%; }
body{ color:#55453A; text-align:center;	font-size: 12px; background:#FFFFFF;font-family: Arial, sans serif;}

/* - COMMON - */
.spacer{ display:block; height:15px; clear:both;float:none;}
.small_spacer{ display:block; height:5px; clear:both;float:none;}
.topmargin{margin-top:5px;}
.leftmargin{margin-left:5px;}
.rightmargin{margin-right:5px;}
.bottommargin{margin-bottom:5px;}

/* - CONTAINERS - */
#container{	height: auto !important; height: 100%; min-height: 100%;}
#padding{ padding: 25px 0px 50px 0px;margin:0px auto;}
.main { margin:0px auto 10px auto; width:1000px; border:solid 3px #55453A;background:url('images/rw2.jpg') repeat-x;}
#demo{padding:15px;margin-left:15px;border:1px solid #000;float:left;}

/* - HEADERS - */
#header{ width:985px; height:120px; font-family: Tahoma, Arial, sans serif;color:#6A604E;padding-left:10px;}
#header .logo {	background:url('images/logo_bg.gif') repeat-x;font-weight:bold; float: left; width: 275px; height:70px;margin: 10px 2px 0px 0px; padding:10px 0px; text-align:center; border:solid 3px #6A604E;}
#header .logo h1{ font-size:35px; display:inline;}
#header .logo h3{ font-size:28px; display:inline;font-weight:bolder; margin:0px -2px 0px -3px;}
#header .logo h4{ font-size:18px;color:#FFFFFF; }

#header ul.menu, #header ul.submenu { float:right; list-style-type:none; text-align:right; width:690px;margin-right:2px;}
#header ul.menu { margin-top:10px;}
#header ul.submenu { margin-top:-30px;}
#header .menu_item { font-weight: normal; text-transform: lowercase; color: #FFFFFF; display: inline; background-repeat: no-repeat; float:right; width:116px; padding: 10px 0px 0px 55px; text-align:left; }
#header .menu_item a{ text-decoration:none; font-size:28px; color:#55453A;}
#header .menu_item a:hover{	color: #ffffff; }
#header .menu_text {color: #FFFFFF;}
#header .ideas{ height: 70px;background-image: url("images/menu_01.png");}	
#header .links{ height: 70px;background-image: url("images/menu_02.png");}
#header .info{ height: 70px;background-image: url("images/menu_03.png");}
#header .works{	height: 70px;background-image: url("images/menu_04.png");}

/* - SLOGAN - */
#slogan { clear:both; margin:-8px 0px 15px 0px; font-family: "Trebuchet MS", Tahoma, Arial, sans serif; font-size:24px; font-weight:bold; color:#C19A6B;}
#slogan span.links{display:block;text-align:left;margin-left:20px;}
#slogan span.rechts{display:block;text-align:right;margin-right:20px;}

/* - CONTENT - */

#content { width:1000px; text-align:justify;}	
#promo { width:660px;text-align:left;padding-right:15px;margin-right:15px;border:1px solid #000; float:right;}
.verbergen {display:none;}
#content p, #promo p, #content h2, #promo h2 ,#content h3, #promo h3 { padding: 0px 0px 4px 10px;text-align:justify;}
#content .para { width:470px;text-align:justify;}
#content .centraal{text-align:center;}
#content .small_text{font-size:9px;}
#content ul, #content li { margin-left:15px;padding: 1px 0px 4px 10px; list-style-type:disc;}
#content ul.small{width:450px;}
#content li.sub{padding-left:30px;margin-left:15px;}
#content a { font-weight:bold; color: #386060; }
#content a:hover { color: #987654;}

#content .thumbbox,#content .thumb, #promo .thumbbox,#promo .thumb {text-align:center; float:right;border: solid 2px #6A604E; background-color:#FFFFFF; width:145px;}
#content .thumbbox, #promo .thumbbox {margin:-30px 0px;}
#content .thumb, #promo .thumb {margin:-15px 0px;}

#content .thumbbox img, .thumb img{border: solid 1px #C19A6B; padding:1px; }
#content .thumbbox img:hover, .thumb img:hover{border: solid 1px #6A604E; }
#content label, #promo label{ width: 140px; float: left; text-align: left; margin-right: 5px; display: block }
#content label.tabel, #promo label.tabel { width: 112px; float: left; text-align: left; display: block }

#content .leftcolumn  { width: 150px; text-align:right; margin-bottom:15px; float:left;}
#content .maincolumn  { width: 640px; margin:0px 30px 0px 30px; float:right; font-size: 13px;}
#content .rightcolumn { width: 150px; text-align:left; margin-bottom:15px; float:right; }

#content .menu { float:left; font-weight: bold; color: #386060; border-bottom: dashed 1px #FFFFFF; height: 20px; width: 136px; padding: 5px 14px 0px 0px; background: url(images/menu_active.gif) bottom right no-repeat;}
#content .actief {color: #6A604E; background: url(images/menu_current.gif) no-repeat bottom right; }
#content .menu:hover { color: #6A604E; background: url(images/menu_hover.gif) no-repeat bottom right; }
#content .first { border-top: dashed 1px #FFFFFF;}

#content .header, #content .mainheader, #content .subheader  { font-family: "Trebuchet MS", Tahoma, Arial, sans serif; color:#704214;  width: 100%; margin:0px 0px 4px 0px; font-weight:bold;}
#promo .header, #promo .mainheader, #promo .subheader  { font-family: "Trebuchet MS", Tahoma, Arial, sans serif; color:#704214;  width: 100%; margin:0px 0px 4px 0px; font-weight:bold;}
#content .header, #promo .header  {font-size: 22px;border-bottom: dashed 1px #FFFFFF;}
#content .mainheader, #promo .mainheader {font-size: 22px;border-bottom: dashed 1px #704214;margin-bottom:10px;}
#content .subheader, #promo .subheader {font-size: 15px;border-bottom: dashed 1px #704214;margin:0px 0px 5px 10px;width:470px;}

#content .comments{ background: url("images/comments.png") 120px 8px no-repeat; border-bottom: dashed 1px #704214; }
#content .services{ background: url("images/services.png") 30px 0px no-repeat; }
#content .portfolio{ background: url("images/newlinks.png") 110px 0px no-repeat; }
#content .events{ background: url("images/events.png") 90px 0px no-repeat;}

#content .smalltext { font-size: 12px; font-weight: bold; color: #386060; float: left; width: 140px; padding : 0px 5px 5px 5px; }
#content .smalllink { font-weight: normal; color: #987654; font-size: 10px; }
#content .smalllink:hover {color: #386060;}

#content .login_top { background: url("images/login_01.png") no-repeat; height: 5px; width: 146px; }
#content .login_area { width: 140px; padding: 3px 3px 6px 7px; background: url("images/login_02.png") repeat-y; text-align:center;}
#content .login_bottom { background: url("images/login_03.png") no-repeat; height: 5px; width: 146px; }
#content .login_header { height: 17px; width: 131px; padding:2px 0px 8px 0px ; background: url("images/right_head.jpg") no-repeat; color:#FFFFFF;}
#content .login_textarea{ height: 30px; width: 131px; text-align:left;}
#content .login_textbox { font-size:10px; height: 18px; width: 127px; border: 1px solid #987654; padding:2px 2px 0px 2px; }
#content .login_textbox:hover { border: 1px solid #55453A; }
#content .loginbutton { font-size:10px; font-weight: bold; width:90px; height:20px; color:#987654; text-align:center;} 
#content .loginbutton:hover { color: #386060;}

#content .login_button { font-size:10px; font-weight: bold; width:90px; height:20px; color:#987654; text-align:center;} 
#content .login_button:hover { color: #386060;}

/* - FOOTER - */

.footer { clear:both;width:1000px; margin:0px auto; margin:-35px auto; height:36px; font-weight: bold; color:#55453A; background-color:#ECE9E2;border:3px solid #C3B091;border-bottom:none;}
.footer_validation { float:left; width:150px; height:18px;} 
a.xhtml { color: #FFFFFF;	background-color: #987654; border: 1px dotted #FFFFFF; padding: 0px 10px 0px 10px; text-decoration:none; }
a.xhtml:hover  { background-color: #386060; }
a.css { color: #FFFFFF; text-decoration: none; background-color: #386060; border: 1px dotted #FFFFFF; padding: 0px 10px 0px 10px; text-decoration:none; }
a.css:hover { background-color: #987654;}
.footer_design { float:right; width:150px;height:18px;text-align:right} 
a.footer_designedlink {	text-decoration: none;color: #386060; padding: 0px 10px 0px 10px; }
a.footer_designedlink:hover { color: #987654; }
.footer_links {	width: 620px; margin:0px 33px 0px 33px; float:right;}
a.footerlink {text-decoration: none; color: #202219; padding: 0px 10px 0px 10px; }
a.footerlink:hover { color: #6A604E; }
.footer_copyrights { margin:0px auto;clear:both;float:none;color: #6A604E;text-align:center;}


/* - NEWSBOX - */
#content .newsitem{border:1px solid #6A604E;margin:0px 0px 15px 10px;width:630px;}
#content .newsdate{float:right;padding:5px;}
#content .newstitle{float:left;padding:5px;}
#content .newsstory{float:none;clear:both;border-top:1px dashed #6A604E;background:#ECE9E2;padding:2px 5px 5px 5px;}