/* CSS Document */

/* begin banner coming soon */
#comingsoon							{ position:absolute; margin-left:800px; margin-top:60px; width:175px; height:175px; z-index:9999;}
/* einde banner coming soon */

body								{ padding:0; margin:0; background:#000 url(../images/backgrounds/bg-splash-one.jpg) center top no-repeat; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif;}
a									{ outline:none;}
noscript							{ color:#ffffff; text-align:center; font-size:12px;}
dl a								{ color:#00a6eb; text-decoration:none;}
dl a:hover							{ color:#ffffff; text-decoration:none;}

#container							{ padding:0; margin:25px auto 25px auto; width:960px; height:550px; background:url(../images/backgrounds/stripe-black.gif) left top repeat-x;}
#content #flash-content				{ padding:35px 0 0 0; margin:0; width:960px; list-style:none;}
#content ul							{ padding:35px 0 0 0; margin:0; width:960px; list-style:none;}
#content ul li						{ padding:0; margin:0; width:320px; float:left;}

#content ul #logo-preview h2		{ padding:0; margin:0; color:#00a6eb; font-size:16px; font-weight:normal; line-height:normal; }
#content ul #logo-preview p			{ padding:10px 10px 0 0; margin:0;}
#content ul #logo-preview p a		{ color:#00a6eb; text-decoration:none;}
#content ul #logo-preview p a:hover	{ color:#ffffff; text-decoration:none;}

#content ul #print-preview h2		{ padding:0; margin:0; color:#00a6eb; font-size:16px; font-weight:normal; line-height:normal; }
#content ul #print-preview p		{ padding:10px 10px 0 0; margin:0;}
#content ul #print-preview p a		{ color:#00a6eb; text-decoration:none;}
#content ul #print-preview p a:hover{ color:#ffffff; text-decoration:none;}

#content ul #internet-preview h2	{ padding:0; margin:0; color:#00a6eb; font-size:16px; font-weight:normal; line-height:normal; }
#content ul #internet-preview p		{ padding:10px 10px 0 0; margin:0;}
#content ul #internet-preview p a	{ color:#00a6eb; text-decoration:none;}
#content ul #internet-preview p a:hover	{ color:#ffffff; text-decoration:none;}

.clear								{ padding:0; margin:0; height:0px; line-height:0px; font-size:0px; clear: both;}

h1									{ padding:0; margin:0; height:45px; font-size:10px; line-height:40px;}
.logo a								{ padding:0; margin:0; width:320px; height:45px; background:#090909 url(../images/buttons/logo.gif) left top no-repeat; display:block; text-decoration:none; color:#090909; text-align:right;}
.logo a:hover						{ padding:0; margin:0; width:320px; height:45px; background:#090909 url(../images/buttons/logo.gif) left -45px no-repeat; display:block;}
.print a							{ padding:0; margin:0; width:320px; height:45px; background:#090909 url(../images/buttons/print.gif) left top no-repeat; display:block; text-decoration:none; color:#090909; text-align:right;}
.print a:hover						{ padding:0; margin:0; width:320px; height:45px; background:#090909 url(../images/buttons/print.gif) left -45px no-repeat; display:block;}
.internet a							{ padding:0; margin:0; width:320px; height:45px; background:#090909 url(../images/buttons/internet.gif) left top no-repeat; display:block; text-decoration:none; color:#090909; text-align:right;}
.internet a:hover					{ padding:0; margin:0; width:320px; height:45px; background:#090909 url(../images/buttons/internet.gif) left -45px no-repeat; display:block;}

h3									{ padding:0; margin:0; float:left;}
h3 a								{ padding:0 0 0 10px; margin:0; height:45px; width:597px; background:url(../images/inneractive.gif) left 0 no-repeat; color:#000000; font-size:7px; text-align:right; display:block; text-decoration:none; float:left;}
h3 a:hover							{ background:url(../images/inneractive.gif) left -45px no-repeat; text-decoration:none;}

/* begin menu items */
#container #header ul				{ padding:37px 0 0 0; margin:0 0 0 701px; list-style:none; height:9px; font-size:1px;}
#container #header ul li			{ float:left;}
#container #header ul .werk a			{ padding:0; margin:0; width:42px; height:9px; display:block; float:left; background: url(../images/buttons/werk.gif) center 0 no-repeat;}
#container #header ul .werk a:hover		{ background:url(../images/buttons/werk.gif) center -9px no-repeat;}
#container #header ul .werk .selected	{ background:url(../images/buttons/werk.gif) center -9px no-repeat;}
#container #header ul .over a			{ padding:0; margin:0; width:48px; height:9px; display:block; float:left; background:url(../images/buttons/over-inneractive.gif) center 0 no-repeat;}
#container #header ul .over a:hover		{ background:url(../images/buttons/over-inneractive.gif) center -9px no-repeat;}
#container #header ul .over .selected	{ background:url(../images/buttons/over-inneractive.gif) center -9px no-repeat;}
#container #header ul .contact a		{ padding:0; margin:0; width:71px; height:9px; display:block; float:left; background:url(../images/buttons/contact.gif) center 0 no-repeat;}
#container #header ul .contact a:hover	{ background:url(../images/buttons/contact.gif) center -9px no-repeat;}
#container #header ul .contact .selected{ background:url(../images/buttons/contact.gif) center -9px no-repeat;}
#container #header ul .links a			{ padding:0; margin:0; width:53px; height:9px; display:block; float:left; background:url(../images/buttons/links.gif) center 0 no-repeat;}
#container #header ul .links a:hover	{ background:url(../images/buttons/links.gif) center -9px no-repeat;}
#container #header ul .links .selected	{ background:url(../images/buttons/links.gif) center -9px no-repeat;}
#container #header ul .blog a			{ padding:0; margin:0; width:39px; height:9px; display:block; float:left; background:url(../images/buttons/blog.gif) center 0 no-repeat;}
#container #header ul .blog a:hover		{ background:url(../images/buttons/blog.gif) center -9px no-repeat;}
#container #header ul .blog .selected	{ background:url(../images/buttons/blog.gif) center -9px no-repeat;}
/* einde menu items */