/* CSS RESET */
html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: inherit;font-family: inherit;text-align: left;vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table  {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
/* CSS RESET */

body {
	background:#121212;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

body#home {
	background:url(/images/bgHome.jpg) center top no-repeat #121212;
}
body#subPagina {
	background:url(/images/bgSubpagina.jpg) center top no-repeat #121212;
}

h1 {
	line-height:19px;
	font-size:12px;
	font-weight:bold;
}

a {
	text-decoration:underline;
	color:#000000;
}

a:hover {
	text-decoration:none;
	color:#000000;
}

p {
	line-height:19px;
	font-size:12px;
}

#topLine {
	background:#e9e9e9;
	height:4px;
	width:100%;
}

#container {
	width:975px;
	height:591px;
	margin-left:auto;
	margin-right:auto;
}

#menu {
	padding-top:109px;
	padding-left:780px;
	width:155px;
}

#menuHome {
	display:block;
	background:url(/images/button_home.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#menuHome:hover {
	display:block;
	background:url(/images/button_home_over.png) no-repeat;
	width:155px;
	height:30px;
}

#menuHomeActive {
	display:block;
	background:url(/images/button_home_over.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#menuPortfolio {
	display:block;
	background:url(/images/button_portfolio.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#menuPortfolio:hover {
	display:block;
	background:url(/images/button_portfolio_over.png) no-repeat;
	width:155px;
	height:30px;
}

#menuPortfolioActive {
	display:block;
	background:url(/images/button_portfolio_over.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#menuNieuws {
	display:block;
	background:url(/images/button_nieuws.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#menuNieuws:hover {
	display:block;
	background:url(/images/button_nieuws_over.png) no-repeat;
	width:155px;
	height:30px;
}

#menuNieuwsActive {
	display:block;
	background:url(/images/button_nieuws_over.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#menuContact {
	display:block;
	background:url(/images/button_contact.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#menuContact:hover {
	display:block;
	background:url(/images/button_contact_over.png) no-repeat;
	width:155px;
	height:30px;
}

#menuContactActive {
	display:block;
	background:url(/images/button_contact_over.png) no-repeat;
	width:155px;
	height:30px;
	padding-bottom:10px;
}

#content {
	position:absolute;
	width:777px;
	height:292px;
	margin-top:109px;
	line-height:19px;
}

#contentNieuws {
	position:absolute;
	width:719px;
	height:352px;
	overflow-y:auto;
	margin-top:109px;
	line-height:19px;
}

#portfolioSlider {
	position:absolute;
	width:777px;
	height:292px;
	padding-top:160px;
}

.nieuwsitem {
	background:url(/images/white_trans.png);
	padding:15px;
	width:670px;
	margin-bottom:2px;
}

#contactTop {
	background:url(/images/white_trans.png);
	padding:15px;
	width:670px;
	height:78px;
	margin-bottom:2px;
}

#contactLeft {
	float:left;
	background:url(/images/white_trans.png);
	padding:15px;
	width:372px;
	height:210px;
	margin-right:2px;
}

#contactLeft input {
	background:#d6d6d5;
	padding:8px;
	font-size:11px;
	width:245px;
	margin-bottom:5px;
}

#contactLeft textarea {
	background:#d6d6d5;
	padding:8px;
	font-size:11px;
	width:359px;
	height:50px;
	border:0px;
	margin-bottom:5px;
}

input.button {
	background:url(/images/contact_submit.png);
	width:375px;
	height:24px;
	border:0px;
}

#contactRight {
	float:left;
	background:url(/images/contact_foto.png);
	width:296px;
	height:240px;
}

.contactInfo {
	width:220px;
	float:left;	
}

#footer {
	font-size:11px;
	color:#858585;
	padding-top:258px;
	padding-left:314px;
}

#footer a {
	text-decoration:underline;
	color:#858585;
}

#footer a:hover {
	text-decoration:none;
	color:#858585;
}

/* INTRO PAGINA (MET FOTO)  */
body#intro{
    background:url(../images/jjvideo_foto.jpg) center top  no-repeat #121212;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#introWrapper {
    width:624px;
    margin:0 auto 0 auto;
    padding:30px;
}

#introWrappermenu {
	float:right;
	width:155px;
}

#introText {
    margin-top:170px;
    padding:10px;
    background:url(../images/bg_transparent.png);
}

#introWrapper p {
    font-size:17px;
    color:#fff;
    line-height:24px;
    text-align:right;
    margin-bottom:20px;
}

#introWrapper a {
    color:#fff;
}
/* END INTRO PAGINA (MET FOTO)  */