/* main */
body {
  margin: 0px;
  position: relative;
  font-family: "Arial";
  font-size: 10pt; 
  color: #111;
  background-color: white;
  height: 100%;
}
html{
  margin: 0px;
  height: 100%;
}
.wrapper{
  width: 960px;
  margin: auto;
  position: relative;
}
.headerimg{
  width: 100%;
  height: 266px;
  position: absolute;
  top: 0px; left: 0px;
  z-index: -10;
  overflow: hidden;
  background-image: url('/gfx/background_jop_peters2.jpg');
}
.headerbar {
  width: auto;
  height: 30px;
  text-align: right;
  /* shadow */
  -moz-box-shadow: 2px 2px 4px #000;
  -webkit-box-shadow: 2px 2px 4px #000;
  box-shadow: 2px 2px 4px #000;   
  /* background gradient */
  background-color: #ffffff;
  background-image:-moz-linear-gradient(top,#ffffff,#e1e1e1);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e1e1e1));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#e1e1e1);
  -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e1e1e1)";    
}
.headerbar div{
  width: 960px;
  margin: auto;
  padding-top: 6px;
}
.headerbar div ul {
  margin: 0px; padding: 0px;
}
.headerbar div li {
  display: inline;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
}
.headerbar a, .headerbar a:visited, .headerbar a:active {
  color: black;
}
.headerbar a:hover{
  text-decoration: underline;
}
.logobar {
  margin-top: 154px;
  position: relative;
}
.logobar .trans {
  background-color: white;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	margin: 0px 0px 0px 0px;
	width: 100%; height: 100%;
	z-index: -10;
}  
.logobar .menubar {
	position: absolute;
	bottom: -30px;
	width: 100%; height: 30px;
	z-index: -10;
	border-bottom: 1px solid #ececec;
}
.logobar .logo {
  width: 960px;
  margin: auto;
  padding-top: 6px;
  padding-bottom: 6px;
}
.logo img{
  margin: 0px;
  display: block;
}
.wrapper .content{
  font-family: Arial;
  margin-bottom: 40px;
  margin-top: 20px
}
.wrapper .content .pagetitle{
  font-weight: bold;
  font-size: 140%;
  color: red;
  margin-bottom: 6px;
  font-family: "Arial";
  display: none;
}
a, a:visited, a:active{
  text-decoration: none;
  color: red;
}
a:hover{
  text-decoration: underline;
}
.gray {
  color: #555;
}
h1, h2, h3{
  /* color: #220726;*/
  color: red;
  font-weight: bold;
  margin: 3px 0px; padding: 0px;
  font-family: "Arial";
}
h1 {
  font-size: 140%;
}
h2 {
  font-size: 120%;
}
h3 {
  font-size: 110%;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.half {
  width: 45%;
  margin-right: 10px;
  margin-bottom: 10px;  
}
.third {
  width: 33%;
  margin-right: 0px;
}
.quarter {
  width: 24%;
  margin-right: 3px;
}
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}
p {
  padding-top: 0px; margin-top: 0px;
}
hr {
  border-width: 0px;
  border-top: 1px solid #DDD;
  margin-top: 0px;
}
a img {
  border-width: 0px;
}
img.imgright{
  float: right;
  margin: 0px 0px 6px 6px;
}
img.imgleft{
  float: right;
  margin: 0px 6px 6px 0px;
}

/* slider */
#slider{
  width: 960px;
  height: 360px;
  position: relative;
  margin-bottom: 10px;
}
#slider .next {
  position: absolute;
  cursor: pointer;
  right: 0px;
  top: 128px;
  width: 42px; height: 85px;
  background-image: url('/gfx/slider/next.png');
  z-index: 2;
  text-indent:-8000px;
}
#slider .next a, #slider .prev a{
  display:block;
	position:relative;
	width: 42px; height: 85px;
} 
#slider .prev {
  position: absolute;
  cursor: pointer;
  left: 0px;
  top: 128px;
  width: 42px; height: 85px;
  background-image: url('/gfx/slider/prev.png');
  z-index: 2;
  text-indent:-8000px;
}
#slider .frame {
  position: absolute;
  top: 0px; left: 0px;
  height: 360px; width: 960px;
  background-image: url('/gfx/slider/frame.png');
  z-index: 1;
}  
#slider ul, #slider li{
  margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	width:960px;
	height:360px;
	overflow:hidden; 
}

