@charset "utf-8";
/*
 * CSS document for the www.ditp.nl website
 * Version: $Id: screen.css 7379 2009-05-07 15:02:53Z hanreg $ 
 *
 * (C)Copyright 2009 DitP Software B.V.
 * All Rights Reserved.
 * 
 * The copyright above and this notice must be preserved in all
 * copies of this source code. The copyright above does not
 * evidence any actual or intended publication of this source code.
 *
 * This is unpublished proprietary trade secret of DitP Software B.V.
 * This source code may not be copied, disclosed, distributed, demonstrated
 * or licensed except as authorized by DitP Software B.V.
 --------------------------------------------------------------------- */

/* 
 *	Reset browser styles
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{margin:0;padding:0;border:0;font-size:100%;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*
 *	Layout settings
 */
body {line-height:1.5;margin:1.5em 0 4em 0;font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;font-size:0.80em;}
p {padding-bottom:1.5em;}
div#footer-img, div#header-img  {margin:0 auto;width:1004px;}
div#shadow {background:url(/img/shadow-test-2.png) top right repeat-y;margin:0 auto;width:1012px;}
div#container {margin:0 auto;width:1000px;border-left:2px solid #666;border-right:2px solid #666;background:#fff;}
div#navigation {height:122px;}
div#navigation, div#content, div#contentThreePanels {padding:0 15px 0 15px;}
div#navigation img.logo {margin:10px 0 0 40px;}
div#navigation ul#sideNavigation {list-style:none;float:right;margin-right:10px;}
div#navigation ul#sideNavigation li{display:inline;}
div#navigation ul#sideNavigation li a {color:#666;text-decoration:none;margin:0 6px 0 6px;;font-size:0.8em;}
div#navigation ul#sideNavigation li a.active {font-weight:bold}
div#navigation ul#sideNavigation li a:hover, div#navigation ul#sideNavigation li a:active {text-decoration:underline;}
div#navigation ul#tabNavigator {list-style:none;float:right;margin:0 20px 0 0;}
div#navigation ul#tabNavigator li{display:inline;width:160px;}
div#navigation ul#tabNavigator li a{float:right;letter-spacing:0.05em;margin-left:6px;text-align:center;width:160px;display:block;background:url(/img/bg-tabnavigator.jpg) no-repeat left top;padding:4px 0 5px 0;color:#666;text-decoration:none;font-weight:bold;}
div#navigation ul#tabNavigator li a:hover, div#navigation ul#tabNavigator li a:active{background-position:-160px top;color:#333}
div#leader {height:250px;display:block;width:100%;color:#fff;overflow:hidden;border-top:1px solid #666;border-bottom:1px solid #666;margin-bottom:25px;}
div#leader div#leaderText{background-image:url(/img/leader-background.png); margin:75px 0 0 0 ;line-height:1.6;width:20em;float:right;font-size:1.3em;font-style:italic;padding:10px;}
div#leader div#leaderText p {border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;padding:4px 0 4px 0;}
div#content, div#contentThreePanels {line-height:1.6;}
div#contentThreePanels {background:url(/img/bg-content.gif) repeat-y}
div.leftSidebar {float:left;width:240px;background:url(/img/panel-rounding-left.jpg) bottom right #eee no-repeat;padding:15px 7px 7px 7px;}
div.rightSubSideBar {float:right;width:240px;background:url(/img/panel-rounding-right.jpg) bottom left #eee no-repeat;padding:15px 7px 7px 7px;}
div.homeSideBar {float:right;width:300px;}
div.rightSidebar {float:right;width:335px;padding:0 10px 0 10px;}
div.middleSidebar {margin:0 355px 0 260px;padding:0 10px 0 10px;}
div.middleSidebar h2, div.rightSidebar h2{border-bottom:2px solid #ccc;margin:0 0 5px 0;padding:0 0 0 2px;background:#fff;}
div#sideNavigator {float:left;width:250px;}
div#contentWithSideNavigator {margin:0 0 0 255px;}
div.contentWithhomeSideBar{margin:0 320px 0 0;}
div.mainContent {margin-right:265px;#} /* Number sign mandatory: Safari Hack for float margin */
div.leftQuote {float:left;width:200px;margin:0 5px 0 0;border-right:1px solid #ccc;padding:5px;color:#999;}
div.leftQuote p{margin:0;padding:0}
table.outputTable {margin:5px 0 5px 0;} 
table.outputTable td{padding:5px 0 5px 5px;}
.right {float:right;display:inline;margin:5px 0 5px 5px}
.left {float:left;margin:5px 5px 5px 0}
.center {text-align:center;width:100%;display:block;}
.smaller {font-size:0.75em;}
.clear {clear:both;}
.nowrap {white-space:nowrap}
span#message {padding:3px 3px 3px 20px;background-repeat: no-repeat;background-position: 2px 4px;}
span#message.info {background-color:#ececf6;background-image:url(/img/info.gif);border:1px solid #036;color:#036}
span#message.error {background-color:#fff0f0;background-image:url(/img/error.gif);border:1px solid #C00;color:#C00}

/*
 *	Typography
 */
h1 {letter-spacing:1px;font-size:1.5em;font-weight:bold;}
h2 {letter-spacing:0;font-weight:bold;font-size:1.2em;}
h2.aanvraag {color:#000;font-size:1em;border-bottom:1px solid #dedede;margin:.6em 0 .6em 0;background:#f2f2f2;padding:2px 5px 2px 10px;}
h3 {letter-spacing:1px;font-size:1em;font-weight:bold;font-style:italic;margin:3px 0 0 0}
div.leftQuote h2 {font-size:1em;border:none;background:none;padding:0;margin:0}
div.leftSidebar h1, div.rightSubSideBar h2 {font-size:1em;color:#fff;background:#a7a7a7;padding:0 5px 0 5px;margin:0 0 10px 0;text-transform:lowercase;letter-spacing:1px;}
a {color:#444;}
a:hover {color:#666;}
address {font-style:normal;line-height:1.2;margin:0.5em 0 1em 0;}
p.intro {color:#777;}
p.aanvraagLink {border-bottom:1px solid #ccc;margin:0;padding:0;}
p.aanvraagLink a{color:#333;text-decoration:none;display:block;padding:0 5px 5px 5px;}
p.aanvraagLink .date {float:right;font-size:0.8em;color:#999;padding-right:14px;background:url(/img/dot-holding.png) right 4px no-repeat;}
p.aanvraagLink strong {font-weight:bold;}
p.aanvraagLink a.software .date{background-image:url(/img/dot-software.png);}
p.aanvraagLink a.management .date{background-image:url(/img/dot-management.png);}
p.aanvraagLink a.consultancy .date{background-image:url(/img/dot-consultancy.png);}
p.aanvraagLink a.detachering .date{background-image:url(/img/dot-detachering.png);}
p.aanvraagLink a:hover, p.aanvraagLink a:active{background:#f2f2f2;}
div.mainContent p.aanvraagLink {padding:6px 0 6px 0;}
div.mainContent p.aanvraagLink a {padding:5px;}
div.mainContent p.aanvraagLink strong {font-size:1.2em;}
div.mainContent p.aanvraagLink em {color:#999;font-style:normal;font-size:0.9em} 
div.mainContent ul, div.contentWithhomeSideBar ul {margin:0 0 15px 25px;padding:0}
div.mainContent ul li, div.contentWithhomeSideBar ul li{margin:0;padding:3px 0 0 0;}


ul.subNavigator {list-style:none;margin-bottom:5px;}
ul.subNavigator li {padding:0;}
ul.subNavigator li a {padding:3px;display:block;text-decoration:none;border:1px solid #eee;}
ul.subNavigator li a:hover, ul.subNavigator li a:active {border:1px solid #ddd;background:#f5f5f5;}

a.contactImage {background:url(/img/kenaupark-sliding-door.jpg);width:217px;height:145px;display:block;text-decoration:none;float:left;margin-right:10px;}
a.contactImage:hover {background:url(/img/kenaupark-sliding-door.jpg) -217px top ;}

/*
 * Form styles
 */
form label {padding-right:6px;}
form label.required {background:url(/img/required.gif) no-repeat right 4px;}
form.leverancier {background:#eee url(/img/panel-rounding-right.jpg) bottom left no-repeat;padding:0 5px 10px 5px;}
form.leverancier input {width:200px;}