/* Standard */

* html, body{margin:0px;padding:0px;}
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;text-align: -webkit-center;}
#container{width:960px;background-color:#D4D4D4;}
#indexcontainer{margin-left:auto;margin-right:auto;width:960px;min-height:580px;text-align:left;background-color:#D4D4D4;}
a{text-decoration:underline;color:#333333;}
a:visited{text-decoration:underline;color:#333333;}
a:hover{text-decoration:none;color:#BF110B;}
a.enter{text-decoration:none;color:#BF110B;font-size:20px;}
a.enter:visited{text-decoration:none;color:#BF110B;}
a.enter:hover{text-decoration:none;color:#333333;}
#logo{width:960px;height:135px;background:#fff;background-image:url(headlogo.png);background-repeat:no-repeat;border-bottom:15px solid #fff;}
#main{width:960px;background:#d4d4d4;}
#sidebar{width:170px;  float:left;background:#d4d4d4;}
#realcontent{width:725px;  float:right;background:#d4d4d4;  padding-right:50px;background-image:url(achtergrondplaatje.gif);background-position:-160px -200px;}
#phorumcontent{width:775px;  float:right;background:#d4d4d4;  padding-right:0px;background-image:url(achtergrondplaatje.gif);background-position:-160px -200px;}
#navcontainer{float:right;width:570px;margin-right:5px;margin-top:100px;}
#navcontainer ul{list-style-type:none;margin-top:12px;}
#navcontainer li{float:left;line-height:.6em;padding-left:4px;padding-right:4px;padding-bottom:2px;border-right:1px solid #BF110B;}
#navcontainer li a,#navcontainer li{font-size:10px;text-decoration:none;color:#BF110B;font-weight:bold;}
#navcontainer li a:visited{text-decoration:none;color:#BF110B;}
#navcontainer li a:hover{text-decoration:none;color:#333333;}
#navcontainer li a#active{color:#333333;}
#tekstcontainer{padding-top:30px;min-height:484px;  line-height:1.6em;  text-align:justify;}
h1{font-size:18px;font-weight:bold;color:#BF110B;}
h2{font-size:12px;font-weight:bold;color:#BF110B;margin:10px 0 5px 0;}
div.whitebackground{background-color:#FFFFFF;border:1px solid #BF110B;padding:15px 15px 15px 15px;font-style:italic;font-size:.9em;margin-bottom:10px;}
#phorum{background-color:#FFFFFF;border:1px solid #BF110B;padding:8px 8px 8px 8px;margin:10px 10px 10px 10px;}
table#contact p{text-align:left;margin-right:20px;margin-top:0px;margin-bottom:0px;font-size:12px;line-height:1.6em;}
table#contact h2{margin-bottom:7px;}
#indexcontainer a img{border:0;}
#flags{margin-top:40px;  text-align:center;  margin-bottom:40px;}
#flags p{font-weight:bold;}
#flags a img{border:2px solid #ddd;    margin-right:4px;}
#flags a:hover img{border:2px solid #fff;}
#verder{margin-right:4px;text-align:center;margin-top:15px;}
#teaser{background-color:#FFFFFF;    font-size:0.95em;    padding:10px 10px 10px;    margin:10px 30px 10px 30px;    border:1px solid #BF110B;}
#teaser h1{font-size:1.05em;}
/* simplified forum */
#systemmessage{background-color:#FFFFBB;color:#BF110B;border:1px solid #BF110B;padding:8px 8px 8px 8px;font-size:.9em;font-weight:bold;margin-bottom:10px;}
#login{background-color:#FFFFFF;border:1px solid #BF110B;padding:8px 8px 8px 8px;font-size:.9em;margin-bottom:10px;}
#login fieldset{border:0;  margin:0;  padding:3px 0 7px 0;}
#login label{font-weight:normal;  padding-left:0;}
#login div.formlabel{clear:both;  width:150px;  float:left;}
#login input{width:250px;  float:left;}
#login input.submit{background:#BF110B;  border:0;  padding:4px 0 4px 4px;  color:#fff;  font-weight:bold;  clear:both;  width:254px;  margin-left:150px;  text-align:center;}
#commentbox{margin-bottom:20px;}
#commentbox textarea{width:100%;  border:1px solid #BF110B;}
#commentbox input.submit{background:#BF110B;  border:0;  padding:4px 0 4px 4px;  color:#fff;  font-weight:bold;  clear:both;  width:250px;  text-align:center;  float:right;}
#comments{margin-left:0;  padding-left:0;  padding-top:10px;  border-top:1px solid #fff;  margin-top:10px;}
#comments li{margin-left:0;padding-left:0;padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:10px;list-style:none;}
#subnav{float:right;  width:160px;
/* height:160px; */
background:#eee;  border:0;  padding:10px 5px 5px 5px;  border:1px solid #fff;  margin:45px 0 30px 30px;}
#subnav h2{margin-left:0px;  padding-left:7px;}
#subnav ul{margin-left:10px;  padding-left:10px;  list-style:square;  font-size:0.95em;  margin-top:20px;}
#subnav ul li{margin-bottom:0.4em;}
#subnav ul li a{text-decoration:none;}
.sidebarteaser{float:right;  width:180px;
/* height:160px; */
background:#fff;  border:0;  padding:10px 15px 10px 15px;  border:1px solid #BF110B;  margin:45px 0 30px 30px;}
#footer{clear:both;   display:block;   padding:5px 45px 5px 20px;   text-align:right;   font-size:0.8em;}
div.parchive{background:#E0E0E0; margin:1em 0; padding:0; }
div.pmenu{background:transparent; margin:0 0 1px 0; padding:0; border-bottom:1px solid #C63635; }
div.pmenu div{display:block; float:left; width:25%; padding:0; margin:0; text-decoration:none; border:0;}
div.pmenu div a{display:block; padding:6px 1em 3px 1em; margin:0 1px 0 0; height:22px;  line-height:20px; color:#000; background:#fff; text-decoration:none; border:0; font-weight:bold;}
div.pmenu div.selected a{color:#fff; background:#C63635; }
div.pmenu div a:hover{color:#fff; background:#000; }
div.pmenu div.selected a:hover{color:#fff; background:#C63635; }
div.pmenu form{display:block; float:right; width:48%; padding:6px 1% 0 1%; margin:0; height:25px; color:#000; background:#A8A8A8; text-decoration:none; border:0; text-align:right; }
div.pmenu form input{border:0; margin:0; padding:0; height:20px; line-height:20px; display:block; float:right; width:auto; }
div.pmenu div.clearbottom,div.clearbottom{clear:both; float:none; width:100%; height:0px; overflow:hidden;}
div.plist{clear:both; padding:1em; }

/* addons 2015 */
#logo { position: relative; }
#realcontent p a, #realcontent p a:hover, #teaser p a { text-decoration: underline; }   
#realcontent p a, #teaser p a { display: inline-block; background: url('linkicon.png') 100% 5px no-repeat transparent; background-size: 10px 10px; padding-right: 13px; margin-right: 5px; min-height: 15px; }
#menubtn, #closebtn, span.short { display: none; }
div.lang { text-align: right; padding: 5px 20px 5px 0; text-decoration: none; font-size: 0.9em; position: absolute; top: 0; right: 0; }
#indexcontainer div.lang { text-align: right; padding: 5px 20px 5px 0; text-decoration: none; font-size: 0.9em; position: relative; white-space: nowrap; width: auto; }
.artacht { border-right: 1px solid #fff; }
#sidebar img { margin-left:60px; margin-top:30px; }
#footer a { text-decoration: none; }

#indexcontainer a img.logobild { border: 0; border-bottom: 40px solid #fff; width: 960px; height: 377px; }
#teaser.hometeaser { width: 500px; margin: 40px auto; }

/* media queries */
        
@media only screen and (max-width: 959px) {   

  #sidebar { display: none; }
  #container, #indexcontainer { width: 100%; }
  #logo { width: 100%; border-bottom: 0; position: fixed; top: 0; left: 0; right: 0; }
  #main { width: 100%; margin-top: 20%; }
  xx#main { overflow-x: hidden; }
  
  #logo > div > a { display: inline-block; padding: 5px; }
  #logo { background-size: 100% auto; height: 20%; }
  
  #realcontent { float: none; width: 90%; padding: 0 5%; background-image:url(achtergrondplaatje.png); background-size: contain; background-repeat: no-repeat; background-position: top right; background-attachment: fixed;  }
  
  #menubtn, #closebtn { position: absolute; right: 5%; top: 55%; margin-bottom: 5px; height: 35px; width: 29px; background: url('menubtn.png') top left no-repeat transparent; cursor: pointer; background-size: 100% auto; }     
  #closebtn {background-image: url('closebtn.png'); }    
  #menubtn { display: block; }
  
  #navcontainer { display: none; position: fixed; top: 20%; left: 0; right: 0; bottom: 0; background: #464646; float: none; width: 100%; margin: 0 0 0 0; }
  
  #navcontainer ul { margin: 0; padding: 20px 0; }
  #navcontainer li { display: block; float: none; width: 100%; border: 0; }
  #navcontainer li a, #navcontainer li a:visited { display: block; padding: 10px 25px; border: 0; font-size: 15px; color: #fff; line-height: 1em; font-weight: normal; }   
  #navcontainer li a:hover, #navcontainer li a:focus, #navcontainer li a:active { color: #fff; background: #C90D0C; }                                                                              
  #navcontainer li a#active { color: #fff; background: #C90D0C; font-weight: bold; }
  .artacht { border: 0; }
  
  #footer { text-align: center; padding: 20px 5% 5px;}
  
  h1 { text-align: left; }
  #indexcontainer a img.logobild { width: 100%; height: auto; }
  #teaser.hometeaser { width: auto; margin: 40px 5%; }

}   
        
@media only screen and (max-width: 600px) {   
  #logo { background-size: 130% auto; position: fixed; height: auto; }  
  #navcontainer { }
  span.short { display: inline-block; }
  span.long { display: none; }
  
div.pmenu div{ width:50%; }    
div.pmenu div a{ font-size: 10px; white-space: nowrap; padding: 6px 3px 3px 3px; overflow: hidden; }
div.pmenu form{ display: none; }  
                                                        
div.plist table tr > td  { line-height: 1.2em; text-align: left; padding-bottom: 25px !important; }   
div.plist table tr > td:first-child { width: 70px; }     
div.plist table tr > td:first-child img { width: 55px; height: auto; }   

}       
        
@media only screen and (max-width: 420px) {   
  #menubtn, #closebtn { bottom: 0; }

}

/* print version */

@media print{

div.pmenu{display:none; }
* html, body{margin:0px;padding:0px;}
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}
#container{background-color:#fff;padding:0 5% 0 5%;}
a{text-decoration:underline;color:#333333;}
a:visited{text-decoration:underline;color:#333333;}
a:hover{text-decoration:none;color:#BF110B;}
#logo{width:100%;height:140px;background:#fff;background-image:url(headlogo.png);background-repeat:no-repeat;}
#main,#realcontent,#phorumcontent{clear:both;}
#sidebar,#navcontainer,#footer{display:none;  width:0;  height:0;  overflow:hidden;}
#tekstcontainer{padding-top:30px;  line-height:1.6em;  text-align:justify;}
h1{font-size:18px;font-weight:bold;color:#BF110B;}
h2{font-size:12px;font-weight:bold;color:#BF110B;margin:10px 0 5px 0;}
div.whitebackground{border:1px solid #BF110B;padding:15px 15px 15px 15px;font-style:italic;font-size:.9em;margin-bottom:10px;}
#phorum{border:1px solid #BF110B;padding:8px 8px 8px 8px;margin:10px 10px 10px 10px;}
table#contact p{text-align:left;margin-right:20px;margin-top:0px;margin-bottom:0px;font-size:12px;line-height:1.6em;}
table#contact h2{margin-bottom:7px;}
#indexcontainer a img{border:0;}
#flags{margin-top:40px;  text-align:center;  margin-bottom:40px;}
#flags p{font-weight:bold;}
#flags a img{border:2px solid #ddd;    margin-right:4px;}
#flags a:hover img{border:2px solid #fff;}
#teaser{font-size:0.95em;    padding:10px 10px 10px;    margin:10px 30px 10px 30px;    border:1px solid #BF110B;}
#teaser h1{font-size:1.05em;}
/* simplified forum */
#systemmessage{background-color:#FFFFBB;color:#BF110B;border:1px solid #BF110B;padding:8px 8px 8px 8px;font-size:.9em;font-weight:bold;margin-bottom:10px;}
#login{background-color:#FFFFFF;border:1px solid #BF110B;padding:8px 8px 8px 8px;font-size:.9em;margin-bottom:10px;}
#login fieldset{border:0;  margin:0;  padding:3px 0 7px 0;}
#login label{font-weight:normal;  padding-left:0;}
#login div.formlabel{clear:both;  width:150px;  float:left;}
#login input{width:250px;  float:left;}
#login input.submit{background:#BF110B;  border:0;  padding:4px 0 4px 4px;  color:#fff;  font-weight:bold;  clear:both;  width:254px;  margin-left:150px;  text-align:center;}
#commentbox{margin-bottom:20px;}
#commentbox textarea{width:100%;  border:1px solid #BF110B;}
#commentbox input.submit{background:#BF110B;  border:0;  padding:4px 0 4px 4px;  color:#fff;  font-weight:bold;  clear:both;  width:250px;  text-align:center;  float:right;}
#comments{margin-left:0;  padding-left:0;  padding-top:10px;  border-top:1px solid #fff;  margin-top:10px;}
#comments li{margin-left:0;padding-left:0;padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:10px;list-style:none;}
#subnav{float:right;  width:160px;
/* height:160px; */
background:#eee;  border:0;  padding:10px 5px 5px 5px;  border:1px solid #fff;  margin:45px 0 30px 30px;}
#subnav h2{margin-left:0px;  padding-left:7px;}
#subnav ul{margin-left:10px;  padding-left:10px;  list-style:square;  font-size:0.95em;  margin-top:20px;}
#subnav ul li{margin-bottom:0.4em;}
#subnav ul li a{text-decoration:none;}
.sidebarteaser{float:right;  width:180px;
/* height:160px; */
background:#fff;  border:0;  padding:10px 15px 10px 15px;  border:1px solid #BF110B;  margin:45px 0 30px 30px;}
                                                                                     

}