html, body, div, ul, li, p, strong, a, a:hover, img, table, thead, tbody, tfoot tr, td, h1, h2, h3 {
margin				: 0px;
padding				: 0px;
border				: 0px solid #FFF;
font-family			: Verdana, Arial, Helvetica, sans-serif;
font-size			: 100%;
}

html {
scrollbar-arrow-color		: #CCC;
scrollbar-face-color		: #FFF;
scrollbar-track-color		: #FFF;
scrollbar-base-color		: #FFF;
scrollbar-highlight-color	: #CCC;
scrollbar-shadow-color		: #CCC;
scrollbar-darkshadow-color	: #FFF;
}

body {
text-align					: center;
margin						: 40px 0px;
background-color			: #FFF;
}


/* ---------------------- Container --------------------- */	
#container {
position			: relative;
width				: 750px;
height				: 464px;
margin				: auto;
background-image	:  url(../img/logo.gif);
background-position	: top right;
background-repeat	: no-repeat;
text-align			: left;
}


/*  ------------------ Hoofdnavigatie ------------------  */
#hoofdnavi {
width				: 750px;
height				: 24px;
}

#hoofdnavi ul {
list-style-type		: none;
white-space			: nowrap;
}

#hoofdnavi li {
display				: block;
float				: left;
height				: 24px;
}

#hoofdnavi li a {
display				: block;
float				: left;
height				: 24px;
background-repeat	: no-repeat;
background-position	: 0px 0px;
text-decoration		: none;
}

#hoofdnavi li a:hover {
background-position	: 0px -24px;
}

#hoofdnavi li a.selected,
#hoofdnavi li a:hover.selected {
background-position	: 0px -48px;
}
	
#hoofdnavi li span {
visibility			: hidden;
}

#home a {
width				: 57px;
background-image	: url(../img/navi/home.gif);
}

#news a {
width				: 69px;
background-image	: url(../img/navi/nieuws.gif);
}

#bureau a {
width				: 68px;
background-image	: url(../img/navi/bureau.gif);
}

#projecten a {
width				: 86px;
background-image	: url(../img/navi/projecten.gif);
}

#contact a {
width				: 72px;
background-image	: url(../img/navi/contact.gif);
}

#beheer a {
width				: 70px;
background-image	: url(../img/navi/beheer.gif);
}


/* -------------------- Achtergrond -------------------- */
.achtergrond {
width				: 750px;
height				: 439px;
float				: left;
background-repeat	: no-repeat;
}	

#startpagina {
background-image	:  url("../img/achtergrond/back_home3.gif");
}

#nieuwspagina {
background-image	: url("../img/achtergrond/nieuws_background.gif");
}

#bureaupagina {
background-image	: url("../img/achtergrond/bureau_back3.gif");
}

#contactpagina {
background-image	: url("../img/achtergrond/contact_background.gif");
}


/* --------------------- Linkerkant --------------------- */	
.linkerkant {
float				: left;
}

#linkerkant_home {
width				: 439px;
height				: 439px;
}

#linkerkant_nieuws,
#linkerkant_bureau,
#linkerkant_contact {
width				: 202px;
height				: 439px;
}


/* -------------------- Subnavigatie -------------------- */
.subnavi {
float				: left;
text-align			: left;
background-repeat	: no-repeat;
}

.subnavi ul {
list-style-type		: none;
font-size			: 10px;
line-height			: 1.1em;
}

.subnavi li {
padding				: 9px 0px 0px 0px;
color				: #FFF;
}

.subnavi a {
color				: #CCC;
text-decoration		: none;
text-transform		: uppercase;
}

.subnavi a:hover {
color				: #FFF;
}

.subnavi a:hover,
.subnavi a.selected,
.subnavi a:hover.selected {
color				: #FFF;
}
	
/* nieuwspagina's */
#subnavi_nieuws {
width				: 202px;
height				: 298px;
background-image	: url("../img/achtergrond/nieuws_backgroundnav.gif");
}

#subnavi_nieuws ul {
margin				: 112px 35px 0px 10px;
}

/* bureaupagina's */
#subnavi_bureau {
width				: 177px;
height				: 109px;
background-image	: url("../img/achtergrond/bureau_naviback.gif");
}

#subnavi_bureau ul {
margin				: 0px 9px 0px 10px;
}

/* contactpagina's */
#subnavi_contact {
width				: 202px;
height				: 218px;
background-image	:  url("../img/achtergrond/subnavi_background.gif");
}

