/*
groen #006b69
rood #b3071b
982525
oranje #fea923
f58236
*/

body
{
	margin: 0;
	padding: 0 0 0 0;
	color: #000000;
	font: 60%/140% verdana, arial, helvetica, sans-serif;
	text-align: center;
	letter-spacing: -0.00em;
}

html, body
{
	height: 100%;
}

div, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, th, td, tr, table
{
	padding: 0;
	margin: 0;
	word-wrap: break-word;
}

img
{
	border: 0;
}

p {
	margin: 0 0 16px 0;	
}

.newsitem div {
	margin: 0 0 2px 0;
	padding: 0 0 0 1em 0;
}

.nieuwsOverzicht p {
	margin: 5px 0 5px 0;
}

#textcolumn .nieuwsOverzicht img {
	margin: 0 5px 3px 0 ;	
	float: left;
}

#textcolumn .nieuwsOverzicht div.newsitem  {
	display: block;
	float: left;
}

#home .newsitem p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000000;
}

#content a:hover
{
	text-decoration: underline;
	color: #000000;
}

#home .newsitem a
{
	color: #ffffff;
}

#home .newsitem a:hover
{
	color: #f58236;
	text-decoration: underline;
}

h1
{
	color: #982525;	
	font: bold 180%/110% verdana, arial, helvetica, sans-serif;
}

#popup h1
{
	font: bold 150%/110% verdana, arial, helvetica, sans-serif;
}

h2
{
	font-size: 130%;
}

#content h2
{
	margin: 0 0 10px 0;	
}

#content .newsitem h2
{
	margin: 0;	
}

h3
{
	font-size: 110%;
}

h4
{ 
	margin:0;
	padding: 0;
	height: 18px;
	font: bold 130%/130% verdana, arial, helvetica, sans-serif;
	color: #982525;	
	text-indent: -20000px;
}

h4#actueel
{ 
	margin: 0 0 20px 0;
	background: url(../images/header_actueel.gif) no-repeat 0 0;
}

h4#zieook
{
	background: url(../images/header_zie_ook.gif) no-repeat 0 0;
}

#container
{
	margin: 0 auto;
	width: 770px;
	text-align: left;
}

#home #container
{
	padding: 0;
	height: 656px;
	background: url(../images/background_navigation.gif) repeat-y 530px 0;
	overflow: hidden;
}

#main #container
{
	padding: 0 20px 0 20px;	
	height: 100%;
	background: url(../images/background_navigation.gif) repeat-y 550px 0;
}

#main>#container
{
	height: auto;
	height: 100%;
	min-height: 1200px;
}

#contentcontainer
{
	float: left;
	width: 530px;
	height: 656px;	
	position: relative;
}

#main #contentcontainer
{
	border: 0px solid #555;	
}

#navigationcontainer
{
	width: 240px;
	float: right;
	padding: 16px 0 0 0;	
	background-color: #982525;
	color: #ffffff;
}

#main #navigationcontainer
{
	padding: 54px 0 0 0;
}

#content
{
	width:100%;
	height: 100%;
}

ul#menu
{
	padding: 40px 0 0 0;
}

ul#menu li
{
	display: block;
	list-style-type: none;
	line-height: 12pt;
	width: 240px;
}

ul#menu li a
{
	display: block;
	width: 240px;
	text-indent: -666666px;
	overflow: hidden;
}

ul#menu li.menu-empty { background: none;}

ul#menu li#menuHome { background: url(../images/button_home_over.gif) no-repeat 0 0; }

ul#menu li#menuKantoren { background: url(../images/button_kantoren_over.gif) no-repeat 0 0; }
ul#menu li#menuWoningbouw { background: url(../images/button_woningbouw_over.gif) no-repeat 0 0; }
ul#menu li#menuScholen { background: url(../images/button_scholen_over.gif) no-repeat 0 0; }
ul#menu li#menuOpenbare { background: url(../images/button_openbare_over.gif) no-repeat 0 0; }
ul#menu li#menuWinkels{ background: url(../images/button_winkels_over.gif) no-repeat 0 0; }
ul#menu li#menuZorginstellingen { background: url(../images/button_zorginstellingen_over.gif) no-repeat 0 0; }
ul#menu li#menuStedenbouw { background: url(../images/button_stedenbouw_over.gif) no-repeat 0 0; }
ul#menu li#menuInterieur { background: url(../images/button_interieur_over.gif) no-repeat 0 0; }
ul#menu li#menuDuurzaamBouwen { background: url(../images/button_duurzaambouwen_over.gif) no-repeat 0 0; }
ul#menu li#menuRenovatie { background: url(../images/button_renovatie_over.gif) no-repeat 0 0; }

