@charset "UTF-8";

* {
	border:0 none;
	color:#464648;
	font-family:Trebuchet MS,sans-serif;
	font-size:11.5px;
	line-height:24px;
	margin:0px;
	padding:0px;

	
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

html {
	height:100%;
	min-height:100%;
}

body {
	background: #000000 url(../assets/images/bg_moving.jpg) repeat-x center 0px;
	min-height:100%;
	margin:0;
	padding:0;
	height:100%;
}

.body2 {
	background: url(../assets/images/bg_moving.png);
	margin:0;
	padding:0;
	height:522px;
	width: 100%;
}

ul {
	margin-bottom: 20px;
}

li {
list-style-type:none;
background:url(http://www.designtheweb.nl/daytime2/wp-content/themes/social_intranet/assets/images/volgende.png) no-repeat -10px 2px;
padding-left: 15px
}

.container_black li {
list-style-type:none;
background:url(http://www.designtheweb.nl/daytime2/wp-content/themes/social_intranet/assets/images/volgende_2.png) no-repeat -10px 2px;
padding-left: 15px
}

.still {
	position: absolute;
	width: 100%;
	top: -10px;
	left:0px;
}

p {
	font-family:Trebuchet MS,sans-serif;
	line-height:24px;
	color: #656565;
	font-weight: 100;
	margin-bottom: 24px;
}

h1 {
	font-family:Trebuchet MS,sans-serif;
	font-size:26px;
	line-height:34px;
	color: #242424;
	font-weight: 100;
	margin-bottom: 75px;
}

h1 i {
	font-size:26px;
	line-height:34px;
	color: #656565;
	font-weight: 100;
	margin-bottom: 75px;
	
}

h6 {
	font-family:Trebuchet MS,sans-serif;
	font-size:14px;
	line-height:34px;
	color: #242424;
	font-weight: 100;
	margin-top: -75px;
	margin-bottom: 50px;
}

h6 i {
	font-size:14px;
	
}

h3 {
	position: relative;
	font-size:12px;
	line-height:24px;
	color: #242424;
	font-weight: 100;
	top: -2px;
	margin-bottom: 30px;
	margin-left:24px;
}

.colom3-nieuws h3 {
	font-size:14px;
	top: 15px;
	margin-left:0px;
	margin-bottom:30px;
}

.colom3 h3 {
	margin-left:0px;
	margin-bottom:10px;
}

.container_black h3 {
	color: #656565;
	font-size: 14px;
	margin-bottom: 0px;
}

h3 i {
	font-size:12px;
	line-height:24px;
	color: #656565;
	font-weight: 100;
}

b {
	font-family:Trebuchet MS,sans-serif;
	font-size:12px;
	line-height:24px;
	color: #242424;
	font-weight: 300;
	margin-bottom: 20px;
}

.colom1 strong {
	font-weight: 600;

}

.colom2 strong {
	font-weight: 600;
}

h4 {
	font-family:Trebuchet MS,sans-serif;
	font-size:18px;
	line-height:20px;
	color: #242424;
	font-weight: 300;
	margin-bottom: 10px;
}



.container {
	margin: 2% auto;
	position:relative;
	width:1000px;
	left: -3px;
}

.contentframe {
	background: #FFF;
	width: 1000px;
	position: relative; 
	left: 0px;
	height:650px;
}

.contentframe td {
	vertical-align: top;
}
#logo {
	position: relative;
	float: left;
	left: 14px;
	width: 350px;
	height: 130px;
}
div#logo {
	background: url(../assets/images/logo_tp.jpg) no-repeat left top;
}
div#logo a {
	width: 271px;
	height: 65px;
	text-decoration: none;
	display: block;
}
#menu {
	position: relative;
	float:left;
	left: 233px;
	width: 408px;
	height: 135px;
}
div#menu ul {
	list-style-type: none;
}
div#menu ul li {
	margin-right: 10px;
	width: 64px;
	height: 64px;
	float: left;
}
div#menu ul li a {
	padding-top: 72px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	display: block;
}
div#menu ul li.overons {
	background: url(../assets/images/btn_nav_overons.jpg) no-repeat left top;
}
div#menu ul li:hover.overons {
	background: url(../assets/images/btn_nav_overons.jpg) no-repeat left -64px;
}
div#menu ul li.diensten {
	background: url(../assets/images/btn_nav_diensten.jpg) no-repeat left top;
}
div#menu ul li:hover.diensten {
	background: url(../assets/images/btn_nav_diensten.jpg) no-repeat left -64px;
}
div#menu ul li.nieuws {
	background: url(../assets/images/btn_nav_nieuws.jpg) no-repeat left top;
}
div#menu ul li:hover.nieuws {
	background: url(../assets/images/btn_nav_nieuws.jpg) no-repeat left -64px;
}
div#menu ul li.portfolio {
background: url(../assets/images/btn_nav_portfolio.jpg) no-repeat left top;
}
div#menu ul li:hover.portfolio {
	background: url(../assets/images/btn_nav_portfolio.jpg) no-repeat left -64px;
}
div#menu ul li.contact {
	background: url(../assets/images/btn_nav_contact.jpg) no-repeat left top;
}
div#menu ul li:hover.contact {
	background: url(../assets/images/btn_nav_contact.jpg) no-repeat left -64px;
}
.content {
	width: 1000px;
	position: relative;	
}

