/*	
	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
*/

html, body {
    margin: 0px;
    padding: 0px;
}
body {
    color: #3e3e3e;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    background: #FFF url(../_images/background.gif) repeat-x left top;
    font-size: 12px;
    line-height: 1.4em;
}
.container {
    margin: 0px auto 0px auto;
	padding:0;
    width: 900px;      
    background-color:#FFF;
}
.header {
    height: 154px;
	overflow:hidden;
    background: transparent url(../_images/header.jpg) no-repeat left -1px;
	border-top:solid 1px #429afb; /* to prevent collapsing margin-top in FireFox */
}
.mainColumnContainer {   
    margin:0px;
    padding:35px 0px 0px 0px;
    overflow: auto;
    background: #FFF url(../_images/containerBg.gif) repeat-x left top;
}
.mainLeftColumn {
    padding: 0px 0px 35px 0px;
    width: 248px;
	overflow:hidden;
    float: left;
}
.mainCenterColumn {
    padding: 0px 20px 35px 20px;
    width: 285px;
	overflow:hidden;
    border-left: solid 1px #429afb;
    border-right: solid 1px #429afb;
    float: left;
}
.large {    
    width: 600px;
    border-left: solid 1px #429afb;
    border-right: none;
}
.mailLeftColumn {
    padding: 0px 20px 35px 20px;
    width: 280px;
	overflow:hidden;
    float: left;
}
.infoContainer {   
    width: 240px;
    margin:80px 0px 0px 0px;
}

/* NewsList */

ul.ulNews {
    list-style-type:none;
    margin:0px;
    padding:0px;
    
}
ul.ulNews li {
    margin:0px 0px 20px 0px;
    padding: 2px;      
    border-bottom:dotted 1px #3e3e3e; 
   
}
ul.ulNews li a {
    color:#429afb;
    font-size:1.2em;
    text-decoration:underline;
    
   
}
ul.ulNews li a:hover {
    color:#2c67a5;
    text-decoration:underline;
   
}
ul.ulNews li span {
    display:block;
    color:#3e3e3e;
    margin-bottom:3px; 
 
}
ul.ulNews li .news_image 
{
    width:100px;
    float: left; 
    margin: 5px 20px 10px 0px;
}
ul.ulNews li span.newsDate {
    display:block;
    color:#7a7a7a;
    font-size: 0.9em;
}


/* 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:#3e3e3e;
}
h1.h1Variant1 {
    color:#429afb;
}


/* List items paging navigation */
.pagingContainer { margin:20px 0 0 0;}
.pagingContainer ul { text-align:center;padding:0 0 10px 0; list-style:none; height: 30px; position:relative;}
.pagingContainer ul li { display:inline; margin:0 1px; }
.pagingContainer ul li a, .pagingContainer ul li span { padding:5px 10px; margin-bottom:100px; border-style:solid; border-width:1px; border-color:#AED1F7; text-decoration:none; }
.pagingContainer ul li a:hover { background:#AED1F7; }
.pagingContainer ul li span { border-color:#FFFFFF; }
.pagingContainer .imageButton a {   border:none; position: relative; top:5px;}
.pagingContainer .imageButton a:hover { background:none; }


/* Paragraphs */
p {
    padding: 0px;
    margin:0px 0px 10px 0px;
    color: #3e3e3e;
}
p.pVariant1 {
    color: #3e3e3e;
    font-weight: bold;
    font-size: 13px;
}
p.pVariant2 {
    padding: 0px;
    margin:10px 0px 14px 0px;
    line-height:12px;
    border-bottom: dotted 1px #3e3e3e;
}
p.pVariant3 {
    margin:0px;
    padding:0px;
}
/* Links */
a {
    color:#429afb;
    font-weight: bold;
    text-decoration:none;
}
a:hover {
    color:#2c67a5;
    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 #429afb !important;
}
.imgVariant1, .imgVariant2, .imgVariant3, .imgVariant4 {
	z-index: 2 !important;
	/* Set margin top for correct aligning with top of text */
	margin-top: 5px !important;
}
/* END MCW EDITOR DECLARTIONS */