@font-face {
  font-family:raleway;
  src:url(/fonts/raleway-regular-webfont.eot);
}

@font-face {
  font-family:raleway;
  src:url(//:) format("No-IE-404"),url(/fonts/Raleway-Regular.ttf) format("truetype");
}

@font-face {
  font-family:raleway-l;
  src:url(/fonts/raleway-light-webfont.eot);
}

@font-face {
  font-family:raleway-l;
  src:url(//:) format("No-IE-404"),url(/fonts/Raleway-Light.ttf) format("truetype");
}


body {
	background:#839dbd;
	margin:0;
	padding:0;
	font-family: raleway, Verdana, Arial, Helvetica, sans-serif;
        font: normal, 11px;
	color:#353578;
	text-align:center;
}
#container{
	margin:0 auto;
	width:990px;
}
#container #top_menu_container{
	width:990px;
	height:22px;
	background:url(../images/top_menu_bg.gif) center top no-repeat;
}
li{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/blank.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}
a:link, a:visited {
        color: #839dbd;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #f00;	
	text-decoration:none;
	font-weight: normal;
}

/** old stuff **/

ul
{
margin: 0;
padding: 0;
list-style: none;
}

td {
	text-align: left;
	font-size: 12px;
}
td.timeline {
	text-align: center;
}


/* Joomla core stuff */

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

/* -------------------------- */




/*************************************** **************************************** */

/* the drop down menus, make sure you have specified a -drop extension within the Joomla adminstration menu  */
/* this is a 2 level system, e.g. top   top2    top3...
                                  |
                                  +level1----level2
                                  +level1
*/

/*======================== MENU LEVELS =========================*/
.moduletable table div img{
        vertical-align:middle
}

#container1 a.sublevel:link, #container1 a.sublevel:visited {
    padding-left: 8px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
    color: #353578;
    text-align: left;
    text-decoration: none;
    line-height:17px;
}


#container1 a.sublevel:hover {
        color: #fff;
        text-decoration: none;
        font-weight: normal;
}

#container1 a.sublevel#active_menu {
        color: #fff;
}


#top_menu_container {
	text-align:left;
	font-size:10px;
	font-family: tahoma, verdana, sans-serif;
}

#top_menu_container a {
	color: #353578;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
}

#top_menu_container a:hover {
	color: #f00;
	font-weight: bold;
	text-decoration: none;
}

.tree-drop a {
	display: block;
	width: 155px;
        height:19px;
        z-index: 99;
}

.tree-drop li, .tree-drop li.sfhover  {
 
	float: left;
	width: 10em;
        line-height: 16px;
        padding-left: 15px;
        padding-top: 2px;
        background-image: none;
        z-index: 99;
}

.tree-drop li li, .tree-drop li.sfhover li.sfhover  {
	background:url(../images/drop_menu_bg_155.gif) left center no-repeat;
	font-size: 10px;
        width: 155px;
        z-index: 99;

}

.tree-drop li ul {
	position: absolute;
	width: 10em;
	left: -999em;
        z-index: 99;
}

.tree-drop li:hover ul, .tree-drop li.sfhover ul {
	left: auto;
        z-index: 99;
}

.tree-drop li ul ul {
	margin: -1em 0 0 9.8em;
        z-index: 99;
}

.tree-drop, .tree-drop ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
        z-index: 99;
}

.tree-drop li:hover ul ul, .tree-drop li.sfhover ul ul {
	left: -999em;
        z-index: 99;
}

.tree-drop li:hover ul, .tree-drop li li:hover ul, .tree-drop li.sfhover ul, .tree-drop li li.sfhover ul {
	left: auto;
        z-index: 99;
}

.tree-drop li:hover ul ul ul, .tree-drop li.sfhover ul ul ul {
	left: -999em;
        z-index: 99;
}

.tree-drop li:hover   ul, .tree-drop li li li:hover   ul, .tree-drop li.sfhover ul, .tree-drop li li li.sfhover ul {
	left: auto;
        z-index: 99;
}


/*======================== WEERSPREUK =========================*/
.weerspreuk-style {
        width: 165px;
        height: 220px;
        color: #7192b4;
        font-family: raleway, Verdana, Arial, Helvetica, sans-serif;
        font: italic;
	font-size: 18px;
	font-style: italic;
        background:url(../images/lightrank.png) left top no-repeat;
}
.weerspreuk-style:first-letter {
        font-size: 30px;
        font-style: normal;
	color: red;
}
/*======================= WEERBERICHT =========================*/
.knmi-style {
        color:#353578;
	text-align="left";
}
/*======================= ARTIKELKOP ==========================*/
.artikelkop {
        height: 30px;
        color: #353578;
        font-weight: bold;
        font-size: 14px;
        text-indent: 15px;
        background:url(../images/contentheader_bg.gif) left top no-repeat;

}
.artikelkop_intern {
        height: 30px;
        color: #ff1515;
        font-weight: bold;
        font-size: 14px;
        text-indent: 15px;
        background:url(../images/contentheader_bg_red.gif) left top no-repeat;

}
/*============= OUDE CSS DIE IN ARTIKELEN STAAT ===============*/
.contentheading {
        height: 30px;
        color: #353578;
        font-weight: bold;
        font-size: 14px;
        text-indent: 15px;
        background:url(../images/contentheader_bg.gif) left top no-repeat;

}
.contentheading_lo {
        height: 30px;
        color: #ff1515;
        font-weight: bold;
        font-size: 14px;
        text-indent: 15px;
        background:url(../images/contentheader_bg_red.gif) left top no-repeat;
}

/*======================== MULDERSWEER ========================*/
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #659ed0;
  width: auto;
  padding: 2px 6px;
  line-height: 15px;
  margin: 1px;
  color:#659ed0
}
a.pagenav:link, a.pagenav:visited, a.pagenav:hover {
        font-weight: bold;
        text-decoration:none;
        color:#353578
}
/*================= Voetnoot onder artikelen ==================*/
span.footnote {
	margin: 2px;
	color: light-grey;
	font-size: 8px
}
/*================== Rollen lijst na login ====================*/
div.roles {
	font-size: 10px;
	color: green;
}
div.roles ul {
        list-style: none;
        margin-left: 0;
}
div.roles ul li::before {
        content: '✓ ';
}
/*================ login balkjes hoofdpagina ==================*/
input.pq4459 {
      background-color:#839dbd;
      border: none;
      border-radius: 10px;
      padding: 2px 2px;
      font-size: 12px;
      font-family: 'Raleway', sans-serif;
      outline: none;
      width: 120px;
    }

input.pq4459:focus {
      background-color: #839dbd; 
      box-shadow: 0 0 5px rgba(0, 102, 204, 0.6);
    }