body {
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
html {
	overflow-y: scroll;
}
noscript {
    font-size: 11px;
    font-weight: bold;
    color: #FF3589;
    margin-top: 10px;
    width: 115px;
    height: 20px;
}
/*
.lijnen_container {
	height: 100%;
	position: absolute;
	width: 547px;
	left: 50%;
	top: 0;
	margin-left: -980px;		
	border-right: 37px #E7DEC5 solid;
	background-color: #FFF;
	background-image: url(/img/graphics/layout/lijnen-1-repeat.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	z-index: 1;	
}
.lijnen_container .lijnen {
	height: 65px;
	width: 550px;
	background-image: url(/img/graphics/layout/webtop.gif);
	background-repeat: no-repeat;
	background-position: 0 -87px;		
}
.lijnen_container .lijnen2 {
	height: 100%;
	width: 550px;
	background-image: url(/img/graphics/layout/lijnen-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
*/
.wrapper {
	width:  940px;
	margin-left: -980px;
	padding-left: 540px;
	position: absolute;
	left: 50%;
	z-index: 5;	
	min-height: 100%;
	background-image: url(/img/graphics/layout/lijnen-1-repeat2.gif);
	background-repeat: repeat-y;
	background-position: left top;			
}
.canvas {
	position: absolute;
	left: 50%;
	top: 0;
	width:  585px;
	margin-left: -961px;    
	z-index: 5;	
	min-height: 100%;
	height: 100%;
	overflow: hidden;	
}
p {
	margin: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
}
a, a:active, a:visited {
	outline: 0;
	color: #09F;
	text-decoration: none;
}
a:hover {
	color: #000;
}
strong 
{
    font-weight: normal;
}
em 
{
    font-style:normal; 
}
h3 {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	margin: 0px;
	display: block;
	font-weight: normal;
}
.logo_container {
	height: 125px;
	width: 150px;
	margin-left: 146px;
	position: absolute;
	left: 50%;
	top: 65px;
	z-index: 1;
}
#logo {
	height: 125px;
	width: 150px;
	z-index: 500;
}
#logo_cover {
	height: 125px;
	width: 150px;
	background-image: url(/img/graphics/layout/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	z-index: 501;
}
.clear {
	clear: both;
}
#bottom_pos {
    clear: both;
    width: 900px;
}

.mouse_off_links {
	height: 100px;
	width: 100px;
	position: absolute;
	z-index: 20;
	margin-left: -460px;
	left: 50%;
}
.mouse_off_rechts {
	height: 100px;
	width: 100px;
	margin-left: 30px;
	position: absolute;
	left: 50%;
	z-index: 20;
}

