/*
Theme Name: De Toekomstgroep
Theme URI: http://www.toekomstgroep.nl/

Description: Default Website Template.

Version: 0.1
Author: Marijn Rispens
*/

/* Main Sections 
---------------------------------------------------------------------------------------------- */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	/*letter-spacing: 1px;*/
	background-image: url(img/bg.gif);
	background-repeat: repeat;
}

body
{
	margin-top: 20px;
}

.clear
{
	clear: both;
	font-size: 0;
	height: 0;
}

center
{
	text-align: center;
	margin: 0 auto;
}

/* Typography 
---------------------------------------------------------------------------------------------- */
a
{
	text-decoration: none;
	color: #666666;
}
a:hover
{
	text-decoration: underline;
}

p
{
	padding-bottom: 14px;
}
H1
{
	font-size: 14px;
	padding-bottom: 14px;
	font-weight: bold;
}
H2, H3
{
	font-size: 11px;
	padding-bottom: 0px;
	font-weight: bold;
}
H4
{
	font-size: 11px;
	padding-bottom: 0px;
	font-weight: normal;
	text-decoration: underline;
}

/* Layout Divs
---------------------------------------------------------------------------------------------- */

.container
{
	position: relative;
	margin: 0 auto;
	width: 936px;
}

.header
{
	background-image: url(img/head.jpg);
	background-repeat: no-repeat;
	height: 246px;
	width: 936px;
}

.menuLeft
{
	float: left;
	background-image: url(img/menuBg_left.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 9px;
}
.menuCenter
{
	float: left;
	background-image: url(img/menuBg.jpg);
	background-repeat: repeat-x;
	height: 36px;
	width: 918px;
}
.menuRight
{
	float: left;
	background-image: url(img/menuBg_right.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 9px;
}

.main
{
	clear: both;
	background-color: #FFFFFF;
	width: 936px;
	padding-top: 9px;
	overflow: auto;  /* Zorg dat de main altijd de juiste hoogte heeft zelfs met float */
}

.footer
{
	height: 20px;
	width: 922px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
}

/* Main Menu items
---------------------------------------------------------------------------------------------- */

.menuSeperator
{
	float: left;
	background-image: url(img/menuSeperator.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 4px;
}
.menuItem
{
	float: left;
	height: 36px;
	background-repeat: no-repeat;
}
.zoekItem
{
	float: right;
	height: 36px;
}

#home
{
	width: 52px;
	background-image: url(img/menu_Home.jpg);
}
#home:hover
{
	background-image: url(img/menu_HomeHo.jpg);
}

#over
{
	width: 92px;
	background-image: url(img/menu_Wie.jpg);
}
#over:hover
{
	background-image: url(img/menu_WieHo.jpg);
}

#prod
{
	width: 88px;
	background-image: url(img/menu_Producten.jpg);
}
#prod:hover
{
	background-image: url(img/menu_ProductenHo.jpg);
}

#proj
{
	width: 89px;
	background-image: url(img/menu_Projecten.jpg);
}
#proj:hover
{
	background-image: url(img/menu_ProjectenHo.jpg);
}

#cont
{
	width: 73px;
	background-image: url(img/menu_Contact.jpg);
}
#cont:hover
{
	background-image: url(img/menu_ContactHo.jpg);
}

#vaca
{
	width: 86px;
	background-image: url(img/menu_Vacature.jpg);
}
#vaca:hover
{
	background-image: url(img/menu_VacatureHo.jpg);
}

#news
{
	width: 63px;
	background-image: url(img/menu_News.jpg);
}
#news:hover
{
	background-image: url(img/menu_NewsHo.jpg);
}

#zoek
{
	width: 57px;
	background-image: url(img/menu_search.jpg);
	background-repeat: no-repeat;
}

/* Divisies
---------------------------------------------------------------------------------------------- */

.divisies
{
	float: left;
	width: 180px;
	height: 400px;
}
.divisieItem
{
	display: block;
	width: 167px;
	background-repeat: no-repeat;
}
#divisie_wie
{
	height: 70px;
	background-image: url(img/divisie_wie.jpg);
	margin-bottom: 10px;
}
#divisie_wie:hover
{
	background-image: url(img/divisie_wieHo.jpg);
}
#divisie_verf
{
	height: 71px;
	background-image: url(img/divisie_verf.jpg);
}
#divisie_verf:hover
{
	background-image: url(img/divisie_verfHo.jpg);
}
#divisie_hout
{
	height: 69px;
	background-image: url(img/divisie_hout.jpg);
}
#divisie_hout:hover
{
	background-image: url(img/divisie_houtHo.jpg);
}
#divisie_bouw
{
	height: 70px;
	background-image: url(img/divisie_bouw.jpg);
}
#divisie_bouw:hover
{
	background-image: url(img/divisie_bouwHo.jpg);
}
#divisie_glas
{
	height: 70px;
	background-image: url(img/divisie_glas.jpg);
}
#divisie_glas:hover
{
	background-image: url(img/divisie_glasHo.jpg);
}

/* Nieuws container
---------------------------------------------------------------------------------------------- */

.news
{
	float: right;
	width: 300px;
	height: inherit;
	margin-right: 8px;
}
.newsHead
{
	background-color: #d9dadb;
	height: 19px;
	color: #707172;
	margin-bottom: 6px;
	padding-left: 12px;
	padding-top: 6px;
	text-transform: uppercase;
	font-weight: bold;
}
.newsItem
{
	height: 85px;
	background-color: #eaecef;
	padding: 5px;
	margin-bottom: 6px;
	color: #646464;
	font-size: 11px;
}
.newsItem #Image
{
	float: left;
	width: 115px;
	height: 85px;
	border: 0px;
	margin-right: 10px;
}
.newsItem #Date
{
	color: #648cb4;
	padding-bottom: 2px;
}
.newsItem #Link
{
	margin-top: 2px;
}
.newsItem #Link a
{
	color: #648cb4;
}

/* Main Content
---------------------------------------------------------------------------------------------- */

.content
{
	float: left;
	width: 433px;
}
.contentFull
{
	float: left;
	width: 748px;
}
.contentHead
{
	background-color: #d9dadb;
	height: 19px;
	color: #707172;
	margin-bottom: 6px;
	padding-left: 12px;
	padding-top: 6px;
	text-transform: uppercase;
	font-weight: bold;
}
#contentHeadWie {
	background-color: #2e3b41;
	color: #FFFFFF;
}
#contentHeadVerf {
	background-color: #0171b9;
	color: #FFFFFF;
}
#contentHeadHout {
	background-color: #f49a12;
	color: #FFFFFF;
}
#contentHeadBouw {
	background-color: #e4312d;
	color: #FFFFFF;
}
#contentHeadGlas {
	background-color: #009977; /* #b35e0b = bruin*/
	color: #FFFFFF;
}