.work {
	position:relative;
	top: 2px;
}

.work2 {
	position:relative;
	min-height: 20px;
	float: left;
}

.max {
	position:relative;
	float:left;
	width: 1000px;
	margin-bottom: 24px;
}

.max_bottom {
	position:relative;
	float:left;
	width: 1000px;
	margin-bottom: 0px;
	top:15px;
}

.colom1 {
	width: 325px;
	float: left;
	position: relative;
	left: 40px;
}

.colom8 {
	width: 500px;
	float: left;
	position: relative;
	left: 40px;
}

.container_black .colom1 {
	width: 300px;
}

.colom2 {
	left:75px;
	width: 325px;
	float: left;
	position: relative;
}

.container_black .colom2 {
	left:-62px;
	width: 180px;
}

.colom3 {
	left:-29px;
	width: 200px;
	float: right;
	position: relative;
}

.colom3 fieldset {
position: relative;
left: 30px;
top: -10px;
}

.colom3 .submit input{
position: relative;
height: 27px;
width: 100px;
left: 75px;
padding-bottom: 6px;
}

.colom7 {
	left:107px;
	width: 200px;
	float: left;
	position: relative;
}

.container_black .colom3 {
	left:-51px;
	width: 500px;
	min-height:140px;
}

.container_black h3 {
	display: none;
}

.colom3-nieuws {
	top: 207px;
	left:750px;
	width: 200px;
	float: left;
	position: absolute;
}

.colom4 {
	left:40px;
	width: 187px;
	float: left;
	position: relative;
	min-height: 260px;
}

.colom5 {
	left:40px;
	width: 177px;
	float: left;
	position: relative;
	min-height: 170px;
}

.colom6 {
	left:40px;
	width: 152px;
	float: left;
	position: relative;
	min-height: 204px;
	_height: 204px;
	margin-bottom: -25px;
}
.colom_full {
	position: relative;
	top: 15px;
	width: 1000px;
	margin-bottom: 20px;
	float: left;
	clear: both;
}
.colom_full p {
	margin-left: 40px;
}
.colom_full ul.geo {
	margin-left: 40px;
	width: 600px;
}
.colom_full ul.geo li {
	padding-left: 0px;
	margin-right: 10px;
	background-image: none;
	float: left;
}
.colom_overons {
	left:40px;
	width: 295px;
	float: left;
	position: relative;
	min-height: 190px;
}

