body
{
	margin:0;
	padding:0;
	font:10px/13px verdana, sans-serif;
	border:0 !important;
    background:repeat-y 50% url("/gfx/bg2.gif");
}

body, form, table, textarea

{
	font-family:verdana, sans-serif;
	font-size:10px;
	line-height:14px;
}

img
{
	margin:0 5px 0 5px;
	padding:0;
	border:0 !important;
}

.verberg
{
	display:none;
}

a {  font-weight:bold;
}

div#siteWrapper
{	
    position:absolute;
	top:0;
	left:50%;
	width:760px;
	margin:0 0 0 -380px;
}


a, a:visited
{
	font-weight:bold;
	font-style:normal;
	color:#FF000A;
	margin:0 0 0 0;
	padding:3px 0 4px 0;
    font-size:10px;
	text-decoration:none;
}

a:hover  
{ 
    font-size : 10px;
	font-weight : bold;
	font-style : normal;
	color : #0E207F;
}

h1 {
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:#0E207F;
	margin:0 0 0 0;
	padding:0 0 5px 10px;
    font-size:16px;
     line-height: 1.2em;
}

h2 {
	font-weight: bold;
	color:#FF000A;
	margin:	0 0 0 0;
	padding: 0 0 0 10px;
    font-size: 10px;
}

h3 {
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:#747378;
	margin:10px 0 10px 0;
	padding:0 0 5px 10px;
    font-size:16px;
}

h4 {
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:#747378;
	margin:10px 0 0 0;
	padding:0 0 5px 10px;
    font-size:10px;
}

h5 {
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:white;
	margin:14px 0 0 0;
	padding:0 0 5px 10px;
    font-size:10px;
}

h7 {	
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:#0E207F;
	margin:0 0 0 0;
	padding:0 0 5px 10px;
    font-size:12px;
}

h6 {	
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:#818080;
	margin:0 0 0 0;
	padding: 20px 60px 20px;
    font-size:16px;
}
 
p
{
	font:10px/13px verdana, sans-serif;
	color:#7E7F80;
	margin:0 0 0 0;
	padding:0 0 0 10px;
}

div#orion p, 
div#productblok p,
div#configblok p,
div#home_1 p,
li
{
	font:10px verdana, sans-serif;
	font-weight:normal;
	color:#747378;
	line-height:14px;
	margin:0 0 0 0;
	padding:5px 0 5px 10px;
}

p.inleiding
{
	font:10px verdana, sans-serif;
	font-weight:bold;
	color:#747378;
	line-height:14px;
	margin:0 0 0 0;
	padding:10px 0 0 10px;
}


p.cab
{
	font:10px verdana, sans-serif;
	font-weight:normal;
	color:#747378;
	line-height:12px;
	margin:0 0 0 0;
	padding:0 0 0 10px;
}


p.datum
{
	font:9px verdana, sans-serif;
	font-weight:bold;
	color:#818080;
	line-height:14px;
	margin:0 0 0 0;
	padding:10px 0 0 10px;
}

p.configuration
{
	font:10px verdana, sans-serif;
	font-weight:normal;
	color:#747378;
	line-height:14px;
	margin:0 0 0 0;
	padding:0 0 0 0;

}
.rood {
	font-weight: bold;
	color: #FF000A;
	margin:	0 0 0 0;
	padding: 0 0 0 10px;
    font-size: 10px;
}

.blauw

{
	font:10px verdana, sans-serif;
	font-weight:bold;  
	color:#0E207F;
}


.grijs

{
	font:10px verdana, sans-serif;
	font-weight:bold;  
	color:#818080;

}

.grijs_normal

{
	font:10px verdana, sans-serif;
	font-weight:normal;  
	color:#818080;
}

div#top
{
	height:160px;
	background:top center no-repeat url(/gfx/top.gif);
    margin:0;
    padding:0;
}

div#foto,
div#foto_home,
div#foto_home2,
div#foto2
{
 	position:absolute;
	width:301px;
	height:385px;
	/* top: 71px; */
	top:84px;
	left:450px;
    margin:0;
    padding:0;
    border:0 !important;
    z-index: 100;
}

div#foto_home
{
/*	top: 82px;*/
	top: 178px;
	height: 200px;
}

div#foto_home2
{
	top: 333px;
	left: 200px;
}

div#foto2
{
	top: 393px;
	left: 200px;
	width: 259px;
}

div#foto_jobs
{
	position:absolute;
	top:47px;
	left:192px;
	width:568px;
	height:211px;
	background:no-repeat url(/gfx/fotos/02_foto.jpg);
    margin:0;
    padding:0;
}

