﻿#opmLogin {
    display: inline;
}

#alertmessage {
background: #ebebeb;
font-size: 16px;
line-height: 10px;
font-weight: 700;
height: 24px;
padding: 2 10px;
}
#alertmessage-text {
color: #000000;
left: 10px;
position: relative;
top: 8px;
font-size: 16px;
font-weight: 700;
}
a.alertmessage-text {
color: #3f3fff;
font-size: 16px;
}
body {
    margin-top: 0;
    margin-left: 0;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    width: 100%;
    min-width: 980px;
    min-height: 100%;
    height: auto;
    background: url("include/images/body.png") repeat-y scroll 50% 0 #FFFFFF;
    color: #000;
    font: 12px/15px Arial, Helvetica, sans-serif;
}
#footer {
    width: 100%;
    min-height:950px;
    text-align:center;
    

}
.2kolom {
    width: 275px;
    float:left;
    text-align:center;
}
.regel {
    width:650px;
    float:left;
    text-align:center;
}

#wrapper {
      margin: auto;
    padding: 0;
    width: 983px;
    text-align: left;
    border-left: 4px solid;
    border-right: 4px solid;
    border-left-color:#fbfafa;
        border-right-color:#fbfafa;
}

#horizontalspace {
    height: 5px;
    width: 100%;
    /*background: #fff;*/
    margin: 0px;
}
#headermenu {
    height: 27px;
    width: 100%;
    /*background: #fff;*/
    background: #eee;
    margin: 0px;
    /*border-top: 1px solid #d0d4d3;*/
    /*border-bottom: 3px solid #d0d4d3;*/
        text-align: left;
}

#zoom_content 
{
    border: 2px solid #000084;
}

#headercontent {
    margin-top:5px;
    width: 970px;
    background: #fff;
        float:left;
}

#headercontent-onder {
   float: left;
margin-left: 107px;
/*border-top: 1px solid #D0D4D3;*/
/*border-right: 1px solid #D0D4D3;*/
/*border-bottom: 1px solid #D0D4D3;*/
height: 96px;
    }
#headercontent-onder-banner 
{
    margin-right:4px;
    margin-top:3px;
    width:732px;
    }
a.wit
{
	font-family: Arial,Verdana;
	font-size: 12px;
	text-decoration: underline;
  font-weight: bold;
    color:#FFFFFF;
}

a.wit:hover
{
	font-family: Arial,Verdana;
	font-size: 12px;
	text-decoration: underline;
    color:#FFFFFF;
}


#content-main {
        float:left;
        margin-right:10px;
    /*border-right: 1px solid #d0d4d3;*/
    /*border-bottom: 1px solid #d0d4d3;*/
    /*border-left: 1px solid #d0d4d3;*/
    width:170px;
    left:-1px;
    }
#content-main-160 {
        float:left;
        margin-right:10px;
    /*border-right: 1px solid #d0d4d3;*/
    /*border-bottom: 1px solid #d0d4d3;*/
    /*border-left: 1px solid #d0d4d3;*/
    width:170px;
    height:681px;
    left:-1px;
    }
#content-main-336 {
        float:left;
        margin-right:10px;
    /*border-right: 1px solid #d0d4d3;*/
    /*border-bottom: 1px solid #d0d4d3;*/
    /*border-left: 1px solid #d0d4d3;*/
    width:346px;
    height:800px;
    left:-1px;
    }

#content-main-banner 
{
    float:left;
    margin-left:3px;
    margin-top:3px;
    width:160px;
    }
#content-main-banner336 
{
    float:left;
    margin-left:3px;
    margin-top:3px;
    width:336px;
    }

#blocklinks {
        width: 310px;
        text-align: left;
        float:left;
        margin-left:10px;

}
#tekstintro {
    margin-left:50px;
    margin-bottom: 5px;
}
#box {
text-align:center;
    border: 1px solid #ff0000;
}

#menurechtsboven {
margin-left: 6px;
margin-top: 0px;
width: 117px;
float: left;
}
#blockrechts {
    float:right;
    position:relative;
}
#meer {
    float:right;
    margin-right:20px;
}
#header-right-content {
margin-top: 0px;
float: left;
width: 130px;
height: 233px;
}



#content-main-right {

    float:left;
    width:110px;
    margin-left:5px;
}
#content {
    width:690px;
        float:left;
        margin-top:2px;
}
#content-520 {
    width:520px;
        float:left;
        margin-top:2px;
}

