/* css voor normaal browsen */
/*
 BELANGRIJK 
*/
.mobile {
	display:none !important;
}
.screen {
	display: !important;
}
#hidden {
	display:none !important;
}
/* 
 EINDE BELANGRIJK 
*/
body,html {  }
body {
	margin:0;
	padding:0;
	background-color:#ECF2FE;
	text-align:center;
}
body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	margin:0;
	color:#365197;
}
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.3em;
}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:1.0em;
}
h6 {
	font-size:0.8em;
}
p {
	margin:0;
}
h1.source {
	clear:both;
	margin:10px 0 10px 0;
	font-size:1.1em;
}
h1.source span {
	font-size:0.7em;
	color:#365197;
	font-style:italic;
	text-decoration:underline;
}
h1.source span a {
	color:#365197;
}
a:link {
	color:#1f2d55;
	text-decoration:none;
}
a:visited,a:active {
	color:#1f2d55;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
	text-decoration:underline;
}
.indent		{ padding-left:15px; }
.smaller 	{ font-size:75%; }
.smalx 		{ font-size:50%; } 
.smallest 	{ font-size:25%; } 
.bigger 	{ font-size:125%; }
.bigx 		{ font-size:150%; } 
.biggest 	{ font-size:200%; } 

fieldset {
	border:none;
	width:98%;
	margin:0;
	padding:5px 1% 5px 1%;
}
fieldset legend {
	padding:0 10px 0 10px;
	font-size:1.2em;
	background-color:#FFFFFF;
}
#ext {
	width:100%;
	margin:0;
	padding:0;
	background-color:#ecf3fe;
}
#header {
	width:959px;
	height:196px;
	margin:10px auto 0 auto;
	padding:0;
	text-align:left;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#FFFFFF;
}
#footer {
	width:959px;
	height:108px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#header #logo {
	float:right;
	width:180px; /* 196 */
	height:161px; /* 161 */
	padding:17px 16px 0;
	/*display:none;*/
}
#header #logo img {
	border:0;
}
#header #logo h2 {
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
#header #logo h2 a {
	text-decoration:none;
	padding-left:10px;
}
#header #suggestion {
	text-align:left;
	float:right;
	height:53px; /* 108 */
	padding:54px 0 0 40px;
	width:400px;
	/*background-color:#000;*/
}
#header #suggestion a {
	text-decoration:underline;
}
#page {
	width:959px;
	clear:both;
	margin:0 auto;
	padding-bottom:30px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#page #left {
	width:200px; /* 220 */
	padding:0;
	margin:0;
	float:left;
	background-color:#fff;
}
#left-Contents {
	width:180px; /* 220 */
	padding:10px 10px 10px 10px;
	margin:0;
}

#page #middle {
	width:690px; /* 770 */
	float:left;
	padding:4px;
	margin:-120px 0 40px 8px; /* 200 */
}
#page #right {
	width:245px;
	padding:10px 0 10px 0px;
	float:right;
	background-color:#fff;
	margin:0 8px 0 0;
}

#middle h1.page_title {
	margin:0 0 1em 0;
}
#middle .links a {
	display:block;
	padding:3px 0 3px 0;
	border-bottom:1px solid #ecf3fe;
}
#middle .links span {
	font-weight:bold;
	/*display:block;*/
	padding-right:10px;
}

	/* BOX */

#right .box, #right .snippet {
	width:243px;
	margin:4px auto 10px auto;
}

.box .box-Title {
	display:block;
	font-size:12px;
	color:#1f2d55;
	background-color:#ecf3fe;
	padding:2px 6px 2px 6px;
	font-weight:bold;
	background-image:url(../images/boxes/box_right_start.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.box .box-Title a {
	text-decoration:underline;
}
.box .box-Contents {
	padding:2px 6px 2px 6px;
	border:1px solid #ecf3fe;
	border-width:1px 0 0 1px;
}
.box .algemeen.box-Contents { 
	text-align:left;
}

.box .box-Contents img {
	max-width:100%;
}
.box ol, .box ul {
	margin:0;
}
.box li {
	margin:0 0 0 -12px;
	#margin:0 0 0 30px; /* ie 7 */
	_margin:0 0 0 30px; /* ie 6 */
	vertical-align:top;
}
.box li a {
	display:block;
	margin:0;
	width:95%;
}

.box .links a {
	display:block;
	padding:3px 0 3px 0;
	border-bottom:1px solid #ecf3fe;
}
.box .links span {
	font-weight:bold;
	/*display:block;*/
	padding-right:10px;
}

.box input {
	padding:2px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	border:2px solid #ecf3fe;
	width:90%;
}
.box input.submit {
	width:92%;
	background-color:#ecf3fe;
}
.box input.error {
	background-color:#ff0000;
	color:#FFFFFF;
}

	/* EINDE BOX */

.clear {
	clear:both;
}
div.location {
	border-bottom:1px solid #ecf3fe;
	padding:10px 5px 5px 5px;
}
div.location a {
	text-decoration:underline;
}

	/* WEER SPECIFIEK */
.grey, .grey a { color:grey; font-size:9px; font-weight:normal; }
#current {
	width:175px; /* 670 */
	text-align:center;
	margin:5px auto 0 100px;
	position:absolute;
	padding:10px 0 10px 0;
	z-index:14;
	font-size:14px !important;
	font-weight:bold;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#mapStatus {
	width:670px; /* 670 */
	height:500px; /* 400 */
	position:absolute;
	z-index:10;
	border:2px solid #FFFFFF;
	vertical-align:middle;
}
#mapStatus #trans  {
	width:670px; /* 670 */
	height:500px; /* 400 */
	background-color:#FFFFFF;
	position:absolute;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	z-index:11;
}
#mapStatus img {
	margin:195px 0 0 283px;
	z-index:12;
	position:absolute;
}