div#foto_sales
{
 	position:absolute;
	width:276px;
	height:444px;
	top:175px;
	left:475px;
    margin:0;
    padding:0;
    border:0 !important;
    background:no-repeat url(/gfx/foto_sales.jpg);
    z-index:50;
}

div#route
{
 	position:absolute;
	width:544px;
	height:444px;
	top:100px;
	left:194px;
    margin:0 0 0 0;
    padding:0;
    border:0 !important;
    background:no-repeat url(/gfx/route.jpg);
}
div#content_route
{
	position:absolute;
	width:572px;
	top:444px;
	left:188px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div#prev
{
 	position:absolute;
	width:56px;
	height:45px;
	top:269px;
	left:280px;
    margin:0;
    padding:0;
    border:0 !important;
    z-index:100;
}

div#next
{
 	position:absolute;
	width:55px;
	height:45px;
	top:269px;
	left:593px;
    margin:0;
    padding:0;
    border:0 !important;
    z-index:100;
}

div#logo
{
 	position:absolute;
	width:270px;
	height:88px;
	top:67px;
	left:330px;
    margin:0;
    padding:0;
    border:0 !important;
}

div#viewer
{
 	position:absolute;
	width:330px;
	height:240px;
	top:159px;
	left:280px;
    margin:0;
    padding:21px 0 0 57px;
    border:0 !important;
    background:no-repeat url(/gfx/viewer.gif);
}

/* ---( Coming Soon )---------------------------------------- */

div#cs_adress
{
 	position:absolute;
 	top:1200px;
	left:250px;
	width:500px;
	height:30px;
    margin:0;
    padding:0;
    border:0 !important;
    color:#989999;
    line-height:24px;
	font-size:10px;
	font-style:normal;
	text-align:center;
	background: repeat-x url(/gfx/addressbg.gif);
}

div#cs_adress a, div#cs_adress a:visited
{	
    text-decoration:none;
	color:#818080 !important;
}

div#logo_01, div#logo_02, div#logo_03, div#logo_04, div#logo_05
{
	width:270px;
	margin:0;
    padding:0;
    border:0 !important;
}

div#logo_01
{
 	position:absolute;
 	top:67px;
	left:330px;
}

div#logo_02
{
    position:absolute;
 	top:500px;
	left:330px;
}

div#logo_03
{
    position:absolute;
 	top:870px;
	left:330px;
}

div#logo_04
{
    position:absolute;
 	top:1240px;
	left:330px;
}

div#logo_05
{
    position:absolute;
 	top:1610px;
	left:330px;
}

div#viewer_01, div#viewer_02, div#viewer_03, div#viewer_04, div#viewer_05
{
	width:500px;
	height:240px;
    margin:0;
    padding:21px 0 0 57px;
    border:0 !important;
    background:no-repeat url(/gfx/viewer.gif);
}

div#viewer_01
{
 	position:absolute;
    top:215px;
	left:280px;
}	

div#viewer_02
{
 	position:absolute;
	top:600px;
	left:280px;
}	

div#viewer_03
{
 	position:absolute;
	top:970px;
	left:280px;
}

div#viewer_04
{
 	position:absolute;
	top:1340px;
	left:280px;
}

div#viewer_05
{
 	position:absolute;
	top:1710px;
	left:280px;
}

/* ------------------------------------------- */

div#cabinet
{
 	position:absolute;
	width:94px;
	height:260px;
	top:433px;
	left:547px;
    margin:0;
    padding:0;
    border:0 !important;
}

div#logo
{
 	position:absolute;
	width:270px;
	height:88px;
	top:67px;
	left:330px;
    margin:0;
    padding:0;
    border:0 !important;
}

/* ---( news items )---------------------------------------- */

.section {
	margin:10px 0 10px 10px;
	padding:0px;
	color:#000;
	float:right;
    z-index:100;
    }
 
.section img
{
	margin:0;
	padding:0;
	border:0 !important;
    vertical-align: middle;
}
    
.section h2 {
	font-size:12px;
	font-weight:normal;
	padding:0px 0 0 0 ;
    z-index:100;
    }
    
.section strong {
	color:#FF000A;
	}

div#news a, div#news a:visited
{
	font-weight:bold;
	font-style:normal;
	color:#FF000A;
	margin:0 0 0 0;
	padding:0 0 0 0;
    font-size:10px;
    line-height:12px;
	text-decoration:none;
}

div#news a:hover  
{ 
    font-size : 10px;
	font-weight : bold;
	font-style : normal;
	color:#0E207F;
}

p.newsitem
{
	font:10px verdana, sans-serif;
	font-weight:normal;
	color:#747378;
	line-height:13px;
	margin:0 0 0 0;
	padding:0 10px 10px 13px;
}

div#news
{
 	position:absolute;
	width:161px;
	height:147px;
	top:161px;
	left:14px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0 !important;
    background:no-repeat url(/gfx/news_bg.gif);
}

div#news2
{
 	position:absolute;
	width:161px;
	height:147px;
	top:310px;
	left:14px;
    margin:0;
    padding:0;
    border:0 !important;
    background:no-repeat url(/gfx/news_bg.gif);
}

div#newsfoto
{
    position:absolute;
	width:229px;
	height:206px;
	top:25px;
	left:355px;
	margin:0 0 0 0;
	padding:0 0 0 0; 
}

div#news_new, div#news_2, div#news_3, div#news_4, div#news_5, div#news_6, div#news_7
{
	width:415px;
	margin:0px 0 6px 0px;
	padding:10px 0 20px 90px; 
    background:repeat-y url(/gfx/bg_product.gif);	
}

div#news_new a, div#news_2 a
{
	padding:0 0 0 0; 
}

div#news_new li, div#news_2 li
{
	font:10px verdana, sans-serif;
	font-weight:normal;
	color:#747378;
    margin:0 0 0 0px;
	padding:0px 10px 0 0px; 
}

/* ------------------------------------------- */

div#contentblok
{
	position:absolute;
	width:572px;
	height:263px;
	top:100px;
	left:189px;
	margin:0 0 0 0;
	padding:0 0 0 0; 
}

div#content
{
	position:absolute;
	width:572px;
	top:100px;
	left:189px;
	margin:0 0 0 0;
	padding:20px 0 0 0;
    z-index:100;
}

div#content_sales
{
	position:absolute;
	width:572px;
	top:100px;
	left:189px;
	margin:0 0 0 0;
	padding:20px 0 0 0;
    background:repeat-y url(/gfx/bg_product.gif);	
}

div#jobs
{
	position:absolute;
	width:572px;
	top:242px;
	left:190px;
	margin:0 0 0 0;
	padding:20px 0 0 0;
}

/* ---( cabinets )---------------------------------------- */

div#foto_cabinet
{
	position:absolute;
	top:47px;
	left:189px;
	width:572px;
	height:168px;
	background:no-repeat url(/gfx/twinstar_top.jpg);
    margin:0;
    padding:0;
}

div#foto_slantop
{
	position:absolute;
	top:47px;
	left:189px;
	width:572px;
	height:168px;
	background:no-repeat url(/gfx/slantop_top.jpg);
    margin:0;
    padding:0;
}

div#twinstar_text, div#slantop_text
{
	width:300px;
	height:691px;
	margin:0px 0 0 4px;
	padding:0 0 4px 90px;
}

div#twinstar_cont
{
	position:absolute;
	width:572px;
	top:214px;
	left:188px;
	margin:0 0 0 4px;
	padding:10px 0 0 0;
    background:no-repeat url(/gfx/bg_twinstar.jpg);	
}

div#slantop_cont
{
	position:absolute;
	width:572px;
	top:214px;
	left:188px;
	margin:0 0 0 4px;
	padding:10px 0 0 0;
    background:no-repeat url(/gfx/bg_slantop.jpg);	
}

div#cabinetcontent
{
	position:absolute;
	width:571px;
	top:214px;
	left:190px;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	
}

div#cabinettext p
{
	font:10px verdana, sans-serif;

}

div#cabinettext
{
	width:300px;
	height:691px;
	margin:0px 0 0 4px;
	padding:0 0 4px 90px;
	font:9px verdana, sans-serif;
}

div#cabinettext li
{
	font-weight:normal;
	color:#747378;
	line-height:12px;
	margin:0 0 0 0px;
	padding:0px 0 0 0px; 
}

div#cabinettop
{
	position:absolute;
	top:47px;
	left:189px;
	width:572px;
	height:168px;
	margin:0;
	padding:0;
}
/* ------------------------------------------- */

div#cabinetblok
{
	width:290px;
	margin:0 0 0 0px;
	padding:10px 0 0 10px;
}

div#cabinetblok li
{
	font:9px verdana, sans-serif;
	font-weight:normal;
	color:#747378;
	line-height:12px;
	margin:0 0 0 0px;
	padding:0px 0 0 0px; 
}

div#discl_text
{
	width:380px;
	margin:0px 0 6px 0;
	padding:10px 100px 20px 50px; 
    z-index:100;
}

div#route_knop
{
 	position:absolute;
	width:160px;
	height:34px;
	top:161px;
	left:0px;
    margin:0 0 0 10px;
    padding:0;
    border:0 !important;
}

div#route_text
{
	width:420px;
	margin:100px 0 0 2px;
	padding:0 0 20px 90px;
    background:repeat-y url(/gfx/bg_product.gif);	 
}

div#orion,
div#home_1,
div#orion2
{
	width:229px;
	height:263px;
	margin:1px 20px 50px 8px;
	padding:18px 20px 0 10px; 
    	background:no-repeat url(/gfx/content_bg.gif);
   	z-index:0;
}

div#home_1
{
	height: 185px;
	width: 229px;
	background:no-repeat url(/gfx/home_blok_klein.gif);
	padding-right: 30px;
	margin-bottom: 10px;
}

div#home_2
{
	height: 277px;
	width: 229px;
	background:no-repeat url(/gfx/home_blok_groot.gif);
	padding-right: 30px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-left: 20px;
	float: right;
	margin-right: 0px;
}

div#home_2 p
{
	padding-left: 5px;
	margin-right: 15px;
}

div#homefoto_1
{
	float: left;
	margin-top: 10px;
}

div#homefoto_2
{
	float: left;
	height: 263px;
	width: 229px;
	margin-left: 10px;
	margin-top: 5px;
}


address
{
	clear:both;
	color:#989999;
	margin:3px 15px 0 15px;
	padding:10px 0 0 0;
	height:41px;
	line-height:12px;
	font-size:10px;
	font-style:normal;
	text-align:center;
	background: repeat-x url(/gfx/addressbg.gif);
}

address a
{
	text-decoration:none;
	color:#818080 !important;
}

address a:hover
{
	color:#0E207F !important;
	text-decoration:none !important;
}

#gsFooter {
	float:right;
	display: block;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}

