/*	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 
*/

/* 
	CSS DOCUMENT FOR MCW PROJECT SITES

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 2.0 and Internet Explorer 7.
	The ID'S and CLASSES are alpabetically ordered.
	
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6
*/

/* 
	USED COLORS WITHIN APPLICATION
    Rood:           FF0000
    Geel:           FFDA00
    Bruin (menu):   403718
    Licht bruin:    c2bda7
    Donker bruin:   aeaa9e
*/

html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    background: #FFF url(../_images/background.gif) repeat-x left top;
    font-size: 12px;
    line-height: 1.4em;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd	{
	font-size: 12px;
	letter-spacing: 0.9px;
}
form, #pnlContainer{ width:100%; min-height:600px; height:100%; margin:0; padding:0; }

.container {
    margin: 0px auto 0px auto;
    width: 900px;    
    height: 100%;
    
    background-color: #FFF;
}
.header {
    height: 94px;
    width: 100%;
    background: transparent url(../_images/header.jpg) no-repeat left top;
}
/* Header buttons */
.btnCBF {
    margin: 19px 0px 0px 22px;
    height: 55px;
    width: 55px;
    float:left;
}
.btnLangNL {
    margin: 19px 0px 0px 728px;
    height: 11px;
    width: 32px;
    float:left;
}
.btnLangEN {
    margin: 19px 0px 0px 11px;
    height: 11px;
    width: 32px;
    float:left;
}



.navigationContainer {
    height: 30px;
    width: 100%;
    background-color: #c2bda7;
}
.projectContainer {
    margin: 7px 0px 0px 15px;
    float: left;
    height: 30px; 
}
.projectContainer p {
    color: #FFFFFF;
}
.mainColumnContainer {   
    margin:35px 0px 0px 0px;
    overflow: auto;
}
.mainLeftColumn {
    padding: 0px 20px 35px 20px;
    width: 208px;
    float: left;
	display:inline;
	overflow:hidden;
}
.mainCenterColumn {
    padding: 0px 20px 35px 20px;
    width: 285px;
    border-left: solid 1px #bab69d;
    border-right: solid 1px #bab69d;
    float: left;
	display:inline;
	overflow:hidden;
}
.large {    
    width: 600px;
    border-left: solid 1px #bab69d;
    border-right: none;
}
.mailLeftColumn {
    padding: 0px 0px 35px 20px;
    width: 285px;
    float: left;
	display:inline;
	overflow:hidden;
}
.infoContainer {    
    background: transparent url(../_images/logoSWK.jpg) no-repeat left top;
    width: 179px;
    height:200px;
}
.addressInfo {
    margin:120px 0px 0px 35px;
    position: absolute;
}



ul.ulNews {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
ul.ulNews li {
    margin:0px 0px 15px 0px;
    padding: 2px;    
}
ul.ulNews li a {
    color:#FF0000;
    font-size:1.2em;
    text-decoration:underline;
}
ul.ulNews li a:hover {
    color:#FFDA00;
    text-decoration:underline;
}
ul.ulNews li span {
    display:block;
    color:#000000;
    margin-bottom:3px; 
}
ul.ulNews li span.newsDate {
    display:block;
    color:#bab69e;  
    border-bottom:dotted 1px #bab69e; 
}

/* FORM CONTAINER */

.formContainer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.formContainer li {
	float: none;
	display: block;
	clear: both;
	list-style-type: none;
	padding: 0px;
}
.formContainer li label {
	float: left;
	margin: 12px 0px 9px 0px;
}
.formContainer li input[type=text] {
	float: right;
	margin: 9px 0px 9px 0px;
	width: 120px;	
}
.formContainer li input[type=radio] {
	display: inline;
	float: left;
	margin: 11px 0px 9px 0px;
}
.formContainer li a {	
	display: block;
	margin-top: 15px;
}


/* MCW EDITOR DECLARTIONS */
/* Headings */
h1, h2, h3, h4 {
    padding: 0px;
    margin:0px 0px 10px 0px;
    line-height: 1.3em;    
}
h1 {
    font-weight: bold;
    font-size: 16px;
    color:#000000;
}
h1.h1Variant1 {
    color:#FF0000;
}

/* Paragraphs */
p {
    padding: 0px;
    margin:0px 0px 10px 0px;
    color: #000000;
}
p.pVariant1 {
    color: #aeaa9e;
    font-weight: bold;
    font-size: 13px;
}
p.pVariant2 {
    padding: 0px;
    margin:10px 0px 14px 0px;
    line-height:12px;
    border-bottom: dotted 1px #aeaa9e;
}
p.pVariant3 {
    margin:0px;
    padding:0px;
}
/* Links */
a {
    color:#FF0000;
    font-weight: bold;
    text-decoration:none;
}
a:hover {
    color:#FFDA00;
    font-weight: bold;
    text-decoration:underline;
}
a.aVariant1 {
    color:#FFFFFF;
    font-weight: bold;
    text-decoration:none;
}
a.aVariant1:hover {
    color:#aeaa9e;
    font-weight: bold;
    text-decoration:underline;
}
a img {
    border:none;
}
.imgVariant1, .imgVariant2 {
	padding: 5px !important;
	background-color: #FFFFFF !important;
	border: 1px solid #a5a5a5 !important;
}
.imgVariant1, .imgVariant3 {
	float: left !important;
	margin: 0px 10px 10px 0px !important;
}
.imgVariant2, .imgVariant4 {
	float: right !important;
	margin: 0px 0px 10px 10px !important;
}
.imgVariant3, .imgVariant4 {
	border: 1px solid #FF0000 !important;
}
.imgVariant1, .imgVariant2, .imgVariant3, .imgVariant4 {
	z-index: 2 !important;
	/* Set margin top for correct aligning with top of text */
	margin-top: 5px !important;
}

.textBoxContainer {
	background-color: #FFDA00;
	padding: 10px;
}
.tbMailing {
	width: 150px !important;	
	float: left !important;
}

.signupNewslSubmitBtnContainerRight a:hover {
	color: #FF0000;
}

/* END MCW EDITOR DECLARTIONS */