ul#menu li#menuOpdrachtgevers { background: url(../images/button_opdrachtgevers_over.gif) no-repeat 0 0; }
ul#menu li#menuPrijzen { background: url(../images/button_prijzen_en_publicaties_over.gif) no-repeat 0 0; }
ul#menu li#menuActueel { background: url(../images/button_actueel_over.gif) no-repeat 0 0; }
ul#menu li#menuNieuwsbrief { background: url(../images/button_nieuwsbericht_over.gif) no-repeat 0 0; }
ul#menu li#menuOverHetBureau { background: url(../images/button_over_het_bureau_over.gif) no-repeat 0 0; }
ul#menu li#menuContact { background: url(../images/button_contact_over.gif) no-repeat 0 0; }
ul#menu li#menuRoute { background: url(../images/button_route_over.gif) no-repeat 0 0; }
ul#menu li#menuVacatures { background: url(../images/button_vacatures_over.gif) no-repeat 0 0; }

ul#menu li#menuHome a { background: url(../images/button_home.gif) no-repeat 0 0; }

ul#menu li#menuKantoren a { background: url(../images/button_kantoren.gif) no-repeat 0 0; }
ul#menu li#menuWoningbouw a { background: url(../images/button_woningbouw.gif) no-repeat 0 0; }
ul#menu li#menuScholen a { background: url(../images/button_scholen.gif) no-repeat 0 0; }
ul#menu li#menuOpenbare a { background: url(../images/button_openbare.gif) no-repeat 0 0; }
ul#menu li#menuWinkels a { background: url(../images/button_winkels.gif) no-repeat 0 0; }
ul#menu li#menuZorginstellingen a { background: url(../images/button_zorginstellingen.gif) no-repeat 0 0; }
ul#menu li#menuStedenbouw a { background: url(../images/button_stedenbouw.gif) no-repeat 0 0; }
ul#menu li#menuInterieur a { background: url(../images/button_interieur.gif) no-repeat 0 0; }
ul#menu li#menuDuurzaamBouwen a { background: url(../images/button_duurzaambouwen.gif) no-repeat 0 0; }
ul#menu li#menuRenovatie a { background: url(../images/button_renovatie.gif) no-repeat 0 0; }


ul#menu li#menuOpdrachtgevers a { background: url(../images/button_opdrachtgevers.gif) no-repeat 0 0; }
ul#menu li#menuPrijzen a { background: url(../images/button_prijzen_en_publicaties.gif) no-repeat 0 0; }
ul#menu li#menuActueel a { background: url(../images/button_actueel.gif) no-repeat 0 0; }
ul#menu li#menuNieuwsbrief a { background: url(../images/button_nieuwsbericht.gif) no-repeat 0 0; }
ul#menu li#menuOverHetBureau a { background: url(../images/button_over_het_bureau.gif) no-repeat 0 0; }
ul#menu li#menuContact a { background: url(../images/button_contact.gif) no-repeat 0 0; }
ul#menu li#menuRoute a { background: url(../images/button_route.gif) no-repeat 0 0; }
ul#menu li#menuVacatures a { background: url(../images/button_vacatures.gif) no-repeat 0 0; }

ul#menu li a:hover
{
	background: none!important;
} 

ul#submenu
{
	padding: 0;
	width: 100px;
}

ul#submenu li
{
	display: block;
	margin:0;
	padding:0 0 0 40px;
	list-style: none;
	width: 100px;
}

ul#submenu li a
{
	display: block;
	margin:0;
	padding:0;
	width:200px;
	text-indent: 0px;
	color: #ffffff;
}

ul#submenu li a:hover
{
	color:#f58236;
}

#categorythumb
{
	margin: 98px 0 0 416px;	
}

#categorythumb li
{
	height: 61px;	
	list-style: none;
}

/* ------------------------------ home  ------------------------------ */

.newsitem
{
	margin: 10px 10px 10px 33px;	
}
#home .newsitem {
	margin-top: 40px;
}

