/* ------------------------------------------------------------------------
	Version	:	1.0
	Author	:	Tremani
	E-mail	:	info@tremani.nl
	Website	:	//nextstepselling.nl
--------------------------------------------------------------------------- */

/* 
Global reset ----------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-color:transparent;
}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* Base typography ------------------------------------------------------------- */
body {font:81.3%/1.45em "trebuchet ms", trebuchet, corbel, verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; color:#000000; background:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; position:relative;}
	* html h1, * html h2, * html h3, * html h4, * html h5, * html h6 {height:1px;}
	*+html h1, *+html h2, *+html h3, *+html h4, *+html h5, *+html h6 {min-height:1px;}
h1 {font-size:1.5em; line-height:1.2; margin-bottom:0.5em; text-transform:uppercase; font-family: "trebuchet ms", trebuchet, corbel, verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; word-wrap:break-word;}
h2 {font-size:1.3em; line-height:1.2; margin-bottom:0.6em; /*text-transform:uppercase;*/}
h2.section-title { text-transform:uppercase;}
.home h2 {font-size:1.5em;}
h3 {font-size:1.083em; line-height:1.2; margin:1em 0; }
h4 {font-size:1.083em; line-height:1.25; margin:1.2em 0 1.2em 0;}
h4 + p { margin-top:-1.2em;}
h5 {font-size:1.0em; margin:1.5em 0;}
h5 + p { margin-top:-1.2em;}
h6 {font-size:0.9em; }
h6 + p { margin-top:-1.2em;}
p {margin:0 0 1.5em;}
ul {margin:1.3em 0; padding:0; position:relative; list-style:none;}
.main li {position:relative; background:transparent url(images/bullet-li2-zw.gif) no-repeat 0 5px;	padding-left:12px;	margin:.3em 0 .3em 0;}
ol {list-style:decimal inside; background:none;	padding-left:12px; margin:.3em auto 0.3em -3px; text-indent:-17px;}
.main ol li {background:none;}
.plain, .plain li {margin:0; padding:0; list-style:none;}
a, a:visited {color:#000; text-decoration:underline; }
.main a:hover { background-color:#eee;}
		
/* Site structure ----------------------------------------------------------- */
body {width:693px;/* 976px */ margin:0 auto; border-right:283px solid #fff /*rgb(90,80,153)*/; }
	/*body.kennisalliantie {border-color: rgb(238,127,0);}
	body.contact {border-color: rgb(122,181,29);}
	body.top {border-color: rgb(0,145,171);}
	body.focus {border-color: rgb(0,105,142);}
	body.programma {border-color: rgb(90,80,153);}
	body.actueel {border-color: rgb(173,12,97);}
*/
* html body {border-right:0; width:976px;}
#site-wrapper {position:relative;}
#content {float:left; display:inline; position:relative; margin:79px 0px 22px 36px; width:363px; padding:51px 0 0 0; }
#col-1 {float:left; display:inline; position:relative; width:260px; margin-left:-659px; margin-top:132px; margin-bottom:22px; }	
#aside {float:right; display:inline; background-color:#fff; position:relative; margin-bottom:22px; margin-right:-283px; width:283px;}
* html #aside {margin-right:0;}
/* Header ------------------------------------------------------------------- */
#branding {position:relative; float:left; display:inline; padding:20px 0 0 0; width:260px;}
h1#logo {margin:0; padding:0;}
#logo a {display:block; cursor:pointer; }
#logo a img {display:block;}

/* Col-1 ======== */
/* Main nav ----------------------------------------------------------------- */
.nav {list-style:none; background-image:none; margin:0; padding:0;}
ul#main { background-color:rgb(122,181,29); padding:7px 7px 7px 7px; }
	body.kennisalliantie ul#main {background-color:rgb(238,127,0);}
	body.contact ul#main {background-color:rgb(122,181,29);}
	body.top ul#main {background-color:rgb(0,145,171);}
	body.focus ul#main {background-color:rgb(0,105,142);}
	body.programma ul#main {background-color:rgb(90,80,153);}
	body.actueel ul#main {background-color:rgb(173,12,97);}
	
	* html ul#main { height:1px; position:relative; }
ul#main li {position:relative; margin:0; padding:0 0 0 0;}
ul#main li.open a, ul#main li.open a:visited {margin:0 -7px; padding:0 7px; color:#5e9a23;}
ul#main li.open > a, ul#main li.open > a:visited { padding-top:7px; font-weight:bold !important; background-color:#d7e9bb; color:#5e9a23;}
ul#main li.open > a:hover, ul#main li.open > a:focus {background-position:14px 18px; background-color:#d7e9bb; color:#5e9a23;}
	body.kennisalliantie ul#main li.open a {background-color:#fadcb9; color:#DD6A14;}
	body.contact ul#main li.open a {background-color:#d7e9bb; color:#5e9a23;}
	body.top ul#main li.open a {background-color:#b5dce4; color:#007f94;}
	body.focus ul#main li.open a {background-color:#b4cfdb; color:#005f7d;}
	body.programma ul#main li.open a {background-color:#cdc7de; color:#444a85;}
	body.actueel ul#main li.open a {background-color:#e2b3cd; color:#891258;}

	* html ul#main li {height:1px;}
ul#main li a, ul#main li a:visited {position:relative; font-size:116%; text-transform:uppercase; font-weight:normal; color:#fff; cursor:pointer !important; text-decoration:none; display:block;}
	* html ul#main li a {height:1px;}
ul#main li a:hover, #main li a:focus {background:transparent url(images/bullet-biggest-white.png) no-repeat 14px 11px; color:#fff; outline:none;}
ul#main li > a:active {}
ul#main li a span {padding:7px 0px 7px 34px; display:block;}
	* html ul#main li a span {height:1px; position:relative;}
ul#main li a:hover span, ul#main li a:focus span {background-color: rgba(0,49,64,0.2); -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
ul#main li > a:active span {background-color: rgba(0,49,64,0.5);}
ul#main li a.current {font-weight:bold; background:transparent url(images/bullet-biggest-white.png) no-repeat 14px 11px;} 

/* Sub Nav Level2 ----------------------------------------------------------- */
ul#sub {position:relative; margin:0 -7px; padding:0 7px 7px 7px; background-color:#d7e9bb;}
	* html ul#sub {height:1px; position:relative;}
	body.kennisalliantie ul#sub {background-color:#fadcb9;}
	body.contact ul#sub {background-color:#d7e9bb;}
	body.top ul#sub {background-color:#b5dce4;}
	body.focus ul#sub {background-color:#b4cfdb;}
	body.programma ul#sub {background-color:#cdc7de;}
	body.actueel ul#sub {background-color:#e2b3cd;}
	
ul#sub li {position:relative; margin:0; padding:0;}
	* html ul#sub li {position:relative;  /* border:10px solid red; */}
ul#sub li a, ul#sub li a:visited {position:relative; display:block; overflow:hidden; text-decoration:none; font-size:92%; color:#5e9a23;}
ul#sub li.open > a {margin:0 -7px; padding:0 7px; background-color:#fdead5; }
ul#main ul#sub li.open > a {margin:0 -7px; padding:0 7px;  }
	* html ul#sub li a {height:2em; position:relative;  }
	body.kennisalliantie ul#sub li.open a {color:#dd6a14; background-color:#fdead5; font-weight:normal;}
	body.contact ul#sub li.open a {color:#5e9a23; background-color:#e7f1d6; font-weight:normal;}
	body.top ul#sub li.open a {color:#007f94; background-color:#d0eaee; font-weight:normal;}
	body.focus ul#sub li.open a {color:#005f7d; background-color:#d0e2e9; font-weight:normal;}
	body.programma ul#sub li.open a {color:#444A85; background-color:#e0ddeb; font-weight:normal;}
	body.actueel ul#sub li.open a {color:#891258; background-color:#edd1e1; font-weight:normal;}

ul#sub li a:hover, ul#sub li a:focus {background-color:transparent; background-image:url(images/bullet-big-green.png); background-position:40px 9px; outline:none; }
	body.kennisalliantie ul#sub li a:hover, body.kennisalliantie ul#sub li a:focus, body.kennisalliantie ul#sub li a.current {background-image:url(images/bullet-big-orange.png);}
	body.contact ul#sub li a:hover, body.contact ul#sub li a:focus, body.contact ul#sub li a.current {background-image:url(images/bullet-big-green.png); }
	body.top ul#sub li a:hover, body.top ul#sub li a:focus, body.top ul#sub li a.current {background-image:url(images/bullet-big-aqua.png); }
	body.focus ul#sub li a:hover, body.focus ul#sub li a:focus, body.focus ul#sub li a.current {background-image:url(images/bullet-big-seagreen.png); }
	body.programma ul#sub li a:hover, body.programma ul#sub li a:focus, body.programma ul#sub li a.current {background-image:url(images/bullet-big-purple.png); }
	body.actueel ul#sub li a:hover, body.actueel ul#sub li a:focus, body.actueel ul#sub li a.current {background-image:url(images/bullet-big-burgandy.png); }


ul#sub li a span {padding:5px 0px 5px 53px;}
	* html ul#sub li a span {/* height:1px;  */position:relative;}
ul#main li.open a:hover span, ul#main li.open a:focus span,
ul#sub li a:hover span, ul#sub li a:focus span {background-color: rgba(255,255,255,0.4); }
ul#sub li.open > a:hover, ul#sub li.open > a:focus { background-position:39px 10px;}
ul#sub li a.current {font-weight:bold !important; background-image:url(images/bullet-big-green.png); background-position:39px 10px; color:#5e9a23;}

/* Sub Nav Level3 ----------------------------------------------------------- */
	body.kennisalliantie ul#subsub {background-color:#fdead5;}
	body.contact ul#subsub {background-color:#e7f1d6;}
	body.top ul#subsub {background-color:#d0eaee;}
	body.focus ul#subsub {background-color:#d0e2e9;}
	body.programma ul#subsub {background-color:#e0ddeb;}
	body.actueel ul#subsub {background-color:#edd1e1;}
ul#subsub li a, ul#subsub li a:visited  {font-size:92%; text-transform:none;}
body.kennisalliantie li.open ul#subsub a {background-color:#fdead5;}
	body.kennisalliantie li.open ul#subsub a {background-color:#fdead5;}
	body.contact li.open ul#subsub a {background-color:#d0eaee;}
	body.top li.open ul#subsub a {background-color:#d0eaee;}
	body.focus li.open ul#subsub a {background-color:#d0e2e9;}
	body.programma li.open ul#subsub a {background-color:#e0ddeb;}
	body.actueel li.open ul#subsub  a {background-color:#edd1e1;}
ul#subsub li a span {padding:5px 0px 5px 72px; }
ul#subsub li a:hover, ul#subsub li a:focus {background-position:59px 11px;}
ul#subsub li a.current {font-weight:bold; background:transparent url(images/bullet-biggest-white.png) no-repeat 59px 11px;} 

/* #444A85 */
/* resterende elementen ---------------------------------------------------------- */
#partner {text-align:center;}
#partner .label {font-weight:bold; margin:2em 0 1em 42px; text-align:left;}
#movies {margin:3em 0;}
#movies p { float:left; display:inline; width:117px; height:80px; overflow:hidden; background:rgb(0,145,171); }
#movies p.first {}
#movies p.last {float:right;}
#movies img { margin-top:-5px; height:90px; }


/* home ------------------------------------------------------------------- */
#supplementary {position:absolute; right:36px; top:0; }
	* html #supplementary {right:319px;}
#supplementary li {float:right; display:inline; }
#supplementary li a {}
a.icon {position:relative; background-color:transparent; }
a.icon img {position:relative; display:block; padding:0 0 5px 0;}
a.icon:hover img, a.icon:focus img {padding:5px 0 0 0; outline:none;}
li > a.icon:active img {top:-5px;}

a.icon.lang img { margin:10px 10px 0 0; }

#socialnetwork {margin:0; padding:0;}
#socialnetwork li {float:left; display:inline; padding:0 0 0 0; }
#socialnetwork li a {float:left; display:inline; padding:0 5px 0 0; }

/* Col #main ------------------------------------------------------ */
.main .list {margin-left:-16px;}
	* html .main .list {position:relative; height:1px;}
.main .list li {background:transparent url(images/bullet-med-black.png) no-repeat 0 6px; padding-left:16px;}
	* html .main .list li {position:relative;}
	* html .main .list h2 {height:1px; position:relative; margin-top:0;}

/* Col #aside ----------------------------------------------------- */
.feed {padding:20px 5px 20px 20px; clear:left;}
* html .feed {height:1px;}
*+html .feed {min-height:1px;}
.feed li {padding:0;}
.feed li h2, .feed li h3 {font-weight:normal;}
.feed a, .feed a:visited {text-decoration:none;}
.feed a:hover, .feed a:focus {text-decoration:underline; background-color:transparent;}


.entry-meta {margin:0;}
.feed .entry-title {margin-top:0;}
.feed.events {background-color:rgb(90,80,153); border-bottom:1px solid rgb(90,80,153); color:#fff;}
.feed.events a, .feed.events a:visited {color:#fff;}
	body.kennisalliantie .feed.events {background-color:rgb(238,127,0); border-bottom:1px solid rgb(238,127,0);}
	body.contact .feed.events {background-color:rgb(122,181,29); border-bottom:1px solid rgb(122,181,29);}
	body.top .feed.events {background-color:rgb(0,145,171); border-bottom:1px solid rgb(0,145,171);}
	body.focus .feed.events {background-color:rgb(0,105,142); border-bottom:1px solid rgb(0,105,142);}
	body.programma.feed.events {background-color:rgb(90,80,153); border-bottom:1px solid rgb(90,80,153);}
	body.actueel .feed.events {background-color:rgb(173,12,97); border-bottom:1px solid rgb(173,12,97);}

/* form generic ------------------------------------------------------------------- */
input {font-family: "trebuchet ms", trebuchet, corbel, verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; padding:3px 0 4px 9px; font-size:1.083em; }
input.submit {cursor:pointer !important; min-width:140px;} 
input[type="submit"]::-moz-focus-inner {border: 0px dotted #0f0;}
input.text:focus {-webkit-focus-ring-color:#99cd49;}
input.text {width:165px; margin:0px; border:1px solid #0b5587; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; background-color:#fff; color:#000;}
input.text:hover {background-color:#c2eb82;}
input.submit {border:none; color:#f0f0f0;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#313331; padding:5px 11px}
	* html input.submit {line-height:12px; width:60px;}
	*+html input.submit {line-height:12px; width:60px;}
#site-search input.submit {position:absolute; top:3px; right:0px; z-index:200; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; }
@media screen and (-webkit-min-device-pixel-ratio:0){#site-search input.submit {top:1px;}}
input.submit:hover, input.submit:focus {background-color:#00698d; color:#fff; top:5px; position:relative;} 
input.submit:active {outline:none; color:#fff; background:#000; top:0;}

/* other form elements*/ 
table#result_search {background-color:#f0f0f0; width:98%; padding:7px;}
#result_search td {background-color:#f0f0f0; padding:4px; }
#result_search input.text {width:240px;}
#result_search select {width:255px;}
#result_search input.submit {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  margin:0.5em auto;} 
table.results { width:380px; }
.results {border: 1px solid #d9d9d9; border-top:none;}
.results th, .results td {padding:4px 4px 5px 4px;}
.results th {background-color:#313331; color:#f0f0f0; padding:8px 4px; }
.results td {}
.results tr td {border-bottom:2px solid #d9d9d9; border-collapse:separate;}
.results tr.resultheader td {background-color:#f0f0f0; font-weight:bold; border-bottom:0;}
.results th a {color:#f0f0f0;}
.results th a:hover {color:#000;}
.results ul, .results li {margin:0;}


/* Footer ----------------------------------------------------------- */	
#footer {position:relative; clear:both; font-size:91.6%; margin-top:-7px;}
#footer .inner {width:976px; height:33px; line-height:33px; padding:1px 0px; margin:0 auto; position:relative; }
#footer .inner a, #footer .inner a:visited {text-decoration:none; color:#aaa;}
#footer .inner a:hover, #footer .inner a:focus {text-decoration:underline;}


/* Standard extras ----------------------------------------------------------- */
.accessibility, .seo {position:absolute; left:-5000px; top:-5000px;}
.usability {text-indent:-5000px; }
.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 */
.hide {display:none;}
.quiet {color:#454949;}
.loud {color:#000;}
.louder { font-weight:bold; }
.emphasis { font-style:italic; }
.highlight {background:#ff0;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
.align-r{text-align:right;}
.align-l{text-align:left;}
.float-r{float:right; display:inline;}
.float-l{float:left; display:inline}
.clear {clear:both;}
* html .clear {clear:both; height:0; font-size:0px; line-height:0px;}
table { border-collapse:collapse; }
div.text img { clear:both; }
div.text td,
div.text th { padding:1px 3px; border:solid #000 1px; }
h2 { clear:both; }

/* Aanmeldformulier 
__________________________________________ */
  	table.aanmeldForm input { border: none; }
  	table.aanmeldForm input.submit { border: 1px solid black; width: auto; }
	table.aanmeldForm {width:100%;font-size:100%;}
	table.aanmeldForm td {padding:1px 0;line-height:20px;}
	table.aanmeldForm td.c1 {width:190px;}
	table.aanmeldForm td.c2 {width:170px;}
	table.aanmeldForm input.text {width:250px;border:1px solid black;}
	table.aanmeldForm input.text.required { background-color: #FFCC33; }
	table.aanmeldForm input.text_alt {width:150px;border:1px solid black;margin-left:20px;}
	table.aanmeldForm input.text_alt2 {width:150px;border:1px solid black;}
	table.aanmeldForm td.checkBoxes input {}
	table.aanmeldForm td.checkBoxes table {font-size:100%;width:170px;}
	table.aanmeldForm td.checkBoxes table td {vertical-align:top;}
	table.aanmeldForm p {margin:0;}
	span.verplicht {float:right;}	
	
	select.multi { width:256px; border:1px solid black; }
	
	div#error_message.highlight { background-color:#FFCC33; padding:3px 6px 3px 6px; border:1px solid #000; margin-bottom:6px; }
	
div.signin {background-color:#A60363; margin:0 0 10px 0;}
div.signin a { display:block; padding:10px 10px 10px 20px; width:100%; color:#fff; text-decoration:none; }