/*__________________________________________________________*/
                 /*Body DIV/*
/*__________________________________________________________*/

body {
background: #000000 url('../images/background.jpg') repeat top center;
	text-align:center;
	margin: 0 auto;
}


html,body {
 	width: 100%;
 	height: 100%;
}


/*__________________________________________________________*/
               /*MasterContainer/*
/*__________________________________________________________*/

#mastercontainer {
	width: 1016px;
	height: auto;
	background-color: #ffffff;
	margin: 0 auto;

}

/*t.b.v. mozilla/*
#mastercontainer {
	text-align: -moz-center;
}

#float {
	clear:  both;
}

#float2 {
	clear:  both;
}

#float3 {
	clear:  both;
}


/*__________________________________________________________*/
                      /*Q5 banner/*
/*__________________________________________________________*/

.q5banner {

width: 936px;
height:89px; 
background: #ffffff url('../images/q5-logobanner.jpg') no-repeat top center;
text-align: center;
margin: 0 auto;
}


/*__________________________________________________________*/
                      /*Menucontainer/*
/*__________________________________________________________*/

.menucontainer {

width: 936px;
height:280px; 
background-color: #000000;
text-align: center;
margin: 0 auto;
}



.filmdiv {
width: 280px;
height: 280px; 
background: #000000;
text-align: left;
margin: 0 auto;
float: left;
}



.promotekstdiv {
width: 636px;
height:210px; 
background: #000000 url('../images/q5-bannertekst.jpg') no-repeat top center;
text-align: left;
font-family: "Tahoma,Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
line-height: 24px;
color: #848484;
text-decoration: none;
margin: 0 auto;
padding-left: 10px;
padding-top: 20px;
padding-right:10px;
float: right;
}


.menudiv {
width: 646px;
height:30px; 
background: #000000 url('../images/menu.jpg') no-repeat top center;
text-align: left;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:13px;
line-height: 24px;
color: #fffefe;
text-decoration: none;
padding-left: 10px;
padding-top: 20px;
margin: 0 auto;
float: right;
}

.menudiv ul {
list-style: none;
padding: 0;
margin: 0;
} 

.menudiv li
{
float: left;
padding-right: 45px;
} 

/*__________________________________________________________*/
                 /*Main/*
/*__________________________________________________________*/

#main {
	width: 916px;
	height:250px;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 24px;
	color: #000000;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;

}



/*__________________________________________________________*/
                      /*Streepstippel div/*
/*__________________________________________________________*/

.streepstippel {

width: 936px;
height:15px; 
text-align: center;
padding-top: 15px;
margin: 0 auto;
}

div.streepstippel hr {
	width: 936px;
	border: 0;
	border-top: 1px dashed #676767;
}


td.streepstippel hr {
	width: 936px;
	border: 0;
	border-top: 1px dashed #676767;
}

/*__________________________________________________________*/
                 /*Main2/*
/*__________________________________________________________*/

.main2 {
	width: 916px;
	height:280px;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 24px;
	color: #000000;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;

}


.main2 ul {
padding-left: 24px;
margin: 0;
} 

.main2 li
{
color: #5b5b5b;
padding-top: 3px;
} 


/*__________________________________________________________*/
                 /*Main3/*
/*__________________________________________________________*/

.main3 {
	width: 726px;
	height:100%;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 24px;
	color: #000000;
	padding-top: 10px;
	padding-left: 200px;
	padding-right: 10px;
	text-decoration: none;
	text-align: center;

}


.main3 ul {
padding-left: 24px;
margin: 0;
} 

.main3 li
{
color: #5b5b5b;
padding-top: 3px;
} 


/*__________________________________________________________*/
                 /*Main Portfolio/*
/*__________________________________________________________*/

.mainportfolio {
	width: 916px;
	height:100%;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 24px;
	color: #000000;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;

}


.main2 ul {
padding-left: 24px;
margin: 0;
} 

.main2 li
{
color: #5b5b5b;
padding-top: 3px;
} 

/*__________________________________________________________*/
                 /*Maincontact/*
/*__________________________________________________________*/

.maincontact {
	width: 936px;
	height:330px;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 24px;
	color: #000000;
	text-decoration: none;

}

/*__________________________________________________________*/
                      /*Offertecontainer/*
/*__________________________________________________________*/

.offertecontainer {

width: 936px;
height:235px; 
background-color: #ffffff;
text-align: center;
margin: 0 auto;
}


.offerteaanvraag {

width: 240px;
height:160px; 
background: #ffffff;
text-align: center;
padding-top: 75px;
padding-left: 17px;
margin: 0 auto;
float: left;
}



.promodiv {

width: 679px;
height:235px; 
background: #ffffff;
text-align: center;
margin: 0 auto;
float: right;
}

/*__________________________________________________________*/
                      /*Extra Witruimte (over Q5)/*
/*__________________________________________________________*/

.extrawitruimte {

width: 936px;
height:45px; 
text-align: center;
margin: 0 auto;
}