#logoTib
{
	position: absolute;
	left: 90px;
	width: 150px;
	height: 150px;
	text-indent: -666666px;
	background: url(../images/logo_tib.png) no-repeat 0 0;
}

#telefoon
{
	width: 240px;
	height: 18px;
	background: url(../images/logo_tib.png) no-repeat 0 0;
}

#telefoon
{
	width: 240px;
	height: 18px;
	background: url(../images/background_telefoonnummer.gif) no-repeat 0 0;
	text-indent: -666666px;
}

#buttonRoutebeschrijving
{
	width: 240px;
	height: 18px;
	background: url(../images/button_routebeschrijving_over.gif) no-repeat 0 0;
}

#buttonRoutebeschrijving a
{
	display: block;
	width: 240px;
	height: 18px;
	background: transparent url(../images/button_routebeschrijving.gif) no-repeat 0 0;
}

#buttonRoutebeschrijving a:hover
{
	background: none;
}

#buttonRoutebeschrijving a span
{
	display: block;
	text-indent: -666666px;
}


/* ------------------------------ main  ------------------------------ */

#header
{
	height: 96px;
}

#header h1
{
	padding: 53px 0 0 0;
}


#homebutton
{
	display: block;
	position: absolute;
	left: 280px;
	top: 15px;
	width: 378px;
	height: 24px;
	background: url(../images/logo_tib.gif) no-repeat 0 0;
	text-indent: -666666px;
}

#content
{
		
}

#textcolumn
{
	float: left;
	padding: 0 20px 20px 0;
	width: 270px;
}

#textcolumn .nieuwsOverzicht
{
	width: 450px;
}

#textcolumn img
{
	margin: 2px 0 0 0;	
}

#imagecolumn
{
	padding: 2px 0 0 0;
	float: right;
	width: 240px;	
}


#projectthumb li
{
	display: block;
	float: left;
	padding: 0px;
	margin: 0 0 8px 0px;
	height: 140px;
	width: 116px;
	list-style: none;
	overflow: hidden;
}

#projectthumb li img
{
	display: block;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 108px;
}

#projectthumb li.largethumb
{
	width: 224px;	

}

#projectthumb li.largethumb img
{
	display: block;
	margin: 0;
	padding: 0;
	width: 224px;
	height: 108px	
}

#zieooklinks li
{
	margin: 0 0 5px 0;
	list-style: none;
}

/* ------------------------------ header ------------------------------ */

#popup #header
{
	height: 56px;
	background: #982525 url(../images/logo_tib_small.gif) no-repeat 45px center;
}

#popup #footer
{
	height: 56px;
	background-color: #982525;
}

#popup #content
{
	padding: 10px 0 0 0;
	height: auto;
	text-align: center;	
}

#popup #content p
{
	text-align: left;
	margin: 0px;
	padding: 0px;	
}

img.popup
{
	margin: 40px 0;
}

#popup table
{
	text-align: left;
	width: 400px;
	margin: 0px auto;
	padding: 0px;	
}

#popup .navigation
{
	display: block;
	float: right;	
	margin: 30px 0 0 0;
	width: 248px;
	height: 15px;
	text-indent: -20000px;
}

#popup .navigation li
{
	display: block;
	float: left;	
	list-style: none;
}

#popup .navigation li a
{
	display: block;	
	float: left;
}

.terug
{
	margin: 0 26px 0 0;
	width: 43px;
	height: 15px;
}

.sluiten
{
	margin: 0 23px 0 0;
	width: 90px;
	height: 15px;
}

.verder
{
	width: 44px;
	height: 15px;
}	

.terug a
{
	width: 43px;
	height: 15px;
	background: url(../images/button_terug.gif) no-repeat 0 0;
}

.sluiten a
{
	width: 90px;
	height: 15px;
	background: url(../images/button_venster_sluiten.gif) no-repeat 0 0;
}

.verder a
{
	width: 44px;
	height: 15px;
	background: url(../images/button_verder.gif) no-repeat 0 0;
}

.terug a:hover
{
	background: url(../images/button_terug_over.gif) no-repeat 0 0;
}

.sluiten a:hover
{
	background: url(../images/button_venster_sluiten_over.gif) no-repeat 0 0;
}

.verder a:hover
{
	background: url(../images/button_verder_over.gif) no-repeat 0 0;
}	

/* ------------------------------ extra ------------------------------ */

.clear
{
	clear: both;
}