/*
Theme Name: Pakor
Author: MajesticMind B.V.
Author URI: http://www.majesticmind.nl
Version: 1
Description: PAKOR B.V. Layout
*/

/* --- General side wide --- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form { margin: 0; padding: 0; }
html { font-family: Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: url(images/bg_site.gif); font-size: 12px;  }
#content_sub img { border: none; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.alignleft {float: left;margin:0 20px 20px 0}
.alignright {float: right;margin:0 0 20px 20px}

/* --- Hyperlinks --- */
a { color: #58585a; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }

/* --- Layout --- */
#container {margin: 0 auto; width: 960px; }

/* --- Header --- */
#header {position:absolute;}
.header-home {z-index:100;}
#inner {background:url(images/bg_container.gif) repeat-y;padding: 0 13px;position: relative}
#logo {position: absolute; z-index: 4;}
#logo a {background: url('images/logo.png'); float:left; width: 329px; height: 161px; overflow: hidden; text-indent: -9999px; }
#search {background: url('images/search.png'); height:56px; width:611px; float:right; margin-right: 7px}
#searching { float:right; padding-right:35px; padding-top:22px; }
#searching .text {background:none;width:125px; border:none;}
#searching .button {background:none;border:none;cursor:pointer}
#nav{float:right;height:103px;width:611px;background:url(images/nav.png);margin-bottom:20px;margin-right:7px}
#nav>ul{margin-top:6px!important}
#nav ul{background:#cdcdcd;height:27px;list-style:none;margin:0;padding:0}
#nav ul ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#nav ul ul a{line-height:43px}
#nav ul ul ul{left:100%;top:0}
#nav li{float:left;font-family:"Signika",sans-serif;padding:0;list-style-type:none}
#nav li a{color:#fff;display:block;font-weight:400;padding:11px 10px 12px 10px;text-align:center;text-decoration:none;font-size:13px}
#nav li a:hover{color:#9cf;text-decoration:none}
#nav li ul{background:#6298db;display:none;height:auto;filter:alpha(opacity=95);opacity:.95;position:absolute;width:200px;z-index:999;padding:15px 0;}
#nav li:hover>ul{display:block}
#nav li li{display:block;float:none;padding:0;position:relative}
#nav li ul a{display:block;padding:0 10px 0 15px;text-align:left;font:11px Arial;line-height:22px;}
#nav li ul a:hover{background:#f0f0f0;color:#036}
#nav p{clear:left}
#nav .active>a{background:#6298db;color:#fff}
#nav .active>a:hover{color:#fff}
#nav > li > ul li > ul{   /* Third Level & beyond */
    display:none;
    background:#1e8bc3;
    padding: 0;
}
#nav > li > ul li:hover > ul{
    display:block;
    position:absolute;
    left:100%;
    top:0;
    width:auto;
}
#nav > li > ul > li ul > li{
    display:block;
    white-space:nowrap;
        width:200px;
}


.foto_links {float:left;margin:0 15px 15px 0}
.foto_right {float:right;margin:0 0 15px 15px}

/* --- Content Home --- */
#content_home {height:560px;position:relative}
/*#content_home #foto {background: url(images/homefoto.jpg) no-repeat;height:560px; width:940px;  position:absolute;z-index:10;}*/
#content_home #foto {height:560px; width:940px;  position:absolute;z-index:10;top:12px;overflow:hidden}
#content_home #balken {background: url(images/balken.png); z-index:30; height:237px; width:940px; bottom:57px; position:absolute;opacity: 0.8; filter: alpha(opacity=80); }
#content_home #watermerk {background: url(images/watermerk_home.png); z-index:20; height:322px; width:267px; top:0px; left:0; position:absolute}
#content_home #intro, #content_home #nieuws {position:absolute;z-index:50;top:260px;}
#content_home #intro{width:500px; padding: 33px;height:200px; line-height:21px;}
#content_home #intro h1, .editor_content_home h1 {margin-bottom:22px;color:#003366}
.editor_content_home { line-height:21px;}
#content_home #nieuws {padding:33px 0 33px 0;right:0;width:350px;height:200px;}
#content_home .button a {font-weight: 700;margin-top:20px;}
#content_home #nieuws h2 {color:#003365;float:left;font-size:22px;}
#content_home #nieuws #items {padding-left:15px;float:right;border-left:1px #CCC solid; width:245px; line-height:21px;}
#content_home #nieuws #items li {list-style: none}
#content_home #nieuws #items li.datum {font-size:11px;color:#666}
#content_home #nieuws #items li.titel {margin-bottom:15px;font-weight: 700}
#content_home #nieuws #items li.titel a {color:#003366; text-decoration: none; }
#content_home #nieuws #items li.titel a:hover {text-decoration:underline;}
#content_home #nieuws #links li a {font-size:11px;text-decoration: none;}
#content_home #nieuws #links li a:hover {color:#003366;}
#content_home #nieuws #links li {background: url(images/arrow_links.png) no-repeat 0 7px; padding-left:15px;}
.soliloquy-container .soliloquy-pager {bottom:22px !important}

