/*~~~~~~~~~~~~~~~~~~~~  StyleSheet   ~~~~~~~~~~~~~~~~~~~~*/

* {font: 8pt "Tahoma", Helvetica, Sans-serif;}

.invisible { margin: 0;
    padding: 1;
    font-size: 11px;
 }

a{text-decoration: none;color: #7f7f7f;}
a:hover{text-decoration: underline;}

html {
	color: #7f7f7f;
	background: #F3F3F3 url('../images/bg.gif') center repeat-y;
	padding: 0;
}

body { 
	width: 786px;
	margin: 0 auto;
	padding: 0;

}

img {border: 0;}
p {margin: 0;padding: 10px 0;}
b {font-weight: bold;}

/*~~~~~~~~~~~~~~~~~~~~  Header   ~~~~~~~~~~~~~~~~~~~~*/

div#header {
	width: 786px;
	height: 141px;
	background: url('../images/vuicy.jpg') bottom repeat-x;
}

ul#top_menu {
	float: right;
	width: 256px;
	height: 32px;
	background: url('../menu/top_bg.gif') no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#top_menu li {
	width: 76px;
	height: 13px;
	margin: 10px 0 0 1px;
	float: left;
}

/*Container*/



.clear {clear: both;}

/*Left*/

div#left {
	float: left;
	width: 533px;
}

/*~~~~~~~~~~~~~~~~~~~~  Menu   ~~~~~~~~~~~~~~~~~~~~*/

ul#menu {
	width: 506px;
	height: 31px;
	background: url('../menu/menu_bg.gif') no-repeat;
	margin: 0;
	padding: 17px 0 0 27px;
	list-style: none;
}

ul#menu li {
	float: left;
	width: 75px;
	height: 21px;
	margin: 0;
	padding: 9px 0 0 0;
	text-align: center;
}

ul#menu li.active {background: url('../menu/active_bg.gif') top center no-repeat;}

/*~~~~~~~~~~~~~~~~~~~~  Kort nieuws   ~~~~~~~~~~~~~~~~~~~~*/

div#ie_fix {
	float: left;
	width: 5px;
	height: 1px;
}




ol#newsflash h2 {
	color: #19ABDB;
	margin: 7px 0 0 0;
	padding: 0;
	font-weight: bold;
}

ol#newsflash li a {
	color: #19ABDB;
	text-decoration: underline;
}

ol#newsflash li a:hover {text-decoration: none;}

div#content {
	float: left;
	width: 528px;
	padding: 0 0px 0 0px;
	background: #F7F7F7;

}

div#content h2 {
	width: 522px;
	height: 19px;
	color: #FFF;
	background: url('../images/h2.gif') no-repeat;
	margin: 4px 0 0 0;
	padding: 5px 0 0 6px;
	font-weight: bold;
}

div#content p {padding-left: 7px;}

div#content p a {
	color: #19ABDB;
	text-decoration: underline;
}

.bigletters
{
font-size:15px;
font-weight: bold;

}

.bigletters2
{
font-size:16px;
font-face: verdana;

}

.bigletters3
{
font-size:16px;
font-face: century gothic;

}

.bigletters4
{
font-size:26px;
font-face: century gothic;

}

.bigletters5
{
font-size:15px;
font-face: century gothic;
font-weight: bold;

}

.bigletters6
{
font-size:12px;
font-face: century gothic;

}

.bigletters7
{
font-size:16px;
font-weight: bold;
font-face: century gothic;
}

.bigletters8
{
font-size:12px;
font-face: century gothic;
font-weight: bold;

}

.bigletters9
{
font-size:12px;
font-face: century gothic;
text-decoration: underline;

}

.bigletters10
{
font-size:16px;
font-face: verdana;
font-weight: bold;
}

.bigletters11
{
font-size:15px;
font-face: century gothic;
}

.bigletters12
{
font-size:13px;
font-face: century gothic;
}

.bigletters13
{
font-size:13px;
font-face: century gothic;
font-weight: bold;
}

.bigletters14
{
font-size:27px;
font-face: century gothic;
font-weight: bold;
color: #19abdb;
}

.bigletters15
{
font-size:19px;
font-face: century gothic;
font-weight: bold;
color: #19abdb;
}

.italics
{
font-size:15px;
font-style: italic;

}

.italics2
{
font-size:12px;
font-style: italic;

}

.newsline
{
font-size:13px;
text-decoration: underline;
font-weight: bold;

}


div#content p a:hover {text-decoration: none;}

/*Right*/

div#right {
	float: left;
	width: 253px;
	background: url('../images/right_bg.gif') no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~ Login  ~~~~~~~~~~~~~~~~~~~~*/

form#login {
	float: right;
	width: 195px;
	height: 119px;
	color: #fff;
	margin: 12px 0 0 10px;
	padding: 0;
	overflow: hidden;
}

form#login  a {color: #fff;}

form#login  p {
	clear: right;
	float: right;
	width: 100px;
	margin: 0 14px 0 0;
	text-align: right;
}

form#login input {
	float: right;
	margin: 0 14px 0 0;
}

form#login input.textfield {
	float: left;
	width: 101px;
	height: 18px;
	background: url('../images/textfield_bg.gif') no-repeat;
	margin: 0 0 6px 0;
	padding: 5px 7px 0 7px;
	border: none;
}

form#login label {
	float: left;
	width: 67px;
	padding: 4px 0 0 0;
	color: #fff;
}

form#login label2 {
	float: left;
	width: 97px;
	padding: 4px 0 0 0;
	color: #fff;
}


/*~~~~~~~~~~~~~~~~~~~~ Logint  ~~~~~~~~~~~~~~~~~~~~*/

form#logint {
	float: right;
	width: 195px;
	height: 119px;
	color: #fff;
	margin: 12px 0 0 10px;
	padding: 0;
	overflow: hidden;
}

form#logint  a {color: #fff;}

form#logint  p {
	clear: right;
	float: right;
	width: 100px;
	margin: 0 14px 0 0;
	text-align: right;
}

form#logint input {
	float: right;
	margin: 0 14px 0 0;
}

form#logint input.textfield {
	float: left;
	width: 101px;
	height: 18px;
	background: url('../images/textfield_bg.gif') no-repeat;
	margin: 0 0 6px 0;
	padding: 5px 7px 0 7px;
	border: none;
}

form#logint label {
	float: center;
	width: 97px;
	padding: 4px 0 0 0;
	color: #fff;
}


/*~~~~~~~~~~~~~~~~~~~~ Lijst  ~~~~~~~~~~~~~~~~~~~~*/

ol#list {
	width: 232px;
	margin: 0 0 0 10px;
	padding: 0;
	background: #F7F7F7;
	border-right: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	list-style: none;
	clear: right;
}

ol#list li {
	height: 95px;
	margin: 0 0 0px 20px;
}

ol#list li img {
	float: left;
	margin: 0 4px 0 0;
}

ol#list li h2 {
	color: #19ABDB;
	margin: 0;
	padding: 5px 0;
	font-weight: bold;
}

ol#list li p {
	padding: 4px 0;
}



/* Footer */

/*~~~~~~~~~~~~~~~~~~~~ Footer  ~~~~~~~~~~~~~~~~~~~~*/

div#footer {
	width: 755px;
	height: 21px;
	background: #F7F7F7 url('../images/footer_bg.gif') no-repeat;
	margin: 0 0 0 5px;
	padding: 11px 5px 0 12px;
	clear: both;

}


div#footer span {float: left;}

div#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}