/* FRIESLAND POST SITE CSS */

/*************************************************/
/* HTML tag styles                               */
/*************************************************/

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html, body {
}

body {
	font-family: Verdana, Geneva, sans-serif;
	background: url(../img/img_site/bg_tile.jpg) repeat-x;
	color: #434343;
	height: 100%;
}

/*************************************************/
/* Site layout styles                            */
/*************************************************/


/* Main blocks
**************************************************/

#wrap {
	height: 100%;
	width: 999px;
}

#header_container {
	background: url(../img/img_site/header.jpg) no-repeat right top;
	height: 75px; <!--  55px -->
	*height: 75px; <!--  35px -->
	width: 507px;
}

#header_container_vervolg {
	background: url(../img/img_site/header.jpg) no-repeat right top;
	height: 78px;
	width: 507px;
}

#topmenu_container {
	width: 400px;
	margin-left: 14px;
	margin-top: 41px;
	*padding-top: 1px;
	*margin-top: 41px;
	height: 1px;
}

#topmenu {
	height: 21px;
	*height: 18px;
}

#topmenu td {
	text-align: center;
}

#topmenu a {
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: none;
}

#topmenu a:hover {
	color: #FF0000;
}

#left_container {
	width: 242px;
	height: 100%;
}

#left_table {
	height: 100%;
	width: 242px;
}

#left_bottom_container {
	background: #FFFFFF;
	height: 100%;
}

#leftmenu_container {
	width: 484px;
}

#leftmenu_table {
	background: url(../img/img_site/logo.jpg) no-repeat;
	height: 104px;
	width: 242px;
}

#content_container {
	width: 480px;
	*width: 492px;
	background: #FFFFFF;
	padding: 0px;
}

#center_container {
	height: 100%;
	width: 493px;
}

#center_table {
	height: 100%;
	width: 100%;
}

#homeplaat {
	height: 266px;
}

#center_left_container {
	width: 492px;
	height: 100%;
	background: #FFFFFF;

}

#center_right_container {
	width: 242px;
	height: 100%;
	background: #FFFFFF;
}

#right_container {
	width: 242px;
	*width: 245px;
	height: 100%;
}

#right_table {
	width: 100%;
	height: 100%;
}

#right_bottom_container {
	background: #FFFFFF;
	height: 100%;
}

.hor_rule {
	background: url(../img/img_site/hor_rule_bg.jpg) repeat-x left center;
	height: 9px;
	margin: 0px;
	padding: 0px;
	line-height: 9px;
	border-style: none;
	vertical-align: baseline;
}

.vert_rule {
	background: url(../img/img_site/vert_rule_bg.jpg) repeat-y center top;
	width: 7px;
}

#login_container {
	white-space: nowrap;
	text-align: left;
	font-size: 11px;
	line-height: 20px;
	color: #FFFFFF;
	background: url(../img/img_site/inlog_bg.jpg) no-repeat;
	height: 132px;
	padding-right: 5px;
	padding-left: 8px;
}

#loginhead {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 40px;
	line-height: 22px;
	text-align: right;
	padding-right: 5px;
}

#login {
	font-size: 10px;
	color: #fff;
	line-height: 10px;
	margin-top: 8px;
}

#login input {
	width: 91px;
	border: 1px solid #000000;
	background: #FFFFFF;
	font-size: 11px;
	color: #333333;
	padding: 2px;
}

#login img {
	margin-left: 5px;
}

#login a {
	color: #FFFFFF;
	text-decoration: underline;
}

#login a:hover {
	color: #FF0000;
}

#plaatskiezer {
	background: url(../img/img_site/plaatskiezer_bg.jpg) no-repeat;
	height: 59px;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 5px;
}

#plaats {
	font-size: 10px;
	color: #fff;
	line-height: 10px;
}

#plaats select {
	width: 185px;
	margin-right: 5px;
	border: 1px solid #000000;
	background: #FFFFFF;
	font-size: 11px;
	color: #333333;
	padding: 2px;
	margin-top: 7px;
	margin-bottom: 7px;
	vertical-align: middle;
	line-height: 28px;
}