/*__________________________________________________________*/
                      /*Splitsing streep/*
/*__________________________________________________________*/

.streep {

width: 936px;
height:5px; 
text-align: center;
margin: 0 auto;
}

div.streep hr {
	width: 936px;
	height: 5px;
	border-top: 5px solid #ebebeb;
}


/*__________________________________________________________*/
                      /*Updates/*
/*__________________________________________________________*/

.updates {

width: 900px;
height: 250px; 
background-color: #ffffff;
text-align: left;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
line-height: 18px;
color: #737373;
text-decoration: none;
padding-top: 10px;
padding-left: 26px;
padding-right: 10px;
margin: 0 auto;
}


/*__________________________________________________________*/
                      /*Footer + Bottom/*
/*__________________________________________________________*/


.footercontainer {

width: 1016px;
height:105px; 
background-color: #ffffff;
text-align: center;
margin: 0 auto;
}



.footer {
width: 838px;
height:41px; 
background: #ffffff url('../images/menu-bottom.jpg') no-repeat top center;
text-align: left;
padding-top: 64px;
padding-left: 30px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:14px;
margin: 0 auto;
float: left;
}

.footer ul {
list-style: none;
padding: 0;
margin: 0;
} 

.footer li
{
float: left;
padding-right: 50px;
} 



.socialmediadiv {
width: 148px;
height:85px; 
background: #ffffff url('../images/footerbg2.jpg') no-repeat top center;
text-align: center;
margin: 0 auto;
float: left;
padding-top: 20px;
}




.bottom {

width: 1001px;
height:25px; 
background: #000000 url('../images/footer-copyright.jpg') no-repeat top center;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:11px;
color: #a2a2a2;
padding-top: 18px;
padding-right: 15px;
text-decoration: none;
text-align: right;
margin: 0 auto;
}


/*__________________________________________________________*/
                 /*Overige commando's/*
/*__________________________________________________________*/

h1 {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
    line-height: 30px;
	letter-spacing: 0px;
	word-spacing: 1px; 
    font-size: 20px;
	white-space: normal;
	color:#000000;
	font-weight:normal;
}


h2 {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
    line-height: 24px;
	word-spacing: 1px; 
    font-size: 30px;
	white-space: normal;
	color:#ffffff;
	margin-bottom: 14px;
	font-weight:normal;
}


h3 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    line-height: 24px;
	word-spacing: 1px; 
    font-size: 18px;
	white-space: normal;
	color:#212121;
	margin-bottom: 14px;
	font-weight:normal;
	margin-top: 1px;
}


h4 {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
    line-height: 30px;
	letter-spacing: 0px;
	word-spacing: 1px; 
    font-size: 18px;
	white-space: normal;
	color:#000000;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 10px;
}




/* Algemene Links */
a:link,a:active,a:visited,a.postlink{ 
	color: #9b9999; 
	text-decoration: none;
}
a:hover{
	color:#5a5a5a; 
	text-decoration: none;
}


a.promobannerlink:link,a.promobannerlink:active,a.promobannerlink:visited,a.promobannerlink.postlink { 
	color: #bcfd09; 
	text-decoration: none;
}
a.promobannerlink:hover{
	color: #ffffff; 
	text-decoration: none;
}

a.footerlink:link,a.footerlink:active,a.footerlink:visited,a.footerlink.postlink { 
	color: #737373; 
	text-decoration: none;
}
a.footerlink:hover{
	color: #000000; 
	text-decoration: none;
}

a.portfoliolink:link,a.portfoliolink:active,a.portfoliolink:visited,a.portfoliolink.postlink { 
	color: #fe130f; 
	text-decoration: none;
}
a.portfoliolink:hover{
	color: #000000; 
	text-decoration: none;
}

a.maindivlink:link,a.maindivlink:active,a.maindivlink:visited,a.maindivlink.postlink { 
	color: #000000; 
	text-decoration: none;
}
a.maindivlink:hover{
	color: #9b9999; 
	text-decoration: none;
}

.menudiv li a {
color: #ffffff;
text-decoration: none;
} 

.menudiv li a:hover {
color: #9b9999;
text-decoration: none;
} 


.footer li a {
color: #797979;
text-decoration: none;
} 

.footer li a:hover {
color: #ffffff;
text-decoration: none;
} 

	
img {
border: none; 
} 

.streepje {
vertical-align: top; 
} 


/*__________________________________________________________*/
                    /*Contact Formulier/*
/*__________________________________________________________*/


td.totalcontactform {
padding-left: 0px;
}

.contactnaam, .contactemail{
border: 1px solid #aaaaaa;
background: transparent url(../images/contactinput-bg.jpg) repeat-x bottom right;
background-color: #ffffff;
color: #000000;
width: 222px;
height: 23px;
}


.contactnaam:hover, .contactemail:hover{
border: 1px solid #aaaaaa;
background: transparent url(../images/contactinput-bg.jpg) repeat-x bottom right;
background-color: #ffffff;
color: #000000;
width: 222px;
height: 23px;

}