.content_links {
	width: 608px;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.top {
	height: 190px;
	margin-left: -540px;
}
.top_lijnen {
	height: 65px;
	width: 540px;
	background-image: url(/img/graphics/layout/webtop.gif);
	background-repeat: no-repeat;
	background-position: 0 -87px;	
	float: left;
}
.top_menu_container {
	height: 100px;
	width: 584px;
	float: left;
}
.hoofdmenu_container {
	height: 62px;
	padding-right: 140px;
	color: #FFF;
	padding-top: 25px;
	text-align: right;
	background-image: url(/img/graphics/layout/webtop.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.hoofdmenu {
	color: #FFF;
	padding-right: 4px;
	font-size: 17px;
}
.hoofdmenu a, .hoofdmenu a:visited {
	color: #FFF;
	text-decoration: none;
	
}
.hoofdmenu a.menu_item_actief {
	color: #99E600;
	font-size: 17px;
}
.hoofdmenu a.menu_item_actief, .hoofdmenu a.menu_item_actief:visited {
	color: #99E600;
	text-decoration: none;
}
.hoofdmenu a:hover {
	color: #00BCFF;
}
/*
.home_omschrijving {
	height: 90px;
	font-size: 17px;
	line-height: 22px;
	position: absolute;
	top: 100px;
	z-index: 15;
	width: 358px;
	margin-left: -247px;
	left: 50%;
	color: #00A6FF;
	font-family: dinregular, Arial, Helvetica, sans-serif;
	margin-top: -5px;
}
*/
H1.slogan {
	margin: 0px;
	font-size: 17px;
	line-height: 22px;
	/* font-family: dinmedium, Arial, Helvetica, sans-serif;
	font-family: DINBOLD, Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	color: #00A6FF;
}
H1.slogan img {
	margin-bottom: 6px;
}
.afdeklaag {
	height: 90px;
	position: absolute;
	top: 100px;
	z-index: 20;
	width: 358px;
	margin-left: -247px;
	left: 50%;
	background-color: #FFF;
}
.submenu_container {
	height: 90px;
	position: absolute;
	top: 40px;
	z-index: 15;
	width: 358px;
	margin:  0 0 0 -367px;
	left: 50%;	
           padding: 60px 0 0 120px;           
}
.submenu_kolom {
	width: 160px;
	float: left;
}
.submenu, .submenu_actief {
	color: #0099FF;
	height: 20px;
	margin: 0;		
}

.submenu a:first-letter, .submenu_actief a:first-letter {
           
}
.submenu a, .submenu a:active, .submenu a:visited {
	color: #0099FF;
	text-decoration: none;
	height: 20px;
	display: block;	
	margin: 0px;
	line-height: 20px;
	height: 20px;
	font-size: 15px;	
}

.submenu_actief a, .submenu_actief a:active,  .submenu_actief a:visited  {
	color: #000000;
	text-decoration: none;
	height: 20px;
	display: block;	
	margin: 0px;
	line-height: 20px;
	height: 20px;
	font-size: 15px;
}
.submenu a:hover {
	color: #FF0099;
}
.submenu img,  .submenu_actief img
{
        
}

.vertical_rows
{	
           position: absolute;
           top: 190px;
	left: 51px;                      
	height: 91px;	
	width: 560px;	
           overflow: hidden;
}

.scrollable {  /* SCROLLABLE PORTFOLIO*/
	height: 91px;	
	width: 560px;   
	margin-bottom: 7px;
	position:relative; 
           overflow:hidden;                 
}
.scroller_nav {
    position: absolute;
    width: 135px;
    height: 42px;
    top: 287px;
    /* left: 48px; */
    left: 588px;
    outline: 0;   
    
}
.next {
    float: left;
    background-position: top right;
    background-repeat: no-repeat;   
    background-image: url(/img/graphics/scroller/scroller-verder-inactief.gif);      
    width: 72px;
    height: 42px;
    cursor: pointer;
    outline: 0;
}
.prev {
    float: right;
    background-position: top left;
    background-repeat: no-repeat;     
    background-image: url(/img/graphics/scroller/scroller-terug-inactief.gif); 
    width: 63px;
    height: 42px;
    cursor: pointer;
    outline: 0;
}
.prev_active {
    background-image: url(/img/graphics/scroller/scroller-terug-actief.gif);    
    cursor: pointer;          
    outline: 0;   
}
.next_active {
    background-image: url(/img/graphics/scroller/scroller-verder-actief.gif);    
    cursor: pointer;             
    outline: 0;
}
.disable_scroller_nav {
    background-color: #333;
    width: 135px;
    height: 42px; 
    margin: 7px 0 0 50px;        
    outline: 0;
}
.scroller_container {
    position: absolute;
    top: 190px;
    /* left: 51px;                       */
    left: 590px;
    height: 91px;	
    width: 560px;	
    overflow: hidden;
}
#thumb {
        background-position: top left;
        background-repeat: no-repeat; 
        background-image: url(/img/graphics/scroller/thumb.png);        
        width:134px;
        height:91px;
        margin-left: 0px;
}
.scrollable {
    margin-top: 0;
}
.scrollable .items 
{	
        width:20000em; 
        position:absolute;   
        background-position: top left;
        background-repeat: no-repeat;        
        cursor: pointer;               
}

.scrollable2, .scrollable3 {
    /* required settings */ 
    position:relative; 
    overflow:hidden;         
    /* vertical scrollers have typically larger height than width */     
    height: 286px;      
    width: 600px;
    margin-left: 7px;
}
.scrollable3 {
    height: 287px;
}
.scrollable3 .items3
{
        height:20000em; 
        position:absolute;   
        background-position: top left;
        background-repeat: no-repeat;
        cursor: auto;  
}

.scrollable2 .items2 
{	
        height:20000em; 
        position:absolute;   
        background-position: top left;
        background-repeat: no-repeat;
        cursor: pointer;               
}
.scrollable3 .items3 .logo {  
    height: 287px;
    width: 557px;
    background-position: top left;
    background-repeat: no-repeat;        
    cursor: auto;
}
.scrollable3 .items3 .logo .text_block
{
	padding: 7px 10px 0 0;
	height: 20px;
	width: 547px;
	color: #09F;
	cursor: auto;
}
.scrollable3 .items3 .logo .text_block a {
    padding: 0 3px 0 3px;
}
.scrollable3 .items3 .logo .text_block a:HOVER{
           height: 20px;
           background-color: #09F;          
           color: #fff;
           
}
.scrollable .items   a { 
           display: block; 
	float: left;
	height: 91px;
	width: 134px;
           margin-right: 7px;     

}
.scrollable2 .items2  a {           
           float: left;
           display: block; 
           height: 91px;
           width: 134px;
           margin: 0 7px 7px 0;     
           cursor: pointer;                 
}

.scrollable2 .items2  div  
{
        	
	height: 91px;
	width: 134px;
           
}

.scrollable2  .items2  div {
        /*   margin: 0 7px 7px 0;   */
}

.scrollable .items  div.active, .scrollable2 .items2  div.active   
{
        /* border:1px inset #FEFEFE; */
}
.scrollable .items
{

}

.navigatie {
           position: absolute;
           top: 190px;
           /*left: 21px; */
           left: 561px;
	height: 91px;
	width: 23px;
	/* margin: -91px 0 0  21px; */
}
.disable_nav {
           position: absolute;
           top: 282px;
           /*left: 21px; */
           left: 561px;
	height: 91px;
	width: 23px;	
}
.scrollup {
           background-image: url(/img/graphics/scroller/omhoog.gif);
	background-repeat: no-repeat;
	background-position: left top;        
	height: 17px;
	width: 23px;
}
.scrollbar {
           background-image: url(/img/graphics/scroller/print.gif);
	background-repeat: no-repeat;
	background-position: left top; 
	background-color: #000;
	height: 57px;
	width: 23px;	
}
.scrolldown {
           background-image: url(/img/graphics/scroller/omlaag.gif);
	background-repeat: no-repeat;
	background-position: left top;        
	height: 17px;
	width: 23px;
}

.content_linksonder {
    margin-top: 97px;
    width: 608px;
}
.actie_container {
	padding-left: 58px;
	float: left;
	width: 120px;
	text-align: center;
	padding-top: 80px;
}
div.image_container,div.flash_container {
	height: 276px;
	width: 416px;
	margin-left: 6px;
	margin-right: 1px;
	float: right;	
	position:relative;
	overflow:hidden;
}
div.flash_container {
    
}
#home_movie_cover {
	height: 276px;
	width: 416px;
	/* background-image: url(/img/photos/anthura-map-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;	*/
	z-index: 501;
}
div.image_container div.items{
    position:absolute;      
    height:20000em;
}
.content_rechts, .project_detail {
	float: left;	
	padding: 0;
           margin: 0;
	width: 320px;
	overflow: hidden;
}
.project_detail {
        float: right;
}
.project_detail a:HOVER {
	background-color: #09F;
	color: #fff;
}
.hometekst_magenta  {
	padding-left: 28px;
	padding-top: 20px;
	width: 200px;
	height: 160px;
}
.hometekst_magenta H2, .hometekst_magenta H3 {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #F09;
}
#accordion {
	margin-left: 28px;
	/* font-family: Arial, Helvetica, sans-serif; */
	background-image: url(/img/graphics/layout/hor-stippel-grijs.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 270px;
}
#accordion H4 {
	margin:0;
	font-size:14px;
	border-bottom:#ddd;
	cursor:pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: #fff;
	border-left: #fff;
	background-image: url(/img/graphics/layout/hor-stippel-grijs.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
}
#accordion img  {
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#accordion H4 a, #accordion h4 a:visited {
	text-decoration: none;
	color: #09F;
	background-image: url(/img/graphics/layout/blauw-pijltje.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#accordion H4 a:hover {
	text-decoration: none;
	color: #000;	
	background-image: url(/img/graphics/layout/zwart-pijltje.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#accordion H4.current {
	cursor:default;
	vertical-align: middle;
}
#accordion div.pane {
	height:91px;
	font-size:11px;
	line-height: 16px;
	color: #666;
	padding-bottom: 5px;
}
#accordion div.pane img {
	margin-top: 5px;
}
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px;
	font-size:12px;
}
.grid_navigatie_container {
           position: absolute;
           top: 477px;
	left: 1148px;                      	
}
.grid_navigatie_container_disabled {
           position: absolute;
           top: 518px;
	left: 608px;
	width: 125px;
	height: 41px;     
}
.grid_navigatie {
	float: left;
	padding-right: 22px; 
	cursor: pointer;
}
h1.blauw_kopje_detail {
	font-size: 16px;
	color: #09F;
	line-height: 20px;
	padding: 0 20px 0 28px;
	margin-top: -2px;
	font-weight: normal;
}
.portfolio_tekst {
	padding-left: 28px;
	font-size: 12px;
	line-height: 18px;
	color: #2B6488;
	padding-right: 20px;
}
.portfolio_tekst h2 {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	display: block;
	margin: 0px;
	line-height: 18px;
	padding: 8px 0 2px 0;
}
.portfolio_detail_navigatie {
	float: left;
	width: 41px;
	padding-left: 144px;
	padding-top: 233px;
}
.portfolio_scroller {
           position: absolute;
           top: 190px;
	left: 584px;                      
	height: 286px;		
	width: 560px;
	overflow:hidden;
}
.portfolio_scroller_content {
	height: 91px;
	width: 564px;
	float: right;
}
.portfolio_scroller_navigatie {
	height: 91px;
	width: 23px;
	float: left;
}
.portfolio_scroller_thumbnail {
	height: 91px;
	width: 134px;
	float: left;
	padding-left: 7px;
}
.tekst {
	font-size: 12px;
	line-height: 18px;
	color: #F09;
	padding-left: 192px;
	padding-top: 19px;
	margin-top: 91px;
}
.tekst ul, .portfolio_tekst  ul {
	margin: 0px;
	padding: 0px;
}
.tekst li, .portfolio_tekst  li {
	list-style-type: none;
	background-image: url(/img/graphics/layout/bullet-pijltje.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 16px;
}
.tekst h2 {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	display: block;
	margin: 0px;
	line-height: 18px;
	padding-bottom: 2px;
}
.tekst a, .tekst a:visited {
	color: #09F;
}
.tekst a:hover,.portfolio_tekst a:hover .logo a:hover{
	color: #FFF;
	background-color: #09F;
}
.paginakop   {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	display: block;
	margin: 0px;
	line-height: 18px;
	padding-bottom: 2px;
}
.tussenkopje h2{
	font-size: 15px;
	color: #000;
	margin: 0px;
	font-weight: normal;
	display: block;
	line-height: 20px;
	padding-bottom: 9px;
}
#flashmail {
    height: 22px;
    width: 72px;
}
/*
h3{
	font-size: 11px;
	color: #000;
	margin: 0px;
	font-weight: normal;
	display: block;
	line-height: 18px;
}
*/
.cursief {
	font-style: italic;
}