#deze_maand_container {
	background: url(../img/img_site/logo.jpg) no-repeat left top;
	width: 242px;
	height: 344px;

}

#deze_maand_table {
	width: 242px;

}

#editie {
	height: 195px;
	width: 131px;
}

#dezemaand {
	font-size: 10px;
	line-height: 22px;
	color: #434343;
	padding-left: 4px;

}

#dezemaand li {
	font-weight: bold;
	list-style: inside;
	line-height: 13px;
}

#frplezen {
	z-index: 99;
	background: url(../img/img_site/leesonline.jpg) no-repeat;
	height: 40px;
	width: 242px;
}

#zoeken_container {
	background: url(../img/img_site/zoeken_bg.jpg) no-repeat;
	height: 82px;
	padding-left: 10px;
	padding-top: 6px;
}

#zoeken {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

#zoeken a {
	color: #fff;
	font-size: 10px;
	text-transform: none;
}

#zoeken a:hover {
	color: #FF0000;
}

#zoeken img {
	vertical-align: middle;
	float: none;
}

#zoeken input {
	width: 180px;
	margin-right: 5px;
	border: 1px solid #000000;
	background: #FFFFFF;
	font-size: 11px;
	color: #333333;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 7px;
}

.block_home_container {
}

.block_home {
	font-size: 10px;
	width: 242px;
	line-height: 14px;
	padding-bottom: 9px;
}

.block_home h2 {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 3px;
	padding-right: 9px;
	padding-left: 9px;
}

.block_home p {
	padding-right: 9px;
	padding-left: 9px;
}

.block_home a {
	color: #025992;
	text-decoration: underline;
	font-weight: normal;
}

.block_home a:hover {
	color: #FF0000;
}

.block_home img {
	float: right;
	margin-left:3px;
}

.block_home ul {
	margin-bottom: 11px;
	margin-left:15px;
}

.block_home li {
	list-style: disc outside;
}


.floatLeft {
  font-size: 11px;
	line-height: 18px;
	color: #434343;
}

.floatLeft img{
  float: left;
  margin: 4px;
}

.leesverder {
	font-size: 10px;
}

.leesverder a {
	color: #025992;
	white-space: nowrap;
}


.leesverder a:hover {
	color: #FF0000;
}

.loguit {
	color: white;
	font-size: 11px;
}

.loguit a {
	color: #ffffff;
	white-space: nowrap;
	font-size: 11px;
}


.loguit a:hover {
	color: #FF0000;
}

.links {
	float: none;
}

.rechts {
	float: right;
}

#fotofriesland {
	float: none;
	display: block;
}

.sectionheader {
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	text-transform: uppercase;
	height: 26px;
	width: 224px;
 *width: 242px; /* IE6 en IE7 */
	color: #fff;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 4px;
}

.sectionheader em a {
  color: #FFF;
  text-decoration:none;
}

.sectionheader span a {
  color: #FFF;
  text-decoration:none;
}

.sectionheader em a:hover {
  color: #FFF;
  text-decoration:underline;
}

.sectionheader span a:hover {
  color: #FFF;
  text-decoration:underline;
}


.sectionheader em {
	float: left;
	font-style: normal;
}

.sectionheader span {
	font-size: 9px;
	float: right;
	display: inline;
	text-transform: none;
}

.sectionheaderagenda {
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	text-transform: uppercase;
	height: 26px;
	width: 474px;
 *width: 492px; /* IE6 en IE7 */
	color: #fff;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 4px;
}

.sectionheaderagenda em {
	float: left;
	font-style: normal;
}

.sectionheaderagenda em a {
	color: #fff;
	text-decoration:none
}

.sectionheaderagenda em a:hover {
	text-decoration:underline;
}

.sectionheaderagenda span {
	font-size: 9px;
	float: right;
	display: inline;
	text-transform: none;
}