div#productblok
{
	width:260px;
	margin:326px 0 6px 0px;
	padding:10px 0 10px 90px; 
	background:white repeat-y url(/gfx/bg_product.gif);	
}

div#configblok
{
	width:330px;
	margin:0 0 0 0px;
	padding:10px 0 5px 90px; 
	background:repeat-y url(/gfx/bg_config.gif);	
}

div#configblok li
{
	font:10px verdana, sans-serif;
	font-weight:normal;
	color:#747378;
	line-height:14px;
    margin:0 0 0 0px;
	padding:0px 10px 0 0px; 
}

div#configblok table
{
	width: 300px;
	margin-left: 27px;
}

div#configblok table tr td
{
	color: #818080;
}

div#configblok table tr td,
div#configblok table tr th
{
	padding: 2px;
	font-size: 10px;
	padding-left: 10px;
	border-right: 2px solid red;
}

div#configblok table tr th.left,
div#configblok table tr th.right
{
	border-right: 2px solid red;
}

div#configblok table tr th.top
{
	border-bottom: 2px solid red;
}

div#configblok table tr td.none,
div#configblok table tr th.none
{
	border-right: none;
}

div#download
{
    display:none;	
	clear:both;
	width:84px;
	height:27px;
	margin:5px 0 0 340px;
	padding:0 0 0 0; 
}

