@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{ background:url(../Images/body_bg.jpg) 0 0 repeat-x fixed #6b9018; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; color:#484546; margin:0; padding:0; overflow-x:hidden;}

a{ color:#8f9620; text-decoration:none;}
a:hover{ color:#8f9620; text-decoration:underline;}
p{ margin:0; padding:0 0 14px 0;}
ul{ margin:0; padding:0 0 14px 20px;}
img{ border:none;}
form{ margin:0px; padding:0px;}

table{ border-spacing:0;}
table td, table th{ padding:0;}

h1{ font-size:14px;}
h2{ font-size:13px;}
h3{ font-size:12px;}
h4{ font-size:11px;}
h5{ font-size:10px;}
h6{ font-size:9px;}

h1, h2, h3, h4, h5, h6{ margin:0; padding:0 0 8px 0; color:#231f20; font-weight:bold; text-transform:uppercase;}

.clear{ clear:both; height:0px;}
a.more_link{ background:url(../Images/arrow_green.png) 0 4px no-repeat; padding:0 0 0 10px; font-size:12px;}
.green_text{ color:#909720; font-weight:bold;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width:938px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:0;}
#header{ width:938px; height:366px; margin:0; padding:0;}
#breadcrumbs{ width:902px; height:34px; line-height:34px; margin:0; padding:0; color:#a3a3a3; font-size:12px;}
#breadcrumbs a{ color:#a3a3a3; text-decoration:underline;}
#content{ background:#fff; width:902px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 18px 20px 18px; float:left;}
#left{ width:626px; min-height:10px; height:auto !important; height:10px; margin:0 18px 0 0; padding:0; float:left;}
#right{ width:258px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer{ background:#262626; width:902px; min-height:34px; height:auto !important; height:34px; margin:0; padding:12px 18px; float:left;}
#footer .LPS{ text-align: center; width:902px; float:left; margin:10px 0 0 0; font-weight:normal; font-size:11px; }
#footer .LPS A{ font-weight:normal;}


/**************************************************************
** Header Styles
***************************************************************/
#header_top{ width:898px; height:50px; margin:0; padding:0 20px;}
#header_bottom{ background:#fff; width:902px; height:316px; margin:0; padding:0 18px;}

#login{ background:url(../Images/login_bg.jpg) 18px 10px no-repeat; width:396px; height:34px; margin:0; padding:16px 0 0 18px; float:right; font-size:14px; color:#000;}
#login table{ width:380px; margin:0 8px;}

#top_menu{ width:484px; height:40px; margin:0; padding:10px 0 0 0; float:right;}
#top_menu ul{ width:484px; height:40px; margin:0; padding:0; float:right; list-style:none;}
#top_menu ul li{ height:40px; margin:0; padding:0 0 0 8px; float:right;}
#top_menu ul li a{ background:url(../Images/arrow_white.png) 0 18px no-repeat; height:40px; line-height:40px; margin:0; padding:0 0 0 10px; float:left; color:#fff;}
#top_menu ul li a:hover, #top_menu ul li a.aan{ text-decoration:underline;}

/*#header_images{ position:relative; width:506px; height:256px; margin:0; padding:0; float:left;} <-- Deze als #newsletter er weer bij komt. */
#header_images{ position:relative; width:902px; height:238px; margin:0; padding:18px 0 0 0; float:left;}
#logo{ position:absolute; left:0; top:0; width:300px; height:86px; margin:0; padding:0;}
#slogan{ position:absolute; left:0; top:86px; background:#fff; width:280px; min-height:10px; height:auto !important; height:10px; margin:0; padding:4px 10px; font-size:16px; color:#5e5b5b; font-style:italic; text-align:right;}

#newsletter{ width:396px; height:170px; margin:0; padding:86px 0 0 0; float:left;}
/*#slogan{ width:396px; height:94px; margin:0; padding:0; font-size:38px; color:#5e5b5b;} <-- Deze als #newsletter er weer bij komt. */
#slogan span{ float:right;}
#subscribe{ background:url(../Images/newsletter_bg.jpg) 0 0 no-repeat; width:372px; height:48px; margin:0; padding:12px; color:#fff; text-shadow:1px 1px 0 #53630a; text-transform:uppercase; font-size:14px;}

#menu{ width:902px; height:42px; margin:0; padding:18px 0 0 0; float:left;}
#menu ul{ background:#262626; width:744px; height:42px; margin:0; padding:0; float:left; list-style:none;}
#menu ul li.hoofditem, #menu ul li.hoofditem_over{ background:url(../Images/menu_dots.jpg) 100% 0 no-repeat; position:relative; height:42px; margin:0; padding:0 14px; float:left; z-index:1000;}
#menu ul li.hoofditem.last_item, #menu ul li.hoofditem_over.last_item{ background:none;}
#menu ul li.hoofditem a, #menu ul li.hoofditem_over a{ height:42px; line-height:38px; margin:0; padding:0; float:left; color:#fff;}
#menu ul li.hoofditem a:hover, #menu ul li.hoofditem a.aan, #menu ul li.hoofditem_over a:hover, #menu ul li.hoofditem_over a.aan{ background:url(../Images/menuitem_bg.jpg) 0 100% repeat-x; text-decoration:none; cursor:pointer;}

.submenu{ display:none; z-index:1001;}
#menu ul li.hoofditem_over .submenu{ background:#8f9620; position:absolute; left:14px; top:42px; width:206px; min-height:10px; height:auto !important; height:10px; margin:0; padding:16px 0; z-index:1001; display:block;}
#menu ul li.hoofditem_over .submenu ul{ background:none; width:206px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; list-style:none;}
#menu ul li.hoofditem_over .submenu ul li{ width:206px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#menu ul li.hoofditem_over .submenu ul li a{ background:url(../Images/arrow_submenu.gif) 14px 13px no-repeat; width:168px; min-height:10px; height:auto !important; height:10px; line-height:normal; margin:0; padding:6px 14px 6px 24px; display:block; float:none; color:#fff;}
#menu ul li.hoofditem_over .submenu ul li a:hover, #menu ul li.hoofditem_over .submenu ul li a.aan{ background:url(../Images/arrow_submenu.gif) 14px 13px no-repeat #262626; text-decoration:none; cursor:pointer;}

#search{ background:#262626; width:158px; height:34px; margin:0; padding:8px 0 0 0; float:left;}

/**************************************************************
** Content Styles
***************************************************************/
.corner{ width:10px; height:10px; font-size:1px; z-index:999; position:absolute; background:url(../Images/corners.png) no-repeat;}
.cornerborder{ width:10px; height:10px; font-size:1px; z-index:999; position:absolute; background:url(../Images/corners_border.png) no-repeat;}
.tl{ top:0; left:0; background-position:0 0;}
.tl2{ top:-1px; left:-1px; background-position:0 0;}
.tr{ top:0; right:0; background-position:100% 0;}
.tr2{ top:-1px; right:-1px; background-position:100% 0;}
.bl{ bottom:0; left:0; background-position:0 100%;}
.bl2{ bottom:-1px; left:-1px; background-position:0 100%;}
.br{ bottom:0; right:0; background-position:100% 100%;}
.br2{ bottom:-1px; right:-1px; background-position:100% 100%;}

#home_subjects{ width:902px; min-height:10px; height:auto !important; height:10px; margin:0 0 18px 0; padding:18px 0; float:left; border-bottom:1px solid #e5e5e5;}
.subject_box{ position:relative; background:#eff0eb; width:198px; min-height:20px; height:auto !important; height:20px; margin:0 20px 0 0; padding:8px 5px; float:left; border:1px solid #e5e5e5; cursor:pointer;}
.subject_box.last_subject{ margin:0 0 0 2px;}
.subject_title{ width:198px; height:21px; line-height:21px; margin:0; padding:0 0 8px 0;}
.subject_title img{ padding:0 4px 0 0; float:left;}
.subject_image{ width:198px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 10px 0; float:left;}
.subject_image img{ width:198px; float:left;}
.subject_text{ width:198px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; color:#696969; font-size:12px;}
.subject_text span{ display:block; padding:0 0 4px 0;}

#view_switch{ width:902px; height:20px; margin:0; padding:10px 0; float:right;}
#view_switch h1{ padding:0; float:left;}
#view_switch a{ width:19px; height:17px; margin:0 0 0 8px; padding:0; float:right; font-size:1px;}
#view_switch a#SwitchAni{ background:url(../Images/switch_screens.jpg) 0 0 no-repeat;}
#view_switch a#SwitchAni:hover, #view_switch a#SwitchAni.aan{ background:url(../Images/switch_screens_aan.jpg) 0 0 no-repeat;}
#view_switch a#SwitchPlain{ background:url(../Images/switch_text.jpg) 0 0 no-repeat;}
#view_switch a#SwitchPlain:hover, #view_switch a#SwitchPlain.aan{ background:url(../Images/switch_text_aan.jpg) 0 0 no-repeat;}

#ps_slider{ display:none;}
#plain_view{ width:872px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 30px; float:left;}
#plain_view .pv_album{ background:url(../Images/portfolio_bg.jpg) 0 0 no-repeat; width:180px; height:168px; margin:0 15px 15px 0; padding:8px 8px 44px 8px; float:left;}
#plain_view .pv_album .pv_img{ width:180px; height:70px; margin:0 0 10px 0; padding:0; overflow:hidden;}
#plain_view .pv_album .pv_img img{ width:180px; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000;}
#plain_view .pv_album .pv_desc{ display:block; color:#696969; font-size:12px; height:78px; overflow:hidden; text-overflow:ellipsis;}
#plain_view .pv_album .pv_desc span{ display:block; padding-top:5px;}
#plain_view .pv_album .pv_desc h2{ margin:0; padding:0; font-size:12px; text-transform:none; font-weight:normal; color:#909720; text-shadow:0px 0px 1px #fff;}
#plain_view .pv_album .pv_desc span a{ margin:6px 0 0 0; display:block;}

DIV.pf_set{ width: 844px; float: left; clear: left; margin-top: 30px; padding: 30px 13px 20px; border: #E5E5E5 1px solid; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
DIV.pf_set DIV.legend{ font-size: 14px; color:#231f20; padding: 0 5px; float: left; margin-left: -5px; font-weight:bold; text-transform:uppercase; margin-top: -38px; background-color: #FFF; position: relative;}
DIV.pf_set DIV.row{ width: 100%; float: left; clear: left;}

#ps_albums{ height: 250px;}

#content_home_left{ position:relative; width:464px; min-height:10px; height:auto !important; height:10px; margin:0 18px 0 0; padding:18px 12px; float:left; border:1px solid #e5e5e5;}
#content_home_right{ background:#eff0eb; position:relative; width:368px; min-height:10px; height:auto !important; height:10px; margin:0; padding:18px 12px; float:left; border:1px solid #e5e5e5;}

#testimonials{ position:relative; width:368px; height:200px; margin:0; padding:0; float:left;}
.tm{ position:absolute; background:#eff0eb; width:368px; height:184px; margin:0; padding:0; font-size:13px; z-index:3; font-style: italic;}
.tm EM{ font-size: 13px; color: #909720;}
.tm.show{ z-index:4;}

.content_right{ position:relative; background:#eff0eb; width:224px; min-height:10px; height:auto !important; height:10px; margin:0; padding:18px 16px; border:1px solid #e5e5e5;}
.content_right ul li{ padding-bottom:8px;}
.submenu_right{ width:224px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0;}
.submenu_right ul{ width:224px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; list-style:none;}
.submenu_right ul li{ width:224px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0;}
.submenu_right ul li a{ background:url(../Images/arrow_submenu_right.gif) 0 12px no-repeat; width:210px; min-height:10px; height:auto !important; height:10px; margin:0; padding:4px 0 4px 14px; display:block; color:#484546; font-size:14px;}
.submenu_right ul li a:hover, .submenu_right ul li a.aan{ background:none; color:#909720;}

.example_newsletter{ float: right; margin-left: 10px; margin-bottom: 5px;}
.example_newsletter A{ text-decoration: none; font-weight: bold; text-align: center; display: block;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer_links{ width:762px; min-height:34px; height:auto !important; height:34px; margin:0; padding:0; float:left;}
#footer_rechts{ width:140px; min-height:34px; height:auto !important; height:34px; margin:0; padding:0; float:left; text-align:right; font-size:12px; color:#fff;}

#footer_menu, #footer_menu ul{ width:762px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#footer_menu li{ width:126px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer_menu li a{ background:url(../Images/arrow_white.png) 0 4px no-repeat; width:114px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 12px; float:left; color:#fff; font-size:12px;}
#footer_menu li a:hover{ background:none; text-decoration:underline;}
#footer_menu li ul{ width:126px; margin:0; padding:4px 0 0 0;}
#footer_menu ul li{ width:126px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer_menu li ul a{ width:104px; margin:0; padding:0 0 0 10px; color:#eff0eb;}

/**************************************************************
** Form Styles
***************************************************************/
input[type="text"], input[type="password"], input[type="email"], input[type="url"]{ background:#fff; width:196px; height:18px; margin-bottom:2px; border:1px solid #262626; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; color:#262626;}
input[type="submit"]{ background:#262626; width:85px; height:22px; border:none; cursor:pointer; color:#fff; text-transform:uppercase; font-weight:bold; font-size:10px;}

.InputWrapper{ background:url(../Images/input.png) 0 0 no-repeat; float:left; /*width:218px;*/}
.InputInner{ background:url(../Images/input.png) 100% 0 no-repeat #c3d021; padding:0 10px 0 0; margin:0 0 0 10px;}
.InputWrapper input, .InputInner input{ background:none; vertical-align:middle; padding-top:4px; padding-bottom:8px; margin:0; border:none; outline:none;}

input[type="password"].form_text_login,
input[type="text"].form_text_login{ width:112px;}
input[type="text"].form_text_newsletter{ width:338px; padding-left:10px;}
input[type="text"].form_text_search{ width:121px; padding-left:10px;}

select{ width:200px; border:1px solid #262626; margin-bottom:2px;}
textarea{ background:#ffffff; width:198px; height:118px; margin:0 0 2px 0; padding:0px; border:1px solid #262626; color:#262626;}