html, body{
	width:100%;
	height:100%;
	background-color:#E7E8E8;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#333;
  margin:0;
  padding:0;
}
a, a.default{
	color:#333;
	text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
ul, li{
	list-style:none;
}
img{
	border:0;
}

/* ubb images */
img.floatleft{
  float:left;
  padding:0 10px 5px 0;
}
img.floatright{
  float:right;
  padding:0 0 5px 10px;
}
form{
	margin:0;
}
.error{
	/*color:red;*/
}
.noshow{
  display:none;
}
h1{
  font-size:12px;
  padding:10px 0 2px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #BFBFBF;
}
div#container{
  background-color:#FFF;
	background-image:url('/images/site/ixp.gif');
	background-repeat:no-repeat;
	width:990px;
	margin:0 auto;
	padding: 15px 0 0 0;
}
div.left{
}
ul.baseMenu{
	float:right;
	margin:0 0 0 200px;
	padding:20px 0 0 0;
	height:25px;
	border-bottom:1px solid #BFBFBF;
}
ul.baseMenu li{
  float:left;
  border-right:1px solid #000;
	border-top:1px solid #000;
	border-left:1px solid #000;
	margin:0 0 0 4px;
}
ul.baseMenu li.ixp{
  border:0;
  font-weight:bold;
  width:220px;
  text-align:center;
  font-size:15px;
  padding:5px 0 0 0;
}
ul.baseMenu li.m1{
  background:#fd1912;
}
ul.baseMenu li.m2{
  background:#91c942;
}
ul.baseMenu li.m3{
  background:#199dc0;
}
ul.baseMenu li.sel a{
  text-decoration:underline;
}
ul.baseMenu li a{
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	line-height:24px;
	display:block;
	text-align:right;
	padding:0px 14px;
}
ul.baseMenu li a:hover{
	background:#eee;
	color:#666;
}

ul.subMenu{
	float:right;
	padding:0 224px 0px 5px;
	margin:0;
}
ul.subMenu li{
	float:left;
	padding:0 0 0 4px;
}
ul.subMenu li a{
	padding: 0 10px;
	line-height:20px;
	display:block;
	float:left;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	text-decoration:none;
	background:#EEE;
	font-weight:bold;
}
ul.subMenu li a:hover{
	background:#DDD;
}
ul.subMenu li.sel a{
  text-decoration:underline;
}
ul.subMenu2{
  clear:left;
  text-align:right;
	float:left;
	width:130px;
	padding:60px 0 10px 0;
	margin:0;
	border-bottom:1px dotted #BFBFBF;
}
ul.subMenu2 li.top{
  font-size:14px;
  font-weight:bold;
  padding:5px 10px 5px 0;
}
ul.subMenu2 li{
  padding:5px 0 0 5px;
}
ul.subMenu2 li a{
  background-image:url(/images/site/menugreen.gif);
  background-repeat:no-repeat;
  background-position:right;
  padding:0 15px 0 0;
}
ul.subMenu2 li a:hover{
  background-image:url(/images/site/menured.gif);
}
ul.subMenu2 li.sel a{
  background-image:url(/images/site/menublue.gif);
}
div#inhoud{
  float:right;
	width:800px;
	padding:0 0 10px 0;
	background-image:url(/images/site/background.gif);
	background-position:right;
	background-repeat:repeat-y;
}
div#box{
	background-image:url(/images/site/bottom.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	height:400px;
	min-height:400px;
  line-height:130%;
}
body > #container > div#inhoud > div#box{
  height:auto;
}
div.inhoudm1 h1, div.inhoudm1 h2, div.inhoudm1 h3, div.inhoudm1 h1 a, div.inhoudm1 h2 a, div.inhoudm1 h3 a {
  color:#fd1912;
}
div.inhoudm2 h1, div.inhoudm2 h2, div.inhoudm2 h3, div.inhoudm2 h1 a, div.inhoudm2 h2 a, div.inhoudm2 h3 a {
  color:#91c942;
}
div.inhoudm3 h1, div.inhoudm3 h2, div.inhoudm3 h3, div.inhoudm3 h1 a, div.inhoudm3 h2 a, div.inhoudm3 h3 a {
  color:#199dc0;
}

