/* ****************************************** */
/*   BASIS                                    */
/* ****************************************** */
/* basis lettertype */
body, td, .normal {
font-family: arial;
color: #333;
font-size: 12px;
line-height: 18px;
font-weight: normal;
font-style: normal;
text-align: left;
}

.lower {
text-transform: lower;
}

/* ****************************************** */
/*   KOPPEN                                   */
/* ****************************************** */
/* kopjes */
h1 {
font-family: georgia, verdana;
font-size: 15px;
color: #999;
font-weight: bold;
line-height: 18px;
margin: 0 px;
}

.kop {
font-family: georgia, verdana;
font-size: 15px;
color: #F26722;
font-weight: bold;
line-height: 18px;
}

.kopgrijs {
font-family: georgia, verdana;
font-size: 15px;
color: #999;
font-weight: bold;
line-height: 18px;
}

.kop2 {
color: black;
font-weight: bold;
line-height: 18px;
text-transform: uppercase;
}

.kop3 {
color: black;
font-weight: bold;
}

/* ****************************************** */
/*   GROOTTE                                  */
/* ****************************************** */
.klein {
font-size: 9px;
line-height: 12px;
}

.middel {
font-size: 11px;
line-height: 15px;
}

.landingpage {
font-size: 16px;
line-height: 30px;
margin-left: 10px;
}

.middelgroot {
font-size: 17px;
line-height: 17px;
}

.groot {
font-size: 24px;
line-height: 32px;
}

.zeergroot {
font-size: 36px;
line-height: 36px;
}

.streamer {
font-size: 20px;
line-height: 24px;
}

/* ****************************************** */
/*   KLEUREN                                  */
/* ****************************************** */
.zwart, A.zwart, A:visited.zwart {
	color: #333;
}

.grijs1 {
	color: #666;
}

.grijs2 {
	color: #999;
}

.rood {
	color: red;
}

.oranje {
color: #F26722;
}

.groen {
color: green;
}

.blauwblokje {
	font-family: arial;
	color: #333;
	background-color: #CEDBFD;	
	font-weight: bold;
	border: 1px solid #C0C0C0;
	cursor: default;
}

.transpblokje {
	font-family: arial;
	color: white;
	font-weight: bold;
	border: 1px solid #C0C0C0;
	cursor: default;
}

.roodblokje {
	font-family: arial;
	color: red;
	background-color: #FDDBDB;	
	font-weight: bold;
	border: 1px solid red;
	cursor: default;
}

.pagination, A.pagination, A:visited.pagination, A:active.pagination, A:hover.pagination {
	font-family: arial;
	color: #0080FF;
	background-color: #CEDBFD;	
	font-weight: bold;
	cursor: pointer;
	padding: 4px 6px 4px 6px;
	border: 1px solid white;
}

.pagination_off {
	font-family: arial;
	color: #333;
	background-color: #C0C0C0;	
	font-weight: bold;
	padding: 4px 6px 4px 6px;
	border: 1px solid white;
}

/* ****************************************** */
/*   MENU                                     */
/* ****************************************** */
/* menublok */
/* actieve menuregel */
.menuon, a.menuon, a:active.menuon, a:visited.menuon, a:hover.menuon  { 
font-family: georgia, times new roman;
font-size: 15px;
line-height: 23px;
text-align: left;
color: #F26722;
text-decoration: none;
height: 24px;
background-image: url(../img/menuon.png);
}

/* passieve menuregel */
div.menuoff a, div.menuoff a:visited { 
font-family: georgia, times new roman;
font-size: 15px;
line-height: 23px;
text-align: left;
color: #989887;
text-decoration: none;
display: block;
height:24px;
background-image: url(../img/menuoff.png);
}

div.menuoff a:hover { 
font-family: georgia, times new roman;
font-size: 15px;
line-height: 23px;
text-align: left;
color: #F26722;
text-decoration: none;
display: block;
height: 24px;
background-image: url(../img/menuon.png);
}

/* ****************************************** */
/*   LINKS EN BUTTONS                         */
/* ****************************************** */
/* standaard links */
A, A:active, A:visited {
color: #0080FF;
text-decoration: none;
}

A:hover {
color: #0080FF;
text-decoration: underline;
}

/* breadcrumbs */
.bread {
color: #666;
font-size: 10px;
line-height: 10px;
text-decoration: none;
}

