/* 
	Theme Name: WereldRegio theme
	Theme URL: http://www.ibuildings.nl
	Description: Theme for WereldRegio
	Author: Ibuildings
	Version: 1
*/
.commentLinks	{
	padding-left: 15px;
	margin: 0 0 20px;
	}

html
{
  height: 100%;
  width: 100%;
}

a:link 
{
  color: #000000;
  text-decoration: none;
}

a:visited 
{
  color: #000000;
  text-decoration: none;
}

a:active 
{
  color: #000000;
  text-decoration: none;
}

a:hover 
{
  color: #7E837E;
  text-decoration: none;
}

body
{
  padding: 0px;
  margin: 0px;
  background: #FFFFFF;
  height: 100%;
  width: 100%;
  font-size: 0.7em;
  line-height: 1.5;
  font-family: arial, "MS Sans Serif", arial, helvetica, sans-serif;
}

a img
{
  border:0px;
}

#mainDiv
{
  width: 785px;
  margin: 0px auto;
  background: #FFFFFF;
}

/******************************** linkse kolom ********************************/
#leftColumn
{
  width:141px;
  height:100%;
  float:left;
  padding-bottom: 24px;
  overflow: hidden;
}
/**************************** end linkse kolom ********************************/

/******************************** middelste kolom ********************************/
#middleColumn
{
  width: 430px;
  height:100%;
  margin: 20px 25px 25px 25px;
  float:left;
  overflow:hidden;
}

#pageContent
{
  width:785px;
  height:100%;
  float:left;
  background-image: url(images/background-image.jpg);
  position: relative;
}
/**************************** end middelste kolom ********************************/

/******************************** rechtse kolom ********************************/
#rightColumn
{
  width:164px;
  height:100%;
  float:left;
  padding-bottom: 24px;
  overflow: hidden;
}

.rightContainer
{ 
  width: 135px;
  margin: 20px 17px 14px 12px;
}

.rightContent
{
  width: 135px;
}

.rightContent .header
{
  background-color: #9c8d84;
  color: white;
  padding: 0 10px;
  font-weight: bold;
  height: 21px;
}

.headspacer	{
	position: absolute;
	margin-top: 4px;
	}

.rightContent .content
{
 margin: 6px 0px 6px 0px;
}
/**************************** end rechtse kolom ********************************/

/******************************** header ********************************/
#header
{
  width:785px;
  height:105px;
  float:left;
  background-image: url(images/header.jpg);
}

#header_link_container
{
  width:785px;
  height:105px;
}

.headerSearch	{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	margin-left: 535px;
	width: 250px;
	background-color: #FFF;
	}

.headerRow	{
	width: 250px;
	background-color: #FFF;
	}

.glogo	{
	float: left;
	height: 27px;
	background: url(images/google.png) no-repeat;
	clear: both;
	}

.headerSearch .textbox
{
	float: left;
	width: 138px;
	height: 15px;
	
	font-size: 1.1em;
	font-family: Verdana, Helvetica, Sans-Serif;
	
	padding:2px 0pt 2px 5px;
	margin: 2px 0px 7px 8px;
	
	border: 1px solid #C0C0C0;
	border-top-color: #666666;
	border-left-color: #666666;
	text-align:left;
	color: #000;
}

#searchbutton	{
	float: left;
	margin: 2px 0px 0px -1px;
	display: block;
	width: 21px;
	height: 21px;
	cursor: pointer;
	background: #FFF url(images/searchsubmit.jpg) no-repeat;
	}

#searchbutton:hover	{
	background-position: 0px -21px;
	}

#searchform_header	{
	display: inline;
	float: left;
	margin-left: 75px;
	width: 175px;
	}
/**************************** end header ********************************/

.menuLinks
{
  text-align:right;
  list-style: none;
  padding-top:0;
  margin-bottom: 20px;
}

.menuLink
{
  
}

.defaultAlign
{
  margin:5px 0px 5px 0px;
  overflow:hidden;
}

#datetimeHeader
{
  padding-left:165px;
  position: relative;
}

