/*
* STYLESHEET DEFACTO.NL
* BY MATTHIJS KUIPER
* INFO@MATTHIJSKUIPER.NL
*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	position: relative;
	text-align: center;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	background: #fff url(../uploads/defacto/img/back.gif) 0px 91px repeat-x;
}
body.nobanner {
	background: #fff url(../uploads/defacto/img/back-nobanner.gif) 0px 91px repeat-x;
}

p {
	margin-bottom: 18px;	
}

/* LINKS */

a {
	color: #3b3b3b;
}

#bluebar a {
	/*color: #ececec;*/
	color: #a5cbef;
	font-weight: bold;
	text-decoration: none;
}
#bluebar a:hover {
	color: #5ea6eb;
}

#bluebar .opvallend a,
#bluebar .opvallend a:hover {
	color: #fff
}



#bluebar .readmore a, .readmore a {
	/*display: block;*/
	color: #a5cbef;
	font-weight: bold;
	text-decoration: none;
	white-space:nowrap;
}

#bluebar .opvallend .readmore a {
	color: #eff4f9;
	background: transparent url(/uploads/defacto/img/bullet-arrow-white.gif) no-repeat 0% 60%;
	padding-left: 18px;
}



/* =LAYOUT */

#wrap {
	position: relative;
	width: 976px;
	Height: 100%;
	text-align: left;
	margin: 0 auto;
	/*
	background-image: url(../uploads/defacto/img/yellow-back.gif);
	background-position: 713px 5px;
	background-repeat: repeat-y;
	*/
}

html>body #wrap {
	height: auto;
	min-height: 100%;
}

ul {
	margin-left: 16px;
}
li {
	padding-bottom: 4px;
}

#header {
	width: 100%;
	height: 91px;
	text-align: left;
	border: 0px solid #000;
	background-color: #fff;
}

#logo {
	position: relative;
	float: left;
	width: 202px;
	height: 91px;
}

#logo img {
	display: block;
	width: 202px;
	height: 91px;
	border: 0;
}

/* =BANNER */

#banner {
	width: 100%;
	height: 222px;
}
body.nobanner #banner {
	height: 70px;
}

/* =CONTENT */

#contentborder {
	height: 8px;
	background-color: #1d165c;
}

#contentborder .opvallend {
	background-color: #d40000;
	height: 8px;
	width: 350px;
}

#content {
	/*position: relative;*/
	width: 100%;
	/*height: 100%;*/
	/* border-top: 8px solid #1d165c; */ /* see above*/
	padding-bottom: 34px;
	border-bottom: 0px solid #000;
}
body.nobanner #content {
	border-top: 8px solid #3e3879;
}
html>body #content {
	height: auto;
	min-height: 100%;
}

#leftcolumn {
	float: left;
	width: 230px;
	height: 100%;
	background-color: #f6f6f6;
	padding: 10px;
}

#leftcolumn .contenttitle {
	display: block;
	margin: 5px 0;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #cdcdcd;
}

#maincolumn {
	position: relative;
	float: left;
	width: 711px;
	height: 100%;
}

#contentwide {
	width: 691px;
	padding: 10px;
}

#contentnarrow {
	float: right;
	width: 440px;
	padding: 10px;
}

#contentwide ul, #contentnarrow ul {
	margin-left: 14px;
}

.contenttitle {
	font-size: 14px;
	margin: 5px 0 10px 0;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 18px 0 0 0;
	padding: 0;
}

.bottom-logo {
	display: block;
	margin: 36px auto 18px auto;
}



#home-items {
	width: 100%;
	padding-bottom: 10px;
}


/* Home items table */

#home-items-table {
	margin: 14px 0;
}
#home-items-table td {
	width: 322px;
	height: auto;
	min-height: 150px;
	background: #eff4f9 url(../uploads/defacto/img/home-item-back.gif) top left no-repeat;
	padding: 10px;
	vertical-align: top;
	border-right: 14px solid #fff;
	border-bottom: 12px solid #fff;
	line-height: 13pt;
}
#home-items-table td.lastrow {
	border-right: 0;
}
#home-items-table h3 {
	margin: 0;
	padding-bottom: 7px;
	font-size: 12pt;
	font-weight: bold;
}
.home-item-picture {
	float: right;
	margin: 0 0 5px 10px;
}
#home-items-table .readmore,
#home-items-table .readmore a {
	color: #4790d5;
}

