@import url("editinplace.css");
@import url("v2.css");

/**
Donkerpaars: #5d004a
Paars: #781b7d
Oranje: #ef8213
Grijs: #b1b3b4
*/

/***********************
	Standaard tags
***********************/

a {
	color: #5d004a;
	text-decoration: underline;
}

a:hover {
	color: #ef8213;
}

body, html {
    margin: 0;
    padding: 0;
}

body {
	color: #000;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
    background: #F3F1F2 url('../images/v2/body.jpg');  ;
}

#container {
    background-image: url('../images/v2/bg2.jpg');
    background-position: top;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
}
#container:after {
    clear: both;
}
#containerHome {
    float: left;
    width: 100%;
}
#containerHome:after {
    clear: both;
}

h1 {
    color: #5d004a;
    font-size: 28px;
    font-weight: bold;
    height: 70px;
}

h2 {
	color: #ef8213;
	font-size: 20px;
	font-weight: bold;
    width: 580px;
}

h3 {
	color: #5d004a;
	font-size: 12px;
	font-weight: bold;
}

h4 {
	color: #5d004a;
	font-size: 15px;
	font-weight: normal;

	margin: 0;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #5c0046;
}

ol li {
	list-style-type: decimal;
}

ol,
ul {
	margin: 0 0 0 16px;
}

li {
	list-style: disc;
}

p {
	margin: 0 0 1em 0;
}

strong {
	font-weight: bold;
}

td {
	vertical-align: top;
}

input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/***********************
	Layout DIVs
***********************/


/*h1 {
	background:url(../images/kop-zetjezaakopdekaart.gif) no-repeat;
	font-size: 30px;
	height: 45px;
	left: 462px;
	position: absolute;
	top: 56px;
	width: 411px;
	z-index: 10;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

h1 a span {
	display: none;
}   */

/***********************
	Pagina specifieke layout
***********************/

#nederland {
	left: 304px;
	position: absolute;
	top: 125px;
}

#home1 {
	background-color: #fff;
	padding: 10px;
	left: 564px;
	position: absolute;
	top: 163px;
	width: 380px;
}

#home2 {
	background-color: #fff;
	padding: 7px;
	left: 670px;
	position: absolute;
	text-align: right;
	top: 361px;
	width: 280px;
}

#home2 .img {
	float: left;
	border: 1px solid #5d004a;
}

#voorbeeld {
	background: url(../images/voorbeeld.jpg) no-repeat;
	display: none;
	height: 406px;
	position: absolute;
	right: 25px;
	top: 125px;
	width: 541px;
}

#voorbeeld .sluitVoorbeeld {
	position: absolute;
	right: 5px;
	top: 10px;
}

#voorbeeld .jaikwil {
	position: absolute;
	right: 5px;
	top: 352px;
}

#vinger {
	left: 318px;
	position: absolute;
	top: 564px;
}

#btn-verder {
	right: 0;
	position: absolute;
	top: 561px;
}

#btn-ikdoealmee {
	right: 0;
	position: absolute;
	top: 620px;
}

#btn-versturen {
	right: 0;
	position: absolute;
	top: 325px;
}

#titel {
	left: 383px;
	position: absolute;
	top: 165px;
}

#form {
	clear: left;
    float: left;
    margin: 140px 0 0 15px;
}

#titelstap123 {
	left: 383px;
	position: absolute;
	top: 210px;
}

#vinger123 {
	left: 795px;
	position: absolute;
	top: 49px;
}

#form123 {
	left: 383px;
	position: absolute;
	top: 272px;
}

#tabstap123 {
	left: 0;
    top: 90px;
	position: relative;
}

#tabstap123 ul {
	list-style: none;
}

#tabstap123 ul li {
	display: inline;
}

#tabstap123 ul li b {
	background-image: url(../images/v2/tabs-stap123.gif);
	display: block;
	float: left;
	height: 49px;
	width: 163px;
}
            
#tabstap123 ul li b span {
	display: none;
}

#tabstap123 .tabstap1 b {	background-position: 0 0;	}
#tabstap123 .tabstap2 b {	background-position: -163px 0;}
#tabstap123 .tabstap3 b {	background-position: -326px 0;}

#tabstap123 .tabstap1 .active {		background-position: 0 -49px;}
#tabstap123 .tabstap2 .active {		background-position: -163px -49px;}
#tabstap123 .tabstap3 .active {		background-position: -326px -49px;}

#btn-stapterug {
    left: 303px;
	position: absolute;
	top: 550px;
}

#btn-stapverder {
	position: absolute;
    right: 80px;
    top: 550px;
}

#fototitel {
	position: absolute;
	right: 83px;
	top: 269px;
}

#fotodiv {
	background: url(../images/bg-fotodiv.gif) no-repeat;
	height: 226px;
	line-height: 12px;
	position: absolute;
	right: 81px;
	text-align: center;
	/*top: 285px;*/
	top: 299px;
	width: 204px;
}

#fotodiv img {
	border: 1px solid #5d004a;
}

#fotodiv .btn {
	border: none;
	position: absolute;
	left: 44px;
	top: 190px;
}

#placeholderWrap1,
#placeholderWrap2,
#placeholderWrap3,
#placeholderWrap4 {
	position: absolute;
	width: 73px;
}

#placeholderWrap1 a,
#placeholderWrap2 a,
#placeholderWrap3 a,
#placeholderWrap4 a {
	display: none; /* De verwijder linkjes worden default niet getoond. */
}

#placeholderWrap1 {
	left: 16px;
	top: 16px;
}

