/* POMARINHO SITE CSS */

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

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

html {
}

body {
	color: #294355;
	font-family: Arial, Helvetica, sans-serif;
	background: #5BAA0A url(../img/img_body/body_bg.jpg) no-repeat center top;
	height: 100%;
}

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

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

#wrap {
	margin: 0 auto;   /* align for good browsers */
	padding: 0;
	width: 972px;
	height: 100%;
	background: url(../img/img_site/bg_tile.jpg) repeat-y;
}

#header {
	height: 177px;
	background: url(../img/img_site/headerEN.jpg) no-repeat left top;
}

#headerNL {
	height: 177px;
	background: url(../img/img_site/headerNL.jpg) no-repeat left top;
}

#headerEN {
	height: 177px;
	background: url(../img/img_site/headerEN.jpg) no-repeat left top;
}

#headerDE {
	height: 177px;
	background: url(../img/img_site/headerDE.jpg) no-repeat left top;
}

#headerFR {
	height: 177px;
	background: url(../img/img_site/headerFR.jpg) no-repeat left top;
}

#headerES {
	height: 177px;
	background: url(../img/img_site/headerES.jpg) no-repeat left top;
}

#headerPT {
	height: 177px;
	background: url(../img/img_site/headerPT.jpg) no-repeat left top;
}

#taal {
  position:relative;
	width: 135px;
 *top: 8px; /* IE7 en IE6 */
	height: 23px;
	z-index:2;
}

#taal img {
	float: left;
	vertical-align: middle;
	margin-right: 5px;
}

#center_table {
	background: url(../img/img_site/bg_top.jpg) no-repeat left top;
	/*background-color: #FFF;*/
	height: 100%;
	width: 100%;
}

#menu_container {
	width: 177px;
	padding: 10px 0px 10px 14px;
	height: 100%;

}

#zoeken_container {
	background: url(../img/img_site/zoekbox_bg.jpg);
	height: 53px;
	*height: 63px; /* IE7 en IE6 */
	font-size: 11px;
	padding: 10px 0px 0px 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 153px;
}

#zoeken {
	width: 153px;
	margin-top: 6px;
}

#zoeken-resultaat {
	width: 740px;
}


#zoeken input {
	width: 112px;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding: 0px 2px;
}

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

#content_container {
	padding: 20px 20px 5px 20px;
	vertical-align: top;
	background-color:#FFF;
}

#footer_container {
	color: #464646;
	height: 40px;
	font-size: 10px;
	line-height: 40px;
}

#footer_container a {
	color: #464646;
	text-decoration: underline;
}

#footer_container a:hover {
	color: #1B7311;
}

#footer1 {
	width: 192px;
	float: left;
	display: inline;
	text-align: center;
}

#footer2 {
	float: left;
	display: inline;
	padding-left: 15px;
}

#realisatie {
	width: 190px;
	float: right;
	text-align: right;
	display: inline;
	padding-right: 15px;
}

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

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

#content ul, #content ol {
	margin-bottom: 11px;
}

#content ol {
  margin-left:23px;
}

#content ul li {
	list-style: disc outside;
	margin-left:15px;
}

#content ol li {

}


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

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

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

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

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

#content .imgrechts {
	float: right;
	margin: 6px;
}

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

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

#content h1 {
	font-size: 18px;
	margin-bottom: 11px;
	color: #464646;
	line-height: 21px;
	font-weight: normal;
}

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

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

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

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

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

.tellafriend {
  margin-top:-20px;
  cursor:pointer;
  color: #464646;
  font-size: 11px;
  line-height:16px;
  float:right;
  z-index: 2;
}



/* Stijl voor links die zelfde stijl hebben als de gewone text */
#content .verbergen {
  text-decoration:none;
  color: #464646;
}

#email_content {
  *height:415px;
  padding-top:12px;
  position:absolute;
  width:385px;
  z-index:5;
  border: 1px solid #5AAA0B;
  background-color:#FFF;
  padding:2px;
}

/* toolbarstyle(met paperclip) als het een pagina zonder multi-img is */
/* toolbarstyle(met paperclip) als het een pagina zonder multi-img is */
div#toolbar {
  background-image: url(../img/img_body/paperclip.png);
  width: 181px;
  height: 27px;
  *width: 191px;
  *height: 47px;
  padding-left:10px;
  padding-top:20px;
  position: absolute;
  z-index: 0;
  top:155px;
  margin-left:328px;
  /*padding-top:50px;*/
}

div#toolbar_text a {
  color:#343434;
  font-size:12px;

  width: 181px;
  height: 27px;
  *width: 191px;
  *height: 47px;
  padding-left:10px;
  padding-top:20px;
  position: absolute;
  z-index: 0;
  top:155px;
  margin-left:328px;
}

/* toolbarstyle(met paperclip) als het een pagina met multi-img is */
div#toolbar_imgmulti {
  background-image: url(../img/img_body/paperclip.png);
  width: 181px;
  height: 27px;
  *width: 191px;
  *height: 47px;
  padding-left:10px;
  padding-top:20px;
  position: absolute;
  z-index: 0;
  top:155px;
  margin-top:8px;
  margin-left:335px;
  /*padding-top:50px;*/
}

div#toolbar_text_imgmulti {
  width: 181px;
  height: 27px;
  *width: 191px;
  *height: 47px;
  padding-left:10px;
  padding-top:20px;
  position: absolute;
  z-index: 0;
  top:155px;
  margin-top:8px;
  margin-left:333px;
}