.verhalenheader {
	font-size: 11px;
	line-height: 26px;
	font-weight: normal;
	text-transform: uppercase;
	height: 26px;
	width: 224px;
 *width: 242px; /* IE6 en IE7 */
	color: #fff;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 4px;
}

.verhalenheader em {
	float: left;
	font-style: normal;
}

.verhalenheader span {
	font-size: 9px;
	float: right;
	display: inline;
	text-transform: none;
}

.menuhead {
	padding-bottom: 4px;
	vertical-align: bottom;
}

.maandhead {
	padding-bottom: 4px;
	vertical-align: bottom;
}

.algemeenbreed {
	background: url(../img/img_site/algemeen_breed.jpg) no-repeat;
}

.hetbladhead {
	background: url(../img/img_site/hetbladhead_bg.jpg) no-repeat;
}

.puzzelhead {
	background: url(../img/img_site/hetblad.jpg) no-repeat;
}

.volgendemaandhead {
	background: url(../img/img_site/volgende_breed.jpg) no-repeat;
}

.columnhead {
	background: url(../img/img_site/columnhead_bg.jpg) no-repeat;
}

.columnheadbreed {
	background: url(../img/img_site/column_breed.jpg) no-repeat;
}

.nieuwshead {
	background: url(../img/img_site/nieuws.jpg) no-repeat;
}

.nieuwshead_breed {
	background: url(../img/img_site/nieuws_breed.jpg) no-repeat;
}

.webloghead {
	background: url(../img/img_site/weblog.jpg) no-repeat;
}

.weblogheadbreed {
	background: url(../img/img_site/weblog_breed.jpg) no-repeat;
}

.lezerfotohead {
	background: url(../img/img_site/fotos.jpg) no-repeat;
}

.lezerfotoheadbreed {
	background: url(../img/img_site/fotos_breed.jpg) no-repeat;
}

.middlehead {
	background: url(../img/img_site/middlebighead_bg.jpg) no-repeat;
}

.hetbladheadbreed {
	background: url(../img/img_site/hetblad_breed.jpg) no-repeat;
}

.agendahead {
	background: url(../img/img_site/agendahead_bg.jpg) no-repeat;
}

.agendaheadWinkel {
	background: url(../img/img_site/agendaheadWinkel_bg.jpg) no-repeat;
}

.fotoshead {
	background: url(../img/img_site/fotoshead_bg.jpg) no-repeat;
}

.fotosheader {
	background: url(../img/img_site/fotoheader_bg.jpg) no-repeat;
}

.winkelhead {
	background: url(../img/img_site/winkelhead_bg.jpg) no-repeat;
}

.winkelheadbreed {
	background: url(../img/img_site/winkel_breed.jpg) no-repeat;
}

.floatCat{
	float: left;
	align: center;
}

.subheader {
	background: url(../img/img_site/subhead_bg.jpg) ;
	width: 221px;
 *width: 240px; /* IE6 en IE7 */
	font-size: 10px;
	padding: 2px 9px 3px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #025992;
}

.subheaderAgenda {
	background: url(../img/img_site/subhead_bg.jpg) ;
	font-size: 10px;
	padding: 2px 9px 3px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #025992;
}

.subheadernieuws {
	background: url(../img/img_site/subhead_bg.jpg) repeat-x;
	font-size: 10px;
	padding: 2px 9px 3px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #025992;
}

.subheader a {
	color: #025992;
	text-decoration: none;
	font-weight: bold;
}

.subheader a:hover {
	color: #FF0000;
}

.subheader em {
	float: left;
	font-style: normal;
}

.subheader span {
	font-size: 10px;
	float: right;
	display: inline;
	text-transform: none;
}

#footer_container {
	padding-left: 15px;
	color: #434343;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	background: #FFFFFF;
}

#footer {
	width: 700px;
	float: left;
	display: inline;
}

#footer a {
	color: #2e2e2e;
	text-decoration: underline;
}

#footer a:hover {
	color: #FF0000;
}

#realisatie {
	width: 250px;
	float: right;
	text-align: right;
	display: inline;
}

#realisatie a {
	text-decoration: none;
	color: #2e2e2e;
}

