/* CSS Document */

* {
   margin:0;
   padding:0
}

body {
   background:url(images/style/background.jpg) top repeat-x #250003;
   font:12px Verdana, Arial, Helvetica, sans-serif;
}

h1 {
   font:20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#971F45;
   margin-bottom:20px;
}

h2 {
   font:18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#971F45;
   margin-bottom:18px;
}

h3 {
   display:hidden;
}

p {
   font:12px Verdana, Arial, Helvetica, sans-serif;
}

a {
   outline:none;
   text-decoration:none;
}

input.text, select.text {
   background-color:#FFF;
   border:1px solid #D3851A;
   font:11px Verdana, Arial, Helvetica, sans-serif;
   color:#760023;
   padding:3px;
   width:240px;
}

select.text {
   padding:2px;
}

textarea {
   background-color:#FFF;
   border: solid 1px #D3851A;
   font:11px Verdana, Arial, Helvetica, sans-serif;
   color:#760023;
   padding:2px;
   width:242px;
}

#wrap {
   width:953px;
   margin: 20px auto;
   padding:0;
}

#header {
   background:url(images/style/bg-top.gif) top no-repeat;
   margin:0;padding-bottom:0;
}

.logo {
   padding:15px 0 10px 15px;
   width: 50%;
   float:left;
   margin-bottom:10px;
}

.menu-top {
   width:45%;
   float:left;
   padding-top:80px;
   text-align:right;
   font-size:11px;
   position:relative;
}

#fwrfId {
   width:30%;
   text-align:right;
   position: absolute;
   right:0;
   top:70px;
}

#tabsI {
   width:940px;
   margin:0 5px;
   background:transparent;
   font-size:87%;
   line-height:normal;
   border-bottom:solid 1px #760023;
   outline:none;
}

#tabsI ul {
   margin:0 0 0 10px;
   padding:8px 7px 0 0;
   list-style:none;
   outline:none;
}

#tabsI li {
   display:inline;
   margin:0;
   padding:0;
   outline:none;
}

#tabsI a {
   float:left;
   background:url("images/style/tab-l.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 5px;
   text-decoration:none;
   outline:none;
}

#tabsI a span {
   float:left;
   display:block;
   background:url("images/style/tab-r.gif") no-repeat right top;
   padding:7px 11px 6px 7px;
   color:#FFF; 
   font-weight:bold;
   outline:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {
   float:none;
   outline:none;
}
/* End IE5-Mac hack */

#tabsI a:hover span, #tabsI a#current span {
  color:#971F45;
  outline:none;
}

#tabsI a:hover, #tabsI a#current {
  background-position:0% -42px;
  outline:none;
}

#tabsI a:hover span, #tabsI a#current span {
  background-position:100% -42px;
  outline:none;
}

.menu-top  .sitemap a, .menu-top .contact a, .menu-top a, .menu-top a:visited, .direkt a, .block a, .block a:visited, .nieuws a {
   color:#971F45;
   text-decoration:none;
}

.menu-top .contact a:hover, .menu-top .sitemap a:hover, .direkt a:hover, .block a:hover, .nieuws a:hover {
   color:#000000;
}

.menu-top .sitemap a, .menu-top .sitemap a:hover {
   float:right;
   background:url(images/style/sitemap.gif) left no-repeat;
   padding-left: 21px;
   margin-right: 0; 
   font-size:10px;
   text-decoration:none;
}

.menu-top .contact a, .menu-top .contact a:hover {
   float:right;
   background:url(images/style/contact.gif) left no-repeat;
   padding-left: 21px;
   margin-right: 15px;
   font-size: 10px;	
   text-decoration:none;
}	

.clear {
   clear:both;
   margin:0;
   padding:0;
   height:1%;
}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {
   display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
   height:1%;
}

.clearfix {
   display:block;
}
/* End hide from IE-mac */

#flash {
   background-color:white;
   text-align:center;
   padding-bottom: 1px;
}

#image {
   background-color:white;
   text-align:center;
   padding:0;
}

#dyncontent {
   margin:auto; 
   margin-left:5px; 
   width:940px; 
   border-bottom:solid 1px #760023;
}

#bottom-home {
   background:url(images/style/bg-bottom-home.gif) bottom no-repeat white;
   padding: 0 6px 6px 6px;
}

#bottom-content {
   background:url(images/style/bg-bottom.gif) bottom no-repeat white;
   padding:0 20px 50px 0;
}

.page-content {
   padding-bottom:10px;
}

.direkt {
   height:132px;
   float:left;
   border-right:1px solid #e1d4c7;
   padding-top:18px;
   width:280px;
   text-align:center;
}

