/* -- CSS Template WebSonic.nl - opmaak standaard gebruikte elementen -- */

body {
	background-color:#468296;
	margin: auto;
    width: 100%;
	padding:0px; 
	overflow:-moz-scrollbars-vertical;
}

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #468296; /*menu strip background*/
border: 1px #468296;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 16px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 45px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url('images/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('images/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

/* basis */
img, div { behavior: url(iepngfix.htc) }
* {
	margin:0px;
	padding:0px;
   align:center;
}



/* afbeeldingen */

img {
	border:none;
}

/* invoervelden */

input {
	width:150px;
	border:0px solid #808080;
	background:none;
	color:#333333;
}

textarea {
	width:200px;
	border:0px solid #808080;
	color:#333333;
}	

button,
.button {
	width:200px;
	border:0px solid #808080;
	background:none;
	background-color:#004c9;
	color:#333333;
}

/* links */

a:link { 
	color:blue; 
	text-decoration:none;
}

a:visited { 
	color:#FF6600;
	text-decoration:none;
}

a:hover { 
	color:red;
	text-decoration:none;
}

a:active {
	color:#FF6600;
	text-decoration:none;
}

/* container */

div.container {
	width:100%px;
	margin:0px auto;
align:center;
}

/* header */

div.header {
	width:100%px;
	height:110px;
	margin:0px auto;
    
	padding:10px;
	background-color:#468296;
}
div.knop {
	left:40px;
    width:160px;
	position: absolute;
    height:50px;
	top:135px;
    padding-left:0px;
	margin: auto;
    
	
}
div.klok {
	float:left;
    width:20px;
	position: relative;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    height:15px;
	top:145px;
    padding-left:0px;
	margin: auto;
    
	
}
/* menu */

div.menu {
	float:left;
    width:560px;
	height:75px;
	margin-top:0px;
	text-align: left;
    padding-left:180px;
	margin: auto;
    background-color:#468296;
	color:#468296;
align:center;
}

/* leftcontent */

div.leftcontent {
	float:left;
	width:190px;
	margin: auto;
	padding:0px;
	background-color:#468296;
align:center;
}

/* maincontent */

div.maincontent {
	float:left;
	width:600px;
	margin-top:10px;
	margin-left:0px;
	padding:5px;
align:center;

  
    background: #8f8f8f; /* voor niet-css3 browsers */
	 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468296', endColorstr='#ffffff'); /* voor IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#468296), to(#ffffff)); /* voor webkit browsers */
	background: -moz-linear-gradient(top,  #468296,#ffffff  ); /* voor firefox 3.6+ */
}

/* rightcontent */

div.rightcontent {
	float:left;
	width:200px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	background-color:#468296;
align:center;
}

div.footer {
	float:left;
	width:100%;
	margin-top:10px;
    align:center;
	padding:30px;
	background-color:#b6ced;
}
/* opmaak */

P {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
	margin-bottom:15px;
}

H1 {
color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
}

H2 {
color:blue;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
}

H3 {
color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
}

H4 {
color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:0px;
}

H5 {
color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:0px;
}

H6 {
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:0px;
}