A.bread, A:active.bread, A:visited.bread, A:hover.bread {
color: #666;
font-size: 10px;
line-height: 10px;
text-decoration: underline;
}

/* footer */
A.footer, A:active.footer, A:visited.footer, .footer {
font-family: georgia, times new roman;
font-size: 11px;
color: #FFFFFF;
line-height: 14px;
text-decoration: none;
text-align: center;
}

A:hover.footer {
font-family: georgia, times new roman;
font-size: 11px;
color: #DDDDDD;
line-height: 14px;
text-decoration: underline;
text-align: center;
}

/* links offerte-overzichten  */
A.blacklink, A.blacklink:active, A.blacklink:visited {
color: #333;
text-decoration: none;
}

A.blacklink:hover {
color: #0080FF;
text-decoration: underline;
}

/* links opdrachten */
A.opdr, A:VISITED.opdr {
	color: #0080FF;
	text-decoration: none;
}

A:Active.opdr, A:Hover.opdr  {
	color: #0080FF;
	text-decoration: underline;
}

.opdrkop, A.opdrkop, A:VISITED.opdrkop {
	color: #F0F0F0;
	text-decoration: none;
}

A:Active.opdrkop, A:Hover.opdrkop  {
	color: #F0F0F0;
	text-decoration: underline;
}

/* links betaalpagina */
.paymentlink, A.paymentlink, A:active.paymentlink, A:visited.paymentlink, A:hover.paymentlink {
text-decoration: none;
cursor: hand;
}

/* gemaskeerde button voor offerte formulier (reactie plaatsen) */
.buttonlink {
	border: 0px ;
	background: white;	
	padding: 0px;
	margin: 0px;
	color: #0080FF;
	text-decoration: none;
	font-size: 12px;
	cursor: pointer;
}	

.dotted {
	text-decoration:none;
	border-bottom:1px dotted #0080FF;
	cursor: help;
}

/* oranjebutton180 */
.oranjebutton180, a.oranjebutton180, a:visited.oranjebutton180 { 
width: 180px;
font-family: arial;
font-size: 14px;
line-height: 30px;
text-align: center;
color: white;
text-decoration: none;
display: block;
height:33px;
margin-right: 4px;
background-image: url(../img/button180normal.png);
background-repeat: repeat-x;
}

a:active.oranjebutton180, a:hover.oranjebutton180 { 
width: 180px;
font-family: arial;
font-size: 14px;
line-height: 30px;
text-align: center;
color: white;
text-decoration: none;
display: block;
height:33px;
margin-right: 4px;
background-image: url(../img/button180hover.png);
background-repeat: repeat-x;
}

/* oranjebutton */
.oranjebutton, a.oranjebutton, a:visited.oranjebutton { 
width: 300px;
font-family: arial;
font-size: 18px;
line-height: 45px;
text-align: center;
color: white;
text-decoration: none;
display: block;
height:50px;
margin-right: 4px;
background-image: url(../img/button300normal.png);
background-repeat: repeat-x;
}

a:active.oranjebutton, a:hover.oranjebutton { 
width: 300px;
font-family: arial;
font-size: 18px;
line-height: 45px;
text-align: center;
color: white;
text-decoration: none;
display: block;
height:50px;
margin-right: 4px;
background-image: url(../img/button300hover.png);
background-repeat: repeat-x;
}

/* ****************************************** */
/*   VOORPAGINA                               */
/* ****************************************** */
/* blok linksboven met aantal sellers */
.aantal, A.aantal, A:active.aantal, A:hover.aantal, A:visited.aantal { 
font-family: georgia, times new roman;
font-weight: normal;
color: #333;
font-size: 36px;
text-align: center;
line-height: 48px;
text-decoration: none;
}

.aantalsellers, A.aantalsellers, A:active.aantalsellers, A:hover.aantalsellers, A:visited.aantalsellers { 
font-family: georgia, times new roman;
font-weight: normal;
color: #333;
font-size: 21px;
text-align: center;
line-height: 18px;
text-decoration: none;
}

.aangesloten, A.aangesloten, A:active.aangesloten, A:hover.aangesloten, A:visited.aangesloten { 
font-family: georgia, times new roman;
font-weight: normal;
color: #333;
font-size: 14px;
text-align: center;
line-height: 24px;
text-decoration: none;
}