#subnavi_contact ul {
margin				: 112px 9px 0px 10px;
}


/* ----------------------- Adres ----------------------- */
.adres {
float				: left;
padding				: 0px 0px 0px 5px;
}

.adres p {
font-size			: 11px;
line-height			: 1.5em;
color				: #999;
}

.adres a {
color				: #999;
text-decoration		: none;
}

.adres a:hover {
color				: #D84C29;
text-decoration		: underline;
}

/* startpagina */
#adres_home {
padding				: 334px 0px 0px 15px;
}

/* bureaupagina's */
#adres_bureau {
padding				: 35px 0px 0px 5px;
}


/* --------------------- Rechterkant --------------------- */
.rechterkant {
float				: left;
font-size			: 11px;
color				: #666;
overflow-y			: auto;
overflow-x			: hidden;
}

.rechterkant h1 {
padding-bottom		: 1.5em;
line-height			: 1.2em;
color				: #D84C29;
}
	
.rechterkant p {
padding-bottom		: 1.5em;
line-height			: 1.5em;
}

.rechterkant a {
color				: #D84C29;
text-decoration		: none;
}

.rechterkant a:hover {
text-decoration		: underline;
}

.rechterkant strong {
color				: #D84C29;
}

.rechterkant img {
padding-bottom		: 1.5em;
}

.rechterkant table {
padding-bottom		: 1.5em;
line-height			: 1.5em;
color				: #666;
}

.rechterkant td {
vertical-align		: top;
padding-bottom		: 0.3em;
}

#rechterkant_home {
width				: 266px;
height				: 359px;
margin				: 45px 0px 25px 15px;
padding				: 0px 10px 10px 0px;
overflow-y			: auto;
overflow-x			: hidden;
}

#rechterkant_nieuws,
#rechterkant_bureau,
#rechterkant_contact {
overflow			: auto;
width				: 421px;
height				: 357px;
margin				: 72px 0px 0px 30px;
padding				: 0px 15px 0px 0px;
}


/* ---------------------- CSS Home ---------------------- */
.nieuwsitem {
float				: left;
width				: 240px;
margin				: 0px 0px 15px 0px;
}

.link {
float				: left;
width				: 100px;
padding				: 0px 5px 0px 0px;
}

.link p {
padding				: 0px 0px 10px 0px;
font-size			: 11px;
line-height			: 1.4em;
color				: #999;
}

.link strong {
font-weight			: bold;
color				: #999;
}

.link a {
color				: #999;
text-decoration		: none;
}

.link a:hover {
text-decoration		: underline;
}

.beeld {
float				: right;
}

.beeld img {
padding				: 0px 0px 0px 0px;
}


/* --------------------- CSS Nieuws --------------------- */
#linkerkant_nieuws p {
width				: 177px;
text-align			: right;
}

#linkerkant_nieuws p a {
padding				: 0px 3px 0px 0px;
font-size			: 10px;
color				: #C33;
text-decoration		: none;
text-transform		: uppercase;
}

#linkerkant_nieuws p a:hover,
#linkerkant_nieuws p a.selected,
#linkerkant_nieuws p a:hover.selected {
text-decoration		: underline;
}

p.item {
padding-bottom		: 1em;
line-height			: 1.5em;
}

p.item strong,
p.item a,
p.item a:hover {
color				: #666;
}

p.datum {
padding				: 0px;
color				: #D84C29;
}


/* ----------------------- Paginering ----------------------- */
.pages  {
float				: left;
clear				: both;
height				: 25px;
width				: 300px;
padding				: 0px 0px 10px 0px;
}
	
.pages ul {
list-style-type		: none;
white-space			: nowrap;
}
	
.pages li {
float				: left;
margin				: 0px 4px 0px 0px;
}

.pages a {
padding				: 2px 3px 2px 3px;
background-color	: #f9e4df;
color				: #d84c29;
font-size			: 10px;
font-weight			: normal;
text-decoration		: none;
}

.pages a:hover {
padding				: 2px 3px 2px 3px;
background-color	: #f4cdc4;
color				: #d84c29;
font-size			: 10px;
font-weight			: normal;
text-decoration		: none;
}

.pages a.selected,
.pages a.selected:hover {
padding				: 2px 3px 2px 3px;
background-color	: #d84c29;
color				: #ffffff;
font-size			: 10px;
font-weight			: normal;
text-decoration		: none;
}

