@charset "UTF-8";
/* CSS Document for - created by Robert de Mildt - Ontwwwerp.be */
* {
margin:0px;
padding:0px;
}
body{
margin:0;
padding:0;
background: url(../assets/siteback.jpg);
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:12px;
}
#container{
width: 1006px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

/* Start header content */
#headerhome h1, #headerrontonton h1, #headersintshow h1, #headerorganiseren h1, #headerreferenties h1, #headerterugblik h1, #headerkleurplaten h1, #headercontact h1 {
width:1006px;
height:455px;
}
#headerhome h1 span, #headerrontonton h1 span, #headersintshow h1 span, #headerorganiseren h1 span, #headerreferenties h1 span, #headerterugblik h1 span, #headerkleurplaten h1 span, #headercontact h1 span, .innertube h1 span {
position:absolute;
margin-left:-9999px;
}
#headerhome h1 {
background:url(../assets/titleback.jpg) no-repeat;
}
#headerrontonton h1 {
background:url(../assets/titelback_rontonton.jpg) no-repeat;
}
#headersintshow h1 {
background:url(../assets/titelback_sintshow.jpg) no-repeat;
}

#headerorganiseren h1 {
background:url(../assets/titelback_organiseren.jpg) no-repeat;
}
#headerreferenties h1 {
background:url(../assets/titelback_referenties.jpg) no-repeat;
}
#headerlinks h1 {
background:url(../assets/titelback_links.jpg) no-repeat;
}
#headercontact h1 {
background:url(../assets/titelback_contact.jpg) no-repeat;
}
#headerterugblik h1 {
background:url(../assets/titelback_terugblik.jpg) no-repeat;
}
#headerkleurplaten h1 {
background:url(../assets/titelback_kleurplaten.jpg) no-repeat;
}


/* End header content */

/* start main content  */
#contentwrapper{
background:url(../assets/contentback.gif) repeat-y;
width:1006px;
}

#contentcolumn{
background: url(../assets/contenttop.jpg) no-repeat top;
width:1006px;
}
.innertube{
width:1006px;
background:url(../assets/contentbottom.gif) no-repeat bottom;
min-height:600px;
}

.innertube .pagecontent {
margin-left:350px;
padding-top:9px;
padding-right:144px;
width:520px;
padding-bottom:35px;
}

.innertube .pagecontent h1 {
height:31px;
margin-bottom:75px;
}
.innertube .pagecontent h1#titelhome {
background:url(../assets/titelhome.gif) no-repeat;
width:386px;
}
.innertube .pagecontent h1#titelrontonton {
background:url(../assets/titelrontonton.gif) no-repeat;
width:302px;
}
.innertube .pagecontent h1#titelsintshow {
background:url(../assets/titelsintshow.gif) no-repeat;
width:361px;
}

.innertube .pagecontent h1#titelorganiseren {
background:url(../assets/titelorganiseren.gif) no-repeat;
width:361px;
}
.innertube .pagecontent h1#titelreferenties {
background:url(../assets/titelreferenties.gif) no-repeat;
width:431px;
}
.innertube .pagecontent h1#titellinks {
background:url(../assets/titellinks.gif) no-repeat;
width:61px;
}
.innertube .pagecontent h1#titelcontact {
background:url(../assets/titelcontact.gif) no-repeat;
width:321px;
}
.innertube .pagecontent h1#titelterugblik {
background:url(../assets/titelterugblik.gif) no-repeat;
width:214px;
}
.innertube .pagecontent h1#titelkleurplaten {
background:url(../assets/titelkleurplaten.gif) no-repeat;
width:361px;
}

.innertube .pagecontent a {
color:#827b00;
}
.innertube .pagecontent a:hover {
color:#ce8004;
}

.innertube .pagecontent p {
padding-bottom:12px;
text-align:justify;
}
.innertube .pagecontent ul {
padding-left:20px;
padding-bottom:12px;
}
.innertube .pagecontent ul li {
text-align:justify;
}

.innertube .pagecontent p#topalinea {
font-weight:bold;
}
.innertube .pagecontent object{
margin-left:45px;
}
.innertube .pagecontent object#haasjeoverfilmpje{
margin-left:345px;
margin-top:140px;
}

.pagecontent h2{
color:#d7184d;
font-size:16px;
padding-bottom:5px;
border-bottom:1px solid #d7184d;
margin-bottom:12px;
}
.pagecontent h3{
color:#d7184d;
font-size:12px;
margin-bottom:8px;
}

.innertube .pagecontent table {
background:#fada6e;
margin-bottom:20px;
}
.innertube .pagecontent td.info {
width:65%;
font-weight:bold;
vertical-align:top;
}
.innertube .pagecontent td {
border-bottom:1px dashed #b67c02;
}

