/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:"Bree Regular LucidaGrande Bold", Arial, Helvetica, sans-serif;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}

/* links */
a {
    color:#f10079;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:"Bree Regular LucidaGrande Bold", Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:100%;
    color:#000;
    margin:0px;
}

h1 {
    font-size:300%;
    font-size:24px;
    color:#ff007c;
    margin:0 0 5px 0;
}

h2 {
    font-size:250%;
    font-size:18px;
    color:#000000;
    margin:0 0 15px 0;
}

h3 {
    font-size:200%;
    color:#000;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#000;
}

h6 {
    font-size:125%;
    color:#000;
}

/* page setup */
body {
    background:#fb278b url(../images/bg.jpg) 0 0 repeat-x;
    font-family:"Bree Regular LucidaGrande Bold", Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#000000;
    font-size:12px;
}

/* wrapper setup */
div.wrapper {
    width:1029px;
    margin:0 auto;
}

/* header */
div#header {
    position:relative;
    margin:20px 0px 0px 0px;
    background:url(../images/header.png) 0 0 no-repeat;
    padding:12px 0 0 0;
}

div#header_bg {
    background:url(../images/header_bg.png) 0 100% no-repeat;
    padding:0 0 35px 375px;
    overflow:hidden;
}

div.header_content {
    float:left;
    width:495px;
    padding:22px 0 0 0;
}

div#header_bg a.header_link {
    background:url(../images/nieuws_but.png) 0 0 no-repeat;
    width:145px;
    height:185px;
    float:right;
}

/* logo NAV */
div#circle_nav{
	border:solid 1px red;
	background:url('../images/navigation.png');
    position:absolute;
    top:22px;
    left:0px;
    width:300px;
    height:204px;
    border:0;
}
/* navigation */
div#circle_nav ul{
	width:120px;
	margin:0 0 0 180px;
	text-align:right;	
}
div#circle_nav ul li {
	list-style-type:none;
	}
div#circle_nav ul li a{
	display:block;
    width:112px;
    height:20px;
	font-size:0px;
	color:#fff;
	margin:10px 0 12px 10px;
	list-style-type:none;
}
div#circle_nav.about{
	background-position:0 -254px;
	left:-85px;
	}
div#circle_nav.about ul li a{
	margin:0px 0 11px 10px;	
	}
div#circle_nav.portfoliolink{
	background-position:0 -508px;
	left:-45px;	
	}
	div#circle_nav.portfoliolink ul{margin-top: 12px;}
div#circle_nav.portfoliolink ul li a{
	margin:0px 0 11px 10px;	
	}
div#circle_nav.contactlink{
	background-position:0 254px;
	left:-45px;		
	}
	div#circle_nav.contactlink ul{margin-top: 14px;}
div#circle_nav.contactlink ul li a{
	margin:0px 0 11px 10px;
}
img.logo {
    position:absolute;
    top:20px;
    left:20px;
    width:291px;
    height:222px;
    border:0;
}

/* main body setup */
div#middle {
    width:auto;
    margin:0px 0px 0px 0px;
    clear:both;
}

/* right column */
div#right {
    width:200px;
    padding:0px 0px 0px 0px;
    float:right;
}

/* content column */
div#content {
    width:auto;
    margin:0px 200px 0px 0px;
    padding:0px 0px 0px 0px;
}

/* footer */
div#footer {
    width:auto;
    padding:10px 0px 20px 0px;
    clear:both;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* meetme */
div.meetme {
    background:url(../images/home_page.png) 0 0 no-repeat;
    padding:15px 0 0 0;
    margin:25px 45px 0 42px;
}

div.meetme_bg {
    background:url(../images/home_page_bg.png) 0 100% no-repeat;
    padding:0 20px 70px 39px;
    overflow:hidden;
}

/* sideshow */
div.sideshow {
    background:url(../images/sideshow_bg.jpg) 100% 0 no-repeat;
    padding:33px 65px 0 0;
    height:360px;
}