#nav h2 {
	display:inline;
	padding-left:15px;
	padding-right:15px;
}
.href {
	color:#000000;
}

#map {
	width:670px;
	height:500px;
	border:2px solid #ecf3fe;
	z-index:1;
	/*margin:0 auto;*/
}
#my_weather h2 {
	margin-bottom:10px;
}
.weather {
	border-collapse: collapse;
	margin:10px 0 10px 0;
	width:670px;
}
.weather.ajax {
	border-collapse: collapse;
	margin:0;
	width:340px;
}
.weather * {
	font-family:Tahoma, Verdana, Arial;
}
h1 span.small {
	font-size:12px;
	font-weight:normal;
	color:#000000;
}
h1.ajax {
	font-size:12px;
}
.weather.ajax img {
}
.weather td, .weather th {
	/*width:100px;*/
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	vertical-align:middle;
	padding:3px 20px 3px 20px;
}
.weather.ajax td, .weather th.ajax {
	padding:0px 5px 0px 5px;
}
.weather h1 {
	font-size:20px;
	font-weight:normal;
	color:#000000;
}
.weather th.index {
	text-align:right;
	width:auto;
	padding:0 20px 0 0;
}
.weather.ajax th.index {
	padding:0 5px 0 0;
}
.weather th.dag {
	font-size:14px !important;
	font-weight:bold;
	background-color:#ecf3fe;
	border:1px solid #fff;
	border-width:0 1px 0 1px;
}
.weather .col {
	border:1px solid #ecf3fe;
	border-width:0 1px 0 1px;
	font-weight:bold !important;
}
.weather .col.last {
	border-width:0 1px 1px 1px !important;
}

/* mob */
#mob table.weather {
	margin-top:10px;
	width:auto !important;
}
#mob .weather caption {
	text-align:left;
	color:#365197;
	font-weight:bold;
}
#mob .weather td, .weather th {
	/*width:32px;*/
	text-align:center !important;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	vertical-align:middle;
	padding:0px;
}

#mob .weather th.index {
	text-align:right;
	width:auto;
	padding:0 !important;
	font-size:9px;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
}
#mob .weather th.dag {
	font-size:11px !important;
	font-weight:bold;
	background-color:#ecf3fe;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}
#mob .weather .col {
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	font-weight:bold !important;
}

#mob .weather .max {
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #D10303;
	font-weight:bold !important;
}
#mob .weather .min {
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #0000C0;
	font-weight:bold !important;
}
#mob .weather .neerslag {
	background: #FFF url(/assets/small/neerslag.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:28px;
	width:25px;
}
#mob .weather .zon {
	background: #FFF url(/assets/small/zon.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:28px;
	width:25px;
}
#mob .weather .wind-n {
	background: #FFF url(/assets/small/n.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}
#mob .weather .wind-nw {
	background: #FFF url(/assets/small/nw.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}
#mob .weather .wind-w {
	background: #FFF url(/assets/small/w.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}
#mob .weather .wind-zw {
	background: #FFF url(/assets/small/zw.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}
#mob .weather .wind-z {
	background: #FFF url(/assets/small/z.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}
#mob .weather .wind-zo {
	background: #FFF url(/assets/small/zo.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}
#mob .weather .wind-o {
	background: #FFF url(/assets/small/o.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}
#mob .weather .wind-no {
	background: #FFF url(/assets/small/no.png) no-repeat;
	border:1px solid #ecf3fe;
	border-width:0 1px 1px 0;
	color: #00056E;
	font-weight:bold !important;

	height:27px;
	width:25px;
}

#mob h1 {
	text-align:left; 
	font-size:10px !important;
	margin-top:0;
	line-height:12px;
}

/* autcompleter */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
 /* border:1px solid #888;*/
  margin:0px;
  padding:0px;
  z-index:20;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  text-align:left;
}
div.autocomplete ul li.selected { background-color: #ecf3fe;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px 5px 2px 5px;
  cursor:pointer;
  text-align:left;
  font-size:10px;
}

#error_maps {
	color:#FF0000;
	font-weight:bold;
	padding-left:10px;
}