.colom_overons p {
	width: 250px;
	padding-left: 5px;
	
}

.colom_overons a {
	width: 250px;
	padding-left: 5px;
	
}

.spacer {
	float: left;
	width:30px;
	position: relative;
	height:50px;
}

.spacer_port {
	float: left;
	width:39px;
	position: relative;
	height:50px;
}

.img_bg {
position: relative;
background: url(../assets/images/img.jpg) 0 0;
width: 170px;
height: 12px;
top: -12px;
}

.img_bg2 {
position: relative;
background: url(../assets/images/img2.jpg) no-repeat 0 0;
width: 267px;
height: 12px;
top: -12px;
}

.img_bg_2 {
position: relative;
background: url(../assets/images/img.jpg) no-repeat 0 0;
width: 152px;
height: 12px;
top: 18px;
left:2px;
}

.img_bg_3 {
position: relative;
background: url(../assets/images/img.jpg) no-repeat 0 0;
width: 152px;
height: 12px;
top: -20px;
left:2px;
}

.img_bg_4 {
position: relative;
background: url(../assets/images/img_4.jpg) no-repeat 0 0;
width: 650px;
height: 12px;
top: -20px;
left:2px;
}

.imgdiensten {
	margin-bottom: 12px;

}

.imgreferenties {
	position:relative;
	margin-bottom: 12px;
	left:7px;
	top:8px;

}

.imgportfolio {
	position:relative;
	left:-4px;
	top:20px;
}

.outtake {
	top: 35px;
	width: 850px;
	left: 40px;
	position:relative;
	clear: left;
}

.outtake2 {
	width: 600px;
	left: 40px;
	position:relative;
	clear: left;
}

.outtake2 img {
	margin-bottom:18px;
}

.outtake2 h1 {
	font-size:26px;
	line-height:34px;
	color: #242424;
	font-weight: 100;
	margin-bottom: 28px;
	width:620px;
}



.container_black {
	background: url();
	position: relative;
	width: 1002px;
	height: 200px;
	top: 50px;
	
}

.container_black a {
	color:#656565;
	font-size: 10px;
	line-height: 18px;
	position:relative;
}

.container_black p {
	color:#656565;
	font-size: 10px;
	line-height: 18px;
	top: 20px;
	position:relative;
}

.blackbg2 {
	background: url(../assets/images/black_bg_2.jpg);
	position: relative;
	width: 220px;
	height: 310px;
	top: -16px;
	left: -30px;
	margin-bottom: 24px;
	
}

.blackbg2 p {
	width: 170px;
	color: #656565;
	margin-left: 30px;
	position:relative;
	top: 16px;
	
}

.blackbg3 {
	background: url(../assets/images/black_bg_2.jpg);
	position: relative;
	width: 220px;
	height: 310px;
	top: -16px;
	left: -30px;
	margin-bottom: 24px;
	
}


.blackbg3 p {
	width: 170px;
	color: #656565;
	margin-left: 30px;
	position:relative;
	top: 16px;
	margin-bottom: 5px;
	
}