.text{
  float:left;
  width:550px;
}
.text a{
  color:#666;
	font-weight: bold;
	text-decoration:none;
}
.text a:hover{
	text-decoration:underline;
}
.right{
  float:right;
  width:200px;
  margin-right:10px;
}

body > div#inhoud{
  height:auto;
}
div.login{
  width:350px;
  margin:50px 100px;
  background:#F1F3F5;
  border:1px solid #333;
}
div.login h1{
  float:right;
  color:#FE9F10;
  font-size:120%;
  width:180px;
}
div.login p.text{
  background-image:url(/images/site/security.png);
  background-repeat:no-repeat;
  background-position:top center;
  padding:65px 0 10px 10px;
  text-align:left;
  float:left;
  width:140px;
  margin:10px 0 0 0;
}
div.login form{
  margin:10px 10px 15px 10px;
  padding:10px 10px 0 10px;
  text-align:left;
  float:right;
  border:1px solid #333;
  background:#DDD;
}
div.login form input{
  margin-bottom:10px;
  border:1px solid #333;
}
div.login label{
  font-weight:bold;
  display:block;
  width:120px;
}
h5{
	height:40px;
	margin:0;
	float:left;
}
h5 a{
  display:block;
  width:220px;
}
h5 a span{
  visibility:hidden;
}
h5 a.ixp{
  height:46px;
}
table{
	border-collapse:collapse;
}
table td, table th{
	vertical-align:top;
}
h2{
	font-size:14px;
	margin:10px 0 10px 0;
}
.bottom{
	clear:both;
	line-height:20px;
	border-top:1px solid #BFBFBF;
	text-align: center;
}
.bottom p{
  margin:0;
  padding:0;
  background:#E7E8E8;
}
/*form*/

form.login{
  width:400px;
}
form.algemeen label{
	display:block;
	float:left;
	text-align:right;
	width:150px;
	margin-right:10px;
	line-height:20px;
}
form.algemeen > input{
	margin:4px 0;
}
form.algemeen input, form.algemeen select{
  border:1px solid #333;
}
form.algemeen input.error{
  border:1px solid red;
}
form.algemeen label.error{
  color:red;
}
.nieuws{
  float:left;
  width:550px;
  text-align:justify;
}

.nieuws a.image{
  display:block;
  float:left;
  border-right:1px dotted #BFBFBF;
  padding:0 10px 0 0;
  margin:0 10px 0 0;
  width:50px;
  height:50px;
}
.nieuws div.teaser{
  padding:0;
  margin-bottom: 25px;
}
.nieuws div.teaser img{
  float:right;
  padding:0 0 10px 10px;
}
.nieuws div.teaser b{
  display:block;
  margin-bottom:8px;
}
.nieuws .preface{
  font-weight:bold;
}
.nieuws h1{
  height:15px;
  margin-bottom: 5px;
}
.nieuws h1 span{
  float:left;
}
.nieuws h1 a{
  float:left;
}
.nieuws h1 .date{
  float:right;
  font-size: 11px;
}

/* mijnixp */
.mijnixp{
  width:550px;
  margin-right:100px;
}
.mijnixp li{
  float:left;
  padding:10px;
}
.mijnixp li a{
  display:block;
  width:70px;
  height:50px;
  padding:10px;
  border:2px solid #DDD;
}
.mijnixp li.logout{
  background-image:url(/images/site/logout.gif);
  background-repeat:no-repeat;
  background-position:center center;
}
.mijnixp li a:hover{
  background:#EEE;
  
}

.reply .code{
  border:1px solid #333;
  padding:5px;
}

form.reactieform{
  margin:0;
  padding:0;
  width:550px;
  float:left;
}
form.reactieform table{
  width:550px;
  border-collapse:collapse;
}
form.reactieform label{
  float:left;
  width:120px;
}
form.reactieform input, form.reactieform select, form.reactieform textarea{
  background:#FAFAFA;
  border:2px solid #DDD;
  margin:0 0 4px 0;
}
form.reactieform textarea{
  width:300px;
  height:80px;
}
form.reactieform .noborder{
  border:0;
}
/* shop */