/* subtitel: beschrijf uw opdracht... */
.payoff { 
color: #333;
font-size: 18px;
line-height: 20px;
text-align: left;
}

.payoff2 { 
color: #333;
font-size: 12px;
line-height: 15px;
text-align: left;
margin-left: 4px;
}

/* blok midden: uitleg */
.uitleg { 
font-size: 11px;
line-height: 15px;
color: #999;
padding: 8px;
}

.uitlegpijl {
font-family: arial narrow;
font-size: 72px;
color: #D0D0D0;
padding-top: 14px;
line-height: 18px;
}

/* blok rechtsboven: aanmelden, inloggen, contact */
A.aanmelden, A:active.aanmelden, A:visited.aanmelden, .aanmelden {
font-family: arial;
font-size: 14px;
color: white;
text-align: right;
line-height: 16px;
text-decoration: none;
}

A:hover.aanmelden {
font-family: arial;
font-size: 14px;
color: white;
text-align: right;
line-height: 16px;
text-decoration: underline;
}

/* blok rechts: testimonial */
.testi { 
font-family: arial;
font-size: 12px;
line-height: 18px;
text-align: left;
color: #333;
font-style: italic;
}

.testifrom { 
font-family: arial;
font-size: 11px;
line-height: 18px;
text-align: left;
color: #333;
font-style: italic;
font-weight: bold;
}

.showrandje {
text-align: left;
margin: 0 0 0 0;
background-color: silver;
}

/* ****************************************** */
/*   SEO                                      */
/* ****************************************** */
.seo, A.seo, A:ACTIVE.seo,  A:VISITED.seo, A:HOVER.seo {
font-family: arial;
color: #333;
font-size: 10px;
line-height: 16px;
font-weight: normal;
font-style: normal;
text-align: left;
}

.seoback {
border-top: 1px solid #666;
}

ul.opdracht_details{
    list-style: none;
    padding-left: 0;
}
ul.opdracht_details li span{display: inline-block; vertical-align: top;}
ul.opdracht_details li span.label{width: 200px;}
ul.opdracht_details li span.value{color: #000; width: 330px;}
p{margin-top: 0px;}
h4{font-size: 12px; line-height: 18px; font-weight: normal; margin-bottom: 0px;}


/* ****************************************** */
/*   KOLOM SPECIFIEK                          */
/* ****************************************** */
/* kolom 1 */
.kol1 {
font-size: 12px;
line-height: 18px;
}

.kol3 {
padding: 8px 4px 4px 12px;
}

.kol3back {
	background-image: url("../img/verloopr.png"); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* ****************************************** */
/*   MESSAGE BOX                              */
/* ****************************************** */
.box {
	margin: 2px 0;
	padding: 8px 4px 8px 50px;
	border-width: 1px;
	border-style: solid;
	background-position: 8px 50%;
	background-repeat: no-repeat;
}
.error {
	border-color: #cc0000;
	background-color: #FFEAEA;
	color: red;
	background-image: url(../img/failed.png);
}

.info {
	border-color: orange;
	background-color: #FEFCCC;
	color: #F26722;
	background-image: url(../img/warning.png);
}
.success {
	border-color: green;
	background-color: #DAF9D4;
	color: green;
	background-image: url(../img/success.png);
}

/* boxes op pagina professionals met waarschuwingen over tegoed */
.warning {
	width: 545px;
	font-size: 11px;
	line-height: 15px;
	border: 1px solid maroon;
	background: #FFFFCC;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: none;
}

/* ****************************************** */
/*   KADERS                                   */
/* ****************************************** */
/* standaardkader tbv formulieren */
.kader {
	background: #F6FFF6;
	border:1px solid #c0c0c0;
	padding:4px 4px;
}

/* tbv zoekblok op opdrachtenpagina */
.kadergrijs {
	background: #F0F0F0;
	border:1px solid #c0c0c0;
	padding:4px 4px;
}

/* tbv business partners */
.kaderwit {
	background: white;
	border:1px solid #c0c0c0;
	padding:4px 4px;
}

/* tbv seo-pagina's */
.kaderoranje {
	border:1px solid #c0c0c0;
	border-color: #F26722;
	padding:8px 4px;
}

/* tbv beheerpagina's */
.kaderbeheer {
	background: #FDFDFD;
	border:1px solid #c0c0c0;
	padding:4px 4px;
}

/* tbv beheerpagina en landingpages */
.kadergeel {
	background: #FFFFCC;	
	border:1px solid #c0c0c0;
	padding:4px 4px;
}

/* ****************************************** */
/*   FORMULIEREN                              */
/* ****************************************** */
.form {
	color: #333;
	text-align: left;
}

.form16 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 16px;
}

.form32 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 32px;
}

