@charset "UTF-8";
/* CSS Document */
/* www.bulbboys.nl */
/* Webdesign by Berk Aarts 2018 */
/* Powered by Bulb*/

html, body, input{
	margin:0;
	min-height:100%;
	max-height:auto;
	max-width: 100%;
	font-size:16px;
	font-family: "Helvetica", Helvetica, Arial, sans-serif;
}
	
#page1{
	height:auto;
	background: #000000;
}

#page2{
	height: auto;
	background:#FFFFFF;
}

#page3{
	height:130px;
	background: url(backgrounds/portfolio.jpg) center center no-repeat;
	background-size:cover;
	background-color:#000000;
}

#page4{
	height: auto;
	background: #FFFFFF;
}

#page5{
	height: 500px;
	background: url(backgrounds/cta.jpg) center center no-repeat;
	background-size:cover;
	background-color:#181818;
}

#page6{
	height:auto;
	background:#FFFFFF;
}

#page7{
	height:auto;
	width: 100%;
	background: #ffffff;
	display: table;
}

#page8{
	height:130px;
	background: url(backgrounds/love.jpg) center center no-repeat;
	background-size:cover;
	background-color:#000000;
}

#page9{
	height:130px;
	background: url(paaspop/backgrounds/banner1.jpg) center center no-repeat;
	background-size:cover;
	background-color:#000000;
}

#page10{
	height:130px;
	background: url(paaspop/backgrounds/banner2.jpg) center center no-repeat;
	background-size:cover;
	background-color:#000000;
}

.pageMargin{
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 40px;
}

.header{
	width:100%;
	height:45px;
	z-index: 4;
	position: absolute;
}

.headerMargin{
	margin-left: 30px;
	margin-right: 30px;
}

.logo {
	width:auto;
	height:25px;
	float:left;
	margin-top:10px;
}

.slogancontainer {
	height: 200px;
}


.slogancontainer2 {
	height: 80px;
}

.slogan1 {
	color:#000000;
	font-size:20px;
	padding-top: 40px;
	float: left;
	width: 100%;
}

.slogan2 {
	color:#FFFFFF;
	font-size:20px;
	padding-top:40px;
	float: right;
	text-align: right;
}


.s1 {
	font-family:helvetica;
	font-weight:bolder;
}


.s2 {
	font-family:helvetica;
	font-weight:100;
	font-style:italic;
}

.text{
	float: left;
	text-align: justify;
	line-height: 1.4;
	width: 100%;
	margin-top: 20px;
	font-weight: 100;
	font-size: 12px;
}


t1{
	color: #FFFFFF;
}

t2{
	color: #000000;
}

.caseboxMargin{
	width: 100%;
	height: auto;
	float: left;
}

.casebox{
	height: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}


.casetext{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight:100;
	color: #181818;
	text-align: center;
}


.clients{
	margin-top: 20px;
	margin-bottom: 20px;
}

.post {
	width:100%;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bolder;
	float: right;
	padding-top: 20px;
	font-size: 10px;
}

.contactbox1{
	width:100%;
	float: left;
}

.contactbox2{
	width:100%;
	float: left;
}

#Name, #Email, #Phone, #Message {
	background:none;
	border:none;
	font-size:12px;
	border-bottom:#FFFFFF solid 2px;
	width:100%;
	color:#FFFFFF;
	font-weight: 200;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;	
}

#submit {
	background: none;
	border: solid #FFFFFF 1px;
	color:#FFFFFF;
	font-size: 12px;
	width:150;
	text-transform: lowercase;
	font-weight: 500;
}

.algemenevoorwaarden{
	font-size: 12px;
}

.footer {
	height: 180px;
}

.footercontainer {
	width: 100%;
	float: left;
	margin-right:0px;
	margin-top:20px;
	color: #666666;
	font-weight: 200;
	font-size: 10px;
}

t3 {
	font-weight: 600;
}

l1 a:link {color:#666;}      /* unvisited link */
l1 a:visited {color:#666;}  /* visited link */
l1 a:hover {color:#000;}  /* mouse over link */
l1 a:active {color:#666;}  /* selected link */
l1 a:link {text-decoration:none;}


l3 a:link {color:#FFF;}      /* unvisited link */
l3 a:visited {color:#FFF;}  /* visited link */
l3 a:hover {color:#999;}  /* mouse over link */
l3 a:active {color:#999;}  /* selected link */
l3 a:link {text-decoration:none;}

.logoblack {
	height: 40px;
	width: auto;
	float: right;
	padding-top: 20px;
	padding-bottom: 20px;
}




@media screen and (min-width: 360px){
}

@media screen and (min-width: 480px){
}

@media screen and (min-width: 540px){
.caseboxMargin{
	width: 33.33%;
	height: auto;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
}

.casebox{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
}
.casetext{
	font-size: 14px;
}
}

@media screen and (min-width: 640px){
}

@media screen and (min-width: 768px){
.casebox{
	margin-left: 30px;
	margin-right: 30px;
}
}

@media screen and (min-width: 980px){
	
#page2{
	height: auto;
}
	
#page3{
	height: 300px;
}
	
#page4{
	height:auto;
}
	
#page5{
	height: 400px;
}
	

#page8{
	height: 300px;
}

#page9{
	height: 300px;
}	

#page10{
	height: 300px;
}
	
	
.header{
	height:80px;
}

.headerMargin{
	margin-left: 70px;
	margin-right: 70px;
}

.logo {
	height:40px;
	margin-top:20px;
}

.pageMargin{
	margin-left: 70px;
	margin-right: 70px;
	padding-bottom: 0px;
}

.vidcontainer {
	width:100%;
	height:auto;
}

.slogancontainer {
	height: 300px;
}
	
.slogancontainer2 {
	height: 300px;
}
	
.slogan1{
	font-size: 40px;
	width: 40%;
	padding-top: 105px;
	
}
	
.slogan2 {
	font-size:40px;
	padding-top:105px;
}
	
.text{
	width: 50%;
	float: right;
	margin-top: 105px;
	font-size: 16px;
	padding-bottom: 0px;
}

.textcontact{
	width: 50%;
	float: right;
	margin-top: 85px;
	font-size: 20px;
	padding-bottom: 0px;
	color: #FFFFFF
}
	
	
.clients{
	margin-top: 40px;
	margin-bottom: 40px;
}

.post {
	width:60%;
	float: right;
	padding-top: 105px;
	font-size: 14px;
}

.contactbox1{
	width:30%;
	margin-left:25px;
	
}

.contactbox2{
	width:60%;
	margin-left:25px;
}

#Name, #Email, #Phone, #Message {
	
	font-size:14px;
}

#submit {
	background: none;
	border: solid #FFFFFF 2px;
	width:130px;
	margin-right: -13px;
	float: right;
	font-size: 14px;
}
	
.algemenevoorwaarden{
	font-size: 14px;
}

.footercontainer {
	width: auto;
	float: left;
	margin-right: 60px;
	margin-top: 70px;
	color: #666666;
	font-weight: 200;
	font-size: 12px;
}
	
.logoblack {
	height: 60px;
	padding-top: 60px;
	padding-bottom: 0px;
}

@media screen and (min-width: 1280px){
	

	
.headerMargin{
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
	
.pageMargin{
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
}