body {
 background-color: #a0b3b7;
 color: #DDDDDD;
 font-size: 11pt;
 font-family:  Century Gothic, sans-serif, Century Gothic, Verdana, Tahoma, Arial;
 margin-top: 53px;
 margin-left: 2px;
 padding: 6px;
 padding-left: 1px;
 padding-right: 1px;
 background-image: url( pics/background_brighter.jpg);
}

a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #FFFFFF;
}

a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #DDDDDD;
}

a:hover {
	text-decoration: underline;
        cursor: pointer;
	color: #DDDDDD;
}

a:active {
	text-decoration: underline;
        cursor: pointer;
	color: #DDDDDD;
}

#sddm {
  margin: 0;
  padding: 0;
  z-index : 99;
}

#sddm li {
 margin: 0;
 padding: 0;
 list-style: none;
 float: left;
 letter-spacing: 0.1em;
 font: bold 12px  Century Gothic, sans-serif, Century Gothic, Verdana, Tahoma, Arial;
}

#sddm li a {
 display: block;
 margin: 0 1px 0 0;
 padding: 6px 12px;
 width: 128px;
 background: #CCC;
 color: #FFF;
 text-align: center;
 letter-spacing: 0.1em;
 font: bold 12px  Century Gothic, sans-serif, Century Gothic, Verdana, Tahoma, Arial;
 text-decoration: none;
}

#sddm li a:hover {
 background: #AAA;
}


#sddm div {
 position: absolute;
 visibility: hidden;
 z-index: 99;
 margin:  0;
 padding: 0;
 background: #EAEBD8;
 border: 1px solid #5970B2;
}

#sddm div a {
 position: relative;
 display: block;
 margin: 0;
 padding: 5px 12px;
 width: auto;
 white-space: nowrap;
 text-align: left;
 text-decoration: none;
 background: #EAEBD8;
 color: #2875DE;
 letter-spacing: 0.1em;
 font: 12px  Century Gothic, sans-serif, Century Gothic, Verdana, Tahoma, Arial;
}

#sddm div a:hover {
 background: #49A3FF;
 color: #FFF;
}


.basistekstultraklein { 
    font: bold 12px Century Gothic, sans-serif, Century Gothic, Verdana, Tahoma, Arial;
    color: #C0C0C0;
    letter-spacing: 0em;
    text-decoration: none;
}

.basistekstmobieltjes { 
    font: 12px Calibri, Century Gothic, sans-serif, Century Gothic, Verdana, Tahoma, Arial;
    font-weight: bold;
    color: white;
    letter-spacing: 0.1em;
    text-decoration: none;
}

.basistekst { 
    font: 16px Calibri, Arial, Century Gothic, sans-serif, Verdana, Tahoma;
    font-weight: bold;
    color: white;
    letter-spacing: 0.2em;
    text-decoration: none;
}

.basistekststerk { 
    font-family: Century Gothic, sans-serif, Century Gothic, Verdana, Tahoma, Arial;
    font-size: 14px;
    color: white;
    letter-spacing: 0.2em;
    font-weight: bolder;
    text-decoration: none;
}

.logotekst { 
    font: bold 42px Times, sans-serif;
    color: blue;
    letter-spacing: 0.2em;
    text-decoration: none;
}

.blogtekst { 
    font: bold 12px  Verdana, Tahoma, Century Gothic;
    color: Grey;
	letter-spacing: 0.1em;
    text-decoration: none;
}


.image_box img {
  border:11px solid #F00;
  opacity:1;
}

#home-plaatje
{
 /* Dit is het kleine home plaatje in de navbar */ 
 height: 42px;
}


p.ruimte img {
    /* Dit wordt gebruikt om de ruimte om alle plaatjes heen te regelen */ 
    border: 0px;
    float: center;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: auto;
    margin-left: auto;
}

.panel-heading.vip {
    /* Dit is om een plaatje in de header van een panel te krijgen */ 
	/* op dit moment niet gebruikt */
    background-image : url('pics/VIP_kwaliteit2.gif');
    background-repeat:no-repeat;
    background-size:contain;
    background-position : right;
}

/*  Als je deze aanzet worden ALLE panels grijs!

.panel-body {
Background-color: lightgrey;
}
*/





.faq_box {
 font:  sans-serif, Century Gothic, Verdana, Tahoma, Arial;
 font-weight: bold;
 font-size: 12px;
 text-align: left;
 color: White;
 border: 1px solid #EEEEEE;
 background-color: #C0C0C0;
 width: 70%;
 padding:6px;
}

.box_kort {
 font:  sans-serif, Century Gothic, Verdana, Tahoma, Arial;
 font-weight: bold;
 font-size: 13px;
 text-align: left;
 color: White;
 border: 1px solid #EEEEEE;
 background-color: #C0C0C0;
 width: 40%;
 padding:5px;
}

.basistekstleftalign {
 font: bold 11px  sans-serif, Century Gothic, Verdana, Tahoma, Arial;
 color: white;
 letter-spacing: 0.1em;
 text-align: left;
 margin-left: 3%;
 margin-right: 30%;
 margin-bottom: 12px;
 text-decoration: none;
}


HR {
 BORDER-TOP-WIDTH: 0px;
 CLEAR: both;
 BORDER-LEFT-WIDTH: 0px;
 BORDER-BOTTOM-WIDTH: 0px;
 COLOR: #FFFFFF;
 HEIGHT: 1px;
 BORDER-RIGHT-WIDTH: 0px;
}

.prijslijstbox div {
  background: transparent;
  border-style: solid;
  border-color: red;
  margin-left: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-right: 4px;
  padding-top: 4px;
  border-width: thin;
  background-color: #EEE;
  width: 80%;
  border-left-width: thin;
  position: left;
  display: block;
  margin: 0;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background: #EEEEEE;
  color: #2875DE;
  letter-spacing: 0.1em;
  font: 22px  sans-serif, Century Gothic, Verdana, Tahoma, Arial;
}