@charset "utf-8";

html {
	height				: 100%;
	overflow-y			: scroll;
}
body {
	height				: 100%;
	font-size			: 1.0em;
	line-height			: 1.0em;
	text-align			: center;
	cursor				: default;
}
div, span, p, a, h1, h2, h3, h4, h5, h6, label, td, tr, li, textarea {
	font-family			: Arial, Helvetica, sans-serif;
}
h1, div.componentheading {
	font-size			: 1.4em;
	font-weight			: normal;
	margin-bottom		: 1.0em;
	color				: #88004E;
}
h2, h3, h4, h5, h6 {
	font-size			: 0.9em;
	line-height			: 1.4em;
	font-weight			: bold;
	color				: #88004E;	
}
p {
	font-size			: 0.8em;
	line-height			: 1.4em;
	margin-bottom		: 1.3em;
}
a {
	color				: #88004E;
	line-height			: 1.4em;
	outline				: none;
}
a:hover {
	color				: black;
}
i, em {
	font-style			: italic;
}
b, strong {
	font-weight			: bold;
}

label {
	font-size			: 0.8em;
}

div.clearer {
	width				: 100%;
	clear				: both;
}

/* ------------------------------------------------ // doelgroep kleuren */

.creatief {
	color				: #F5D312;
}
.kennis {
	color				: #EB7126;
}
.techno {
	color				: #9192CE;
}

/* ------------------------------------------------ // container */

div#starterslift-container {
	position			: relative;
	width				: 100%;
}

/* ------------------------------------------------ // header */

div#starterslift-header-container {
	position			: relative;
	height				: 250px;
	width				: 100%;
	height				: 30px;
	background-color	: #E5E5E5;
}
div#starterslift-header {
	position			: relative;
	width				: 960px;
	height				: 100%;
	margin-left			: auto;
	margin-right		: auto;
}

/* ------------------------------------------------ // hoofdmenu */

div#starterslift-hoofdmenu {
	position			: absolute;
	left				: 10px;
	top					: 0px;
	height				: 100%;
}
div#starterslift-hoofdmenu ul {
	list-style			: none;
	margin				: 0;
	padding				: 0;
}	
div#starterslift-hoofdmenu ul li {
	float				: left;
	white-space			: nowrap	
}
div#starterslift-hoofdmenu ul li a {
	text-decoration		: none;
	line-height			: 30px;
	height				: 30px;
	display				: block;
	color				: #404040;
	font-size			: 12px;
	padding-left		: 24px;
	padding-right		: 24px;
}
div#starterslift-hoofdmenu ul li a span {
	line-height			: 30px;
}
div#starterslift-hoofdmenu ul li a:hover {
	text-decoration		: underline;
	color				: #88004E;
}
div#starterslift-hoofdmenu ul li.active {
	font-weight			: bold;
	background-image	: url(../images/arrow-grey-30.jpg);
	background-position	: left -1px;
	background-repeat	: no-repeat;
}
div#starterslift-hoofdmenu ul li.active a {
	color				: #88004E;
}

/* ------------------------------------------------ // zoeken */

div#starterlift-search {
	position			: absolute;
	top					: 2px;
	right				: 0px;
	height				: 30px;
	width				: 156px;
}
div#starterlift-search form {
	margin-top			: 5px;
}
div#starterlift-search form input.inputbox {
	position			: absolute;
	left				: 0px;
	background			: none;
	border				: none;
	background-color	: white;
	background-image	: url(../images/bg-formfield.jpg);
	background-repeat	: no-repeat;
	width				: 90px;
	height				: 15px;
	font-size			: 11px;
	padding-left		: 5px;
	padding-top			: 2px;
	padding-right		: 2px;
	color				: #646464;
}
div#starterlift-search form input.button {
	position			: absolute;
	left				: 97px;
	top					: 5px;
	background			: none;
	border				: none;
	background-color	: #737373;
	width				: 55px;
	height				: 18px;
	line-height			: 16px;
	font-size			: 11px;
	color				: white;
	cursor				: pointer;
}
/* ------------------------------------------------ // zoekresultaten */

