/*
Algemeen ---------------------------------------- */
* {
margin					: 0px;
padding					: 0px;
font					: 13px "Trebuchet MS", Tahoma, "Verdana", "Arial", "Helvetica", sans-serif;
}

body {
background				: #fff url(../img/bg.jpg) no-repeat center top;
color					: #000;
}

#container {
width					: 900px;
margin					: auto;
background				: #FFF;
color					: #000;
}


/*
Algemene opmaak --------------------------------- */
h1 {
width					: 358px; /*373px;*/
height					: 26px; /*33px;*/
background				: #FFF url(../img/bg_h1.gif) no-repeat;
font-weight				: bold;
font-size				: 14px;
padding					: 7px 0px 0px 15px;
margin					: 0px 0px 15px 0px;
}

h2 {
padding					: 0px 0px 0.1em 0px;
color					: #000;
font-size				: 13px;
font-weight				: bold;
}

p {
padding					: 0px 0px 1em 0px;
color					: #000;
font-size				: 13px;
}


strong {
font-weight				: bold;
}

em {
font-size				: 13px;
font-weight				: bold;
color					: #868789;
}

a {
color					: #000;
textdecoration			: underline;
}

a:hover {
color					: #666;
textdecoration			: underline;
}


/*
Header ------------------------------------------ */
#header {
width					: 900px;
height					: 140px;
background				: #fff url(../img/bg_header.gif) no-repeat center top;
padding-bottom			: 36px;
}

#logo {
float					: left;
width					: 201px;
height					: 71px;
}

#logo a img {
border					: 0px solid #fff;
}


/*
Metamenu: --------------------------------------- */
#metamenu {
float					: right;
height					: 9px;
padding					: 15px 153px 0px 0px;
}

#metamenu ul {
list-style-type			: none;
}

#metamenu li {
float					: left;
padding					: 0px 26px 0px 0px;
}

#metamenu li a {
display					: block;
height					: 9px;
background-repeat		: no-repeat;
}

#metamenu li a:hover,
#metamenu li a.selected,
#metamenu li a:hover.selected {
background-position		: 0 -10px;
}

#metamenu li a#home 	{ background-image	: url(../img/metamenu_home.gif); width:30px;}
#metamenu li a#faq 		{ background-image	: url(../img/metamenu_faq.gif); width:20px;}
#metamenu li a#ftp 		{ background-image	: url(../img/metamenu_ftp.gif); width:19px;}
#metamenu li a#login 	{ background-image	: url(../img/metamenu_login.gif); width:31px;}

#nav span,
#metamenu span {
display					: none;
}


/*
Hoofdmenu: -------------------------------------- */
#nav {
clear					: both;
height					: 40px;
padding					: 29px 0px 0px 81px;
}

#nav ul {
list-style-type			: none;
}

#nav li {
float					: left;
padding					: 0px 5px 0px 0px;
}

#nav li a {
display					: block;
width					: 121px;
height					: 21px;
background-image		: url(../img/nav_up.gif);
background-position		: 0px 3px;
background-repeat		: no-repeat;
text-transform			: uppercase;
color					: #666;
text-decoration			: none;
text-align				: center;
padding-top				: 19px;
font-weight				: bold;
font-size				: 11px;

}

#nav li a:hover {
background-position		: 0px 0px;
height					: 23px;
padding-top				: 17px;
color					: #000;
}

#nav li a.selected,
#nav li a:hover.selected {
background-image		: url(../img/nav_down.gif);
background-position		: 0px -45px;
height					: 27px;
padding-top				: 13px;
color					: #FFF;
font-size				: 12px;
}

/* Oude CSS
#nav li a#diensten 		{ background-image	: url(../img/nav_diensten.gif)}
#nav li a#contact 		{ background-image	: url(../img/nav_contact.gif)}
#nav li a#informatie 	{ background-image	: url(../img/nav_informatie.gif)}
#nav li a#over 			{ background-image	: url(../img/nav_over.gif)}
#nav li a#rondleiding 	{ background-image	: url(../img/nav_rondleiding.gif)}
#nav li a#nieuws 		{ background-image	: url(../img/nav_nieuws.gif)}
*/


/*
Footer ------------------------------------------ */
#footer {
float					: left;
clear					: both;
width					: 752px;
height					: 29px;
margin					: 35px 0px 0px 81px;
display					: inline;
background				: #fff url(../img/bg_footer.gif) no-repeat center top;
}

#footer ul {
list-style-type			: none;
padding					: 9px 0px 0px 26px;
}

#footer li {
float					: left;
}

#footer li a {
display					: block;
height					: 12px;
background-repeat		: no-repeat;
}

#footer li a:hover,
#footer li a.selected,
#footer li a:hover.selected {
background-position		: 0 -12px;
}

#footer li a#home 		{ background-image	: url(../img/footernav_home.gif); width:49px;}
#footer li a#rijswijk 	{ background-image	: url(../img/footernav_rijswijk.gif); width:49px;}
#footer li a#capelle 	{ background-image	: url(../img/footernav_capelle.gif); width:47px;}
#footer li a#utrecht 	{ background-image	: url(../img/footernav_utrecht.gif); width:47px;}
#footer li a#atelier 	{ background-image	: url(../img/footernav_atelier.gif); width:110px;}
#footer li a#wonderwand { background-image	: url(../img/footernav_wonderwand.gif); width:76px;}