#shop{
  width:550px;
}
.shop{
  float:left;
  width:180px;
}
.shop h2{
  background:#91c942;
  border-bottom:2px solid #fd1912;
  padding:0 0 0 10px;
  margin:0 10px 0 0;
  line-height:20px;
  font-size:12px;
  border-top:1px solid #333;
  border-left:1px solid #333;
  border-right:1px solid #333;
}
.shop p{
  background-repeat:no-repeat;
  background-position:center;
  height:100px;
  padding:10px 0 0 10px;
  margin:0 10px 10px 0;
  border-bottom:1px solid #333;
  border-left:1px solid #333;
  border-right:1px solid #333;
}
table.products {
  width:100%;

}
table.products th{
  background:#666;
  text-align:left;
  color:#EEE;
  Padding:2px;
  border-bottom:2px solid #333;
}
table.products tr.row1{
  background:#EEE;
}
table.products td{
  vertical-align:middle;
  line-height:16px;
  padding:2px;
}
table.products td img{
  margin:2px;
}
table.products tr.totaal td{
  border-top:2px solid #333;
}
#shop .product img{
  float:left;
  padding:0 10px 10px 0;
}
#shop .product p{
  text-align:justify;
}

#shop .criteria{
  float:left;
  width:130px;
}
#shop .criteria select{
  width:130px;
}
.shopProducten{
  
}
.shopProducten ul{
  margin:0 0 0 10px;
}
p.price{
  font-size:15px;
  padding:10px;
  font-weight:bold;
  text-align:right;
}
p.shopMandje{
  border-top:2px solid #CCC;
  margin-top:20px;
  background:#FAFAFA;
  height:18px;
}
p.shopMandje a{
  padding:2px 20px;
  float:left;
  border-right:2px solid #333;
}
p.shopMandje a:hover{
  background:#EEE;
}
p.shopMandje a.bestel{
  float:right;
  border-left:2px solid #333;
  border-right:0;
}
.criteriaList{
  margin-top:20px;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  padding:10px;
  background:#FAFAFA;
}
.criteriaList li{
  margin:0 0 0 10px;
}
.criteriaList li.top{
  margin:0;
  padding-top:5px;
  font-weight:bold;
}

.zieook{
  padding-top:20px;
}
.zieook li.top{
  font-size:14px;
  font-weight:bold;
  margin-left:0;
}
.zieook li{
  margin-left:10px;
}
form.shopForm h2{
  font-size:12px;
}
form.shopForm div{
  padding:10px 20px;
  background:#FAFAFA;
  border:2px solid #CCC;
}
form.shopForm input{
  border:2px solid #CCC;
  margin:0 0 4px 0;
}
form.shopForm label{
  display:block;
  float:left;
  width:120px;
  padding:5px 0 0 5px;
  font-weight:bold;
}
form.shopForm .error{
 
}
form.shopForm input.error{
  color:#333;
  border:2px solid red;
}

/*agenda*/

table.datum{
  margin-top:20px;
  float:right;
  width:200px;
}
table.datum th{
  background:#EEE;
  border-bottom:1px solid #333;
}
table.datum td{
  text-align:center;
}
table.datum td a{
  display:block;
}
table.datum td.nodate{
  background:#EEE;
}
.calender{
  width:550px;
  text-align:justify;
}
.calender img.agenda{
  float:right;
  padding:0 0 10px 10px;
}
.calender p{
  margin-bottom:20px;
}

table.bigDatum{
  margin-top:20px;
  width:550px;
  text-align:center;
}
table.bigDatum th{
  background:#DDD;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
}
table.bigDatum th.datumdag{
  border-bottom:2px solid #333;
}
table.bigDatum th.datumweek{
  border-right:2px solid #333;
}