#radar {
    width: 556px;
    background: #fff;
        float:left;
    /*border-right: 1px solid #d0d4d3;*/
    /*border-bottom: 1px solid #d0d4d3;*/
}


#time-urls td
{
   padding:2px;
    
}

#blockrechts ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


#blockrechts li {
    width: 130px;
    float: right;
    text-align:right;
    margin-bottom: 3px;
}
#blockrechts img {
    border: none;
    width: 120px;
    height: 120px;
}

 
#header-flags {
    height: 16px;
    width: 165px;
    /*background: #fff;*/
    float: left;
    margin-right:10px;
}

#header-flags ul {
    list-style: none;
    margin: 7px 0px 0px 14px;
    padding: 0px;
}

#header-flags li {
    width: 22px;
    float: left;
    margin-bottom: 3px;
}
#header-flags img {
    border: none;
    width: 18px;
    height: 12px;
}
#header-flags li.mobi {
    width: 15px;
    margin-bottom: 3px;
}
#header-flags img.mobi {
    border: none;
    width: 7px;
    height: 13px;
}
.menuitem {
	font-family: Verdana,Tahoma,Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000084;
	text-decoration:none;
}
a.menuitem{ color:#000084; text-decoration:none}
a.menuitem:hover{ color:#000084; text-decoration:none}


a.grijs      { color: #525252; text-decoration: none; font-size: 8pt;	font-family: Arial,Verdana;}
a.grijs:hover{ color:#FF0000; text-decoration: underline;	font-family: Arial,Verdana;}
a.grijsln      { color: #525252; text-decoration: none; font-size: 8pt; }
a 
{
	font-family: Arial,Verdana;
    font-size: 8pt;
}



#sociobutton {
    float:left;
    margin-top:5px;
    margin-bottom:5px;    
}
#sociobutton2 {
    float:left;
    margin-top:3px;
    margin-bottom:5px;    
}
#menulinks {
    float:left;
    width:106px;   
    position:relative;
    top:0px;
    /*border-top: 1px solid #d0d4d3;*/
    /*border-bottom: 1px solid #d0d4d3;*/
 
}
#menulinks-marge {
    margin-left:5px;
}


#header-socio {
    float:left;
    margin-left:40px;
    vertical-align:middle;
    
}
.sMBCs {
  overflow: hidden;
float:left;
}

.sMBC {
  float: left;
  overflow: hidden;
}

.dropdown {
  left:-5px;
  width:100px;
  position: relative;
}


.sMBC3 {
  width: 32px;
}
h1 {

	font-family: Arial,Verdana;

	font-size: 18px;

	color: #000080;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-bottom: 2px;

}

body.cWide1196 {
    min-width: 1050px;
    float:left;
    background-image: url("/include/images/bodybreed.png");
  }
  
 
#ctl00_ContentPlaceHolder1_pnlGewitter
  {
    width:0px;
    height:0px;
  }
  .webcamcontainer
  {
      float:left;
      margin-bottom: 10px;
  }    
  
  .webcamname
  {
      background-color:#000080;
      color:White;
      text-align:center;
      height:20px; 
      padding:0px; 
      margin:0px;
      width:440px;
      border-top-right-radius: 10px; 
      border-top-left-radius: 10px; 
      -moz-border-top-right-radius: 10px; 
      -moz-border-top-left-radius: 10px; 
  }
      
  .webcam
  {   
      width:440px;
  }
      
    .webcam img
    {  
         max-width:100%;
         max-height:100%;
    }
      
      
.forecastChartYlabel {
    position: relative;
    font-size: 10px;
    top: -108px;
    left: -40px;
    width: 100px;
    display: none;
}

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#chartForecastPrecip1 h2 {
    margin-top:5px;
    margin-bottom:5px;
}

.nextRefspotContainer {
    position: relative;
    left: 288px;
    top: -130px;
    display: none;
}

.nextRefspotContainer img
  {
    width:30px;
    height:30px;
 }

.forecastChartContainer {
    height: 237px; }
	
.box.chartXXL.forecastChartContainer {
    height: 257px;
}

.chartForecastNodata a
{
    font-size:12px;
}

.deleteGeo.radar{
	color:white;
	display:none;
	margin-top:5px;
}

.useGeo.radar{
	color:white;
	display:none;
	margin-top:5px;
}

a.grijs10      { color: #525252; text-decoration: none; font-size: 10pt;	font-family: Arial,Verdana;}
a.grijs10:hover{ color:#FF0000; text-decoration: underline;	font-family: Arial,Verdana;}

div#npm_6311121 {
    top: auto;
}