div.results li {
	font-size			: 12px;
	line-height			: 13px;
	margin-bottom		: 10px;
}
div.results li h3 {
	font-size			: 1.0em;
}
div.results span.highlight {
	color				: #ff0000;
}
form.search_result {
	margin-top			: 20px;
}
form.search_result input.inputbox {
	background			: none;
	border				: none;
	background-image	: url(../images/bg-formfield.jpg);
	background-repeat	: no-repeat;
	width				: 90px;
	height				: 16px;
	font-size			: 11px;
	padding-left		: 5px;
	padding-top			: 2px;
	padding-right		: 2px;
	color				: #646464;
}
form.search_result button {
	background			: none;
	border				: none;
	background-color	: #737373;
	width				: 55px;
	height				: 18px;
	font-size			: 11px;
	color				: white;
	cursor				: pointer;
	padding-top			: 1px;
}

/* ------------------------------------------------ // sitemap, disclaimer en colofon */
/*
div#starterslift-header-links {
	position			: absolute;
	top					: 0px;
	right				: 0px;
	height				: 30px;
	width				: 90px;
}
div#starterslift-header-links li {
	float				: left;
}
div#starterslift-header-links a {
	display				: block;
	height				: 30px;
	width				: 30px;
	background-repeat	: no-repeat;	
}
div#starterslift-header-links a.sitemap {
	background-image	: url(../images/btn-sitemap.jpg);	
}
div#starterslift-header-links a.sitemap:hover {
	background-image	: url(../images/btn-sitemap-over.jpg);	
}
div#starterslift-header-links a.disclaimer {
	background-image	: url(../images/btn-proclaimer.jpg);	
}
div#starterslift-header-links a.disclaimer:hover {
	background-image	: url(../images/btn-proclaimer-over.jpg);	
}
div#starterslift-header-links a.colofon {
	background-image	: url(../images/btn-colofon.jpg);	
}
div#starterslift-header-links a.colofon:hover {
	background-image	: url(../images/btn-colofon-over.jpg);	
}
*/
/* ------------------------------------------------ // subheader home */

div#starterslift-subheader-home {
	position			: relative;
	width				: 960px;
	height				: 120px;
	margin-left			: auto;
	margin-right		: auto;
}

/* ------------------------------------------------ // logo home */

div#logo {
	position			: absolute;
	top					: 30px;
	left				: 30px;
	height				: 100px;
	width				: 240px;
}
div#subheader-doelgroep div#logo {
	top					: 50px;
	left				: 15px;
}
div#logo img {
	height				: 90px;
	width				: 216px;
}
div#logo a {
	cursor				: pointer;
}

/* ------------------------------------------------ // introtekst */

div#starterslift-intro {
	position			: absolute;
	top					: 58px;
	left				: 285px;
	width				: 450px;
	color				: #88004E;
}
div#starterslift-intro p {
	line-height			: 1.1em;
	font-size			: 0.8em;
}

/* ------------------------------------------------ // subheader doelgroep */

div#subheader-doelgroep-container {
	position			: relative;
	background-color	: #8D004E;
	width				: 100%;
	height				: 210px;
	margin-bottom		: 40px;
}
div#subheader-doelgroep {
	position			: relative;
	width				: 960px;
	height				: 100%;
	margin-left			: auto;
	margin-right		: auto;
	background-image	: url(../images/bg-starterslift.jpg);	
	background-repeat	: no-repeat;
}
div#right-bg {
	position			: absolute;
	top					: 0px;
	right				: 0px;
	width				: 40%;
	height				: 100%;
	background-image	: url(../images/bg-starterslift-right.gif);
}

/* ------------------------------------------------ // submenu */

