@charset "utf-8";

body{
margin:0;
padding:0;
line-height: 1.5em;
background: url(img/bgBody.jpg) #3f4042 top center repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}

img{border: none}
b{font-size: 100%;}
em{color: red;}

a					{color: #ffffff;text-decoration: none;border-bottom: 1px #70767f dotted;}
a:focus, a:hover	{color: #17f1ff;text-decoration: none;border-bottom-color: #ffffff;}

h1,h2,h3,h4,h5,h6	{font-weight: bold;color: #17f1ff; font-size: 1em;} 
h1					{font-size: 18px;margin: 0 0 20px 0;}
h2					{color: #fff;font-size: 13px;margin: 0 0 4px 0;}
h4					{color: #fff; margin: 0 0 20px 0;}
h5					{color: #fff; margin: 0 0 5px 0;}

p					{text-align:justify;margin: 0 0 15px 0;}

#bodyContainer{
width:100%;
background: url(img/headers/rotator.php) no-repeat center 134px;
}

#maincontainer{
width: 850px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topbar {
height: 21px;
line-height: 20px;
font-size: 10px;
color: #70767f;
}
#topbar a {
color: #70767f;
border-bottom: none;
}
#topbar a:hover{
color: #17f1ff;
}

#header{
height: 113px;
text-align: left;
}
#header img{
position: relative;
float: left;
margin-top: 48px;
border: none;
}

#middle{
height: 300px;
}
#middle h3{
padding: 194px 0 0 19px;
margin: 0;
color: #FFFFFF;
font-size: 22px;
line-height: 24px;
}

#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin-right: 310px; /*Set right margin to RightColumnWidth*/
margin-bottom: 70px;
padding-top: 20px;
}

#rightcolumn{
float: left;
width: 275px; /*Width of right column*/
margin-left: -275px; /*Set left margin to -(RightColumnWidth) */
margin-bottom: 70px;
padding-top: 20px;
}

#footer{
clear: both;
background-color: #131313;
border-top: #464a4e 1px solid;
width: 100%;
color: #70767f;
text-align: left;
padding: 17px 0 30px 0;
font-size: 11px;
}
#footerMid{
width: 850px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#footerMid h6 {
color: #18eaf7;
font-size: 11px;
padding: 0;
margin: 0 0 10px 0;
}
#footerMid a{
color: #70767f;
text-decoration: none;
}
#footerMid a:hover{
color: #ffffff;
}
#footer ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#footer ul li{
}
#footer p{
padding: 0;
margin: 0 0 18px 0;
}
#footer p.nomargin{
margin: 0px;
}
#footer td{
text-align: left;
vertical-align: top;
}
#footer td.footTd_1{
width: 180px;
}
#footer td.footTd_2{
width: 275px;
}

.line				{width: 100%;height: 19px;background: url(img/bgLine.gif) top left repeat-x;margin-bottom: 15px;}

a.nounderline		{border-bottom: none;}

.nomargin			{margin: 0px;}


/* CSS RSS feeds displayer */

#rssnews .labelfield{
}
#rssnews .datefield{
font-size: 10px;
}
#rssnews a.titlefield {
color:#17f1ff;
font-size: 14px;
text-decoration: none;
border-bottom: none;
font-weight: bold;
}
#rssnews a.titlefield:hover{
border-bottom: 1px dotted #17f1ff;
}
#rssnews img{
vertical-align: -2px;
}
#rssnews ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#rssnews li{ /*CSS specific to demo 1*/
margin-bottom: 15px;
}
#rssnews p{
padding: 0;
margin: 0;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* -------- PARTNERSHIP.html --------- */

#partnership #contentcolumn p	{font-size:13px;}
#partnership #contentcolumn h3	{margin: 0;}
#partnership #contentcolumn ul	{margin-top: 0;}
.quote, .quote2					{font-size:1.5em; line-height: 1.4em; color:#18eaf7; background-color: #fff; font-weight:bold; border-left: 5px solid #18eaf7; padding: 10px; margin-bottom:15px;}
.quote2							{color:#3F4042; background-color: #18eaf7; border-left: 5px solid #fff;}
.quote2 em						{color: #fff; font-style:normal;}
.backtotop						{font-size:10px;float:right; background:#131313;padding:3px; line-height: 1em; text-decoration:none;
								border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;
								filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.backtotop:hover				{filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.small							{font-size: 9px !important; line-height: 1em !important;}
#inhoudstafel					{font-size: 1.1em; font-weight: bold;}

/* CSS Pictures */
#pictures a, #lightbox a		{border-bottom: 0 none;}
#pictures.leftContent 			{/*margin:0 8px 8px 12px;*/}
ul.gallery						{list-style: none; margin: 0; padding: 0;width:540px;}
ul.gallery li					{float: left; margin: 0 2px 2px 0; padding: 0; text-align: center; border: 1px solid #ccc; display: inline; /*--IE6 Fix - Fixes double margin bug--*/
								border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;}
ul.gallery li a.thumb 			{width: 104px; height: 104px; padding: 0px; cursor: pointer;}
ul.gallery li span 				{ /*--Used to crop image--*/ width: 104px; height: 104px; overflow: hidden; display: block;}
ul.gallery li a.thumb:hover		{background: #333; /*--Hover effect for browser with js turned off--*/}
ul.gallery li h2				{font-size: 0.8em; font-weight: normal; text-transform: uppercase; margin: 0; padding: 3px; background: #f0f0f0; border-top: 1px solid #fff;}
ul.gallery li a					{text-decoration: none; color: #777; display: block; border-bottom: 0 none;}
ul.gallery li a:hover			{text-decoration: none;}