body {
  background-color:#fc6;
  padding: 0;
  margin: 0;
}


.navbar {
  color: red;
  background-color: #f93;
  top:0;
  border-top: 4px solid #564b47;
  border-bottom: 4px solid #564b47;
}

.navbar-toggle {
  background-color: #f93;
  color: #564b47;
  color: #fff;
  border: 1px solid #564b47;
}
.navbar-toggle:focus,  .navbar-toggle:hover {
  background-color: #564b47;
  color: #f93;
  border: 1px solid #564b47;
}

.navbar-toggle .icon-bar {
  display: block;
  height: 3px;
}
.navbar-toggle .icon-bar {
  background-color: white;
}
.navbar-toggle .icon-bar-rood {
  background-color: red;
}
.navbar-toggle .icon-bar-wit {
  background-color: #eee;
}
.navbar-toggle .icon-bar-blauw {
  background-color: blue;
}



/** das was sonst in p.lead steckte: */
p, ul.dreitermine {
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4;
}



.navbar .navbar-nav   {
  color: yellow;
  background-color: #f93;
}

.navbar .navbar-nav  > li  {
  font-size: 160%;
}

.navbar .navbar-nav  > li > a {
  color: #564b47;
  background-color: #f93;
  text-decoration: none;
}
.navbar .navbar-nav  > li > a:active {
  color: #564b47;
  background-color: #f93;
}
.navbar .navbar-nav  > li > a:focus {
  color: #564b47;
  background-color: #f93;
}

.navbar .navbar-nav  > li > a:hover {
  color: #fc6;
  background-color: #564b47;
}


.navbar .navbar-nav  > li.active > a {
  color: #564b47;
  background-color: #fc6;
}
.navbar .navbar-nav  > li.active > a:hover {
  color: #564b47;
  background-color: #fc6;
}
.navbar .navbar-nav  > li.active > a:active {
  color: inherit;
  background-color: #fc6;
}
.navbar .navbar-nav  > li.active > a:focus {
  color: #564b47;
  background-color: #fc6;
}



a.navbar-brand, div.navbar-brand {
  background-color: #f93;
  padding: 5px;
}

div.navbar-brand   img {
  height: 40px;
}




h1, h2, h1[lang="de"] {
  text-shadow: 2px 2px 1px white;
}

h1[lang="nl"] {
  color: #c00;
  text-shadow: 2px 2px 1px #ccf;
  font-style: italic; 
  padding-top:0;
  margin-top:0;
  margin-bottom: 0.5em;
}


h2 {
   color:blue;
   margin-top:3ex;
   margin-bottom:1ex;
}





.flagtable{margin-left:0em;margin-right:auto;margin-top:2em;margin-bottom:5em;max-width:45em;width:100%;}
.flagtable tr {height:8em;}
.flagtable td {font-weight:normal;font-size:160%;vertical-align:middle; padding:0 1em;}
.flagtable small{font-size:80%;}

.flagred{color:#fff;background-color:#f00; text-align:left;}
.flagwhite{color:#000;background-color:#fff; text-align:right;}
.flagblue{color:#fff;background-color:#33f;text-align:center;}



a[href^="http://"]:before,a[href^="https://"]:before{color:blue;background-color:inherit;content:"\2197\00A0";}

a{color:blue; text-decoration:underline; background-color:inherit;}
a:visited{color:#039;background-color:inherit;}
a[href^="http://"]:hover{color:#000;background-color:#ffc;}
a[href^="https://"]:hover{color:#000;background-color:#ffc;}
a:active{color:#000;background-color:inherit;}






.afspraken{font-size:130%;font-weight:normal;}
.volgende{color:#f00;background-color:inherit;font-weight:bold;text-shadow: 0px 0px 5px #fff;}


.kurztext{color:blue;background-color:inherit;padding-left:.51em;padding-right:.51em;}
.heute{color:yellow;background-color:black;}
.morgen{color:#fc6;background-color:black;}
.uebermorgen{color:#fc6;background-color:black;}
.diesewoche{color:yellow;background-color:#f93;}
.naechstenfreitag{color:inherit;background-color:#f93;}
.naechstewoche{color:inherit;background-color:#f93;}
.uebernaechstenfreitag{color:inherit;background-color:#f93;}



.lastchanged{font-family:Verdana,Helvetica,sans-serif;font-size:70%;text-align:right;float:right;padding-right:1em;width:50%;}
a.impressum{color:#f93;background-color:inherit;font-size:60%;}
a.impressum:visited{color:#f93;background-color:inherit;}
a.impressum:hover{color:#fc6;background-color:inherit;}
a.impressum:active{color:yellow;background-color:inherit;}


footer {margin-top:20ex;}

.footer-colors{color:#f93;background-color:#564b47 !important;}

.strike{text-decoration:line-through;}




.spam-notice {
    font-size: 90%;
    line-height: 1.2;
}



.hinweis {
  font-size: 160%;
  vertical-align:middle;   
}

.hinweis-weiterlesen a:before {
    content: "\2192\00A0";
}

.hinweis-weiterlesen {
    font-size: 70%;
}


.close {
  opacity:0.7;
}



code {
  color: inherit;
  background-color: inherit;
}