div#submenu {
	position			: absolute;
	right				: 0px;
	top					: 15px;
}
div#submenu ul {
	height				: 25px;
	list-style			: none;
	padding				: 0;
	margin				: 0;
	width				: 315px;
	background-image	: url(../images/bg-submenu-techno.jpg);
	background-repeat	: no-repeat;
}
div#submenu ul li {
	line-height			: 25px;
	float				: left;
	white-space			: nowrap;
}
div#submenu ul li a {
	text-decoration		: none;
	line-height			: 25px;
	height				: 25px;
	display				: block;
	color				: white;
	font-size			: 12px;
	width				: 105px;
	text-align			: center;
}
div#submenu ul li a span {
	line-height			: 25px;
}
div#submenu ul li a:hover {
	color				: black;
}
div#submenu ul li.active a {
	font-weight			: bold;
	color				: black;
}
div#submenu ul li.item10 a span { /* Offset voor techno */
	padding-left		: 22px;
}
div#submenu ul li.item11 a span { /* Offset voor kennis */
	padding-right		: 22px;
}

/* ------------------------------------------------ // doelgroep titel */

div#subheader-doelgroep h2 {
	position			: absolute;
	right				: 63px;
	top					: 79px;
	width				: 523px;
	color				: white;
	font-size			: 0.8em;
	letter-spacing		: normal;
	font-weight			: normal;
	text-align			: right;
	line-height			: 25px;
}
div#subheader-doelgroep h2 span.naam {
	position			: absolute;
	top					: 1px;
	left				: 0px;
	font-size			: 1.2em;
	font-weight			: bold;
	line-height			: 25px;
}

/* ------------------------------------------------ // doelgroep header elementen quote en banner */

div#starterslift-quote {
	position			: absolute;
	left				: 375px;
	top					: 140px;
	height				: 55px;
	width				: 400px; /* 555px */
	padding				: 10px 20px 0px 20px;
	background-image	: url(../images/bg-quote.png);
	background-repeat	: no-repeat;
	background-position	: right top;
	color				: #88004E;
}
div#starterslift-quote p {
	line-height			: 15px;
	font-size			: 11px;
}
div#starterslift-quote span {
	font-style			: italic;
	font-weight			: bold;
	letter-spacing		: -1px;
	margin-left			: 10px;
}
div.bannergroup {
	position			: absolute;
	right				: 65px;
	top					: 140px;
	height				: 65px;
	width				: 521px;
}

/* ------------------------------------------------ // content */

div#content {
	position			: relative;
	height				: auto;
	width				: 960px;
	margin-left			: auto;
	margin-right		: auto;
}
div#content a.readon {
	font-size			: 0.8em;
	line-height			: 1.4em;
}

/* ------------------------------------------------ // left */

div#left {
	position			: relative;
	width				: 181px;
	min-width			: 181px;
	float				: left;
	margin-right		: 10px;
	padding-bottom		: 20px;
}
div#starterslift-logos {
	width				: 205px;
	height				: 180px;
	margin-top			: 16px;
	margin-left			: -7px;
}
div#starterslift-logos img {
	border				: none;
	float				: left;	
}
div.moduletable-miniblog {
	position			: relative;
	width				: 167px; /* was 180 */
}
div.moduletable-miniblog {
	margin-bottom		: 30px;
}
div#left h3 {
	font-size			: 0.8em;
	margin-bottom		: 5px;
}
div.moduletable-miniblog ul {
	list-style			: none;
	background-image	: url(../images/bg-miniblog.gif);
	background-repeat	: no-repeat;
}
div.moduletable-miniblog li {
	font-size			: 0.7em;
	height				: 36px;
}
div#starterslift-miniblog a {
	padding				: 1px;
	padding-bottom		: 2px;
	color				: #404040;
	text-decoration		: none;
	line-height			: 1.0em;
}
div#left div.moduletable-miniblog a:hover {
	text-decoration		: underline;
	color				: black;
}
div.moduletable-miniblog a span.readmore {
	color				: #88004E;
}
div.moduletable-miniblog a.more_blog {
	display				: block;
	font-size			: 0.7em;
	line-height			: 1.3em;
	margin-bottom		: 2.2em;
	text-decoration		: underline;
}
div.moduletable-miniblog li span.createdate {
	font-size			: 1.0em;
	color				: #88004E;
}