#placeholderWrap2 {
	right: 16px;
	top: 16px;
}

#placeholderWrap3 {
	left: 16px;
	top: 107px;
}

#placeholderWrap4 {
	right: 16px;
	top: 107px;
}

#fotoupload {
	background-color: #fff;
	border: 1px solid #781b7d;
	display: none;
	padding: 15px;
	left: 460px;
	position: absolute;
	top: 265px;
	width: 230px;
}

#fotoupload #response {
	padding: 10px 0 0 0;
	text-align: center;
}

#fotoupload .close {
	position: absolute;
	top: 10px;
	right: 10px;
}

#btn-bekijk {
	position: absolute;
	top: 204px;
	right: 0px;
}

#gefeliciteerd {
	background-color: #fff;
	padding: 10px;
	position: absolute;
	top: 276px;
	right: 0px;
	width: 415px;
}

#tabcaffemaestro ul {
	list-style: none;
}

#tabcaffemaestro ul li {
	display: inline;
}

#tabcaffemaestro ul li a {
	background-image: url(../images/v2/tabs.gif);
	display: block;
	float: left;
	height: 49px;
	width: 118px;
}                            

#tabcaffemaestro .tab1 a {	background-position: 0 0;	}
#tabcaffemaestro .tab2 a {	background-position: -118px 0;}
#tabcaffemaestro .tab3 a {	background-position: -236px 0;}
#tabcaffemaestro .tab4 a {	background-position: -354px 0;}
#tabcaffemaestro .tab5 a {	background-position: -472px 0;}

#tabcaffemaestro .tab1 .active, #tabcaffemaestro .tab1 a:hover {		background-position: 0 -49px;}
#tabcaffemaestro .tab2 .active, #tabcaffemaestro .tab2 a:hover {		background-position: -118px -49px;}
#tabcaffemaestro .tab3 .active, #tabcaffemaestro .tab3 a:hover {		background-position: -236px -49px;}
#tabcaffemaestro .tab4 .active, #tabcaffemaestro .tab4 a:hover {		background-position: -354px -49px;}
#tabcaffemaestro .tab5 .active, #tabcaffemaestro .tab5 a:hover {		background-position: -472px -49px;}

#tabmaakkennis ul,
#tabgoudentips ul {
	list-style: none;
}

#tabmaakkennis ul li,
#tabgoudentips ul li {
	display: inline;
}

#tabmaakkennis ul li a,
#tabgoudentips ul li a {
	background-image: url(../images/v2/tabs.gif);
	display: block;
	float: left;
	height: 49px;
	width: 118px;
}

#tabmaakkennis ul li a {
	background-image: url(../images/v2/tabs.gif);
}                   
                            

#tabmaakkennis .tab1 a,
#tabgoudentips .tab1 a {	background-position: 0 0;	}

#tabmaakkennis .tab2 a,
#tabgoudentips .tab2 a {	background-position: -118px 0;}

#tabmaakkennis .tab3 a,
#tabgoudentips .tab3 a {	background-position: -236px 0;}

#tabmaakkennis .tab4 a,
#tabgoudentips .tab4 a {	background-position: -354px 0;}

#tabmaakkennis .tab1 .active, #tabmaakkennis .tab1 a:hover,
#tabgoudentips .tab1 .active, #tabgoudentips .tab1 a:hover {		background-position: 0 -49px;}

#tabmaakkennis .tab2 .active, #tabmaakkennis .tab2 a:hover,
#tabgoudentips .tab2 .active, #tabgoudentips .tab2 a:hover {		background-position: -118px -49px;}

#tabmaakkennis .tab3 .active, #tabmaakkennis .tab3 a:hover,
#tabgoudentips .tab3 .active, #tabgoudentips .tab3 a:hover {		background-position: -236px -49px;}

#tabmaakkennis .tab4 .active, #tabmaakkennis .tab4 a:hover,
#tabgoudentips .tab4 .active, #tabgoudentips .tab4 a:hover {		background-position: -354px -49px;}

#bg-programmaprijzen {
	left: 350px;
	position: absolute;
	top: 211px;
}

#programma-a,
#programma-b,
#programma-c,
#programma-d {
	height: 110px;
	position: absolute;
	width: 220px;
	line-height: 14px;
}

#programma-a {
	left: 370px;
	top: 270px;
}

#programma-b {
	left: 615px;
	top: 256px;
}

#programma-c {
	left: 385px;
	top: 435px;
}

#programma-d {
	left: 628px;
	top: 420px;
}

/***********************
	Classes
***********************/

.floatBuster {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

/* FormHandler formulier */
#FormHandler table td {
	padding: 6px 8px 6px 0;
}

#FormHandler table td span {
	color: #ef3e33;
}

/* foutmelding op formulier */
#FormHandler .error {
	background: url('../images/arrow-error.gif') 4px 4px no-repeat;
	color: #ef8213 !important;
	display: block;
	font-weight: normal;
	padding: 0 0 0 16px;
}

#FormHandler h4,
#fototitel {
	display: inline;
}

#FormHandler .right {
	text-align: right;
}

#FormHandler .checkbox {
	float: left;
	padding: 0 0 5px 0;
	width: 100px;
}

#FormHandler .text,
#FormHandler .textarea {
	width: 270px;
}

#FormHandler .textarea {
	height: 80px;
}

.verstuur {
	background: url(../images/btn-versturen.gif);
	border: none;
	cursor: pointer;
	height: 37px;
	width: 101px;
}

.last {
	margin-right: 0 !important;
}

.movieplayer {
	clear: both;
}