.form48 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 48px;
}

.form90 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 90px;
}

.form120 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 120px;
}

.form150 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 150px;
}

.form180 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 180px;
}

.form240 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 240px;
}

.form320 {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 320px;
}

.form320home {
	font-family: arial;
	font-size: 12px;
	color: #999;
	width: 320px;
}

.form100p {
	font-family: arial;
	font-size: 12px;
	color: #333;
	width: 100%;
}

.form100pgrijs {
	font-family: arial;
	font-size: 12px;
	line-height: 15px;
	color: #555;
	width: 100%;
}

.formopdr {
	font-size: 11px;
	color: #333;
	line-height: 14px;
}

/* laatste 5 opdrachten op formulier */
.laatsteopdr {
	margin-left: 12px;
	font-size: 11px;
	}

A.laatsteopdrlink, A:active.laatsteopdrlink, A:visited.laatsteopdrlink {
	color: #666;
	line-height: 14px;
}

A:hover.laatsteopdrlink {
	color: #666;
	line-height: 14px;
	text-decoration: underline;
}

.laatsteopdrklein {
	color: #aaa;
	line-height: 14px;
}

/* ****************************************** */
/*   ZEBRA TABEL                              */
/* ****************************************** */
.zebra-table {
	width: 545px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
}

.zebra-table td {
	font-family: arial;
	color: #333;
	font-size: 11px;
	line-height: 15px;
	padding: 4px;
	border-left: 1px solid #d0d0d0;
}

.zebra-table thead {
	background: #c8c8c8 url(../img/table_header_background.png) repeat-x bottom left;
}

.zebra-table thead td, .zebra-table thead a, .zebra-table thead a:active, .zebra-table thead a:visited, .zebra-table thead a:hover  {
	color: #fff;
}
.zebra-table .header {
	position: relative;
	font-size: 12px;
	font-weight: bold;
}

.zebra-table thead .sort-icon {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: none;
	background-position: 0 0;
}

.zebra-table thead td.sort-ascending .sort-icon {
	background-image: url(../img/bullet_arrow_down.png);
}
.zebra-table thead td.sort-descending .sort-icon {
	background-image: url(../img/bullet_arrow_up.png);
}

.zebra-table tbody tr.even td {
	background: #e1e9c8;
}

/* ****************************************** */
/*   BASIS TABEL                              */
/* ****************************************** */
.basic-table {
	/* table-layout: fixed; */
	width: 545px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 1px;
}

.basic-table td {
	font-family: arial;
	color: #333;
	font-size: 12px;
	line-height: 18px;
	padding: 4px;
}

.basic-table thead {
	background: #c8c8c8 url(../img/table_header_background.png) repeat-x bottom left;
}

.basic-table thead td, .basic-table thead a, .basic-table thead a:active, .basic-table thead a:visited, .basic-table thead a:hover  {
	color: #fff;
}
.basic-table .header {
	position: relative;
	font-size: 12px;
	font-weight: bold;
}

.basic-table thead .sort-icon {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: none;
	background-position: 0 0;
}

.basic-table thead td.sort-ascending .sort-icon {
	background-image: url(../img/bullet_arrow_down.png);
}
.basic-table thead td.sort-descending .sort-icon {
	background-image: url(../img/bullet_arrow_up.png);
}

.basic-table tbody tr.even td {
	background: #e1e9c8;
}

/* ****************************************** */
/*   TABBLADEN                                */
/* ****************************************** */
A.tab, A:VISITED.tab {
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background: #f0f0f0;
	padding: 3px;
	color: #989887;
	line-height:24px;
	font-size: 12px;
}	

A:ACTIVE.tab {
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background: #f0f0f0;
	padding: 3px;
	color: #F26722;
	text-decoration: none;
	line-height:24px;
	font-size: 12px;
}	

A:HOVER.tab {
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background: #e0e0e0;
	padding: 3px;
	color: #F26722;
	text-decoration: none;
	line-height:24px;
	font-size: 12px;
}	