/* ------------------------------------------------ // middle */

div#middle {
	position			: relative;
	width				: 174px;
	padding-bottom		: 20px;
	float				: left;
	margin				: -4px 10px 0px 0px;
}
div#middle ul.menu {
	padding				: 0;
	margin				: 0;
	list-style			: none;
}
div#middle ul.menu ul {
	margin-left			: 12px;
}
div#middle ul.menu li {
	font-size			: 0.8em;
	font-weight			: bold;	
}
div#lemiddleft ul.menu li li {
	font-size			: 1.0em;
	font-weight			: normal;
}
div#middle ul.menu li a {
	line-height			: 1.2em;
	text-decoration		: none;
	display				: block;
	padding				: 6px 0px 6px 10px;
}
div#middle ul.menu li a span {
	line-height			: 1.2em;
}
div#middle ul.menu li#current {
	background-image	: url(../images/arrow-purple-20.jpg);
	background-repeat	: no-repeat;
	background-position	: left 0.5em;
	font-weight			: bold;
}
div#middle ul.menu li a:hover {
	text-decoration		: underline;
	color				: black;
}
div#middle ul.menu li.item114 { /* mijn profiel */
	display				: none;
}
div#middle ul.menu li span.separator {
	height				: 1.2em;
	width				: 100%;
	display				: block;
}
div#middle ul.menu li span.separator span {
	display				: none;
}

/* ------------------------------------------------ // contentmenu */
/*
div#middle ul#contentmenu {
	position			: absolute;
	top					: 45px;
	left				: 0px;
	list-style			: none;
	padding				: 0;
}
ul#contentmenu li {
	font-size			: 1.0em;
	float				: left;
	margin-bottom		: 5px;
}
ul#contentmenu li#current a {
	color				: black;
}
ul#contentmenu li a {
	color				: #A0A0A0;
	line-height			: 1.2em;
	text-decoration		: none;
	display				: block;
	padding-right		: 6px;
	margin-right		: 6px;
	border-right		: 1px solid #A0A0A0;
	white-space			: nowrap;
}
ul#contentmenu li a span {
	line-height			: 1.2em;
}
ul#contentmenu li a:hover {
	text-decoration		: underline;
	color				: black;
}
ul#contentmenu li.item118 a, ul#contentmenu li.item127 a { /* laatste streepje verbergen */
/*	border				: none;
}

/* ------------------------------------------------ // right */

div#right {
	width				: 521px;
	float				: left;
	padding-bottom		: 20px;
}
div#right ul {
	list-style			: disc;
	padding-left		: 19px;
	font-size			: 0.8em;
	margin-bottom		: 1.4em;
}
div#right ol {
	list-style			: decimal;
	padding-left		: 25px;
	font-size			: 0.8em;
	margin-bottom		: 1.4em;
}
div#right ul li, div#right ol li {
	line-height			: 1.4em;
}
div#right ul.category {
	list-style			: none;
	padding-left		: 0px;
}

/* ------------------------------------------------ // nieuws */

div.componentheading-nieuws {
	font-size			: 1.4em;
	font-weight			: normal;
	margin-bottom		: 1.0em;
	color				: #88004E;	
}
div.contentpaneopen-nieuws {
	position			: relative;
}
div.contentpaneopen-nieuws div.buttonheading {
	margin-top			: -17px;
}
div.contentpaneopen-nieuws h2.contentheading-nieuws, 
div.contentpaneopen-nieuws div.article-content, 
div.contentpaneopen-nieuws a.readon-nieuws {
	padding-left		: 75px;
}
div.contentpaneopen-nieuws h2.contentheading-nieuws {
	line-height			: 25px;
}
div.contentpaneopen-nieuws span.createdate {
	font-weight			: bold;
	font-size			: 0.7em;
	color				: #88004E;
	float				: left;
	margin-top			: -25px;
	line-height			: 25px;
	width				: 75px;
}
div.contentpaneopen-nieuws a.readon-nieuws {
	font-size			: 0.8em;
	display				: block;
	margin-top			: -1.4em;
	margin-bottom		: 1.4em;
	line-height			: 1.4em;
}
div.article_row-nieuws span.article_separator {
	display				: none;
}