div#toolbar_text_imgmulti a {
  color:#343434;
  font-size:12px;
}

.toolbar_container {
  padding-top: 50px;
  vertical-align:top;
  padding-left: 20px;
  font-size:12px;
}

.toolbar_container ul li {
  margin-bottom:5px;
}

#attentie {
  border: 1px solid;
}

#attentie th{
  text-align:left;
  padding-left:24px;
}

.attentieblok {
  vertical-align:top;
  color:#464646;
  font-size:11px;
  font-weight:bold;
  padding:5px 10px;
}

#attentie a.attentieLink {
  text-decoration:none;
}

.attentieblok ul {
  list-style-type: square;
}


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

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

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

#nifty {
  /*width: 403px;*/
	width: 402px;
	float:right;
	/*margin-left:4px;*/
}

#photobox {
  width: 391px;
  margin-left:2px;
  *margin-left:4px;
}

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

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

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

.thumb {
}

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

/* Ingangen
**************************************************/

#ingangen {
	
}

.ingang {
	width: 243px;
	background: url(../img/img_site/ingang_bg.jpg);
	height: 171px;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.ingang .body {
	text-align: center;
	padding-top: 10px;
}

.ingang .foot {
	padding-left: 15px;
	text-align: left;
}

.ingang .foot .text {
	line-height: 26px;
	color: #464646;
	width: 190px;
	float: left;
	display: inline;
}

.ingang .foot a {
	font-size: 10px;
	font-weight: bold;
	color: #464646;
}

.ingang .foot a:hover {
	color: #999999;
}

.ingang .foot .arrow {
	float: right;
	width: 20px;
	display: inline;
	padding-top: 5px;
	padding-right: 3px;
}

/* Vacature module
**************************************************/

#vacatures {
}

#vacatures h2 {
	border-bottom: 1px solid #CCCCCC;
}

#vacatures #reageer {
	float:right;
}

#vacatures ul {
	list-style: circle;
}

#vacatures li {
}

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

#letsForm1 {
	margin-top: 14px;
}

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

.button {
	border: 1px solid #6e7176;
	background-color: #FFF;
	margin: 2px 0px;
	color: #464646;
	text-align: left;
	vertical-align: middle;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 2px;
}


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

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

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

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

.letsFormRadio {
  border:0px;
  margin-right: 4px;
}

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


.letsFormCheckbox {
  margin-right:4px;
  border:0px;
}

.letsFormButton {
	color: #464646;
	font-size: 11px;
	/*line-height: 18px;*/
	text-align: center;
	height: 18px;
	background: #E0E0E0;
	vertical-align: middle;
	cursor: pointer;
}

.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%
}



/* Attentielinks
**************************************************/

#attentielinks {
	width:774px;
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #464646;
}

#attentie_kader_header #left {
	background-image: url(../img/img_site/attentie_kader_bottom_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#attentie_kader_header #center {
	background-image: url(../img/img_site/attentie_kader_bottom_r1_c2.jpg);
	background-repeat: no-repeat;
	background-position: left top;	  
}

#attentie_kader_header #right {
	background-image: url(../img/img_site/attentie_kader_bottom_r1_c3.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#attentie_kader_middle #left {
	background-image: url(../img/img_site/attentie_kader_bottom_r3_c1.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}

#attentie_kader_middle #center {
	background-image: url(../img/img_site/attentie_kader_bottom_r3_c2.jpg);
	background-repeat: repeat-y;
	background-position: left top;	  
}

#attentie_kader_middle #right {
	background-image: url(../img/img_site/attentie_kader_bottom_r3_c3.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}

#attentie_kader_bottom #left {
	background-image: url(../img/img_site/attentie_kader_bottom_r4_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#attentie_kader_bottom #center {
	background-image: url(../img/img_site/attentie_kader_bottom_r4_c2.jpg);
	background-repeat: no-repeat;
	background-position: left top;	  
}

#attentie_kader_bottom #right {
	background-image: url(../img/img_site/attentie_kader_bottom_r4_c3.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

.attentie_header {
	height:53px;
}

#left {
	width:215px;
	padding-left:45px;
}

#center {
	width:233px;
	padding-left:15px;
}

#right {
	width:251px;
	padding-left:15px;
}

.attentie_bottom {
	height:32px;
	vertical-align:bottom;
}

.attentielinks_btn {
	height:18px;	
	padding-top:1px;
	background-image: url(../img/img_site/attentielinks_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.attentielinks_btn a {
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #fff;
	text-decoration:none;
	padding-left:12px;
}

#attentielinks td {
	vertical-align:top;
}

#attentielinks .kop {
	font-size:15px;
	font-weight:bold;
	color:#6ab500;
}

#attentielinks ul li {
	list-style-type:none;
	padding:0;
	margin:0;
}

#attentielinks ul li a {
	padding-left:12px;
	font-size: 11px;
	line-height: 20px;
	color: #464646;
	text-decoration:none;
	background-image: url(../img/img_site/attentielinks_bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 0.25em;
}

#attentielinks ul li a:hover {
	text-decoration:underline;
	background-image: url(../img/img_site/attentielinks_bullet_hover.jpg);
	background-repeat: no-repeat;
	background-position: left 0.25em;
}

.dezwerver iframe { 
  width: 930px; 
  height: 3000px;
  border: 0px;
}


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

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

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

.clearfix {
	display: inline-block;
}



/* End hide from IE-mac */