#realisatie a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.story li {
  list-style: disc inside;
}


/* Content CMS
**************************************************/

#content {
	font-size: 11px;
	line-height: 18px;
	color: #434343;
}

#content ul {
	margin-bottom: 11px;
	margin-left:15px;
}

#content li {
	list-style: disc outside;
}

#content ul li ul {
	margin-bottom: 0px;
}

#content ul li ul li {
	background: url(none);
	list-style: circle inside;
	padding-left: 0px;
	margin-left: 10px;

}

.storytest{
	background: url(../img/img_algemeen/winkel_bground.jpg);

}


#content a {
	text-decoration: underline;
	color: #434343;
}

#content a:hover {
	text-decoration: underline;
	color: #FF0000;
}

#content .imglinks {
	float: left;
	margin: 6px;
}

#content .imgrechts {
	float: right;
	margin-left: 6px;
	margin-top: 2px;
}

#content p {
	font-size: 11px;
	line-height: 18px;
	color: #434343;
	margin-bottom: 11px;
}

#content.story, #content .story, .story {
	font-size: 11px;
	line-height: 18px;
	color: #434343;
}

#content.storytext{
	padding: 4px; 
}

#content h1 {
	font-size: 15px;
	margin-bottom: 11px;
	color: #434343;
	line-height: 21px;
	font-weight: bold;
}

#content h2 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	color: #434343;
}

#content h3 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	color: #434343;
}

#content h4 {
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	color: #434343;
}

#content h5 {
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	color: #434343;
}

#content h6 {
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	color: #434343;
}


/* Go to top
**************************************************/

#gototop {
	font-size: 11px;
	text-decoration: underline;
	cursor: pointer;
}

/* Formulieren CMS
**************************************************/

#letsForm1 {
	margin-top: 14px;
}

input, select {
	border: 1px solid #6e7176;
	background-color: #FFF;
	margin: 2px 0px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 2px;
}

.inputDisable {
	border: 0px solid #FFFFFF;
	background-color: #FFF;
	margin: 2px 0px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 2px;
}

textarea, file {
	color: #000;
	border: 1px solid #666;
	padding: 2px;
	font-size: 11px;
	line-height: 15px;
}

.letsFormTable {
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 2px;
	display:block;
}

.letsFormInput {
	color: #666;
	border: 1px solid #d6d6d6;
	padding: 2px;
	margin: 2px 0 2px 0;
	font-size: 11px;
	line-height: 15px;
}

.error {
	color: #294355;
	border: 1px solid red;
	padding: 2px;
	margin: 2px 0 2px 0;
	font-size: 11px;
	line-height: 15px;
}

.letsFormCheckbox {
	border: 1px solid white;
}

.letsFormCheckbox .error {
	border: 1px solid red;
}


.letsFormTextArea {
	color: #666;
	border: 1px solid #d6d6d6;
	padding: 2px;
	margin: 2px 0;
	font: 11px/15px Arial, Helvetica, sans-serif;
	width: 250px;
}

.letsFormButton {
	color: #666;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	height: 20px;
	background: #E0E0E0;
	vertical-align: middle;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}

.letsFormTD {
	width: 150px;
	padding-bottom:10px;
}

.letsErrorList {
	color:red;
}

.letsFormTextArea {
	width:250px;
	height:175px;
}

.w20 {
	width: 20px
}

.w50 {
	width: 50px
}

.w100 {
	width: 100px
}

.w120 {
	width: 120px
}

.w150 {
	width: 150px
}

.w180 {
	width: 180px
}

.w200 {
	width: 200px
}

.w100percent {
	width: 100%
}





/*************************************************/
/* Browser compatibility                         */
/*************************************************/

/* fixes float problems
**************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}




/* End hide from IE-mac */

/* Photobox
**************************************************/

#photobox {
	width: 486px;
	margin:5px 0px 5px 2px;
	*margin:5px 0px 5px 7px;
}

#photobox td {
	background: #FFFFFF;
	/*border: 1px solid #8AC152;*/
	text-align: center;
}