.direkt-kop {
   display:inline;
   text-align:center;
   background:url(images/style/button-doa.gif) top left no-repeat;
   padding:5px 10px 20px 0;
   width: 207px;
}

.direkt-kop span {
   color:#FFF;
   font-size:90%;
   font-weight:bold;
   text-decoration:none;
   padding:6px 5px 20px 20px;
   width:207px;
}

.direkt-button {
   text-align:center;
   width: 207px;
   background:url(images/style/button-doa.gif) top left no-repeat;
   margin-left:30px;
   padding:3px 0 10px 0;
}

.direkt-button a, .direkt-button a:visited, .direkt-button a:active, .direkt-button a:hover {
   font-weight:bold;
   text-decoration:none;
   color:#FFF;
   border:0;
}

.direkt-button-over {
   text-align:center;
   width: 207px;
   background:url(images/style/button-doa-over.gif) top left no-repeat;
   margin-left:30px;
   padding:3px 0 10px 0;
}

.direkt-button-over a, .direkt-button-over a:visited, .direkt-button-over a:active, .direkt-button-over a:hover {
   font-weight:bold;
   text-decoration:none;
   color:#760023;
   border:0;
}

.direkt-bel {
   text-align:right;
   height:32px;
   float:left;
   padding-top:10px;
   width:100%;
}

.bel-button {
   text-align:center;
   width: 88px;
   background:url(images/style/button-bm.gif) top left no-repeat;
   margin-left:100px;
   margin-top:8px;
   padding:3px 0 10px 0;
}

.bel-button a, .bel-button a:visited, .bel-button a:active, .bel-button a:hover {
   font-weight:bold;
   text-decoration:none;
   color:#FFF;
   border:0;
}

.bel-button-over {
   text-align:center;
   width: 88px;
   background:url(images/style/button-bm-over.gif) top left no-repeat;
   margin-left:100px;
   margin-top:8px;
   padding:3px 0 10px 0;
}

.bel-button-over a, .bel-button-over a:visited, .bel-button-over a:active, .bel-button-over a:hover {
   font-weight:bold;
   text-decoration:none;
   color:#760023;
   border:0;
}

.direkt-kop a, .direkt-kop a:visited {
   text-decoration:none;
   border:0;
}

.direkt-kop a:hover, .direkt-kop a:active {
   color: #760023;
   text-decoration:none;
   border:0;
}


.nieuws  {
   height:132px;
   float:left;
   border-right:1px solid #e1d4c7;
   padding-top:18px;
   margin-left:20px;
   width:320px;
}

.bellmij {
   width:300px;
   float:left;
   text-align:center;
}

#footer {
   font-size:85%;
   text-align:center;
   color:#333;
   padding:10px 0;
   color:#FFF;
}

#footer a, #footer a:visited {
   color:#FFF;
}

#footer a:hover {
   color:#C7E2EE;
   text-decoration:none;
}

.bread {
   background-color:#FFF;
   padding:0;
}

.crumb {
   width:920px;
   margin:auto;
   margin-left:5px;
   padding:7px 10px;
   font-size:86%;
   font-weight:bold;
   background:url(images/style/gradient-y.jpg) top repeat-x;
   border-bottom:solid 1px #760023;   
}

.crumb a {
   text-decoration:none;
   color:#971F45;
}

.crumb a:hover {
   color:#473D41;
}

.menu {
   min-height:220px;
   background:url(images/style/gradient-menu.jpg) top left repeat-x;
   width:184px;
   margin-left:5px;
   float:left;
}

.content {
   width:710px;
   float:left;
   margin-left:15px;
   margin-top:15px;
   padding-left:10px;
   font-size: 95%;
   line-height:18px;
}

.content p{
   margin: 10px 0 0;
}

.content ul{
   margin:5px 25px ;
}

.content img {
   margin:12px;
   margin-top:0px;
}

.content a {
   text-decoration:none;
   color:#473d41;
   border-bottom: dotted 1px #ff0000;
}

.content a:hover {
   color:#ff0000;
}

#navlist {
   padding-left: 0;
   margin:10px 0 0 10px;
   width: 170px;
   font-size: 86%;
   background:transparent;
}

#navlist li {
   list-style:none;
   margin:0;
   padding:0.5em;
}

#navlist li a { 
   text-decoration:none; 
   color:#971F45; 
   background:url(images/style/bullet.gif) left top no-repeat; 
   padding-left:10px;
   display:block
}

#navlist li a:hover {
   color:#473D41;
}

#seperator {
   background:url(images/style/seperator.jpg) left bottom no-repeat;
   float:left;
   width:1px;
   height:300px;
}

.block {
   width:220px;
   float:right;
   margin-left:12px;
   margin-bottom:12px;
   border:0px solid #760023;
   cursor:pointer;
}
