* {
  margin:0;
  padding:0;
}
img{ border: 0px;}
p,tr,td,table {
  border-collapse: collapse;
}
textarea{
  font: normal 10pt Verdana, sans-serif;	
  color: #000;
}
a {
  color:  #000;
}
#mainbody{
  background:#fff url(/pict/back.png) repeat-x top center;
  color: #000;
}
html, body {
  margin:0;
  padding:0;
  height:100%; /* needed for container min-height */
  font: normal 12px Verdana, sans-serif;
  line-height: 16pt;
}
td {
  vertical-align: top;
  font: normal 12px Verdana, sans-serif;
  line-height: 16pt;
}
ul{
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: disc;
  line-height: 16pt;
}
ol{
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 16pt;	
}
/* container */
.clear {
  clear: both;
}
#container, #headerContainer, #footer, #contentContainer {
	width: 920px;	
}
#container{
  min-height: 100%;
  _height: 100%;
  margin: 0 auto;
  background: #fff url(/pict/container.png) no-repeat 0px 102px;
  position: relative;
}
* html > #container {
  height: 100%;
}
#headerContainer {	
  background: #fff url(/pict/header2.png) no-repeat top left;
  float: left;
  height: 130px;
}
#contentContainer{
  float: left;
}
#maincontent{
  float: left;
  margin: 0 20px 100px 20px;
}
#logo{
  position:absolute;
  left: 20px;
  top: 20px;
}
#logo img{
  width: 240px;
  height:  70px;
}
#offerte{
  position:absolute;
  left: 770px;

}
/* Opmaak home page*/
#hometext{
  width: 360px;
  height: 240px;
  text-align: center;
}
#hometext h1{
  margin: 30px;
  font: bold 20pt Trebuchet MS, sans-serif;
  line-height: 26pt; 
} 
#slidercontainer{
  background: #e7e7e7;
  padding:5px;
  position:absolute;
  left: 380px;
  height: 240px;
  top: 130px;
  width: 500px;
}
#slider{
  z-index:300;
  top: 140px;
  width: 400px;
}
#slider p{
  font: bold 14pt Trebuchet MS, sans-serif;
}
.vak{
  float: left;
  width: 280px;
  margin-left: 5px;
}
.vaktitel{
  color: #ac0101;
  font: bold 12pt Trebuchet MS, sans-serif;
  padding-left: 5px;
  height: 25px;  
}
.vaktekst1, .vaktekst2, .vaktekst3, .vaktekst4 {
  padding-left: 5px;
  height: 185px;
}
.vaktekst1, .vaktekst2 {
  background: url(/pict/vaktekst.png) no-repeat top right; 
}
#nieuwskader ul{
  color: #ac0101;
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 16pt;
}
/* footer */
#footer {
  position: absolute;
  bottom: 0px;
  height: 88px;
  padding: 0px;
  background-image:url(/pict/footer.png); 
}
#f_left{
   color: #fff;
   float: left;
   padding: 2px 0px 0px 20px;	
}
#f_left .flink{
  float: left;
  width: 190px;
}
#f_right{
   color:  #fff;	
   float: right;
   padding: 10px 40px 0px 0px;
}
#f_right a{
   color:  #fff;		
   text-decoration: none;
}
#f_right a:hover{
	text-decoration: underline;
}
#footlinks{
  width: 650px;
}
/* adminmenu */
#adminmenu{
  z-index:1;
  position: absolute;
  margin-left: 300px;
}
#adminmenu ul{
    padding: 0;	
	margin: 0;
	white-space: nowrap;
}
#adminmenu li{
    padding: 0;	
	margin: 0;
	display: inline;
	list-style-type: none;
}
#adminmenu a{
    padding: 2px 5px 2px 5px;
	background: #605f4f;
	color: #fff;
	text-decoration: none;	
}
#adminmenu a:hover{
	background: #444;
	color: #fff;
}
#adminmenu span{
  background: #b1c2cc;
  color: #fff; 
  padding: 2px 5px 2px 5px;
}
/* menu */
#navcontainer {
  position: absolute;
  left: 400px;
  top: 70px;
  width: 520px;
}
#navcontainer ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navcontainer ul li{
  display: block;
  float: left;
  padding: 0;
  margin: 0 3px 0 0;
}
#navcontainer ul li a{
  font: bold 11pt Trebuchet MS, sans-serif;
  outline: none;
  width: 90px;
  height: 22px;
  text-align: center;
  background: #b21313;
  color: #fff;
  text-decoration: none;
  display: block;
}
#navcontainer ul li a:hover, #navcontainer a:active, #navcontainer a.actief{
  background:#fff url(/pict/menu_on.png) no-repeat top left;
  color: #000;
}
/* sub menu*/
#navcontainer .submenu{
  position:absolute;
  left: -385px;
  top: 35px;
}
#navcontainer .submenu a{
  text-decoration: none;
  font: normal 10pt Verdana, sans-serif;	
  color: #000;    
  background: #fff;
  padding: 0 6px 0 5px;
  border-right: 1px solid #ac0101;
}
#navcontainer .submenu a:hover{
  text-decoration: underline;
}
/* newslist*/
#newsmessage{
  float: left;
  width: 500px;
  margin-right: 20px;  
}
#newslist{
  float: right;
  width: 350px;
}
#newslist .newsitem{
  border-bottom: 1px solid #d1d1d1;
}
/* fotos */
#fotos{
  float: left;
}
#fotos .foto{
  float: left;
  width: 170px;
}
#fotos .foto{
  margin-bottom: 10px;
}
/* portfolio */
#portfolio .pcel{
  text-align: center;
  width: 163px;
  padding: 10px 5px 5px 5px;
  height: 160px;  
  float: left;
  background: #e1e1e1;
  margin: 0 3px 3px 0;
}
#portfolio .pcel a{
  text-decoration: none;
}

.selectedRow{
  cursor: hand;
}
.selectedRow a{
  color: red;
  text-decoration: underline;
}
#showfoto{
position: absolute;
  left: 500px;
  width: 400px;
}
#showtekst{
  width: 460px;
}