.thumb img {
  margin: 8px 8px 8px 1px;
}

.photo {
	height: 300px;
	width: 386px;
}

.thumb {
}

.scrolldiv {
  width:470px;
  overflow: -moz-scrollbars-horizontal;
  overflow-x: auto;
  overflow-y: none;
  margin-left: 3px;
  *margin-left: -2px;
  margin-bottom: 2px;
  padding: 0px;
}



/* Advertenties
**************************************************/

.advertStyle {
	font-size: 11px;
	line-height: 18px;
	color: #434343;
	background: url(../img/img_site/advertentieAchtergrond.jpg) no-repeat;
}

.advertStyle a {
	color: #434343;
	text-decoration: none;
}

.advertStyle a:hover {
	color: #FF0000;
}




/* Kalender
**************************************************/

.tddagnee{
	color: #025992;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	height: 18px;
	background: #87B8D6;
	vertical-align: middle;
	/*cursor: pointer;*/

}

.tddagja{
	color: #ffffff;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	height: 18px;
	background: #0675BD;
	vertical-align: middle;
	cursor: pointer;
}

.tddagja a{
	color: #ffffff;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
	text-decoration:none;
}

.dagennaam{
	color: #ffffff;
	font-size: 10px;
	font-weight : bold;
	line-height: 18px;
	text-align: center;
	height: 18px;
	background: #025992;
}

.maandnaam{
	width: 242px;
 *width: 222px; /* IE6 en IE7 */
	font-size: 11px;
	line-height: 18px;
	padding: 2px 9px 3px;
	*padding: 1px 9px 0px;
	margin-bottom: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight : bold;
}

.maandnaamHead {
	background: url(../img/img_site/winkelhead_bg.jpg) no-repeat left top;
	width: 242px;
 *width: 210px; /* IE6 en IE7 */
	font-size: 11px;
	line-height: 18px;
	padding: 2px 9px 3px;
	*padding: 1px 9px 0px;
	margin-bottom: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight : bold;
	cursor:pointer;
}

.overzichtmaandnaam{
	background: #85BADA;
	width: 210px;
 *width: 210px; /* IE6 en IE7 */
	font-size: 15px;
	line-height: 18px;
	padding: 2px 9px 3px;
	margin-bottom: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight : normal;
	
}

/* Landingpages styling 
**************************************************/
.landingleft {
  margin-left: 20px; 
  width:440px;
  float:left;
  min-height: 480px;
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: Arial;
  font-size: 16px;
  line-height: 25px;
  padding-top: 10px;
}

.landingleft img {
  border:0px;  
}
 
 
.landingleft h1 {
  font-family: Arial;
  font-size: 16px;
  line-height: 25px;
  font-weigth: bold;
}

.landingleft h2 {
  font-family: Arial;
  font-size: 35px;
  line-height: 38px;
  color:#000000;
}

.landingleft h4 {
  font-family: Arial;
  font-size: 24px;
  line-height: 38px;
  color:#0273C3;
  margin-bottom: 10px;
}

.landingleft p {
  font-family: Arial;
  font-size: 16px;
  line-height: 25px;
  color:#000000;
  margin-bottom: 20px;
}

.landingright {
  width: 490px;
  float:left;
  margin-top: 10px;
  z-index: 10;
  position:relative;
}

.landingright .star {
  position: absolute;
  top: 425px;
  left: 110px;
}

.landingbottom {
  float:left;
  clear:both;
  margin-top: 10px;
  z-index: 10;
  position:relative;
  width:500px;
    margin-left: 20px; 
}

.landingbottom p {
  font-family: Arial;
  font-size: 16px;
  line-height: 25px;
  color:#000000;
  margin-bottom: 5px;
}

.landingbottom a {
  font-family: Arial;
  font-size: 16px;
  line-height: 25px;
  color:#000;
  margin-bottom: 5px;
}





/* Test kleuren voor de agenda */
/*
828B7A  9D8B5D   c4b486  a89a70 

*/