@font-face {
 font-family: MyCustomFont;
 src: url("tgl.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("tgl.ttf") /* TTF file for CSS3 browsers */
}
body  /* Internet Explorer */  {
	background-color: #FCFCFC;
	font-family: MyCustomFont, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	border: 0;
	display: block;
}
body /* Mozilla Firefox alignment */ {
	background-color: #FCFCFC;
	font-family: MyCustomFont, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: -moz-center;
	font-weight: normal;
	line-height: 22px;
	padding:0px 0px 0px 0px;
	margin: 0px auto;
	border: 0;
	display: block;
}
table {	
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align:left;
	font-weight: normal;
	margin: 0px;
 	padding: 0px;
	border: 0px;
	line-height: 22px;
	vertical-align: top;
}
tr {
	text-align:left;
	font-weight: normal;
	margin: 0px;
 	padding: 0px;
	border: 0px;
}

td {
	text-align:left;
	font-weight: normal;	
	margin: 0px;
 	padding: 0px;
	border: 0px;
	vertical-align: top;
}
.verynarrow {
	width: 20%;
}
.narrow {
	width: 30%;
}
.broad {
	width: 40%;
}
.broad p {
	padding-right: 15px;
}
hr {
	width: 100%;
	margin: 10px 0px 15px 0px;
	float: left;
	border: 1px solid #333;
	border-bottom: 1px solid #666;
	border-top: 1px solid #000;
}
.spacer{
	width: 100%;
	margin: 0px 0px 30px 0px;
	float: left;
	border-bottom: 1px dotted #CCC;
	color: #666;
	text-align: right;
}
a img {
	border: 0;
}
p {
	color: #333;
}
table p {
	color: #FFF;
}
H1 {

	font-weight: normal;
	font-size: 30px;
	line-height: 30px;
	color: #FFF;

}
H2 {

	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
}
.topwrap{
	position: relative;
	width: 970px;
	margin: 0px auto;
	height: 120px;
	text-align: left;
	display: block;
	padding: 0px;
	clear: both;
}

.header {
	width: 970px;
	height: 175px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
}
.headerin {
	width: 970px;
	height: 100px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
}
.content {
	position: relative;
	margin: 0px auto;
	width: 970px;
}
.tempcontent {
	position: relative;
	margin: 0px auto;
	margin-top: 200px;
	width: 970px;
}
.tempcontent H1 {
	font-weight: normal;
	font-size: 28px;
	line-height: 30px;
	color: #00CCFF;

}
.tempcontent p {
	color: #000;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: center;
}

.content H2 , .left H2, .right H2{
	color: #00CCFF;
	text-align: left;
	padding: 3px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #DEDEDE;
	font-weight: normal;
	font-style: normal;
	font-size:20px;
}
.content H4 {
	color: #333;
	text-align: left;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #DEDEDE;
	font-weight: normal;
	font-style: normal;
	font-size:26px;
	line-height:30px;
}
.content H5 {
	color: #333;
	text-align: left;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	font-style: normal;
	font-size:20px;
	line-height:25px;
}
.right {
	position: relative;
	margin: 0px auto;
	width: 600px;
	float: left;
	margin-top: 0px;
	text-align: left;
	padding-bottom: 50px;
}
.left {
	position: relative;
	margin: 0px auto;
	width: 340px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	text-align: left;
	padding-bottom: 50px;
}
.portright {
	position: relative;
	margin: 0px auto;
	width:220px;
	float: left;
	margin-top: 0px;
	text-align: left;
	padding-bottom: 50px;
}
.portright ul {
list-style-image:url('../images/vink.gif');
margin: 0px;
padding-left: 15px;
}
.portright ul li {
	font-family: arial, sans-serif;
	color: #333;
	padding: 2px;
	font-size: 11px;
	margin: 0px;
}
.portleft {
	position: relative;
	margin: 0px auto;
	width: 720px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	text-align: left;
	padding-bottom: 50px;
}
.break {
	width: 100%;
	clear: both;
	display: block;
}

.left a, .right a, .portright a{
	font-family: arial, sans-serif;
	background: #000;
	padding: 2px 6px 2px 6px;
	margin: 0px 5px 5px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	float: left;
	line-height: 24px;
	text-decoration: none;
	font-size: 11px;
}
.left a:hover, .right a:hover,  .portright a:hover{
	background: #333;
}

a.external {
font-family: arial, sans-serif;
	background-color: #000;
	background-image: url('../images/external-link.gif');
	background-repeat: no-repeat;
	background-position: right 5px;
	padding: 2px 30px 2px 6px;
	margin: 0px 5px 5px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	float: left;
	line-height: 24px;
	text-decoration: none;
	font-size: 11px;
}
a.external:hover {
	background-color: #000;
	background-image: url('../images/external-link.gif');
	background-repeat: no-repeat;
	background-position: right 5px;
}
.call{
	font-family: arial, sans-serif;
	background: #555;
	padding: 2px 6px 2px 6px;
	margin: 0px 5px 5px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	float: left;
	line-height: 24px;
	text-decoration: none;
	font-size: 11px;
}
.project {
	position: relative;
	display: block;
	float: left;
	margin: 0px 30px 20px 0px;

}
.project p {
	color: #000;
	position: relative;
	top: -7px;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: left;
	border-bottom: 3px solid #CCC;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 40px 0px;
	display: block;
	clear: both;
	width: 220px;
	max-width: 215px;
}
.right H3, .left H3, .portright H3{
	font-family: MyCustomFont, Verdana, Arial, sans-serif;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size:26px;
	color: #333;
	font-style: normal;
	font-weight: normal;
	text-align:left;
}

.panel H2{
	font-family: MyCustomFont, Verdana, Arial, sans-serif;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	font-size:26px;
	color: #00CCFf;
	font-style: normal;
	font-weight: normal;
	text-align:left;
}
.footer H2{
	font-family: MyCustomFont, Verdana, Arial, sans-serif;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	font-size:26px;
	color: #00CCFf;
	font-style: normal;
	font-weight: normal;
	text-align:left;
}
.right p , .left p {
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #171717;
}
.portright p{
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: left;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #171717;
}
.main {
	position: relative;
	width: 970px;
	margin: 0px auto;
	text-align: left;
	display: block;
	padding: 0px;
	clear: both;
}

.main H1 {
	font-weight: normal;
	font-size: 24px;
	font-style: normal;
	line-height: 24px;
	color: #00CCFF;
	padding-left: 10px;
	margin: 0px;

}
.main H2 {
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 20px;
	color: #666;
}
a.zoom {
	background: transparent;
}
a.zoom:hover {
	background: transparent;
}
.tags {
	color: #666;
	font-size: 12px;
	text-align: right;
	padding-right: 5px;
}

.new{
	position: absolute;
	top: 0px;
	z-index: 100;
	float: left;
}
.logo {
	height: 100px;
	width: 250px;
	position:absolute;
	z-index: 100;
	top: 70px;
	left: 720px;
	overflow: hidden;
}
.quote {
	position: relative;
	top: 5px;
	z-index: 99;
	padding: 0px 0px 30px 2px;
	margin: 0px auto;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
	color: #00CCFF;
	clear: both;
}
.quote H1{
	line-height: 24px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	font-size: 26px;
	color: #00CCFF;
	font-style: normal;
	font-weight: normal;
	text-align:left;
}
.homewrap{
	position: relative;
	background-image: url('../images/back.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	margin-bottom: 60px;
}
.contentwrap {
	clear: both;
}
.homeimage {
	width: 970px;
	margin: 0px auto;
	text-align: left;

}
.focus {
	float: left;
	display: block;
	clear: both;
	margin: 70px 0px 0px 0px;
}
.focus h2 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
	background: #000;
	padding: 7px 8px 3px 8px;
	margin: 3px 0px 3px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	font-style: normal;
	clear: both;
	font-size: 50px;
	float: left;
	line-height: 50px;
}
.focus h3 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity: 0.85;
	background: #000;
	padding: 7px 8px 4px 8px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	clear: both;
	font-size: 25px;
	line-height: 30px;
	float: left;
}
.focus h4 {
	font-family: arial, sans-serif;
	background: #000;
	padding: 1px 6px 3px 6px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	clear: both;
	font-size: 11px;
	line-height: 24px;
	float: left;
}
.focus a {
	font-family: arial, sans-serif;
	background: #000;
	padding: 1px 6px 3px 6px;
	margin: 3px 0px 0px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	clear: both;
	float: left;
	line-height: 24px;
	font-size: 11px;
	text-decoration: none;
}
.focus a:hover {
	background: #171717;
}
#menu {
	font-family: arial, sans-serif;
	float: right;
	top: 0px;
	right: 0px;
	color: #666;
	font-size:11px;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	border: 0px solid #FFFFFF;
	display: block;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	}
	