/*menu*/
.menu {
  width: 960px;
  margin: auto;
  text-align: left;
}
.menu ul{
  margin: 0px; padding: 0px; 
}
.menu ul li{
  display: inline;
  list-style-type: none;
  margin: 0px; padding: 0px;
}
.menu ul li img {
  display: inline;
  float: left;
  margin: 6px 20px 6px 0px;
}
/* submenu's*/
.menu ul.menu-level-2 {
 
}
.menu ul.menu-level-2 li.menu-level-2 {

}
.menu ul.menu-level-2 li.menu-level-2 div{ 
 
}

/*contactform*/
.contactForm{

}
.contactForm .berichtField{
  width: 100%;
  min-height: 200px;
}
.contactForm .contentBox{
  background-color: white;
  width: 100%;
  margin-top: 20px;
}
.fxiscmsform{
  width: auto;
}
img.captcha{
  vertical-align: middle;
}
.fxiscmsform .left {
  float: left;
  width: 150px;
  color: red;
  text-align: right;
  margin-right: 10px;
}
.fxiscmsform .right {
  width: auto;
  margin-left: 162px;
}
.fxiscmsform .row {
  padding: 4px 0px 4px 0px;
}
.fxiscmsform .odd {
  border-bottom: 1px solid #DDD;
}
.fxiscmsform .even {
  border-bottom: 1px solid #DDD;
}
.clearfloat {
  clear: both;
}
.hidden{
  display: none;
}
.subscript {
  font-size: 80%;
}
.error {
  border: 1px solid red;
  padding: 4px;
  background-color: #ffc3c3;
  color: red;
  margin-bottom: 10px
}
.errorSmall {
  color: red;
  font-size: 80%;
}
.error .subscript {
  color: black;
}

/* guestbook */
.messagebox{
  padding: 10px;
  width: 580px;
  position: absolute;
  z-index: 21;
  border: 1px solid #dedede;  
  /* background gradient */
  background-color: #f4f4f4;
  background-image:-moz-linear-gradient(top,#f4f4f4,#e4e4e4);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e4e4e4));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f4f4f4,endColorStr=#e4e4e4);
  -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f4f4f4, endColorStr=#e4e4e4)";
  /* css3 border radius */  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  display: none;
}
.overlay{
  width: 100%; height: 100%;
  background-color: black;
  position: absolute;
  top: 0px; left: 0px;
  z-index: 20;
  display: none;
}
#guestbookForm .berichtField{
  width: auto;
  min-width: 400px;
  max-width: 400px;
  min-height: 100px;
   
}
#guestbookForm .contentBox{
  background-color: white;
  width: 400px;
}
.textImage{
  display: inline;
  vertical-align: middle;
}
.guestbookMessage {
  margin-bottom: 10px;
  padding: 6px;
  border: 1px solid red;
}
.guestbookMessage .date {
  float: left;
  padding 4px;  
}
.guestbookMessage .author {
  float: left;
  margin-left: 10px;
  padding 4px;
}
.guestbookMessage .subject {
  clear: both;
}
.guestbookMessage .text {
  padding: 4px;
}
.guestbookMessage .text img {
  max-width: 500px;
}

