/* 
Cascading Style Sheet for 
http://MasterPRO.nl

Design by W.M. Stutterheim
adapted by P.M.Bloemendaal
*/

/* General */
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
}

body	{
	background: #c1f1ff; 
}

table { margin:4px;
}
caption { 
	font-style: italic ;
	font-size: 12px; 
	text-align: left; 
	display: none; 
}
td, th	{
	vertical-align: top; 
	text-align: left; 
	margin: 4px; 
}
td {
}
th {
}

@keyframes cssAnimation {
    from { transform:
        scale(0.1);
    }
    to { transform:
        scale(1) ;
    }
}

.imgButton {
-moz-box-shadow: 6px 7px 20px #000000;
-webkit-box-shadow: 6px 7px 20px #000000;
box-shadow: 6px 7px 20px #000000;
-o-box-shadow: 6px 7px 20px #000000;

/*animation: cssAnimation 0.4s 1 ease-out ;*/

}

.tdbugfix { width:150px ;
}
.tdnewfeature {width:150px ;
}
.tdlayoutchange {width:150px ;
}
.tddate { width:150px ;
}
.tddescription {
}

/* Fonts */
p, a, div, td, th, textarea, input	{
	font-family: Verdana; 
	font-size: 12px; 
}

p	{
	margin: 4px; 
	text-align: left; 
}

a	{
	color: Black; 
	}
a:hover	{
	text-decoration: underline; 
}

div#header a, div#header a:hover	{
	color: White; 
	text-decoration: none; 
}
div#header a:hover	{
	text-decoration: underline; 
}

h1, h2, h3	{
	font-family: Arial; 
	font-weight: bold; 
	margin:  4px; 
}

h1	{
	font-size: 20px; 
}

h2	{
	font-size: 15px; 
}

div#header h1	{
	font-family: Arial; 
	font-weight: bold; 
	color: #ffffff; 
	font-size: 80px;
	margin: 50px 40px 20px 20px; 
}

div#header h1 em	{
	font-family: Verdana; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 60px; 
}

/* DIV's */
div#container	{
	position: relative; 
	margin: auto auto; 
	width: 100%; 
	background: #26c6ee url("../images/body_background.jpg") repeat-x bottom center; 
}

div#header	{
	float: left;
	height: 162px; 
	background: #5d5d5d url("../images/header_background.jpg") repeat-x;
	width: 100%; 
}

div#logoMO	{
	position: absolute; 
	right: 10px; 
	top: 0; 
	width: 330px;	
}

div#rss	{
	position: absolute; 
	top: 110px; 
	right: 90px;  
	width: 180px; 
	text-align: left; 
}
	div#rss img	{
		float: right;
		margin: 4px; 
	}

div#content	{
	float: left;
	width: 100%; 
}

div#text	{
	width: 99%; 
	margin: 30px auto 10px auto; 
}

div#text div#links, div#text div#rechts	{
	float: left; 
	width: 47%; 
}

div#buttons	{
	width: 99%; 
	margin: 30px auto 10px auto; 
	clear: both; 
}

div#buttons table	{
	width: 100%; 
	border: none; 
	text-align: center; 
}

div#author	{
	width: 99%;
	margin: 30px auto 10px auto; 
}

div#counter	{
	width: 40%; 
	margin: 30px auto 10px auto; 
	text-align: center; 
}

div.spacer	{
	clear: both;
}

/* Images */ 
img	{
	border: none; 
}

div#buttons img {
	margin: 4px; 
}

div#buttons img.hl	{
	 margin-right: 30px; 
}