div.container 				{ 	width:100%;
					 				margin:0px;
									border:1px solid #18216b;
									line-height:150%;
							   }
							  
				   

div.header					{  padding:0.5em;
									color:white;
									background-color: #cc0033;
									font-family: arial;
									clear:left;
								}
								
								
div.footer					{  padding:0.5em;
									color:white;
									background-color: #cc0033;
									font-family: arial;
									font-size: 10pt;
									clear:left;
									line-height:100%;
								}		

div.kopje					{	font-family: arial;
									font-size: 11pt;
									font-weight: bold;
									border: 1px dashed #cc0033;
									color: #18216b;
									background-image: url(images/kopje1.jpg);
																	}

div.gastboek			{		font-family: arial;
									font-size: 10pt;
									font-weight: normal;
									background-color: #cdcdcd;
									border:1px solid #f3caca;
									width:80%;
									
								}


.logo							{ position: absolute;
								  margin-left: 400px;
								  top: 10px;
								}

								}						

h1.header					{	padding:0;
									margin:0;
									font-family: arial;
									color: #ffffff;
								}
h2								{	color: #18216b;
								 	font-family: arial;
								}
								
div.left						{	float:left;
									width:160px;
									margin:0;
									padding:1em;
									font-family: arial;
								}

div.content					{	margin-left:190px;
									border-left:1px solid gray;
									padding:1em;
									font-size: 10pt;
									font-family: arial;
								}

ul								{  float:left;
									width:100%;
									padding:0;
									margin:0;
									list-style-type:none;
								}

a								{	color:red;
									text-decoration: underline;
									font-size: 10pt
									
									
								}
								
a:hover 						{	background-color:#18216b;
									font-size: 10pt;
								}

li 							{	display:inline
								}
								
input.midden					{ font-size: 10pt;
   								font-family: arial;
									left: 350px;
									position: absolute;
								} 
								
.a-menu						{	float: left;
									width: 10em;
									text-decoration: none;
									color: white;
									background-color: #cc0033;
									font-size: 10pt;
									padding: 0.2em 0.6em;
									border-left: 4px solid navy;
									
															
								}
								
.a-footer					{	
									text-decoration: none;
									color: white;
									background-color: #cc0033;
									font-size: 10pt;
											
								}


img.iconleft				{  float: left;
  									margin-right: 2em;
								}

img.iconright				{  float: right;
  									margin-left: 2em;
								}

table.clock					{ 	text-align: center;
								  	border: 0;
  									pindicatoring: 5px;
									margin: auto;
								}

td, input.clock2 			{  text-align: center;
  									border: none;
								  	font: bold .9em arial;
  									pindicatoring-bottom: .5em;
								}

.clock3 						{ text-align: center;
								  font: .7em arial;					  
								}
								
.cnnclass a					{	text-decoration: none;
									font-family: arial;
									font-size: 8pt;
								}

.cnnclass					{	width: 600px;
									padding: 4px;
        							font-family: arial;
							      font-size : 10pt;
							      margin-bottom : 1em;
						        filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
        							-moz-opacity: 0.8;
								}

.cnnclass a 				{	text-decoration: underline;
									font-family: arial;
									font-weight: normal;
									font-size: 10pt;
								}

div.fotobox {
        width: 700px;
        border : 4px solid #adadad;
        background-color : #dddddd;
}

.foto {
        width: 200px;
        height: 200px;
        border : 1px solid #adadad;
        padding: 5px;
        float: left;
        background-color : # 131da1;
        margin: 0;
        }