div.article-tools span.createdate { /* datum als je een pagina geopend hebt */
	font-weight			: bold;
	font-size			: 0.7em;
	color				: #88004E;
	float				: left;
	margin-top			: -20px;
	line-height			: 20px;
	width				: 75px;
}

/* ------------------------------------------------ // counter en pagination */

p.counter {
	padding-left		: 75px;
}

div#right ul.pagination {
	width				: 100%;
	list-style			: none;
	padding-left		: 75px;
	font-size			: 0.8em;
	margin-bottom		: 0px;
}
div#right ul.pagination li {
	float				: left;
}

/* ------------------------------------------------ // flash */

div#starterslift-flash-container {
	position			: relative;
	width				: 100%;
	height				: 530px;
}

div#starterslift-flash {
	position			: relative;
	width				: 960px;
	height				: 530px;
	background-color	: white;
	margin-left			: auto;
	margin-right		: auto;	
}

div#starterslift-flash-container div#starterslift-left-bg {
	position			: absolute;
	top					: 4px;
	left				: 0px;
	width				: 40%;
	height				: 507px;
	background-color	: #96004B;
}
div#starterslift-flash-container div#starterslift-right-bg {
	position			: absolute;
	top					: 0px;
	right				: 0px;
	width				: 40%;
	height				: 347px;
	background			: none;
	background-color	: #96004B;
}
div#starterslift-flash-container div#starterslift-right-bg.techno {
	background-color	: #9192CE;
}
div#starterslift-flash-container div#starterslift-right-bg.kennis {
	background-color	: #EB7126;
}
div#starterslift-flash-container div#starterslift-right-bg.creatief {
	background-color	: #F5D312;
}

/* ------------------------------------------------ // sitemap */

div.sitemap h2.menutitle {
	font-size			: 1.0em;
	margin-bottom		: 1.1em;
}
div#middle div.sitemap ul {
	list-style			: none;
	padding				: 0px;
	font-size			: 0.8em;
	margin-bottom		: 0.8em;
}
div#middle div.sitemap li {
	line-height			: 1.4em;
}
div#middle div.sitemap ul.level_0 {
	margin-left			: 12px;
	margin-bottom		: 15px;
}
div#middle div.sitemap ul.level_0 li {
	margin-bottom		: 8px;
}
div#middle div.sitemap ul.level_1, div#middle div.sitemap ul.level_2 {
	margin-left			: 18px;
	font-size			: 0.9em;
}
div#middle div.sitemap ul.level_1 li, div#middle div.sitemap ul.level_2 li {
	background-image	: url(../images/xmap-level.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
	padding-left		: 30px;
	margin-bottom		: 5px;
}
div.sitemap a {
	color				: black;	
}
div.sitemap a:hover {
	color				: #88004E;
}

/* ------------------------------------------------ // contact */

div.contact {
	width				: 250px;
	float				: left;
	margin-bottom		: 20px;
}
div.hoofdkantoor {
	float				: none;
}
div.contact h2 {
	font-size			: 14px;
	margin-bottom		: 14px;
}
div.contact a {
	color				: black;
	line-height			: 14px;
}
div.contact a.route {
	color				: #949494;
}
div.contact a:hover {
	color				: #88004E;
}

/* ------------------------------------------------ // route */

