@charset "UTF-8";
/*														*/
/*		BLUE MEDIA AUDIO VIDEO MULTIMEDIA PRODUCTIES	*/
/*														*/
/*				http://www.bluemedia.nl					*/
/*				http://www.blue-media.nl				*/
/*														*/
/*					info@blue-media.nl					*/
/*					info@bluemedia.nl					*/
/*														*/

   /* \*/
    * html .gainlayout { height: 1%; }
   /* */

img{ border:0;}

body {
	background:url(../images/head_bg.jpg) repeat-x #cbcbcb;
	font-size: 55%;
	font-family:Trebuchet MS;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the .container selector */
	color: #797979;	}

.wrap {
	font-size:1.4em;
	line-height:1.5em;
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
	min-width:1000px;}

.container {
	width:1000px;
	min-width:1000px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	position:relative;}

/* JQUERY SLIDESHOW */


#nav {margin:0 0 0 -40px; width:835px;}
#nav li {margin:0; padding:0; text-align:left; display:inline;}
#nav a.activeSlide {background:url(../images/hmenu_r.jpg) bottom right; outline:none; }
#nav a.activeSlide span { background:url(../images/hmenu_l.jpg) bottom left; color:#FFF; outline:none;}
#nav a.activeSlide:hover { background:url(../images/hmenu_r.jpg) bottom right; outline:none; }
#nav a.activeSlide:hover span { background:url(../images/hmenu_l.jpg) bottom left; color:#FFF; outline:none;}

/* Links */
a:link {color: #21799e;}
a:visited{color: #21799e;}
a:hover{color: #000;}
a:active{color: #21799e;}
a img {border:none;}

/* Topmenu */

.topalgn{
	width:1000px;
	margin:0; padding:0;
	height:38px;
	float:left;
	font-family:helvetica;
	font-size:12px;}

.toplogo{	background:url(../images/bmlogo.jpg) no-repeat 50% 50%;
			width:150px;
			height:33px;
			float:left;
			display:block;}

a.top_btn{
    background: transparent url('../images/hmenu_r.jpg') no-repeat scroll top right;
    color: #444;
	font-weight:normal;
    display: inline-block;
    float: left;
    height: 38px;
	margin:0;
	cursor:pointer;
    padding:0 10px 0 0;
    text-decoration: none;
	outline:none;}

a.top_btn span {
	font-family:bmf 400;
    background: transparent url('../images/hmenu_l.jpg') no-repeat;
	font-size:14px;
	display: inline-block;
    line-height: 14px;
	height:26px;
    padding: 12px 0 0 10px;
	outline:none;} 

a.top_btn:hover {
    background-position: bottom right;
    color: #000;
    outline: none;}

a.top_btn:hover span {
    background-position: bottom left;
	height:24px;
	color:#FFF;
	text-shadow:#333 1px 1px 2px;
    padding: 14px 0 0 10px; /* push text down 1px */} 
	
a.top_btn_sel {
	background: transparent url('../images/hmenu_r_sel.jpg') no-repeat scroll bottom right;
    color: #FFF;
	font-size:14px;
    display: inline-block;
    float: left;
    height: 38px;
    padding:0 15px 0 0;
    text-decoration: none;
	text-shadow:#333 1px 1px 2px;}
	
a.top_btn_sel span {
	background: transparent url('../images/hmenu_l_sel.jpg') no-repeat bottom left;
	font-size:14px;
	display: inline-block;
    line-height: 14px;
	height:26px;
    padding: 12px 0 0 15px;}
	
a.top_btn_sel:visited{
	background: transparent url('../images/hmenu_r_sel.jpg') no-repeat scroll bottom right;}

.topmenu{
	background:url(../images/top_bg.jpg) top left repeat-x;
	padding:5px 0 0 0;
	margin:0; 
	height:78px;
	text-align:left;}

.topmenu li{
	list-style: none;}
	
.topbuttons{
	width:1000px;
	float:left;}
	
.topsubhld{
	width:980px;
	text-align:center;}
	
.topsubmenu{
	padding:6px 0 0 0;
	height:28px;
	width:1000px;
	color:#FFFFFF;
	float:left;}
	
a.topsub_btn{
    background: transparent url('../images/menu/submenu_r.jpg') no-repeat scroll top right;
	font-family:Trebuchet MS;
	letter-spacing:0em;
    color: #7eb2ca;
    display:inline-block;
    height: 28px;
    padding:0 10px 0 0;
    text-decoration: none;
	outline:none;}

a.topsub_btn span {
    background: transparent url('../images/menu/submenu_l.jpg') no-repeat;
	font-size:13px;
	font-weight:normal;
   display:inline-block;
    line-height: 2.2em;
	height:28px;
    padding:0 0 0 10px;} 

a.topsub_btn:hover {
    background-position: bottom right;
    color: #FFF;
    outline: none; }

a.topsub_btn:hover span {
    background-position: bottom left;
	color:#FFF;} 
	
/* Header */

.header {
	background:url(../images/head/bg2.jpg) 50% 50% no-repeat;
	height:300px;
	overflow:hidden;}
	
.cat_header h2{
	color:#FFF; 
	width:360px; 
	height:170px; 
	padding:60px 0 50px 0; 
	float:left; 
	letter-spacing:-3px;
	font-weight:bold;
	font-size:48px;
	overflow:hidden;}
	
.cat_header{
	height:100px;
	list-style:none;
	overflow:hidden;}
	
.one{
	background:url(../images/head/bg1.jpg) top center no-repeat;}
	
.two{
	background: url(../images/head/bg2.jpg) top center no-repeat;}
	
.three{
	background: url(../images/head/bg3.jpg) 50% 40% no-repeat;}
	
.four{
	background: url(../images/head/bg4.jpg) top center no-repeat;}
	
.five{
	background: url(../images/head/bg5.jpg) top center no-repeat;}
	
/* Relative headers */
	
.cat_header .multimedia{
	background:url(../images/head/multimedia.png) 4% 65% no-repeat;
	height:100px;
	list-style:none;
	margin:0;padding:0;}
	
.cat_header .video{
	background:url(../images/head/video.png) 4% 65% no-repeat;
	height:100px;
	list-style:none;
	margin:0;padding:0;}

.cat_header .grafischontwerp{
	background:url(../images/head/grafischontwerp.png) 4% 65% no-repeat;
	height:100px;
	list-style:none;
	margin:0;padding:0;}
	
.cat_header .audio{
	background:url(../images/head/audio.png) 4% 65% no-repeat;
	height:100px;
	list-style:none;
	margin:0;padding:0;}
	
.cat_header .verhuur{
	background:url(../images/head/verhuur.png) 4% 65% no-repeat;
	height:100px;
	list-style:none;
	margin:0;padding:0;}
	
.cat_header .verkoop{
	background:url(../images/head/verkoop.png) 4% 65% no-repeat;
	height:100px;
	list-style:none;
	margin:0;padding:0;}
	
.cat_header .contact{
	font-size:12px;
	height:100px;
	list-style:none;
	margin:0;padding:0;}

#prand1, #prand2{
	overflow:hidden;
	width:240px;
	height:110px;}	

#prand3, #prand4{
	overflow:hidden;
	width:240px;
	height:110px;}

ul.port.pflow.video{
	width:670px;	
	}
	
ul.port.pflow.video li{
	float:left;
	display:block;
	position:relative;
	width:660px;}
	
ul.port.pflow.video li span{
	border-right:1px solid #CCC;
	float:left;
	margin: 0 -1px 0 0;}
	
ul.port.pflow.video li .content{
	border-left:1px solid #CCC;
	margin:0; padding:0;
	width:430px;
	float:left;}
	
ul.port.pflow.video li .descr{font-size:11px; border-top:1px solid #CCC; margin:5px 0 10px 0; padding:10px;}

ul.pflow li {
	float: left;
	margin: 5px; padding: 0; width:210px;
	text-align: center;
	list-style:none;
	border: 1px solid #ccc;
	-moz-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/	
}

ul.pflow li a.thumb {
	width: 230px; /*--Width of image--*/
	height: 100px; /*--Height of image--*/
	padding: 5px;
	cursor: pointer;
	background: #FFF;}

ul.pflow li img{}

ul.pflow li span {
	width: 240px;
	height: 100px;
	overflow: hidden;
	display: block;}
ul.pflow li a.thumb:hover {
	background:#86bdd8;
	border-color:#86bdd8;}
ul.pflow li a{text-decoration: none; color: #777; display: block; outline:none;}

ul.pflow{
		margin:0;
		list-style:none;
		font-size:12px;}
		
ul.port li{
	background:#FFF;}
ul.port li strong{
	color:#007ab5;text-transform:uppercase; font-size:11px;}

ul.port li span{
	width:200px; height:100px; padding:5px; margin:0 0 -5px 0;
	background:#FFF;
	display:inline-block;
	border-color:#CCC;}
	
ul.port li span:hover{
	background:#86bdd8;
	border-color:#86bdd8;}

ul.port li a.thumb{
	width:200px;
	display:block;
	height:100px;
	margin:0;
	overflow:hidden;
	padding:0;}
	
ul.port li a.thumb img{
    text-align:center;}
	
ul.port{	display:inline;
			float:left;
			width:670px;
			margin:0 0 0 0;
			padding:0;
			height:100%;
			overflow:auto;}
			
ul.port p{	margin:2px 10px 2px 10px;
			padding:0;
			text-align:left;}

ul.port hr{	margin:0px 5px 5px 5px; padding:0;
			border:0;
			height:1px;
			background:#CCC;}
			
/* SUBMENU PORTFOLIO */
ul#submenuPort{
	float:right;
	list-style:none;
	font-size:14px;
	width:250px;
	text-align:left;
	margin:5px 0 0 25px; padding:0;}

#submenuPort h2{
	padding:18px 10px 10px 20px;
	height:70px;
	background:url(../images/wolk.png) no-repeat;
	font-size:24px;
	color:#FFF;}

#submenuPort li{
	width:250px;
	padding:0;}
	
#submenuPort li a{
	color:#797979;
	background:#ececec;
	text-decoration:none;
	background:#ececec;
	padding:5px 0 5px 10px;
	width:240px;
	float:left;
	border-bottom:1px solid #e0e0e0;}
	
#submenuPort li a:visited{
	text-decoration:none;}
	
#submenuPort li a:hover{
	background:#d5d9df;
	display:block;}
	
#submenuPort li a:active{
	text-decoration:none;}
	
#submenuPort li.image a{padding:0; background:none; border:0; margin:40px 0 0 0;}

	
.header a {color:#363636; text-decoration:none; font-size:14px;}
.header a:visited {color:#363636; text-decoration:none; font-size:14px;}
.header a:hover {color:#21799e; text-decoration:underline; font-size:14px;}
.header a:active {color:#363636; text-decoration:none; font-size:14px;}

.menu{
	float:right;
	margin:0 10px 0 0;}
	

/* Headers */

h2, h3, h4, h5, h6 {
	font-family:bmf 400;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
	padding:0;}

h2 {
	color:#004c70;
	margin:0 0 10px 0;
	font-size:240%;
	line-height:110%;	}
	
h3 {
	color:#808080;
	letter-spacing:0;
	margin:0 0 10px 0;
	font-size:150%;
	font-family:bmf 400;
	line-height:110%;	}
	
h4 {
	color:#555555;
	font-family:Trebuchet MS;
	font-size:160%;
	font-weight:600;
	letter-spacing:1px;
	line-height:110%;	}

/* home body */

ul#guide{
	list-style:none;
	font-size:14px;
	width:300px;
	text-align:left;
	background:#ececec;
	margin:0; padding:0;}

#guide h2{
	padding:8px 0 0 0;
	font-size:24px;
	color:#797979;}

#guide li{
	width:300px;
	padding:0;}
	
#guide li a{
	color:#797979;
	text-decoration:none;
	background:#ececec;
	padding:5px 0 5px 10px;
	width:290px;
	float:left;
	border-bottom:1px solid #e0e0e0;}
	
#guide li a:visited{
	text-decoration:none;}
	
#guide li a:hover{
	background:#d5d9df;
	display:block;}
	
#guide li a:active{
	text-decoration:none;}

.homebody {
	background: url(../images/main_bg.jpg) left top repeat-x #fff;
	margin:0;
	padding:10px 0 40px 0;
	min-height:250px;
	position:relative;
	display:block;}
	
.mtab{
	background:url(../images/tab.png);
	width:115px;
	height:22px;
	float:left;
	display:block;
	padding:8px 0 0 0;
	margin:0 2px 0 2px;
	text-align:center;}
	
.content{
	width:1000px;
	padding:30px 0 30px 0;
	line-height:18px;
	position:relative;
	font-size:14px;
	line-height:1.4em;}

.bt{
	width:960px;
	height:31px;
	float:left;
	margin:0 0 20px 0;}

.box {
	float:left;
	margin:0 0 30px 30px;}
	
.box h3{
	border-bottom:1px solid #CCC;
	margin:25px 0 15px 0;}
	
.small{width:300px;}
.normal{width:630px;}
.big{width:960px;}

.home{width:450px; position:relative;}
.home .social{background:url(../images/social.png); height:189px; width:265px; left:-220px; top:290px; position:absolute; display:block;}

img.bdr{padding:5px; border:1px solid #cbcbcb; background:#d9d9d9; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; margin:20px 0;}

.small .det{
	width:288px;}
	
span.pro_nav{
	display:block;
	width:285px;
	height:32px;
	padding:0 8px;
	-moz-border-radius: 15px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 15px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 15px; /*--CSS3 Rounded Corners--*/	
	background:#007bb7;
		color:#005781;
}

.pro_nav a{
	margin:3px 0 0 0;
	display:inline-block;
	color:#fff;
	font-size:13px;
	padding:2px 2px 5px 2px;
	text-transform:lowercase;
	text-decoration:none;
	outline:none;}
	
.pro_nav a:visited{	color:#fff;}
.pro_nav a:hover{
	margin:0;
	color:#fff;
	border-top:3px solid #FFF;}
.pro_nav a:active{color:#fff;}
	

.det {
	margin:10px 0 20px 0;
	padding:0;
	float:left;
	-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;
	background-color:#e7e7e7;
	border:1px solid #e2e2e2;}
	
.det li{border-bottom:1px solid #dedddd;
		border-top:1px solid #f0f0f0;
		padding:5px;}
	
.det li{ margin:0; list-style:none; font-size:12px;}
.det ul{margin:0 0 0 -1px; padding:0; list-style:none; font-size:12px;}
	
.box .det strong{color:#007ab5; padding:0 10px 0 0; text-transform:uppercase; font-size:11px;}

.rul{width:1000px; float:left; height:20px;}

.box hr{
	background:#CCC;	
	height:1px;
	margin:15px 10px 15px 0;
	border:0;}
.box p{margin:20px 0 20px 0;}

.box strong{
	color:#666;
	font-size:13px;	}
#mediaspace{border:1px solid #d2d1d1; background:#CCC; padding:9px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; margin:0 0 10px 0;}
#mediaspace2{border:1px solid #d2d1d1; background:#CCC; padding:9px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#project img{border:1px solid #d2d1d1; background:#CCC; padding:9px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#block a{width:20px; height:20px; color:#017cb5; margin:2px; background:#017cb5; float:left; outline:none; display:block;}
#block a:hover{color:#CCC; background:#CCC; outline:none;}
#block a:activeSlide {color:#CCC; background:#CCC; outline:none;}
#block a:focus {color:#CCC; background:#CCC; outline: none; }
	
.hthumb{
	background:url(../images/home_thumb_border.jpg);
	width:215px;
	height:151px;
	float:left;
	padding:6px 9px 0 9px;
	margin:10px 16px 0 0;}
	
.r_aligner{
	width:500px;
	float:left;}
	
.hm_ftrd{
	width:500px;
	list-style: none;
	margin: 0; padding: 0;}

ul.hm_ftrd li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/}
	
	ul.hm_ftrd li p{
		margin:0; padding:0; display:block; font-size:11px; color:#c3c8cc; background:#FFF;}

ul.hm_ftrd li a.thumb {
	width: 215px; /*--Width of image--*/
	height: 140px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	background: #FFF;}

ul.hm_ftrd li img{}

ul.hm_ftrd li span {
	width: 215px;
	height: 140px;
	overflow: hidden;
	display: block;
}
ul.hm_ftrd li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/}
ul.hm_ftrd li h2 {
	font-size: 12px;
	font-family:Trebuchet MS;
	letter-spacing:0;
	font-weight: normal;
	margin: 0; padding: 10px 10px 5px 10px;
	background:#FFF;
	border-top:1px solid #FFF;}
ul.hm_ftrd li a {text-decoration: none; color: #777; display: block; outline:none;}

.new{
	top: 0; 
	right: 0; 	
	position:relative;
	background:url(../images/new.png) no-repeat;
	height:80px;
	width:80px;
	z-index:1;
	float:right; }

/*FORM INPUT*/

.f_input
{
	width:150px;
	height:16px;
	border:1px solid #CCC;
	color:#666;
	padding:2px;
	margin:0 0 5px 0;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;}

a.button {
    background: transparent url(../images/knop2_r.jpg) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
	font-weight:bold;
    height: 29px;
	margin:0 6px 10px 0;
    padding-right: 18px;
    text-decoration: none;}

a.button span {
    background: transparent url(../images/knop2_l.jpg) no-repeat;
    display: block;
    line-height: 17px;
    padding: 5px 0 7px 18px;} 

a.button:hover {
    background-position: bottom right;
    color: #FFF;
    outline: none;}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 6px 18px;} 

/* SPAN NOTICES */

.c_warn{ 
		width:895px;
		float:left;
		padding:6px 4px 3px 35px;
		margin:4px 0 10px 0;
		background:#ffc7c7 url(../images/warning.png) 10px 6px no-repeat ;
		border:1px solid #ff9090;
		color:#ff0000;
		font-weight:bold;}

.c_notice{ 
		width:895px;
		float:left;
		padding:6px 4px 3px 35px;
		margin:4px 0 10px 0;
		background:#ffecc7 url(../images/notice.png) 10px 6px no-repeat ;
		border:1px solid #ffcd6c;
		color:#c18105;
		font-weight:bold;}
		
	.c_approved{ 
		width:895px;
		float:left;
		padding:6px 4px 3px 35px;
		margin:4px 0 10px 0;
		background:#e5ffc7 url(../images/approved.png) 10px 6px no-repeat ;
		border:1px solid #aee33b;
		color:#72a700;
		font-weight:bold;}
		
	
	.sleft .c_warn, .sleft .c_notice, .sleft .c_approved{
		width:325px;}
	
		
	.c_warn .c_extra{
		color:#ab6b6b;	
		font-weight:normal;}
		
	.c_notice .c_extra{
		color:#bf9e5e;	
		font-weight:normal;}
	
	.c_approved .c_extra{
		color:#8aab63;	
		font-weight:normal;}
		
.box.small .sideImg{
	width:300px;}
	.box.small .sideImg img{
	margin:0; padding:0;}
	.box.small .sideImg p{
		font-size:10px; margin:0 0 20px 0;}
		
/* NOTICES LINK PROPERTIES */
.c_warn a{			color:#ff0000;
					text-decoration:underline;}
					
.c_warn a:visited{	color:#ff0000;
					text-decoration:underline;}
					
.c_warn a:hover{	color:#ab6b6b;
					text-decoration:underline;}
					
.c_warn a:active{	color:#ff0000;
					text-decoration:underline;}
					
					
					
.c_notice a{		color:#c18105;
					text-decoration:underline;}
					
.c_notice a:visited{color:#c18105;
					text-decoration:underline;}
					
.c_notice a:hover{	color:#bf9e5e;
					text-decoration:underline;}
					
.c_notice a:active{	color:#c18105;
					text-decoration:underline;}
	
	
	
.c_approved a{		color:#72a700;
					text-decoration:underline;}
					
.c_approved a:visited{color:#72a700;
					text-decoration:underline;}
					
.c_approved a:hover{	color:#8aab63;
					text-decoration:underline;}
					
.c_approved a:active{	color:#72a700;
					text-decoration:underline;}

/* Footer */

.footer {
	background:#3b3b3b url(../images/footer_bg.jpg) top center repeat-x;
	height:400px;
	padding:0;
	margin:0;
	text-align:left;
	color:#8f8f8f;
	text-shadow:#393939 1px 1px 2px;
	position:inherit;
	bottom:0;}
	
.footer h2{
	font-size:24px;
	color:#CCC;
	height:82px;}

.footer h2.twit{
	background:url(../images/twitter.png) top right no-repeat;}

.footer h3{
	font-size:20px;
	color:#8f8f8f;
	padding:0 0 5px 0;
	border-bottom:5px solid #424141;
	margin:-65px 0 15px 0;}

span.copy{
	width:1000px;
	float:left;
	margin:12px 0 20px 0;
	height:30px;}

.fnf{float:left; margin:0 0 0 25px; width:200px;}
	
.footer a{color:#919191; text-decoration:none; cursor:pointer;}
.footer a:visited{color:#919191; text-decoration:none;}
.footer a:hover{color:#b8b8b8; text-decoration:underline;}
.footer a:active{color:#919191; text-decoration:none;}

.footer strong{
	color:#a7a7a7;}
	
.footer table {
	margin:0 0 0 26px;}
	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Twitter  */

.tweeter{  
	width:500px;
	margin:0;
	padding:0;
    float:left;}

#tweet ul li{
	list-style:none;
    margin: 0;}
	
#tweet ul{
	list-style:none;
    margin: 0;
    padding:0;}
	
#tweet li{
	overflow:visible;
	  background:#424141;
	  width:490px;
	  padding:3px;
	  border:1px solid #5b5a5a;
	  margin:-1px 0 0 0;}
	  
#tweet ul li span a{
	 color: #FFF;}



/* Float Classes */
	
.fltlft{float:left;}	
.fltrt{float:right;}


/* AddThis CSS */

.addthis_toolbox .custom_images a
{   width: 32px;
    height: 32px;
    margin: 0 2px 0 2px;
    padding: 0;}
.addthis_toolbox .custom_images a:hover img
{opacity: 1;}
.addthis_toolbox .custom_images a img
{    opacity: 0.25;}
.addthis_toolbox .custom_images .more 
{    padding:0;
    margin: 5px 0 0 0;}

.addthis_toolbox .custom_images .more span
{    display: none;}

/* slider */
a:focus {
	outline: none;}
.paneel ul{
	list-style:none; margin:5px 0 10px 0;float:left; padding:0; border:0;}
.hire li:hover .paneel ul li{color:#000000;}
.hire li:hover .paneel ul li strong{color:#000000;}
.paneel ul li{
	list-style:none; margin:0; padding:0; width:75px; border:0; font-size:11px;}
.paneel ul li strong{
	font-size:11px}
.paneel ul li:hover{
	list-style:none; margin:0; padding:0; width:75px; border:0;}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #CCC;}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	color:#999;
	text-decoration: none;}

.btn-slide a{color:#999;}	
.btn-slide a:visited{color:#999;}
.btn-slide a:hover{color:#999;}	
.btn-slide a:active{color:#999;}

.active {
	background-position: right 12px;
}

#data{ font-size:11px;
		background:url(../images/form.jpg);
		padding:20px 20px 20px 20px;
		text-align:left;}
		
#data p{	margin:0 0 3px 0;
			padding:0;}
	
#data label{
	color: #696969;
	width: 75px;
	float: left;
	margin: 5px 0 0 2px;
	font-size: 14px;}

#data input{
	width:150px; 
	padding:5px; 
	height:15px; 
	background:#E6E6E6; 
	border:1px solid #CECECE;}

#data input.button {
	height:30px;
	color: #696969;
	cursor:pointer;
	background:#E6E6E6; 
	border:1px solid #CECECE;}

#data textarea{
	width:520px; 
	height:100px; 
	padding:5px 0 0 0; 
	background:#E6E6E6; 
	border:1px solid #CECECE;}
	

#data .hr{
	width:520px;
	height:0;
	margin:20px 0 25px 0;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #a5a5a5;}

#data .message label{
	margin:5px 0 5px 2px;}
	
ul.hire{
	margin:0;
	padding:0;
	float:left;
	list-style:none;}
	
.hire li{
	background:#FFF;
	list-style:none;
	width:150px;
	overflow:hidden;
	margin:10px 10px 10px 0;
	padding:0 7px 0 7px;
	float:left;
	border:7px solid #56afdb;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.hire li:hover {
	border:7px solid #087cb5;}

.hire li:hover a{
	color:#000;}

.hire p{
	font-size:14px;	
	text-align:left;
	margin:2px;}

.hire h3{color:#087cb5; font-size:18px; border:0; margin:5px 0 0 0; }

.hire hr{margin:2px 1px 2px 1px;}

.hire a{font-size:12px;
		text-decoration:none;
		color:#999;}
.hire a:hover{font-size:12px;
		color:#004c70;}

ul.summary{
	list-style:none;
	border-bottom:1px solid #CCC;
	background:#FFF;
	width:200px;}

ul.summary li{
	list-style:none;}

.right{float:right;}
.left{float:left;}

.paneel{
	width:150px;
	float:left;}

.slide {
    margin: 0 0 -10px 0;padding: 0;border:0;
	text-align:left;
	height:10px;
	width:150px;}

a.btn-slide{
    text-decoration: none;
	margin: 0; padding: 0; border:0;}

ul#bmcontact{
	margin:20px 0 20px 0; padding:20px; list-style:none;
	color:#FFF;
	width:260px; overflow:hidden;
	background:url(../images/phone.jpg) no-repeat 150% 50% #0078b4;
	border:1px solid #044d76;
	border-top-color:#55c6ff;
	display:inline-block;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);}
ul#bmcontact h3{
	color:#FFF; border:0; margin:0; padding:0; font-size:16px;}
ul#bmcontact a{color:#FFF;}
ul#bmcontact li{
	margin:0; padding:0; list-style:none;
	height:16px;
	overflow:hidden;
	float:left;
	width:260px;}

div.sample{ width:610px; height:250px; display:inline-block; position:relative; border:1px solid #d2d1d1; background:#CCC; padding:9px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
div.sampleDif{display:inline-block; position:relative; border:1px solid #d2d1d1; background:#CCC; padding:9px; margin:0 0 10px 0; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
div.sample span{width:610px; height:250px; overflow:hidden; display:block;}
div.sample .title{
	position:absolute;
	bottom:9px;
	padding:10px;
	background:#000; color:#FFF;
	width:590px; /* optional, though better have one */
	opacity: .75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);}
	
div.sample .title a{padding:0 0 0 13px; margin:0 0 0 20px; background:url(../images/arrowindicator.gif) no-repeat 0 50%; color:#CCC; text-decoration:none;}
div.sample .title a:hover{text-decoration:underline; color:#FFF;}


ul.overview{ width:610px;  display:inline-block; position:relative; padding:0; margin:0; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; list-style:none;}
ul.overview li{float:left; width:190px; height:100px; position:relative; border:1px solid #CCC; background:#FFF; padding:3px; margin:0 5px 10px 0; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
ul.overview li:hover{background:#86bdd8;}
ul.overview li span{width:190px; height:100px; overflow:hidden; display:block;}
ul.overview li .title{
	position:absolute;
	bottom:3px;
	padding:8px 5px 5px 5px;
	background:#000; color:#FFF;
	width:180px; /* optional, though better have one */
	height:17px;
	opacity: .75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);}
ul.overview li .title h3{margin:0; padding:0; font-size:14px; border:0;}
	
ul.overview li .title a{padding:0 0 0 15px; margin:0 0 0 0; background:url(../images/arrowindicator.gif) no-repeat 0 55%; color:#FFF; text-decoration:none;  border:0;}
ul.overview li .title a:hover{text-decoration:none; color:#FFF;  border:0;}
ul.overview li.portfolio h3{color:#FFF; margin:10px 0 0 25px; text-align:center; border:0;}	
ul.overview li.portfolio h3 a{ border:0;}	
ul.overview li.portfolio a{padding:0; margin:0;}
ul.overview li.portfolio{
	width:610px;
	margin:0 0 40px 0;
	cursor:pointer;
	background:url(../images/arrow.jpg) no-repeat 20% 50% #0078b4;
	height:40px;
	border:1px solid #044d76;
	border-top-color:#55c6ff;
	color:#FFF;
	text-align:center;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);}

ul.overview li.portfolio:hover{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);}
	
	
/* INFOBAR */

#infozBar{
	margin:0; padding:15px 0 0 0;
	border-top:1px solid #545454;
	height:260px;
	font-size:10px;
	background:#1e1e1e;}
	
#infozBar ul.list{
	float:left;
	list-style:none;
	font-size:12px;
	width:190px;
	text-align:left;
	margin:0 6px 0 0; padding:0;}

.list li{
	width:190px;
	float:left;
	padding:0; margin:0;}

.list li.kop{
	width:180px;
	color:#484848;
	border-bottom:1px solid #282828;
	padding:5px 0 5px 10px;}
	
.list li a{
	float:left;
	padding:2px 0 3px 10px;
	color:#373737;
	text-decoration:none;
	width:190px;}
	
.list li a:visited{
	text-decoration:none;}
	
.list li a:hover{
	color:#797979;
	text-decoration:underline;
	display:block;}
	
.list li a:active{
	text-decoration:none;}
	
/* CLIENT IMG */
.clientimg{border:1px solid #CCC; padding:3px; background:#fff;margin:10px;}