#menu ul li {
	position: relative;
	float: left;
	margin: 0px 0px 0px 20px;
	}
#menu ul li  ul li {
	position: relative;
	float: left;
	background: #EFEFEF;
	clear: both;
	}
	
#menu li ul {
	position: absolute;
	z-index: 100;
	left: -20px; /* Set 1px less than menu width */
	top: 30px;
	display: none;
	}
 
/* Styles for Menu Items */
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #666;
	border-bottom: 0;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	clear: both;
	}
#menu ul li a:hover {
	background: #EFEFEF;
	color: #000;
	display: block;
}

#menu ul li ul li a {
	text-align: right;
	float: right;
	background: #EFEFEF;
	display: block;
	text-decoration: none;
	color: #000;
	border-bottom: 0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	border: 0;
	}
#menu ul li ul li {
	border: 0;
	}

#menu ul li ul li a:hover {
	background: #00CCFF;
	display: block;
	text-decoration: none;
	color: #000;
	border-bottom: 0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	border: 0;
	}

		
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; z-index: 100;}
* html ul li a { height: 1%;	z-index: 100; }
/* End */
 
#menu  li:hover ul, li.over ul { display: block; } /* The magic */

.breadcrumbs {
	width: 970px;
	max-width: 970px;
	height: 50px;
	max-height: 35px;
	max-width: 940px;
	padding: 15px 0px 0px 10px;
	margin: 0px auto;
	text-align: left;
	color: #666;
	font-size: 12px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	display: block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	z-index: 3;
}
.breadcrumbs a.active{
	color: #00CCFF;
	text-decoration: none;	
	font-weight: normal;
	font-size: 16px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.breadcrumbs a.active:hover {
	color: #00CCFF;
	border-bottom: 1px dotted #00CCFF;
	font-weight: normal;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.breadcrumbs a.previous{
	color: #666;
	text-decoration: none;	
	font-weight: normal;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.breadcrumbs a.previous:hover {
	color: #666;
	border-bottom: 1px dotted #666;
	font-weight: normal;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.content {
	position: relative;
}
.panelcontent{
width: 970px;
margin: 0px auto;

}

.panel  {/*CSS for "content" DIV of Drop Down Panel*/

	background: #171717;

/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.panel { /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 0px;
font-family: arial, sans-serif;
font-size: 11px;
letter-spacing: 0px;
}
.panelwrap {
	width: 970px;
	margin: 0px auto;
}
.paneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 0px;
font-size: 11px;
letter-spacing: 0px;
}
.panel .paneltab a{ /*"toggle" tab related CSS*/
float: right;
color: #FFF;
background: #171717; /*background of toggle tab*/
text-decoration: none;
}

.panel .paneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.panel .paneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}



.panel .paneltab a:active, .panel .paneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.panel .paneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}
.panel  ul , .footer ul{
	color: #FFF;
	margin: 0;
	padding: 0px 15px 0px 0px;
	list-style-type: none;
}
.panel ul  li, .footer ul li{
	padding: 0px 0px 15px 0px;
	list-style-type: none;
}
.panel ul li a, .footer ul li a {
	display: none;
}
.panel a, .footer a {
	font-size: 11px;
	color: #00CCFF;
	text-decoration: none;
}
.panel a:hover {
	border-bottom: 1px dotted #FFF;
}
.panel a.link{
	font-size: 11px;
	color: #00CCFF;

	text-decoration: none;
}
.panel a.link:hover, .footer a:hover {
	border-bottom: 1px dotted #FFF;
}
.panel a.tab {
	font-style:normal;
	font-size: 11px;
}
.panel a.tab:hover{
	border:0;
}
.footer {
	background: #171717;
	clear: both;
	color: #999999;
	padding: 10px;
	font-size: 11px;
	display: block;
	text-align: left;
	margin-top: 50px;
}
.footercontent {
	width: 970px;
	margin: 0px auto;
	color: #666;
}	

#naam, #onderwerp {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(../js/PIE.htc);
	font-family: arial, sans-serif;
	color: #FFF;
	width: 190px;
	height: 26px;
	font-size: 11px;
	padding: 0px 4px;
	background: #666;
	border: 0px;
}

#submit {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(js/PIE.htc);
	float: right;
	font-size: 14px;
	color: #FFF;
	padding: 3px 5px;
	background: #00CCFF;
	border: 0px;
	margin: -47px 80px 0px 0px ;
}
#submit:hover {
	background: #009BC2;
}
.kost {
	width: 467px;
	height: 220px;
	overflow: hidden;
	margin-top: -60px;
}
.featureswrap {
	position: relative;
	margin-top: -100px;
}	
.cmsheader {
	width: 100%;
	margin: 0px 0px 0px 0px;
	float: left;
	font-size: 16px;
	color: #00CCFF;
	text-align: left;
	padding-left: 10px;
}
a.meer {
	float:right;
	margin-bottom: 10px;
}
#menuwrap {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	position: relative;
	z-index: 100;
	width: 100%;
	height: 50px;
	background: #004990;
	margin: 0px auto;
}	
.projectlink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 160px;
	background: #333;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=01)";
    filter: alpha(opacity=1);
    -moz-opacity:0.01;
    -khtml-opacity: 0.01;
    opacity: 0.01;	
	font-size: 13px;
	color: #FFF;
	text-align: center;
}
.projectlink:hover {
	background: #121212;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;	
}
.projectlink h3 {
	font-family: arial, sans-serif;
	background: #000;
	padding: 5px 8px 5px 8px;
	margin: 70px 0px 0px 55px;
	display: block;
	color: #FFF;
	font-weight: normal;
	clear: both;
	font-size: 11px;
	line-height: 16px;
	float: left;
}
.projectlink h3 a, .content a {
	text-decoration: none;
}
#article {
	font-size: 12px;
}

.right ul {
	padding: 0px;
	margin: 0px;
	background: none;
}
.right ul li{
	clear:both;
	margin: 0px;
	padding: 0px;
	background: none;
	list-style-type: none;

}
.right ul ul li{
	clear:both;
	margin: 0px;
	padding-left: 10px;
	background: none;
	list-style-type: none;
}
.right ul li a{
	font-weight: bold;
	margin: 0px;
	background: none;
	color: #666;
}
.right ul ul li a{
	padding-left: 20px;
	font-weight: normal;
	margin: 0px;
	background: none;
	color: #666;
	background-image: url('../images/ul.png');
	background-repeat: no-repeat;
	background-position: 0px 9px;
}
.right ul li a:hover{
	margin: 0px;
	background: none;
	background-image: url('../images/ul.png');
	background-repeat: no-repeat;
	background-position: 0px 9px;
	color: #00CCFF;
}