/* pagination */
.pagination {
  margin: 0px;
  margin-bottom: 10px;
  padding: 6px;
  text-align: right;
}
.pagination .number, .pagination .previous, .pagination .next{
  padding: 4px;
  margin-left: 4px; 
  cursor: pointer;
  color: white;
  border: 1px solid #e73100;
  /* background gradient */
  background-color: red;
  background-image:-moz-linear-gradient(top,#ff3600,#ff6600);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#ff3600),to(#ff6600));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ff3600,endColorStr=#ff6600);
  -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ff3600, endColorStr=#ff6600)";  
  /* css3 border radius */  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*shadow*/
  -moz-box-shadow: 1px 1px 1px #999;
  -webkit-box-shadow: 1px 1px 1px #999;
  box-shadow: 1px 1px 1px #999;
  /* Voor IE 8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";  
  /* Voor IE 5.5 - 7 */  
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); 
}
.pagination .previous a, .pagination .next a{
  color: white;
}
.pagination .number.selected{
  font-weight: bold;
  /* background gradient */
  background-color: #6a007a;
  border: 1px solid #52004f;
  background-image:-moz-linear-gradient(top,#6a007a,#900d88);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#6a007a),to(#900d88));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6a007a,endColorStr=#900d88);
  -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6a007a, endColorStr=#900d88)";   
}
/*blog*/
.blog {
  margin: 0px;
}
.blog .blogname{
  font-size: 150%;
  font-weight: bold;
  display: none; /* duplicate with page title */
}
.blog .blogitem .blogname{
  display: block; /* do show in single blogitem */
}
.blog .blogitems{
  margin-top:10px;
}
.blog .permalink {
  float: right;
}
.blog .blogitem{
  margin-bottom: 40px;
  background-color: EEE;
  padding: 10px;
  border: 1px solid #d9d9d9;
  /* background gradient */
  background-color: #ffffff;
  background-image:-moz-linear-gradient(top,#ffffff,#eeeeee);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eeeeee));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#eeeeee);
  -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#eeeeee)";  
  /* css3 border radius */  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*shadow*/
  -moz-box-shadow: 1px 1px 1px #999;
  -webkit-box-shadow: 1px 1px 1px #999;
  box-shadow: 1px 1px 1px #999; 
  /* Voor IE 8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";  
  /* Voor IE 5.5 - 7 */  
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); 

}
.blog .blogitem .blogname {
  font-size: 140%;
  font-weight: bold;
  display: inline;
}
.blog .blogitem .blogtitle {
  font-size: 140%;
  font-weight: bold;
  display: inline;  
}
.blog .blogitem .blogtext {
  margin-top: 10px;
  padding-top: 4px;
  border-top: 1px solid #DDD;
}
.blog .blogitem .blogtext p{
  margin-top: 0px;
  padding-top: 0px;
}
.blog .blogitem .blogtitle a{
  color: #220726;
}
.blog .blogitem .blogitemimage img {
  border: 1px solid #EEE;
}
.blog .blogitemSingle .blogitemimage img {
  border: 1px solid #EEE;
}
.blog .blogitem .blogitemimage {
  float: left;
  margin-right: 4px;
}
.blog .blogitemSingle {
  width: 100%;
}
.blog h3{
  display: inline;
}

/* blog related and tags */
.blog .related {
  border-top: 1px dashed #DDD;
  float: left;
  width: 50%;
  padding-top: 2px;
  margin-top: 4px;
}
.tag .blogitems, .tag .pages, .wrapper .content .tags {
  border-top: 1px dashed #DDD;
  margin-top: 6px;
}
.blog .related ul,  .tag .blogitems ul{
  margin: 0px; padding: 0px;
}
.blog .related ul li,  .tag .blogitems ul li{
  margin: 0px; padding: 0px;
  padding-bottom: 10px;
  list-style-type: none;
}
.blog .related ul li a,  .tag .blogitems ul li a, .tag .pages ul li a, .wrapper .content .tags ul li a{
  font-weight: bold;
}
.blog .related ul li img,  .tag .blogitems ul li img{
  float: left;
  margin: 0px 5px 5px 0px;
  border: 1px solid #DDD;
}

/* blog and page attachments */
.content .attachments{
  border-top: 1px dashed #DDD;
  float: left;
  padding-top: 2px;
  margin-top: 4px;
  width: 100%;
}
.content .blog .attachments{
  width: 50%;
}
.content .attachments ul {
  margin: 0px; padding: 0px;
}
.content .attachments ul li{
  padding: 0px;
  list-style-type: none;  
  float: left;
  margin: 0px 5px 5px 0px;  
}
.content .attachments ul li a{
  font-weight: bold;
}
.content .attachments ul li img{
  vertical-align: middle;
  border: 1px solid #DDD;
}

/* blog tags*/
.blog .tags {

}
.blog .tags ul {
  margin: 0px; padding: 0px;
  display: inline;

}
.blog .tags ul li {
  margin: 0px; padding: 0px;
  display: inline;
  list-style-type: none;  
}

/* link blocks */
.linkblock{

}
.linkblock .title{
  font-weight: bold;
}

/* Footer */
.footerwrapper{
  background-image: url('/gfx/bg2.png');
  background-repeat: repeat-x;
  min-height: 10px; 
  padding-top: 20px;
}
.footer{
  margin: auto;
  width: 960px;
  color: #555;
}
.footer a{
  color: #d87777;
}
.footer ul {
  margin: 0px; padding: 0px;
  margin-bottom: 10px;
  display: inline;
}
.footer ul li {
  list-style-type: none;
  display: inline;
}
.footer .title{
  font-weight: bold;
  color: #555;
}
.footer #linkblock-1 {
  float: right;
  width: 200px;
  text-align: right;
}
.footer #linkblock-1 .title {
  visibility: hidden;
  display: none;
}