/* ---( navigatie boven )---------------------------------------- */

#navigatie {
	height: 27px;
	width: 427px;
    margin:0 0 0 333px;
	padding:0;
	vertical-align: middle;
	}

#navigatie ul li {
	float: left;
	display: inline;
	margin:0;
	padding:0;
	}

#navigatie ul
{
    margin:0;
    padding:0;
}    

#navigatie ul li a {
	display: block;
	height: 27px;
	margin: 0;
	padding: 0;
	}


#navhome, #navhome a {
	width: 63px;
	background: url(/gfx/nav/01_home.gif) no-repeat 0px 0px;
	}
	
#navhome a:hover {
	background: url(/gfx/nav/01_home.gif) no-repeat 0px -27px;
	}
	
#navhome_inc{	
    width: 63px;
	background: url(/gfx/nav/_01_home.gif) no-repeat 0px 0px;
	}	
	
#navproducts, #navproducts a {
	width: 86px;
	background: url(/gfx/nav/02_products.gif) no-repeat 0px 0px;
	}
	
#navproducts a:hover {
	background: url(/gfx/nav/02_products.gif) no-repeat 0px -27px;
	}

#navprod_inc{	
    width: 86px;
	background: url(/gfx/nav/_02_products.gif) no-repeat 0px 0px;
	}