#home-items-table a {
	text-decoration: none;
}

#home-items-table a img {
	border: 0;
}







/* Products table */

.table-orange {
	background-color: #fff6d9;
}

.table-orange caption {
	padding: 8px;
	background-color: #fff;
	text-align: left;
	font-weight: bold;
	font-size: 13pt;
}

.table-orange th {
	padding: 8px;
	background-color: #e1a900;
	font-size: 11pt;
	color: #fff;
}

.table-orange td {
	padding: 8px;
	vertical-align: top;
	background-color: #fae6a9;
}

.table-orange a {
	text-decoration: none;
}

.table-orange a:hover {
	text-decoration: underline;
}

#rightcolumn {
	float: right;
	width: 263px;
	height: 100%;
	margin-top: 12px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	background-color: #fff1c6;
}

body.nobanner #rightcolumn {
	background-color: #fff;
	margin-top: 0;
}



#bluebar {
	width: 100%;
	min-height: 32px;
	background-color: #1d165c;
	color: #ececec;
}
body.nobanner #bluebar {
	background-color: #3e3879;
}

/* IE6 fix */
* html #bluebar {
	height: 32px;
}

#bluebar .head {
	height: 30px;
}
#bluebar .center  {
	padding-left: 250px;
}

#bluebar .wide {
	width: 680px;
	padding: 5px 15px 15px 15px;
}

#bluebar .narrow {
	float: left;
	width: 325px;
	padding: 15px;
}

#bluebar .opvallend {
	background-color: #d40000;
	border-bottom: 8px #d40000 solid;
	/*border-width: 8px 0;*/
	width: 320px;
	height: 110px;
	/*position: relative;
	bottom: 8px;*/
}

#bluebar .opvallend p {
	cursor: pointer;
}

#bluebar .shortcuts-home {
	float: left;
	padding: 10px 0 0 25px;
}

.arrowlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowlist.white li {
	background-image: url(../uploads/defacto/img/bullet-arrow-white.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 17pt;
}

#rightcolumn .head {
	height: 30px;
	background-color: #e1a900;
}

.head h2 {
	display: block;
	padding: 5px 0px 0px 10px;
	font-size: 15px;
	color: #fff;
	height: 20px;
}

#rightcolumn ul {
	margin-left: 24px;
}

/* =shortcuts old */
#rightcolumn .shortcuts {
	list-style-type: none;
	margin: 0;
	padding: 8px;
	background-color: #FFF1C6;
}

.shortcuts li {
	/*width: 244px;*/
	font-weight: bold;
	background-color: #f9e39e;
	border-bottom: 1px solid #ecc448;
	margin-bottom: 2px;
	padding: 0;
}

.shortcuts li a {
	display: block;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
}

.shortcuts li a:hover {
	background-color: #f2d67c;
}


/* =shortcuts new */
#rightcolumn .shortcuts-new {
	list-style-type: none;
	margin: 0 0 0 40px;
	padding: 4px;
}

.shortcuts-new li {
	display: block;
	width: 180px;
	height: 40px;
	margin: 10px 0;
	background-image: url(/uploads/defacto/img/shortcuts-geel-180.gif);

}

.shortcuts-new li a {
	display: block;
	width: 142px;
	height: 28px;
	padding: 8px 0 4px 38px;
	color: #3b3b3b !important; /* !imp to have right color on home */
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-decoration: none
}

.shortcuts-new li.snel-nieuwsbrief { background-position: 0 0px;  }
.shortcuts-new li.snel-info { background-position: 0 -50px; }
.shortcuts-new li.snel-lms { background-position: 0 -100px;  }
.shortcuts-new li.snel-pdf { background-position: 0 -150px;  }
.shortcuts-new li.snel-nieuws { background-position: 0 -200px;  }
.shortcuts-new li.snel-sleutel { background-position: 0 -250px;  }
.shortcuts-new li.snel-tekstwolk { background-position: 0 -300px;  }
.shortcuts-new li.snel-telefoon { background-position: 0 -350px;  }
.shortcuts-new li.snel-vacatures { background-position: 0 -400px;  }
.shortcuts-new li.snel-megafoon { background-position: 0 -450px;  }
.shortcuts-new li.snel-potlood { background-position: 0 -500px;  }


/* shortcuts new op home */
.shortcuts-new {
	list-style-type: none;
}


.shortcuts-home .shortcuts-new li { 
	margin: 5px 0;
	background-image: url(/uploads/defacto/img/shortcuts-home.gif);
}

