body, html{
text-align: center;	
margin: 0px 0px 0px 0px;
background-color: #949494;
color: #444444;
font-family: Arial;
font-size: small;
}

div#container{
background-color: #FFFFFF;		
width: 760px;
margin: 0 auto 0 auto;
text-align: center;
}

div#header{
background-color: #949494;	
width: 760px;
height: 122px;
margin: 0 0 0 0;
background-image: url(images/indexkompas.jpg);	
border-bottom: solid 1px #6C000A;
}

div#content{
background-color: #FFFFFF;	
width: 610px;
margin: 0 0 0 0;
padding: 15px 60px 15px 60px;
text-align: left;
}


div#footer{
background-color: #eeeeee;	
width: 600px;
height: 25px;
margin: 5px;
text-align: center;
}

.testim{
background-color: #FFE685;	
width: 400px;
margin: 0;
padding: 35px;
text-align: left;
}

.form{
background-color: #FFFFFF;	
width: 450px;
margin: 0;
padding: 5px;
text-align: left;
}

p
{
font-family: Arial;
font-size: small;
	}

p.footer
{
font-family: Arial;
font-size: x-small;
margin: 4px;
	}	
		
h1
{
font-family: Arial;
color: #91000F;
text-align: center;
font-size: 2.5em;
margin-top: 15px;
	}

h2
{
font-family: Arial;
color: #B80012;
font-size: x-large;
text-align: center;
margin-top: 35px;
	}	
	
a:link, a:visited{
text-decoration: underline;
color: #000000;
}

a:hover, a:active{
text-decoration: underline;
color: #555555;
}		

ul
{
font-family: Arial;
font-size: small;
font-weight: normal;
list-style-type:disc;
	}
	
ol
{
font-family: Arial;
font-size: small;
font-weight: bold;
	}	
	
li{
font-family: Arial;
font-size: small;
margin-bottom: 10px;
}

dl.info
{
font-family: verdana;
font-size: small;	
border: 1px solid #000;
background-color: #eee;
width: 150px;
text-align: center;
padding: 0 0 10px 0;
float: right;
margin: 15px;
}

.info dt
{
font-weight: bold;
background-color: #000;
color: #FFF;
padding: 5px 10px;
margin-bottom: 10px;
}

.info dd img
{
border: 1px solid #000;
}

.info dd
{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 85%;
}