#searchform 
{
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.textbox
{
  width: 100px;
  /*background: #EFEFEF url(images/search.gif);*/
  color: #333333;
  font-size: 11px;
  font-family: Verdana, Helvetica, Sans-Serif;
  padding: 0px;
  margin: 4px 3px 4px 7px;
  border: 0px solid #C0C0C0;
  text-align:right;
  color: #9c8d84;
}

.searchTheme .textbox
{
  width: 110px;
  /*background: #EFEFEF url(images/search.gif);*/
  color: #333333;
  font-size: 11px;
  font-family: Verdana, Helvetica, Sans-Serif;
  padding: 0px;
  margin: 4px 3px 4px 7px;
  border: 0px solid #C0C0C0;
  text-align:right;
  color: #9c8d84;
}

.searchTheme
{ 
  width:146px;
  height:25px;
  background-image: url(images/search4.gif);
  background-repeat: no-repeat;
  margin-bottom: 4px;
}

form {
  width:400px;
  overflow:hidden;
}

.subscribe_title
{
  padding-left: 10px;
  font-weight: bold;
  color: #9c8d84;
  margin-bottom: 9px;
}

.subscribe_container
{
  width: 427px;
}

.subscribe_header
{
  background-color: #9c8d84;
  height: 21px;
  color: white;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 5px 3px 10px;
}


.subscribe_content
{ 
  background-color: #ded8d6;
  padding: 10px;
  margin-bottom: 10px;
}

.subscribe_big_title
{
  font-size: 200%;
  font-weight: bold;
  padding-bottom: 5px;
}

.subscribe_content input
{
  border: 0;
}

.subscribe_content .button_style
{
   background-color: #8cc63e;
   color: white;
   font-weight: bold;
   text-align: left;
   height: 21px;
   padding: 1px 5px 1px 5px;
   vertical-align: middle;
}

.contactleft 
{
  width: 100px;
  height: 25px;
  float: left;
  margin:1px 0px 1px 0px;
}
.contactleft_cbox 
{
  width: 100px;
  height: 25px;
  float: left;
  margin:1px 0px 1px 0px;
  text-align: right;
}

.contactright 
{
  width: 250px;
  height: 25px;
  float: right;  
  margin:1px 0px 1px 0px;
}

.contactright2 
{
  width: 250px;
  height: 25px;
  margin:1px 0px 1px 0px;
  float: right;  
}

.contactmiddle 
{
  width: 400px;
  height: 25px;  
  float: left;  
  margin:5px 0px 5px 0px;
}

.contactmiddle2 
{
  width: 365px;
  height: 25px;   
  float: left;
  margin:5px 0px 5px 0px;
}

.contactright input 
{
  width: 230px;
}

.contact_cbox_container
{
  float: left;
  width: 400px;
  height: 85px;
  overflow: hidden;
  margin-bottom: 10px;
}

.contact_cbox_text
{
  width: 250px;
  float: right;  
}

contactleft_cbox input.contact_checkbox_style
{
	width: 30px !important;
	height: 30px !important;
}

.subscribeHeader
{
  background-color:#91c700;
  height:15px;
  font-weight:bold;
  padding:1px;
}
.subscribeTitle
{
  font-weight:bold;
}

.current-cat
{
  border-bottom: 1px solid black;
}

.current-cat-parent
{
}

.article_first
{
  width: 420px;
  margin-bottom: 20px;
  background-color: #f0f4ca;
}

.article
{
  width: 420px;
  margin-bottom: 20px;
}

.article_header
{
  width: 420px;
  height: 21px;
  background-color: #9c8d84;
  font-weight: bold;
}

.article_header_text
{
  color: white;
  height:21px;
  padding: 1px 10px 1px 10px;
}

.article_title
{
  margin-bottom: 3px;
}

a.header_link
{
  color: white !important;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

.article_content_applet
{
  width: 420px;
  padding: 0;
  margin: 20px 0 0;
  overflow: hidden; 
}

.article_content
{
  width: 420px;
  padding: 7px 0px 7px 0px;
  overflow: hidden; 
}

.article_content p
{
  margin:0;
/*  padding:0; */
  padding-bottom: 1em;
  /*background-color: #f0f4ca; */
}

.article_content img
{
  float: left;
  margin-right: 9px;
  
}


.article_read_more
{
  margin: 0;
  margin-bottom: 3px;
}

.article_links
{
  clear: both;
  font-weight: bold;
}

#content
{
}

#commentsform
{
  width: 420px;
}

.contactform
{
  padding: 10px 2px 2px 2px;
}
/*
#commentsform textarea
{
  width:200px;
  height: 40px;
  padding:2px;
}

#commentsform .namefield
{
  width:110px;
  float: left;
  padding:2px;
}

#commentsform .field input
{
  width:200px;
  padding:2px;  
}
*/
.markedcategory
{
  color: #d4e04c !important;
  font-weight: bold;
}

#form_error
{
  color: red
}

#comments_container
{
  width: 420px;  
}

.comments_header
{
  background-color: #9c8d84;
  height: 21px;
  color: white;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 5px 3px 10px;
}

.comments_content
{ 
  background-color: #ded8d6;
  padding: 10px;
  margin-bottom: 10px;
}

.comments_content textarea
{
  width: 400px;
  height: 200px;
  border: 0px;
  margin-bottom: 5px;
}

.namefield
{
  width: 80px;
  float: left;
  margin:1px 0px 1px 0px;
}

.field
{
  width: 300px;
  float: right;
  margin:1px 0px 1px 0px;
}

.button_height
{
  height: 30px;
}

.field input
{
  width: 300px;
}

.comments_content input, .comments_errors input
{
  border: 0;
}

.comments_content .button_style
{
   margin-top: 2px;
   background-color: #8cc63e;
   color: white;
   font-weight: bold;
   text-align: left;
   height: 21px;
   padding: 1px 5px 1px 5px;
   vertical-align: middle;
}

.comments_errors
{
  width: 300px;
  position: relative;
  top: 0px;
  left: 100px;
  overflow: visible !important;
}

.comments_errors_header
{
  background-color: #ed1d24;
  height: 21px;
  color: white;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 5px 3px 10px;
}

.comments_errors_container
{
  background-color: #9c8d84;
  color: white;
  font-weight: bold;
  padding: 10px 0px 30px 0px;
}

.comments_errors_content
{
  padding: 10px;
}


.comments_errors .button_style
{
   margin-top: 2px;
   background-color: #8cc63e;
   color: white;
   font-weight: bold;
   text-align: left;
   height: 21px;
   padding: 1px 5px 1px 5px;
   vertical-align: middle;
}

.submitbutton
{
   clear: both;
   float: left;
   width: 400px;
   margin-top: 20px;
}

.namefield_errors
{
  width: 140px;
  float: left;
  margin:1px 0px 1px 0px;
  padding-left: 10px;
}

.field_errors
{
  width: 150px;
  float: right;
  margin:1px 0px 1px 0px;
}

.comments_errors_container .field_errors input
{
  width: 150px;
}

.captcha_field
{
  width: 80px;
  float: left;
  margin:1px 0px 1px 0px;
}

input.captcha_field 
{
  float: left;
  width: 80px;
  margin:1px 0px 1px 0px;  
}


/******************************** weatherpanels ********************************/


.weatherPanel
{
  clear: both;
}


.weatherPanel h3,
.rightContent .header
{
  margin: 0px;
  background-color: #9C8D84;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  padding: 2px 2px 2px 6px;
  margin-bottom: 4px;
  height: auto ! important;
}

.weatherPanel .temperature
{
  font-size: 72px;
  color: #000;
  float: left;
  width: 130px;
  padding: 8px;
  display: block;
  position: relative;
  top: -20px;
  margin-right: 12px;
  height: 80px;
  text-align: right;
}

.weatherPanel .symbol
{
  float: left;
  margin-right: 20px;
}

.weatherPanel table th,
.weatherPanel table td
{
  border: 0px;
  border-collapse: collapse;
  line-height: 1em;
  vertical-align: top;
  text-align: left;
}

.weatherPanel table th
{
  padding-right: 12px;
}

.actualWeatherPanel
{
  position: relative;
  height: 54px;
}

.actualWeatherPanel h1
{
  float: left;
  width: 64px;
  font-size: 42px;
  line-height: 42px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#actualWeatherDescription
{
  position: absolute;
  top: 12px;
  left: 64px;
  z-index: 10000;
  line-height: 12px;
  width: 68px;
}

#actualWeatherLink
{
  clear: both;
  position: absolute;
  left: 0px;
  top: 39px;
}

#actualWeatherDescription
{
  font-weight: bold;
}