.shortcuts-home .shortcuts-new li a {
	padding: 12px 0 0px 38px;
}


.list {
	list-style-type: disc;
	margin-left: 12px;
	padding: 5px 5px 10px 8px;
}

.list li {
	padding-top: 8px;
	line-height: 12pt;
}


/* BOTTOM */

#bottom {
	clear: both;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 32px;
	background-color: #9dbbd8;
}

#bottom .copyright {
	float: left;
	margin-top: 8px;
	margin-left: 10px;
	color: #fff;
}

#bottom .sitemap,
#bottom .conversie {
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	color: #fff;
}


/* =INFORMATIE AANVRAAG */

.informatie-aanvraag table td {
	padding: 2px;
	vertical-align: top;
}
.informatie-aanvraag .files td,
.informatie-aanvraag .info td {
	padding-bottom: 20px;
}
.informatie-aanvraag span {
	display: block;
}
.informatie-aanvraag label {
	margin: 0 3px;
}
.informatie-aanvraag .files label,
.informatie-aanvraag .info label {
	margin-right: 20px;
	margin-left: 0;
}
.informatie-aanvraag .label label {
	margin: 0;
}
.informatie-aanvraag input {
	background-color: #fffcf5;
}
.informatie-aanvraag .fbsubmit {
	background-color: #d4d0c8;
}
.informatie-aanvraag select {
	width: 180px;
	background-color: #fffcf5;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.informatie-aanvraag textarea {
	width: 400px;
	height: 200px;
	background-color: #fffcf5;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.informatie-aanvraag .fb_invalid,
.informatie-aanvraag label.error {
	color: #f10808;
}



.informatie-aanvraag i.verplicht {
	float: right;
	margin: 5px 25px 0 5px;
}

.informatie-aanvraag-submission img {
	border: 0;
}
.informatie-aanvraag-submission table {
	margin-top: 5px;
}
.informatie-aanvraag-submission td {
	padding: 2px;
}
.informatie-aanvraag-submission ul {
	margin-top: 5px;
	padding-left: 5px;
}
.informatie-aanvraag-submission li {
	
}


/* NIEUWSBRIEF */

.nl-aanmelden-title {
	padding-bottom: 5px;
	font-weight: bold;
}
#nl-afmelden {
	padding: 8px;
	background-color: #eef7ff;
	border: 1px solid #d1e6fb;
}

#newsletter-archief {
	margin-top: 8px;
}

#newsletter {

}
#newsletter .header {
	display: none;
}
#newsletter .toc {
	margin-bottom: 10px;
}
#newsletter .title {
	font-size: 12pt;
	margin: 0 0 20px 0;
}
#newsletter .item-title {
	padding: 3px 0 3px 5px;
	background-color: #3e3879;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
}
#newsletter .item-message {
	padding: 10px 0 15px 0;
}

#newsletter .item-message td {
	vertical-align: top;
}


#newsletter a {
	color: #4790d5;
}
#newsletter img {
	border: 0;
}
span.left img {
	margin: 0 10px 5px 0;
	float: left;
}
span.right img {
	margin: 0 0 5px 10px;
	float: right;
}
#newsletter .afmeld-link {
	display: none;
}
#newsletter .contact {
	display: none;
}
#newsletter .footer-hr {
	display: none;
}

#newsletter .table-orange caption {
	font-size: 11pt;
}

#newsletter .table-orange th {
	font-size: 10pt;
}


/* clearfix hack for clearing floats */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   line-height: 0;
   font-size: 0;
   clear: both;
   visibility: hidden;
}
* html .clearfix {
   height: 1%;
}
.clearfix {
   display: inline-block;
}
html[xmlns] .clearfix {
   display: block;
}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */

/* DEMO ACCOUNT FORM */
/* #rightcolumn { width: 253px; padding: 5px; } */
#rightcmarge {
	background-color: #FFF1C6;
	padding: 1em 0.3em;
}

#rightcolumn form div { margin: 1em 0.3em; }
#rightcolumn label { display: block; float: left; clear: none; width: 7em;}
#rightcolumn input { width: 10em;}
#rightcolumn .submit input { width: 120px; margin-left: 100px; }
#rightcolumn a img { border: 0; float: right; }

#rightcolumn iframe  {
	width: 255px;
	border: 0;
	height: 450px;
	overflow: visible
}