html, body {
	width: 100%;
	height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
	color: #000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
    
    background: #446390 url('../images/background_800.png') repeat-x center top;
}


hr {
	background-color: #000066;
	border: 1px #000066 solid;
	color: #000066;
	margin: 10px auto auto 10px;
}

a, a:active, a:visited {
	color: #323243;
}

a:hover {
    color: #686884;
}

h1 {
    color: #132374;
}

#main {
    width: 900px;
    margin: 0 auto;
    background: #fff;
    z-index: 1;
    position: relative;
}

#main-inner {
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    overflow: hidden;
    min-height: 800px;
}

#header {
    height: 138px;
    background: url('../images/header.png');
}

#header-inner {
    padding: 20px;
}

#header-banner {
    width: 220px;
    height: 93px;
}

#header-banner a img {
    border: none;
}

#header-bar {
    background: #96abc9;
}

#header-bar-inner {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    height: 20px;
}

#header-bar-left {
    text-align: left;
    float: left;
    padding-left: 5px;
}

#header-bar-right {
    text-align: right;
    float: right;
    padding-right: 5px;
}

#content-menu {
    
}

#menu {
    width: 175px;
    height: 100%;
    float: left;
}   

.clear { clear: both; }

.menu-seperator {
    
}

.menu-seperator-box {
    width: 152px;
    height: 22px;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    background: #6380a9;
    margin: 0 auto;
}

.menu-seperator-box-inner {
    font-size: 17px;
    font-family: Courier;
    text-align: center;
}

.menu-inner {
    border-right: 1px #000 solid;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    background: #96abc9;
    padding: 7px 4px 7px 7px;
}

#menu-box-top {
    min-height: 400px;
}

#menu-box-center {
	min-height: 200px;
}

#tooltip {
	
}

#hellman_verklaring, #bft_verklaring {
	display: none;
}

#tooltip .body, #tooltip .body ul, #tooltip .body ul li {
	padding: none;
	margin: none;
	/*padding-left: 15px;*/
}

#merkel-rhymes {
	display: none;
}

.month-text {
	display: none;
}

#content {
    float: left;
    width: 723px;
	_width: 700px;
}

#content-inner {
    padding: 25px 10px 10px 20px;   
}

#nieuws {
	padding: 0px 10px 0px 10px;
	background-color: #0022FF;
	border: 1px black solid;
	color: #fff;
}

#nieuws a {
	color: #fff;
}

/* Menu styles */
#menu-box-top a { 
	text-decoration: none;  
	background: url('../images/arrow.gif') no-repeat 0px 5px;
	padding-left: 15px;
}

.sub-menu .title { 
	cursor: pointer;
	background: url('../images/arrow.gif') no-repeat 0px 5px;
	padding-left: 15px;
	color: #323243; 
}

#menu-box-top a, .sub-menu .title {
	font-size: 12px;
}

.sub-content {
	padding-left: 12px;
}

.sub-content.active a {
	color: #fff ! important;
}

/* Content styles */

.var {
	color: #000066;
	font-weight: bold;
}

.error {
    color: #AA0000;
    font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}

/* All page styles */
#grey {
	background: #444;
	position: absolute;
	left: 0px; top: 0px;	
	width: 100%; height: 100%;
	z-index: 99;
}

#loader {
	background: url('../images/loading.gif') center no-repeat #96abc9;
	position: absolute;
	font-size: 16px; font-weight: bold;
	border: 1px #6380a9 solid;
	left: 50%; top: 50%;
	margin-left: -80px;	margin-top: -35px;
	width: 160px; height: 70px;
	text-align: center;
	z-index: 100;
}

.right { text-align: right; padding-right: 10px; }


/* MOS verwachting styles */

#mos-verwachting {
    width: 675px;
    border: 1px #000066 solid;
    padding: 0px;
	background-color: #9CF;
}

#mos-padding { padding: 10px; }

#mos-legend {
	float: left;
	border: 1px #000066 solid;
	padding-bottom: 4px;
	margin-left: 3px;
	width: 115px;
}

#mos-days { 
	float: right; 
}

#mos-update {
	font-size:9px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-bottom: 1px #000066 solid; 
	background-color:#CCC;
}

#mos-bottom {
	text-align:center;
	font-size:9px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-top: 1px #000066 solid; 
	background-color:#CCC;
}

.mos-legend-value, .mos-value { height: 33px; }

.mos-symbol {
	height: 50px;
}

.mos-value, .mos-day-title { text-align: center; }

.mos-day-title, .mos-legend-title { height: 20px; }

.mos-value-tmax { color:#F00 }

.mos-value-tmin { color:#00F }

.mos-day-title {
	border-bottom: 1px #000066 solid;
	background-color: #000066;
	color: #fff;
	font-weight: bold;
	padding-top: 2px;
	text-align: center;
}

.mos-day {
	float: left;
	border: 1px #000066 solid;
	margin-right: 5px;
}

.mos-day-part0, .mos-day-part1 {
	overflow: hidden;
	float: left;
	width: 42px;
	padding: 5px;
}

.mos-day-part0 {
    background: #96abc9;
    color: #323243;
	border-right: 1px #000066 solid;
}

.mos-day-part1 {
	
}



#mos-verwachting th {
    padding: 2px;
    background: #6380a9;
    border-bottom: 1px #000066 solid;
    font-size: 10px;
}

#mos-verwachting td {
    padding: 4px;
    text-align: center;
}

#mos-verwachting tr.even td {

}

#mos-verwachting tr.odd {
}

#mos-verwachting td.first {
    text-align: left;
    padding-left: 5px;
}

#mos-verwachting tbody tr.even {
    background: #96abc9;
    color: #323243;
}

/* Album styles */

.album-button, .album-file {
	float: left; 
	margin: 10px; 
	border: 1px black solid; 
	text-align: center;
	overflow: hidden;
}

.album-button {	
	width: 250px; 
	height: 180px;
}

.album-button a img {
	border: none;
}

.album-file {
	width: 150px; 
	height: 100px;
}

.album-file a img {
	border: none;
}

/* Lwdn actueel styles */

#lwdn act {
    width: 675px;
    border: 1px #000066 solid;
    padding: 0px;
	background-color: #9CF;
}