.next {
position: relative;
width: 170px;
height: 50px;
margin-left:40px;

}





		.bubbleInfo {
            position: relative;
            top: 0px;
            left: -1px;
            width: 1000px;

        }
        
        .bubbleInfo2 {
            position: relative;
            top: 0px;
            left: -1px;
        }
        
        .trigger {
            position: relative;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 100;
        	border-collapse: collapse;
            margin-bottom: 0px;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(../assets/images/bubble-1.png); }
        .popup td.top { background-image: url(../assets/images/bubble-2.png); }
        .popup td#topright { background-image: url(../assets/images/bubble-3.png); }
        .popup td.left { background-image: url(../assets/images/bubble-4.png); }
        .popup td.right { background-image: url(../assets/images/bubble-5.png); }
        .popup td#bottomleft { background-image: url(../assets/images/bubble-6.png); }
        .popup td.bottom { background-image: url(../assets/images/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(../assets/images/bubble-8.png); }

        .popup table.popup-contents {
        	
        	background-color: #fff;
        	}
        


        table.popup-contents th p {
        	text-align: right;
        	text-transform: lowercase;
        	margin-bottom: 5px;
        	}

        table.popup-contents td {
        	text-align: left;
        	}

        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        	background: url(../assets/images/bubble-tail2.png) no-repeat top right;
        	height: 17px;
        	}

        tr#release-notes td a {
        	color: #333;
        }
        
 div.fadehover {  
     position: relative;
     height: 140px;
     left: 3px;  
     top: 2px; 
     } 

 div.fadehover2 {  
     position: relative;
     height: 170px;
     left: -5px;  
     top: 10px; 
     } 
     
 div.fadehover3 {  
     position: relative;
     height: 40px;
     left: -5px;  
     top: 10px; 
     } 

 .colom6 div.fadehover2 {  
     position: relative;
     height: 70px;
     left: -5px;  
     top: 10px; 
     } 

 img.a {  
     position: absolute;  
     z-index: 10;  
         }  
   
 img.b {  
     position: absolute;

	} 

.image-single {
position:relative;
top:2px;

}

.widget_links h3 {
display: none;
}

.widget_links ul {
position:relative;
top: 30px;
}

.widget_tag_cloud {
position:relative;
}

input {
background-color:#FFFFFF;
border:1px solid #656565;
color:#4C4C4C;
margin-right:10px;
padding-top:2px;
padding-bottom:2px;
padding-left: 2px;
height: 16px;
font-size: 12px;
}

#searchsubmit {
position: relative;
background-color:#656565;
color:#fff;
top:3px;
height: 20px;
width: 80px;
}

.screen-reader-text {
display: none;
}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #656565;
}

h3 a:hover {
	text-decoration: underline;

}

.max p a {
	text-decoration: none;
}

.max p a:hover {
	text-decoration: underline;
	color: #656565;
}

.container_black a:hover {
	color: #FFFFFF;
}

#ec_message {
background-color:#FFFFFF;
border:1px solid #656565;
color:#4C4C4C;
margin-right:10px;
padding-top:2px;
padding-bottom:2px;
padding-left: 2px;
height: 200px;
font-size: 12px;
}

.video {
position: absolute;
left: 182px;
top: 2px;
}

h5 {
	font-size: 10px;
	font-weight: 100;
}

.quote {
	position:relative;
	left: -30px;
	top: -164px;
	width:210px;
	min-height:100px;
	background-color: #ffffff;
	}

.quote h2 {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 30px;
	font-weight: 100;
}

.img_bg_5 {
position: relative;
background: url(../assets/images/img3.jpg);
width: 200px;
height: 12px;
top: -158px;
left:-35px;
}

.meerprojecten ul{
position: relative;
width: 200px;
}

.meerprojecten li{
}

#newtagcloud {
position: relative;
top: 100px;
}

.button {
height: 25px;
width: 80px;
}

.lijst ul {
position: relative;
top: -24px;
}

.landingspage_lijst {
margin-top: 20px;
position:relative;
float: left;
width: 960px;
margin-left: 40px;
}

.landingspage_lijst .colom6  {
float:left;
left:0px;
margin-bottom:-50px;
margin-right:40px;
min-height:250px;
position:relative;
width:250px;
}

.landingspage_lijst div.fadehover3{
height:95px;
}

.landingspage_lijst .bubbleInfo2{
float: left;
}

.landingspage_lijst h1 {
margin-bottom:30px;
}

#img_bg_2 {
background:url("../assets/images/landingspage.jpg") no-repeat scroll 0 0 transparent;
height:12px;
left:2px;
position:relative;
top:18px;
width:250px;
}

#message {
width: 180px;
margin-left:30px;
}

#field_uw-naam {
width: 160px;
}

#field_telefoonnummer {
width: 160px;
}