.innertube .pagecontent table#kleurplaten {
background:none;
margin-bottom:20px;
}
.innertube .pagecontent table#kleurplaten td {
border-bottom:none;
padding-bottom:20px;
}
.innertube .pagecontent table#kleurplaten td a img{
border:#827b00;
}
.innertube .pagecontent table#kleurplaten td a:hover img{
border:#ce8004;
}




.innertube .pagecontent div#promovak {
width: 485px;
padding:10px 15px;
border:2px solid #d7184d;
color:#d7184d;
font-weight:normal;
background:#fada6e;
margin-bottom:10px;
}
.innertube .pagecontent div#promovak h4{
text-align:center;
padding-bottom:8px;
font-size:14px;
}

/* End main content */

/*Start linker kolom */
.linkerkolom{
float: left;
width:237px;
height:500px;
}

.linkerkolom ul#menu li a span {
position:absolute;
margin-top:-9999px;
}

.linkerkolom ul#menu {
list-style:none;
margin-left:66px;
background: url(../assets/menubottom.gif) no-repeat bottom;
padding-bottom:32px;
width:237px;
}
.linkerkolom ul#menu li  {
}
.linkerkolom ul#menu li a, .linkerkolom ul#menu li a {
display:block;
height:47px;
width:237px;
}
ul#menu li#home a {
background: url(../assets/menu.gif) no-repeat 0px 0px;
height:48px;
}
ul#menu li#home a:hover {
background: url(../assets/menu.gif) no-repeat -237px 0px;
}
ul#menu li#terugblik a {
background: url(../assets/menu.gif) no-repeat 0px -48px;
}
ul#menu li#terugblik a:hover {
background: url(../assets/menu.gif) no-repeat -237px -48px;
}
ul#menu li#rontonton a {
background: url(../assets/menu.gif) no-repeat 0px -95px;
}
ul#menu li#rontonton a:hover {
background: url(../assets/menu.gif) no-repeat -237px -95px;
}
ul#menu li#sintshow a {
background: url(../assets/menu.gif) no-repeat 0px -142px;
}
ul#menu li#sintshow a:hover {
background: url(../assets/menu.gif) no-repeat -237px -142px;
}
ul#menu li#organisatie a {
background: url(../assets/menu.gif) no-repeat 0px -189px;
}
ul#menu li#organisatie a:hover {
background: url(../assets/menu.gif) no-repeat -237px -189px;
}
ul#menu li#kleurplaten a {
background: url(../assets/menu.gif) no-repeat 0px -236px;
}
ul#menu li#kleurplaten a:hover {
background: url(../assets/menu.gif) no-repeat -237px -236px;
}
ul#menu li#referenties a {
background: url(../assets/menu.gif) no-repeat 0px -283px;
}
ul#menu li#referenties a:hover {
background: url(../assets/menu.gif) no-repeat -237px -283px;
}
ul#menu li#contact a {
background: url(../assets/menu.gif) no-repeat 0px -330px;
height:48px;
}
ul#menu li#contact a:hover {
background: url(../assets/menu.gif) no-repeat -237px -330px;
}






#homemenu ul#menu li#home a {
background: url(../assets/menu.gif) no-repeat -237px 0px;
}
#terugblikmenu ul#menu li#terugblik a {
background: url(../assets/menu.gif) no-repeat -237px -48px;
}
#rontontonmenu ul#menu li#rontonton a {
background: url(../assets/menu.gif) no-repeat -237px -95px;
}
#sintshowmenu ul#menu li#sintshow a {
background: url(../assets/menu.gif) no-repeat -237px -142px;
}
#organiserenmenu ul#menu li#organisatie a {
background: url(../assets/menu.gif) no-repeat -237px -189px;
}
#kleurplatenmenu ul#menu li#kleurplaten a {
background: url(../assets/menu.gif) no-repeat -237px -236px;
}
#referentiesmenu ul#menu li#referenties a {
background: url(../assets/menu.gif) no-repeat -237px -283px;
}
#contactmenu ul#menu li#contact a {
background: url(../assets/menu.gif) no-repeat -237px -330px;
}



.linkerkolom div#fotocollage{
margin-left:68px;
margin-top:12px;
}


/* End Linker kolom */

/* Start Footer */
#footer{
clear: left;
width: 1000px;
background: #f9e295;
color: #c5bf20;
text-align: center;
height:60px;
border-bottom:3px solid #c5bf20;
border-left:3px solid #c5bf20;
border-right:3px solid #c5bf20;
}
#footer a{
color: #c5bf20;
text-decoration:none;
}
#footer a:hover{
color: #9a9402;
text-decoration:underline;
}

/* End foorter */