.tabaan, A.tabaan, A:VISITED.tabaan, A:ACTIVE.tabaan, A:HOVER.tabaan {
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background: #f0f0f0;
	padding: 3px;
	color: #F26722;
	text-decoration: none;
	font-weight: bold;
	line-height:24px;
	font-size: 12px;
}	

/* ****************************************** */
/*   OFFERTE FORMULIER                        */
/* ****************************************** */
.offerte {
	padding: 10px;
	border: 4px double #9AA75B;
}

.offertereply {
	width: 350px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #9AA75B;
}

/* ****************************************** */
/*   CHATBOX                                  */
/* ****************************************** */
.rounded{position:relative;*zoom:1;} /* can be used to oversize the box with negative margins */
.w{position:relative;color:#000;margin-left:20px; /* default, width of left corner */}
.rounded .ww,.rounded .t,.rounded .b,.rounded .b div {background-color:transparent;background-repeat:no-repeat;background-position:top right;}
.rounded .ww{position:relative;*zoom:1;_overflow-y:hidden;padding:20px 20px 0px 0px;}
.rounded .t{/* top+left vertical slice */position:absolute;left:0px;top:0px;width:20px; /* top slice width */margin-left:-20px;height:100%;_height:1600px; /* arbitrary long height, IE 6 */background-position:top left;}
.rounded .b {/* bottom */position:relative;width:100%;}
.rounded .b,.rounded .b div {height:20px; /* height of bottom cap/shade */font-size:1px;}
.rounded .b{background-position:bottom right;}
.rounded .b div{position:relative;width:20px; /* bottom corner width */margin-left:-20px;background-position:bottom left;}
.rounded .hd,.rounded .bd,.rounded .ft{position:relative;}
.rounded .ww:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;*zoom:1;}
.rounded .rounded-content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;*zoom:1;}
.message .ww,.message .t,.message .b,.message .b div {background-image:url('../img/green_border.png');}
.message {
	width: 380px;
	max-width:380px;
}
.message .w{margin-left:25px;}
.message .ww{padding:25px 25px 0 0;}
.message .t{width:25px;margin-left:-25px;}
.message .b, .message .b div{height:25px;}
.message .b div{width:25px;margin-left:-25px;}
.message .rounded-content{padding:0 7px;}
.message_or .ww,.message_or .t,.message_or .b,.message_or .b div {background-image:url('../img/orange_border.png');}
.message_or {
	width: 380px;
	max-width:380px;
}
.message_or .w{margin-left:25px;}
.message_or .ww{padding:25px 25px 0 0;}
.message_or .t{width:25px;margin-left:-25px;}
.message_or .b, .message_or .b div{height:25px;}
.message_or .b div{width:25px;margin-left:-25px;}
.message_or .rounded-content{padding:0 7px;}
.chat_bulb {
	width: 16px;
	height: 20px;
	position: absolute;
}
.question {
	margin-left: 10px;
}
.answer {
	margin-left: 100px;
}
.answer .chat_bulb {
	background: url(../img/chat_bulb_left.png) no-repeat;
	bottom: -10px;
	left: 240px;
}
.question .chat_bulb {
	background: url(../img/chat_bulb_right.png) no-repeat;
	bottom: -10px;
	right: 240px;
}

/* ****************************************** */
/*   BETALINGEN                               */
/* ****************************************** */
.payment {
font-size: 11px;
line-height: 15px;
background: #F0F0F0;
color: #333;
margin-left: 8px;
margin-right: 8px;
margin-top: 1px;
text-decoration: none;
cursor: hand;
}

.paymentrate {
color: #333;
font-size: 14px;
font-weight: bold;
text-decoration: none;
cursor: hand;
}

.paymentwitje {
line-height: 12px;
}

/* ****************************************** */
/*   FAQ                                      */
/* ****************************************** */
#faq {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#faq li {
    margin: 0;
    padding: 0;
}

#faq li h3 {
    margin: 0;
}

.registrationForm label {
    font-weight: bold;
    font-size: .9em;
}

/* ****************************************** */
/*   BEHEER                                   */
/* ****************************************** */
.ingelogd {
	font-family: arial;
	color: #333;
	font-weight: bold;
	background-color: #CEDBFD;	
	border-bottom: 1px solid #C0C0C0;
}

.grafiek {
	font-family: arial;
	font-size: 11px;
	color: #333;
	text-align: left;
	line-height: 13px;
}