div.sideshow_image {
    background:url(../images/sideshow_bg.png) 0 0 no-repeat;
    padding:22px 15px 25px 15px;
    float:left;
    position:relative;
}

div.sideshow_image a.prev {
    background:url(../images/prev_img.png) 0 0 no-repeat;
    height:44px;
    width:44px;
    top:150px;
    left:-15px;
    position:absolute;
    text-indent:-9999px;
}

div.sideshow_image a.next {
    background:url(../images/next_img.png) 0 0 no-repeat;
    height:44px;
    width:44px;
    top:150px;
    right:-15px;
    position:absolute;
    text-indent:-9999px;
}

div.sideshow_content {
    width:385px;
    float:right;
    padding:15px 0 0 0;
}

div.slider {
    background:url(../images/sideshow_bg.jpg) 100% 0 no-repeat;
    padding:33px 65px 35px 0;
    overflow:hidden;
}

div.counter{
	background: #000000;
	padding:5px;
	color:#FFFFFF;
	
	*float:left;	
	*top:20px;

	
}

/* image gallery */
div.image_gallery ul {
    margin:0px;
    list-style:none;
}

div.image_gallery ul li {
    position:relative;
    float:left;
    margin:0 28px 0 0;
}
div.image_gallery ul li div.gallery_image {
    background:#fff url(../images/photo_back.png) 0 0 no-repeat;
    padding:8px;
    margin:0 0 10px 0;
}

div.image_gallery ul li a.link {
    color:#d51472;
    display:block;
    padding:0 0 0 0px;
}

div.image_gallery ul li span.centree {
    color:#fff;
    display:block;
    padding:0 0 0 20px;
}
div.image_gallery ul li span{
 	color:#fff;
}
img.new_but {
    position:absolute;
    top:48px;
    right:-20px;
}

/* menu */
div.menu {
    padding:35px 50px 10px 0;
    overflow:hidden;
}

div.menu ul {
    margin:0px;
    list-style:none;
    float:right;
}

div.menu ul li {
    float:left;
    padding:0 0 0 20px;
}

div.menu ul li a {
    color:#FFF;
    font-weight:bold;
    text-transform:uppercase;
    font-size:15px;
}

div.menu ul li a:hover, div.menu ul li a.active {
    color:#000;
    text-decoration:none;
}

/* about */
div.about {
    background:url(../images/home_page.png) 0 0 no-repeat;
    padding:15px 0 0 0;
    margin:0px 45px 0 42px;
    position:relative;
}

div.about_bg {
    background:url(../images/about_bg.png) 0 100% no-repeat;
    padding:0 20px 100px 14px;
    overflow:hidden;
}

div.evenment {
    background:url(../images/evenment.jpg) 100% 0 no-repeat;
    padding:15px 45px 20px 25px;
    overflow:hidden;
}

div.evenment_image {
    background:url(../images/evenment_back.png) 0 0 no-repeat;
    padding:20px 0 0 12px;
    width:351px;
    height:267px;
    float:left;
    margin:0 12px 0 0;
}

div.content_box {
    padding:30px 0 0 0px;
}

div.about_content {
    width:495px;
    padding:22px 0 5px 0px;
	margin-left:350px;
}

div.marketing {
    background:url(../images/marketing_back.jpg) 0 0 no-repeat;
    padding:15px 0px 30px 55px;
    overflow:hidden;
}

div.marketing_image {
    background:url(../images/marketing_photo.png) 0 0 no-repeat;
    padding:20px 0 0 12px;
    width:351px;
    height:267px;
    float:right;
    margin:0 0px 0 0;
}

div.miranda {
    background:url(../images/evenment.jpg) 100% 0 no-repeat;
    padding:15px 45px 20px 25px;
    overflow:hidden;
}

div.miranda_image {
    background:url(../images/evenment_back.png) 0 0 no-repeat;
    padding:21px 0 0 12px;
    width:351px;
    height:267px;
    float:left;
    margin:0 12px 0 0;
}