table.bigDatum td{
  border-right:1px solid #333;
  border-bottom:1px solid #333;
  min-height:40px;
  background:#FFF;
  vertical-align:middle;
  height:40px;
  width:13%;
}
table.bigDatum td a{
  display:block;
}
table.bigDatum td a{
  display:block;
  background:#AAA;
}

/* projecten */

.projecten{
  width:550px;
  float:left;
  width:550px;
}
.projecten h3{
  font-size:12px;
  padding:0;
  margin:0;
}
.projecten p{
  padding:0 0 10px 0;
  margin:0;
}
.projecten p.inleiding{
  font-weight:bold;
}
.projecten ul.diensten{
  float:right;
}
.projecten ul.diensten li h3{
  font-size:14px;
  font-weight:bold;
  padding:5px 0 5px 10px;
  background-image:none;
  margin:0;
}
.projecten ul.diensten li.dienst{
  list-style-image:url('/images/site/yes.gif');
	margin:0 0 0 20px;
}
.projecten p.images img{
  padding:10px;
}
.projecten p.images img#image{
  border:1px solid #333;
}
.projecten p.inleiding{
  font-weight:bold;
}
.project img{
  float:left;
  margin:0 15px 5px 0;
  border:1px solid #333;
}

/* zoeken */

div.zoeken{
  width:550px;
}

/* nieuws */
ul.nieuwsarchief{
  padding:0;
  margin:0;
}
ul.nieuwsarchief li.top{
  font-weight: bold;
  list-style:none;
  padding:0px 0 0px 10px;
  margin:5px 3px;
  background-color: #dadada;
  
}
ul.nieuwsarchief li.nieuwsitem{
  margin: 2px 20px;
  height:15px;
}
ul.nieuwsarchief li.nieuwsitem span{
  float:left
}
ul.nieuwsarchief li.nieuwsitem .date{
  float:right;
}
ul.nieuwsarchief li.nieuwsitem a{
  color:#333 !important;
}


ul.menus{
  color:#000;
  float:right;
  padding:0;
  width:200px;
}
ul.menus h3{
  font-size:14px;
  font-weight:bold;
  padding:5px 0 0 10px;
  margin:0;
  width:200px;
}
div.menus hr{
  border-bottom:1px dotted #BFBFBF;
}
div.menus p{
  color:#000;
  width:200px;
  margin: 0 10px;
  border-top: 1px dashed #bfbfbf;
  padding:0 0 10px 0;
}
ul.menus li.sel{
  font-weight:bold;
}

/* multipage */

ul.multipage{
  width:550px;
  margin:0;
  padding:0; 
}
ul.multipage li{
  margin-left:30px;
  list-style-type:disc;
}

/* domeinen */
.domeinmenu{
	border-left:1px solid #2453BB;
	width:550px;
}
.domeinmenu ul{
	position:relative;
	background:#D5DCEF;
	float:left;
	margin:0;
	padding:0;
	list-style-type: square;
	list-style-position:inside;
	height:140px;
	width:190px;
	border-right:1px solid #2453BB;
}
.domeinmenu ul:hover{
	background:#BDD2FF;
}
.domeinmenu ul li{
	padding:1px 10px;
}
.domeinmenu ul li.top{
	background:#2453BB;
	list-style-type: none;
	list-style-position:inside;
	color:#fff;
	font-weight:bold;
	padding:2px;
	font-size:13px;
}
form.domeinform{
  width:550px;
}
form.domeinform label{
	float:left;
	width:170px;
	font-weight:bold;
	text-align:right;
}
form.domeinform small{
	color:red;
}
form.domeinform th{
	background:#2453BB;
	color:#EEE;
	text-align:left;
	padding:2px 10px;
}
form.domeinform td{
	padding:2px 10px;
}
form.domeinform tr.row1{
	background:#CED9EF;
}
form.domeinform tr.row1:hover{
	background:#DDD;
}
form.domeinform tr.row0:hover{
	background:#CCC;
}
a.nav_list:hover, a.nav_list_active
{
  color: #CC0000;
  text-decoration: none;
}