form.mapdirform {
	font-size			: 0.8em;
	line-height			: 1.4em;
	height				: 80px;
	margin-top			: -15px;
}
form.mapdirform input {
	visibility			: hidden;
}
form.mapdirform input.inputbox {
	visibility			: visible;
	margin-left			: 4px;
	border				: 1px solid #CCCCCC;
}
form.mapdirform input.button {
	visibility			: visible;
	margin-left			: 42px;
	width				: 70px;
}

/* ------------------------------------------------ // nieuwsbrief */

input.button, button {
	background			: none;
	border				: none;
	background-color	: #737373;
	width				: auto;
	height				: 18px;
	font-size			: 11px;
	color				: white;
	cursor				: pointer;
	padding-top			: 1px;
}

/* ------------------------------------------------ // PageNav plugin */

div.pagenav {
	width				: 521px;
	height				: 40px;
	padding-top			: 1.0em;
}
div.pagenav_prev {
	font-size			: 0.8em;
	width				: 260px;
	float				: left;
	text-align			: left;
}
div.pagenav_prev a {
	margin-right		: 10px;
}
div.pagenav_next {
	font-size			: 0.8em;
	width				: 261px;
	float				: right;
	text-align			: right;
}
div.pagenav_next a {
	margin-left			: 10px;
}

/* ------------------------------------------------ // AddThis plugin */

div.addthis {
	*margin-top			: -1.2em;
	margin-top			: -1.4em;
}

/* ------------------------------------------------ // front-end editor */

div.contentpaneopen_edit, div.contentpaneopen_edit-portfolio, div.contentpaneopen_edit-fixed {
	position			: absolute;
	z-index				: 99;
	left				: -22px;
	top					: 2px;
}
.tool-tip {
	background			: #ffc;
	border				: 1px solid #D4D5AA;
	padding				: 5px;
	font-size			: 11px;
	max-width			: 200px;
	line-height			: 30px;
}
.tool-title {
	font-weight			: bold;
	font-size			: 12px;
	margin-bottom		: 3px;
}

form.editor {
	font-size			: 12px;
}
form.editor label {
	width				: 100px;
	display				: block;
	float				: left;
	line-height			: 22px;
}
form.editor div.save {
	position			: absolute;
	right				: 0px;
	top					: 0px;
}
form.editor div.radio label {
	display				: inline;
	width				: auto;
}
form.editor div.radio label span {
	width				: 100px;
	display				: block;
	line-height			: 22px;
}
form.editor div.radio input {
	float				: left;
	margin-right		: 2px;
}
form.editor div.wrap {
	clear				: both;
}

/* ------------------------------------------------ // bottom */

div#bottom {
	clear				: both;
	border-top			: 1px solid #E5E5E5;
	width				: 960px;
	margin				: 0 auto 1.3em auto;
	height				: 2.0em;
}
div#bottom p {
	float				: left;
	color				: #999;
	font-size			: 0.7em;
	line-height			: 25px;
	margin-right		: 10px;
}
div#bottom ul {
	float				: right;
	list-style			: none;
	margin				: 0;
	padding				: 0;
}
div#bottom ul li {
	float				: left;
	padding				: 0px 0px 0px 10px;
	height				: 25px;
}
div#bottom ul li a {
	color				: #999;
	font-size			: 0.7em;
}
div#bottom ul li a span {
	line-height			: 25px;
	height				: 25px;	
}
div#bottom ul li a:hover {
	color				: #88004E
}

/* ------------------------------------------------ // inloggen */

form#login h1 {
	text-transform		: lowercase;
}
form#login div.wrap_image {
	display				: none;
}
form#login label {
	display				: block;
	line-height			: 1.4em;
}
form#login input {
	width				: 150px;
}
form#login div.name, form#login div.pass {
	margin-bottom		: 10px;
}

/* ------------------------------------------------ // uitloggen */

div#logout {
	float				: left;
	color				: #999;
	font-size			: 0.7em;
	line-height			: 25px;
	margin-left			: 130px;
}