/* --- Content Sub --- */
#breadcrumbs { font-size: 11px;left: 270px;position: absolute;top: 150px;z-index: 777;border-bottom:1px #ccc dotted;padding-bottom:7px; width: 655px;}
#breadcrumbs span {color:#999999;}
#sidebar {float:left;width:221px;}
#content_sub {float:right;width: 650px;margin-top:160px;padding:25px}
#content_sub h1, .editor_content_sub h1 {color:#003399;margin-bottom:15px;}
#content_sub p, .editor_content_sub p {line-height: 22px;font-size:12px;margin-bottom: 20px;}
#content_sub ul, .editor_content_sub ul {line-height: 21px;margin-left:35px;} 
#content_sub h2,  .editor_content_sub h2 {color:#006699;margin-bottom:10px;font-size:14px;}
#print {background:url(images/print.gif) no-repeat;height:20px;padding-left:25px;position:absolute;z-index:5;right: 35px;top: 120px;}
#submenu {background: url(images/watermerk.png) no-repeat;padding-top:200px;width:221px;border-right:1px #e9e9e9 solid;}
#submenu_end {display:block;background: url(images/submenu_bottom.gif) no-repeat; height:40px;margin-bottom:100px}
#submenu ul {list-style: none;}
#submenu ul li a {line-height:21px; display:block;text-decoration: none;padding:0 12px 8px 35px;background:url(images/sprite.gif) no-repeat 22px -20px;}
#submenu ul li a.active {border-bottom: 1px solid #e7e7e7;font-weight:700;color:#000;background:#F0F0F0 url(images/sprite.gif) no-repeat 22px 12px; }
#submenu ul li a:hover {color:#003399;}
#submenu .widget_subpages_current_page a {color:#003399;font-weight: 700}

/* --- Footer --- */
#footer {padding-bottom:95px}
#footer-inner {margin: 0 7px 0 12px; padding:15px 20px; font-size:11px;color:#666; line-height:19px;background: url(images/bg_footer.gif) repeat-x;}
#footer p#copy {float:left;width:300px;color:#787878; }
#footer-inner ul{width:150px;height:auto;position:relative;float:left;margin-right:30px}
#footer-inner ul li span{font-weight:700;margin-right:15px}
#footer-inner ul ul{width:140px;height:auto;position:relative}
#footer-inner ul li{font-weight:700;list-style:none}
#footer-inner li li{height:auto;position:relative;list-style:none;font-weight:400}
#footer-inner li li a{width:auto;height:auto;position:relative}
#footer p#realisatie {float:right;width:100px;text-align:right;}
#footer p#realisatie a{float:right;}
#footer p#realisatie img {margin-left:5px;}
#footer ul.last {margin-right:0;width:100px;}
#footer-quick {background:url(images/footer.jpg);margin: 0 7px 0 12px;padding:15px 20px; }
#footer-quick ul {float:left;}
#footer-quick:after {content:" "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
#footer-quick ul li {line-height:21px;list-style:none}
#footer-quick .menu {float:left;display:block;width:200px;margin-right:20px;}
#footer-quick h6 {font-size:12px;margin-bottom:20px}
#footer-quick a {color:#000;text-decoration:none}
#footer-quick a:hover {text-decoration:underline;color:#000}

/* --- Buttons --- */
.button a{background:url(images/buttons.png) no-repeat;color:#FFF;display:inline-block;height:31px;line-height:31px;padding-left:5px}
.button a span{background:url(images/buttons.png) no-repeat 100% -31px;display:inline-block;font-size:12px;height:31px;line-height:31px;padding:0 15px 0 10px}
.button a:hover{background-position:0 -62px}
.button a:hover span{background-position:100% -93px}

/* -------------- forms -------------- */
.contactform label {width:200px; float:left;}
.contactform input, .contactform textarea, .contactform select {  width: 240px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc;font-family: Arial, sans-serif; font-size:12px}   
.contactform input:focus, .contactform textarea:focus, .contactform select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
.contactform input[type="submit"] { margin-left:200px; width:100px ; font-weight:700; font-size: 14px; color: #fff; background-color: #003399;}
.contactform input[type="submit"]:hover { color: #003399;background-color: #99ccff; }
.contactform label.req:after {content: "*";padding-left: 3px;color: #d64830;font-size: 130%;line-height: 1px;	}