/* ------------------------ CMS ------------------------- */	
#news_home {
width					: 257px;
background-image		: url(../img/achtergrond/back_home3.gif);
background-repeat		: no-repeat;
background-position		: -454px -46px;
background-attachment 	: fixed;
text-align				: left;
}


/* --------------------- CSS Bureau --------------------- */
#fotoos {
width				: 177px;
height				: 177px;
}

.date {
padding-right		: 2em;
}


/* ----------------------- 7U logo ----------------------- */
#zeven {
float				: left;
margin				: 5px 0px 0px 1px;
}




/* ----------------------- CMS Beheer ???naar beheer.css??? ----------------------- */
#onderhoud {
padding				: 50px 20px 0px 20px;
}

#container_beheer {
position			: relative;
width				: 750px;
height				: 464px;
margin				: auto;
background-image	: none;
text-align			: left;
}

.beheertabel {
border				: 5px solid #FFF;
background-color	: #FFF;
font-size			: 11px;
}

.beheertabel table {
width				: 100%;
border-collapse		: collapse;
}


/* thead */
.beheertabel thead {
background-color	: #999;
}

.pad td {
padding				: 10px 0px 0px 10px
}

.pad img {
float				: left;
}
.pad a {
padding				: 0px 0px 0px 0px;
font-weight			: bold;
color				: #E6E6E6;
}
.pad a:hover {
color				: #FFF;
}

/* tbody */
.odd {
background-color	: #FFF;
}
.even {
background-color	: #EEE;
}
.icoon {
width				: 20px;
padding				: 8px 0px 0px 10px;
text-align			: center;
}
.naam {
padding				: 7px 0px 0px 10px;
text-align			: left;
}
.naam a {
font-weight			: bold;
color				: #D84C29;
}
.tools {
width				: 25px;
padding				: 7px 10px 0px 0px;
text-align			: left;
font-size			: 12px;
}

.tools input {
margin			: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
}

/* tfoot */
.paginas {
padding				: 0px 10px 0px 10px;
border-top			: 3px solid #EEE;
vertical-align		: middle;
}
.paginas a.selected {
font-weight			: bold;
}

.sorteer {
padding				: 5px 10px 5px 10px;
background-color	: #CCC;
font-weight			: bold;
}

.toevoegen {
padding				: 5px 10px 0px 10px;
border-top			: 1px solid #EEE;
background-color	: #CCC;
}

#rechterkant_nieuwsedit {
width				: 500px;
margin				: 30px 0px 0px 10px;
padding				: 0px;
}
#rechterkant_nieuwsedit dl,
#rechterkant_nieuwsedit dt,
#rechterkant_nieuwsedit dd {
margin				: 0px;
padding				: 0px;
}
#rechterkant_nieuwsedit dt {
padding				: 0px 0px 3px 0px; 
}
#rechterkant_nieuwsedit dd {
padding				: 0px 0px 15px 5px; 
}


/*
Loginmodule -------------------------------------------------- */
#container p {
font-size			: 11px;
}

.cms_login {
padding				: 10px 0px 0px 7px;
}

.cms_login label {
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 3px 0px;
color				: #666666;
font-size			: 11px;
line-height			: 16px;
font-weight			: bold;
}

.cms_login_button  label {
display				: none;
}

.cms_login_username {
padding				: 0px 0px 10px 0px;
}

.cms_login_password {
padding				: 0px 0px 10px 0px;
}

.cms_login_button {
padding				: 0px 0px 10px 0px;
}


/*
Projectmodule ------------------------------------------------ */
#bewerk_object {
padding				: 10px 0px 0px 10px;
color				: #666666;
font-size			: 11px;
line-height			: 16px;
}

#bewerk_object h2 {
padding				: 10px 0px 10px 0px;
color				: #cc3333;
font-size			: 14px;
font-weight			: bold;
}

#bewerk_object dl {
margin				: 0px 0px 0px 0px; 
padding				: 0px 0px 0px 0px; 
}

#bewerk_object dt {
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 3px 0px;
color				: #666666;
font-size			: 11px;
line-height			: 16px;
}

#bewerk_object dd {
margin				: 0px 0px 0px 0px; 
padding				: 0px 0px 15px 0px;
color				: #666666;
font-size			: 11px;
line-height			: 16px; 
}

#bewerk_object dd a {
color				: #cc3333;
}