contactnaam:focus, .contactemail:focus{
border: 1px solid #aaaaaa;
background: transparent url(../images/contactinput-bg.jpg) repeat-x bottom right;
background-color: #ffffff;
color: #000000;
width: 222px;
height: 23px;
}


select.contactonderwerp {
border: 1px solid #aaaaaa;
background: transparent url(../images/contactinput-bg.jpg) repeat-x bottom right;
background-color: #ffffff;
color: #000000;
width: 226px;
height: 23px;
}


 .contactbericht {
border: 1px solid #aaaaaa;
background: transparent url(../images/contactbericht-bg.jpg) repeat-x bottom right;
background-color: #ffffff;
color: #000000;
width: 350px;
height: 115px;
}

.contactbericht:hover {}


.contactbericht:focus {}



.contactbutton {
border: 1px solid #606060;
background: #fe0000 url('../images/bericht-versturen.jpg') no-repeat;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:15px;
line-height: 18px;
color: #ffffff;
text-decoration: none;
width: 177px;
height: 41px;
cursor: pointer;
}


td.maincontacttabledevider {
width: 60px;
}


td.contactformname {
text-align: left;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:12px;
line-height: 18px;
color: #000000;
text-decoration: none;
}

td.contactformdivide {
text-align: left;
	width: 40px;
}

td.contactforminput {
text-align: left;
}

td.contactformbuttondivider {
height: 34px;
}

td.contactformbutton {
text-align: right;
}

td.contactmain2headertop {
height: 40px;
}



/*__________________________________________________________*/
                 /*Twitter style/*
/*__________________________________________________________*/
#mtaTwitter { padding: 0; }

#mtaTwitter > a { float: left; }

#mtaTwitter ul:before {
    width: 11px;
    height: 21px;
    margin: 0;
}

#mtaTwitter ul {
    background-color: #ffffff;
    list-style: none;
    margin: 0 auto;
    padding-left: 26px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #737373;
	text-decoration: none;
}

#mtaTwitter ul li {
list-style-image: url(../images/blueicon.jpg);
padding-top: 8px; 
}


#mtaTwitter ul li.first {
list-style-image: url(../images/blueicon.jpg);
}


#mtaTwitter ul li.even {
list-style-image: url(../images/blueicon.jpg);
}


#mtaTwitter ul li.first span {
list-style-image: url(../images/blueicon.jpg);
}


#mtaTwitter ul li span {
list-style-image: url(../images/blueicon.jpg);
}


/*__________________________________________________________*/
                 /*Style overige tables/*
/*__________________________________________________________*/

td.mainkol1 {
	width: 272px;
}

td.mainkol2 {
	width: 50px;
}

td.mainkol3 {
	width: 272px;
}

td.mainkol4 {
	width: 50px;
}

td.mainkol5 {
	width: 272px;
}

td.mainkol6 {
	width: 272px;
}

td.mainkol7 {
	width: 50px;
}

td.mainkol8 {
	width: 272px;
}

td.mainkol9 {
	width: 50px;
}

td.mainkol10 {
	width: 272px;
}

td.mainkol11 {
	width: 250px;
}

td.mainkol12 {
	width: 50px;
}

td.mainkol13 {
	width: 616px;
}

td.mainkol14 {
	width: 200px;
}

td.mainkol15 {
	width: 516px;
	text-align: center;
}

td.mainkol16 {
	width: 200px;
}

td.mainkol17 {
	width: 305px;
	text-align: left;
}

td.mainkol18 {
	width: 306px;
	text-align: left;
}

td.mainkol19 {
	width: 305px;
	text-align: left;
}

td.mainkol20 {
	width: 305px;
	text-align: left;
	background-color: #f9f9f9;
}

td.mainkol21 {
	width: 306px;
	text-align: left;
	background-color: #f9f9f9;
}

td.mainkol22 {
	width: 305px;
	text-align: left;
	background-color: #f9f9f9;
}

td.mainkol23 {
	width: 250px;
	padding-left: 28px;

}



td.updateskol1 {
	width: 31px;
}

td.updateskol2 {
	width: 179px;
}

td.updateskol3 {
	width: 85px;
}

td.updateskol4 {
	width: 31px;
}

td.updateskol5 {
	width: 198px;
}

td.updateskol6 {
	width: 105px;
}

td.updateskol7 {
	width: 31px;
}

td.updateskol8 {
	width: 229px;
}



td.updateskol9 {
	width: 210px;
}

td.updateskol10 {
	width: 85px;
}

td.updateskol11 {
	width: 229px;
}

td.updateskol12 {
	width: 105px;
}

td.updateskol13 {
	width: 260px;
}



td.updateskol14 {
	width: 210px;
}

td.updateskol15 {
	width: 85px;
}

td.updateskol16 {
	width: 229px;
}

td.updateskol17 {
	width: 105px;
}

td.updateskol18 {
	width: 260px;
}