#footer li.payoff { 
background				: url(../img/footer_payoff.gif) no-repeat; 
width					: 212px;
height					: 12px;
margin					: 0px 0px 0px 100px;
}

#footer span {
display					: none;
}


/*
Subnavigatie ------------------------------------ */
#subnav {
float					: left;
width					: 185px;
text-align				: right;
}

#subnav ul {
list-style				: none;
width					: 185px;
}

#subnav li a {
text-transform			: uppercase;
color					: #000000;
font-size				: 12px;
font-weight				: bold;
text-decoration			: none;
line-height				: 20px;
}

#subnav li a:hover {
text-decoration			: underline;
}

#subnav li a.selected {
color					: #EBBD1F;
text-decoration			: none;
}

#subnav ul ul {
list-style				: none;
padding-bottom			: 10px;
}

#subnav li li a {
text-transform			: none;
color					: #868789;
font-weight				: normal;
}

#subnav li li a.selected {
color					: #EBBD1F;
}


/*
Link-items -------------------------------------- */
#link_items {
float					: left;
padding-left			: 48px;
width					: 204px;
}

#link_items ul {
list-style-type			: none;
background 				: url(../img/bg_linkitem_list.gif) repeat-x bottom;
}

#link_items li {
background 				: url(../img/bg_linkitem.gif) no-repeat;
padding					: 0px 5px 0px 0px;
}

#link_items li a {
display					: block;
text-decoration			: none;
color					: #868789;
padding					: 13px 0px 10px 40px;
line-height				: 16px;
}

#link_items li a:hover {
text-decoration			: underline;
}

#link_items li strong {
color					: #000;
font-weight				: bold;
display					: block;
}


/*
Content Home ------------------------------------ */
#content_home {
padding					: 0px 70px 0px 103px;
width					: 727px;
}

#content_home #main {
float					: left;
width					: 475px;
}

#content_home #main img {
padding					: 0px 0px 20px 0px;
}


/*
Content Type 2 ---------------------------------- */
#content_type_2 {
padding					: 0px 70px 0px 0px;
width					: 830px;
}

#content_type_2 #main {
float					: left;
width					: 370px;
padding-right			: 10px;
padding-left			: 20px;
}

#content_type_2 .sidepics {
float					: right;
width					: 245px;
}

.sidepics img {
float					: none;
padding					: 0px 0px 5px 0px;
}


/*
Content Type 3 ---------------------------------- */

#content_type_3 {
padding					: 0px 70px 0px 0px;
width					: 830px;
}

#content_type_3 #main {
float					: left;
width					: 373px;
padding-left			: 20px;
}


#content_type_3 #main ul,
#content_type_3 #main ol {
font-size				: 12px;
list-style				: square;
padding 				: 0px;
margin					: 0px 0px 15px 35px;
}

#content_type_3 #main ol {
list-style				: decimal;
}

#content_type_3 #main li {
font-size				: 12px;
padding 				: 0px;
}

#content_type_3 #main img {
float					: right;
padding					: 2px 0px 3px 5px;
}


/*
Content Type 4 ---------------------------------- */
#content_type_4 {
padding					: 0px 70px 0px 80px;
width					: 750px;
}

#content_type_4 #main {
float					: left;
width					: 498px;
}

#content_type_4 #main h1 {
width					: 451px; 
height					: 26px; 
padding					: 7px 0px 0px 47px;
margin					: 0px 0px 15px 0px;
background				: #fff url(../img/bg_h1_type4.gif) no-repeat;
font-weight				: bold;
font-size				: 14px;
}

#actieblok {
float					: left;
background				: #fff url(../img/actieblok_bg.gif) repeat-y;
}

#actieblok h2 {
padding					: 0px 90px 0.1em 45px;
color					: #000;
font-size				: 13px;
font-weight				: bold;
}

#actieblok p {
padding					: 0px 90px 1em 45px;
color					: #000;
font-size				: 12px;
}

#actieblok img {
}

#actieblok .link_grijs {
float					: left;
width					: 446px; 
height					: 26px;
background				: url(../img/actieblok_link.gif) top right no-repeat;
padding					: 0px 15px 0px 0px;
margin					: 5px 19px 0px 0px;
text-align				: right;
}

#actieblok .link_grijs a {
font-size				: 12px;
color					: #868789;
text-decoration			: none;
}

#actieblok .link_grijs a:hover {
text-decoration			: underline;
}

#actieblok .actie_hd, #actieblok .actie_ft {
height					: 15px;
}


/*
FAQ --------------------------------------------- */
#content_type_3 #main .faq_item a {
display				: block;
width				: 342px;
background			: url(../img/faq_arrow.gif) no-repeat;
background-position	: 0px 0px;
font-weight			: bold;
font-size			: 13px;
color				: #868789;
text-decoration		: none;
padding				: 3px 10px 3px 20px;
border-bottom		: 2px solid #e0e0e0;
}

#content_type_3 #main .faq_item a:hover {
color				: #000;
text-decoration		: none;
}

#content_type_3 #main .faq_item a.selected {
background-image	: url(../img/faq_arrow.gif);
background-position	: -628px 0px;
}

#content_type_3 #main .faq_answer {
width				: 342px;
padding				: 3px 10px 10px 20px;
}

.twitter-follow-button {
	color: #868789;
	text-decoration: none;
	background: url(../img/twitter.gif) no-repeat;
	padding: 5px 0 0 40px;
	height: 20px;
	float: left;
	margin-top: 10px;
}

a.twitter-follow-button:hover {
	text-decoration: underline;
}