#navnews, #navnews a {
	width: 66px;
	background: url(/gfx/nav/03_news.gif) no-repeat 0px 0px;
	}

#navnews_inc{
	width: 66px;
	background: url(/gfx/nav/_03_news.gif) no-repeat 0px 0px;
	}
	
#navnews a:hover {
	background: url(/gfx/nav/03_news.gif) no-repeat 0px -27px;
	}
	
#navsales, #navsales a {
	width: 65px;
	background: url(/gfx/nav/04_sales.gif) no-repeat 0px 0px;
	}
	
#navsales a:hover {
	background: url(/gfx/nav/04_sales.gif) no-repeat 0px -27px;
	}

#navsales_inc {
	width: 65px;
	background: url(/gfx/nav/_04_sales.gif) no-repeat 0px 0px;
	}

#navjobs, #navjobs a {
	width: 61px;
	background: url(/gfx/nav/05_jobs.gif) no-repeat 0px 0px;
	}
	
#navjobs a:hover {
	background: url(/gfx/nav/05_jobs.gif) no-repeat 0px -27px;
	}

#navjobs_inc {
	width: 61px;
	background: url(/gfx/nav/_05_jobs.gif) no-repeat 0px 0px;
	}

#navcontact, #navcontact a {
	width: 86px;
	background: url(/gfx/nav/06_contact.gif) no-repeat 0px 0px;
	}
	
#navcontact a:hover {
	background: url(/gfx/nav/06_contact.gif) no-repeat 0px -27px;
	}

#navcontact_inc{
	width: 86px;
	background: url(/gfx/nav/_06_contact.gif) no-repeat 0px 0px;
	}	
	
/* ---( einde navigatie boven )---------------------------------------- */

/* ---( navigatie )---------------------------------------- */

div#nav
{
	position:absolute;
	top:161px;
	left:1px;
	width:187px;
}

div#nav ul, div#nav li, div#nav ul li a
{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

div#nav ul li
{
	line-height:28px;
	text-align:right;
	text-indent:10px;
	background:top right url(/gfx/sub_nav/01_sub_bg.jpg);
}

div#nav ul li a
{
	line-height:30px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 35px;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:white;
}

div#nav ul li a:hover
{
	color:yellow;
}

div#nav ul li ul li
{
	line-height:18px;
	text-align:left;
	text-indent:10px;
	background:repeat-y right url(/gfx/sub_nav/03_sub_bg.gif);
}

div#nav ul li ul li a
{
	line-height:16px;
	font-weight:normal;
	color:white;
	font-size:10px;
}

div#nav ul li ul li a:hover
{

	font-weight:bold;
	color:yellow;

}

div#nav ul li em
{
	font-style:normal;
	line-height:30px;
	display:block;
	color:yellow;
	background:top right url(/gfx/sub_nav/02_sub_bg.jpg);
}

div#nav ul li ul li em
{
	line-height:16px;
	color:yellow;
	background:repeat-y right url(/gfx/sub_nav/03_sub_bg.gif);
}

div#nav ul li ul li em a
{
	color:green;
	text-shadow:gray 0px 0px 3px;
}

/* ---( Contactformulier )---------------------------------------- */

form#contactFormulier
{
	margin:1.5em  0 1.5em 0;
	padding:0;
	font-size:13px;
}

form#contactFormulier p
{
	margin:0;
	padding:0;
	clear:both;
}

form#contactFormulier p label
{
	display:block;
	float:left;
	margin:5px 0 5px 0;
	padding:2px 10px 0 10px;
	width:70px;
	color:#0E207F;
	font-weight:bold;
	text-align:left;
}

form#contactFormulier input
{
	border:0px solid transparent;
	margin:5px 0 5px 0;
	padding:2px 0 0 2px;
	width:200px;
	height:18px;
	font-size:13px;
	border:2px solid #E0E0E0;
}

form#contactFormulier textarea
{
	width:200px;
	height:150px;
    margin:10px 0 10px 0;
	padding:0;
	font-size:13px;
	border:2px solid #E0E0E0;
}

form#contactFormulier .submitKnop
{
	border:2px solid #E0E0E0;
	margin:0 0 0 92px;
	padding:0 0 2px 0px;
	width:204px;
	height:30px;
	background:#FF000A;
	color:white;
	font-weight:bold;
	height:auto;
}

th
{
	text-align: left;
	margin-left: 10px;
}

div#content_sales h3
{
	font:10px verdana, sans-serif;
	font-weight:bold;  
	color:#0E207F;
	margin: 0;
	padding-bottom: 0;
}

div#content_sales p
{
	font-size: 10px;
}
