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

body {
	 background-image: url(div%20afb/satijn_01.jpg); 	
	margin:0px;
	padding:0px; 
  margin:0px;
	padding:0px;
	overflow:auto;
  scrollbar-arrow-color: #33ff00;
  scrollbar-track-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-shadow-color: #33ff00;
  scrollbar-highlight-color: #33ff00;
  scrollbar-darkshadow-color: #000000;
  scrollbar-3dlight-color: #000000;
}

/* basis */

td, div, th, span {
	vertical-align:top;
	text-align:left;
	border:0px solid #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#cccccc;
}

/* opsommingen */

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

ul li {
	list-style-type:disc;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	color:#cccccc;
}

/* afbeeldingen */

img {
	border: none;
}

/* invoervelden */

fieldset {
width:310px;
padding-left:10px;
padding-right:10px;
}
legend {
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
}
label {
display:block;
width:150px;
margin-top:5px;
float:left;
color: #cccccc
}
input {
	width:200px;
	border:1px solid #cccccc;
	background:none;
	color:#cccccc;
}

textarea {
	width:200px;
		background-color:#000000;
	border:1px solid #cccccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#33ff00;
}	

button,
.button {
	width:100px;
	border:2px solid #cccccc;
	background:none;
	background-color:#000000;
	color:#33ff00;
}

/* links */

a:link { 
	color:#cccccc; 
	text-decoration:none;
}

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

a:hover { 
	color:#33ff00;
	text-decoration:underline;
	font-style:italic;
}

a:active {
	color:#33ff00;
	text-decoration:underline;
	font-style:italic;
}

/* container */

div.container {
	width:1060px;
	margin:0px auto;
}

/* header */

div.header {
	width:920px;
	height:80px;
	margin-top:10px;
	padding:0px;
	
	border-style: groove;
	border-color: #cccccc;
	border-width: 5px;
}
div.header1 {
	width:675px;
	height:55px;
	margin-top:10px;
	padding:0px;
	background-color:#000000;
	border-style: groove;
	border-color: #cccccc;
	border-width: 5px;
}
div.sidebanner {
	width:120px;
	height:600px;
	margin-top:10px;
	margin-left:10px;
	padding:0px;
	background-color:#000000;
	float:right;
	
}

/* menu */

div.menu {
	width:910px;
	height:70px;
	margin-top:10px;
	padding-left:10px;
	background-color:#000000;
	border-style: groove groove none groove;
	border-color: #cccccc;
	border-width: 5px;
	font-weight: bold;
	font-size: 14px;
}

/* leftcontent */

div.leftcontent {
	float:left;
	width:140px;
	height: 360px;
	margin-top:0px;
	padding: 10px;
	padding-top:50px;
	background-color:#000000;
	border-style: groove none groove groove;
	border-color: #cccccc;
	border-width: 5px;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	overflow:auto;

}


/* adrescontent */

div.adrescontent {
	float:left;
	width:140px;
	height: 400px;
	margin-top:0px;
	padding: 10px;
	padding-top:10px;
	background-color:#000000;
	border-style: groove none groove groove;
	border-color: #cccccc;
	border-width: 5px;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	overflow:auto;

}
/* maincontent */

div.maincontent {
	float:left;
	width:490px;
	height: 400px;
	margin-top:0px;
	margin-left:0px;
	padding:10px;
	background-color:#000000;
	border-style: groove;
	border-color: #cccccc;
	border-width: 5px;
	overflow:auto;
}

/* grootsherm */

div.grootscherm {
	float:left;
	width:655px;
	height: 400px;
	margin-top:10px;
	margin-left:0px;
	padding:10px;
	background-color:#000000;
	border-style: groove;
	border-color: #cccccc;
	border-width: 5px;
	overflow:auto;
}
div.grootscherm-stj {
   background-image: url(div%20afb/satijn_01.jpg); 
	float:left;
	width:655px;
	height: 400px;
	margin-top:10px;
	margin-left:0px;
	padding:10px;
	background-color:#000000;
	border-style: groove;
	border-color: #cccccc;
	border-width: 5px;
	overflow:auto;
}

/* rightcontent */

div.rightcontent {
	float:left;
	width:220px;
	height: 400px;
	margin-top:0px;
	margin-left:0px;
	padding:10px;
	background-color:#000000;
	border-style: groove groove groove none;
	border-color: #cccccc;
	border-width: 5px;
	overflow:auto;
}

/* opmaak */

P {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#cccccc;
	margin-bottom:15px;
}

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

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

H3 {
color:#666666;
	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:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:0px;
}

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