/* Start of CMSMS style sheet 'screen' */
html, body{ height: 100%; font:normal normal normal 90%/130% Verdana, Helvetica, Arial; background-image: url(../images/site/background_blue.jpg);}

h1,h3,h5	{color:#006699; padding: 0px; margin-bottom:0px; }
h1,h2		{font:normal normal normal 1.8em/1em Verdana, Helvetica, Arial; }
h3,h4		{font:normal normal normal 1.4em/1em Verdana, Helvetica, Arial; }
h5			{font:normal normal normal 1.25em/1em Verdana, Helvetica, Arial; margin:0px; }
h2,h4		{text-align:right; color: #006699; padding-right: 2px; clear:none;}
h6 			{font:normal normal normal 0.9em/1em Verdana, Helvetica, Arial; text-align:right; color: #006699; clear:left;margin:2px 0px;}

#wrapper { min-height:100%; width: 1024px; margin: auto; position:relative;  text-align:left; background: #fff; background-image: url(./images/site/background_content.jpg); }

/* HEADER Styles */
#header{ display: block; height: 125px; width: 1024px;}
#wind, #fire, #water, #earth, #logo{ display: block; height: 50px; width: 50px; float: left; margin: 5px; }
#wind{ background-image:  url(./images/site/lucht_50x50.jpg);}
#fire{ background-image: url(./images/site/vuur_50x50.jpg);}
#water{ background-image: url(./images/site/water_50x50.jpg);}
#earth { background-image: url(./images/site/aarde_50x50.jpg);}
#logo{ display: block; height: 50px; width: 510px; background-image: url(./images/site/auxillnlblauw.gif);}

/* Translate styles */
#translate{ position: absolute; right: 15px; top: 115px; font-size : 9px}

/* Content styles */
#content{ float: left; width: 720px; padding-bottom: 40px; padding-right: 15px; }
.tekstblauw{ color: #006699;}
.clear{ clear: both;}

/* footer styles */
#footer { position:absolute; bottom:0; width:100%; }
#footer span{ position: absolute; bottom: 0; left: 235px; text-align:center; color:#006699; font-size: 0.7em; line-height: 1.1em; border-top:1px solid #006699; padding-top:2px; height:15px; width: 720px;}

/* links styles */
A:link {color: #000000;text-decoration: none;}
A:visited {color: #000000;text-decoration: none;}
A:hover {color: #006699;text-decoration: underline;}
A:active {color: #006699;text-decoration: underline;}

A.inline:link {color: #006699;text-decoration: underline;}
A.inline:visited {color: #006699;text-decoration: underline;}
A.inline:hover {color: #000000;text-decoration: underline;}
A.inline:active {color: #000000;text-decoration: none;}

/* tabeldefinities */
table {width:100%; border: 0px; margin-top: 10px;}
table.opsomming {width:100%; border: 0px; margin-top: 0px;}
table.opsomming td {width:50%;}
table.metkader {border: 1px solid #006699; width:100%; text-align:center}
table.naw {border: 1px solid #006699; width:100%; background-color:#edf2f4; color:#006699;}

tbody.specificaties {font: normal normal normal 11px/1.5em Verdana, Helvetica, Arial; text-align:center;}
tbody.specslinks {font: normal normal normal 11px/1.5em Verdana, Helvetica, Arial; text-align:left;}

tfoot {text-align:left; font-size:9px}

th {background-color:#006699; color:#edf2f4; font: normal normal normal 20px/1.2em Verdana, Helvetica, Arial; text-align:center;padding:5px}

td {vertical-align:top;}
td.kaderboven {border-top: 1px solid #006699;}
td.kaderbovenonder {border-top : 1px solid #006699; border-bottom : 1px solid #006699; font-weight:bold;}
td.kaderonder {border-bottom: 1px solid #006699;}
td.kaderonderrechts {border-right: 1px solid #006699;border-bottom: 1px solid #006699;}
td.kaderrechts {border-right: 1px solid #006699;}
td.interact {width:40%;text-align:right;}

tr.achtergrond-blauw	{	background-color:#edf2f4; color:#006699;}


/* news styles */
.NewsSummary{ padding-top: 5px; border-top: dashed 1px #006699; margin-top: 20px;}
.NewsSummaryPostdate{ float: right; color: #006699;}
.NewsSummaryLink a{ color: #006699; font-size: 16px;}
.NewsSummaryCategory, .NewsSummaryAuthor{ display: none;}
.NewsSummaryContent{ padding-bottom: 15px;}

/* Contact form */
.contactform fieldset {padding: 1em; background-color: #eee;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; float: left; }
/* End of 'screen' */