.contentTxt
{
	padding-top: 5px;
	/*padding-left: 12px;
	padding-right: 12px;*/
	/*letter-spacing: 1px;*/
	font-size: 13px;
}
.contentTxt li
{
	padding-bottom: 5px;
}

.currMenuLinkItems
{
	text-align: center;
	padding-bottom: 5px;
}

/* Template Specific
---------------------------------------------------------------------------------------------- */

.contactForm {
	float: right;
	background-color: #eaecef;
	width: 240px;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.contactTxt {
	float: left;
	width: 424px;
	padding-left: 12px;
	padding-right: 12px;
}


.projectenView {
	float: right;
	background-color: #eaecef;
	width: 430px;
	padding: 15px;
}
#contentHeadWieProjectenView {
	width: 300px !important;
}

.projectPageImageView {
	clear: both;
	background-color: #eaecef;
	padding: 15px;
}

.projectenTxt {
	float: left;
	width: 260px;
	padding-top: 5px;
	font-size: 13px;
}
#contentHeadWieprojectenTxt {
	width: 390px !important;
}

.projectPageText {
	min-height: 240px;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 13px;
}

.contentTxt ul, .projectenTxt ul, .contactTxt ul {
	padding-left: 15px;
	padding-bottom: 14px;
}

.newsArchive {
	overflow: hidden; 
	border-bottom: 1px dashed gray;
}
.newsArchiveRow {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.vacatureItem
{
	background-color: #eaecef;
	padding: 5px;
	margin-bottom: 6px;
	color: #646464;
	font-size: 11px;
}
.vacatureItem #Link
{
	margin-top: 5px;
	text-align: right;
}
.vacatureItem #Link a
{
	color: #648cb4;
}