div.christa {
    background:url(../images/marketing_back.jpg) 0 0 no-repeat;
    padding:15px 0px 30px 55px;
    overflow:hidden;
}

div.christa_image {
    background:url(../images/marketing_photo.png) 0 0 no-repeat;
    padding:21px 0 0 12px;
    width:351px;
    height:267px;
    float:right;
    margin:0 0px 0 0;
}

/* portfolio */
div.portfolio {
    background:url(../images/home_page.png) 0 0 no-repeat;
    padding:15px 0 0 0;
    margin:0px 45px 0 42px;
    position:relative;
}

div.portfolio_bg {
    background:url(../images/portfolio_bg.png) 0 100% no-repeat;
    padding:0 20px 55px 40px;
    overflow:hidden;
}

div.portfolio_content {
    width:510px;
    padding:22px 0 0px 330px;
}

div.portfolio_slideshow {
    clear:both;
}

div.portfolio_gallery {
    overflow:hidden;
}

div.portfolio_gallery ul {
    margin:0px;
    list-style:none;
}

div.portfolio_gallery ul li {
    position:relative;
    float:left;
    margin:0 28px 0 0;
    display:block;
    color:#000;
}

div.portfolio_gallery ul li div.portfolio_image {
    background:url(../images/photo_frem.png) 0 0 no-repeat;
    padding:8px 8px 14px 8px;
    margin:0 0 2px 0;
}

div.portfolio_gallery ul li a.title {
    color:#d51472;
    display:block;
    padding:0 0 0 4px;
}

div.portfolio_gallery ul li span {
    color:#000;
    display:block;
    padding:0 0 0 4px;
}

div.portfolio_tabs {
    padding:70px 0 0 0;
    text-align:center;
}

div.portfolio_tabs a {
    margin:0 9px 0 0;
}

/* contact */
div.contact {
    background:url(../images/home_page.png) 0 0 no-repeat;
    padding:15px 0 0 0;
    margin:0px 45px 100px 42px;
    position:relative;
}

div.contact_bg {
    background:url(../images/portfolio_bg.png) 0 100% no-repeat;
    padding:20px 20px 120px 40px;
    overflow:hidden;
}

div.contact_content {
    background:url(../images/content02.jpg) 100% 0 no-repeat;
    padding:30px 65px 70px 0;
    overflow:hidden;
}

div.contact_image {
    background:url(../images/contact.png) 0 0 no-repeat;
    padding:24px 25px 25px 16px;
    float:left;
    margin:130px 0 0 50px;
}

div.contact_info {
    width:300px;
    float:right;
    padding:30px 40px 0 0px;
}

div.contact_info div.postadres {
    padding:5px 0 20px 0;
}

div.contact_info div.e-mail {
    padding:20px 0 30px 0;
}

div.contact_info div.meet {
    font-size:11px;
    padding:0 0 10px 0;
}

/* Easy Slider */

#slider, #slider2{
overflow:hidden;
width:369px;
height:280px;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	border:solid 0px red;
	width:369px;
	height:280px;
	overflow:hidden; 
	}								

/* // Easy Slider */

#slider2{}
.slider2 ul, .slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
.slider2 li{ 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	border:solid 0px red;
	width:369px;
	height:280px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:369px;
	}					
										
#prevBtn a, #nextBtn a{  
    top:75px;
    left:0px;
    position:absolute;
    text-indent:-9999px;
	display:block;
	width:50px;
	height:50px;
	border:solid 0px;
	background:url(../images/prev_img.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../images/next_img.png) no-repeat 0 0;	
	}


/* forms */
form{
	width:250px;
	margin:0 auto;
	padding:10px;
	background:#f5f5f5;
}
form input{
	margin:5px;
	padding:2px;
}


.tab{
width:900px;
float:left;
clear:none;
display:block;
margin-right:10px;

}

#proj_tabs{
	overflow:visible;
	width:99999px;
}

div.portfolio{
  overflow:hidden;
	
	
}

#tabback{float:left; }
#tabfwd{float:right; }

.select_tab img{
	margin-top:10px;
}