@charset "utf-8";
/* CSS Document */
::selection { background: #FF3333;}
::-moz-selection { background: #FF3333;}

* {margin: 0px; padding: 0px;}

#background {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    right: 0;
	z-index: -100; }

#logo { position: absolute; top: 38px; left: 20px;}

#content { 
	width: 580px; 
	height: 490px; 
	margin: 100px 0px 20px 35px; 
	background-image: url(../Images/Content_BG.png); 
	padding-top: 40px;
	overflow: hidden; } 
	
h3, h2 { color: #FF3333; font-family: Arial, Helvetica, sans-serif;}
p, td {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
p, h3 { margin-bottom: 10px;}
.artikel { width: 480px; margin: 0px 0px 15px 30px;}
h2 { margin-bottom: 10px;}
h4 { font-family: Helvetica, Arial, sans-serif; color: #FF3333;}

#menu { 
	width: 180px; 
	height: 180px; 
	position: absolute; 
	top: 85px; 
	left: 565px; 
	padding-top: 25px; 
	background-image: url(../Images/Menu_BG.png); }
#menu li { list-style: none; margin: 10px 0px 0px 40px ;}
#menu a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #FFF;

	-webkit-transition: color, .5s;
	-moz-transition: color, .5s;
	-o-transition: color, .5s;
	-ms-transition: color, .5s;
	transition: color, .5s;
}

#menu a:hover { color: #FF3333;}

#footer { float: right; height: 25px; width: 330px; z-index: 10; background-image: url(../Images/Footer_BG.png); margin-top: 10px; }
#footer p { font-size: 9px; margin-left: 20px;}
#footer a { color: #FFF;}
#footer a:hover { color: #FF3333;}

/*Contact*/
th { color: #FF3333; font-family: Arial, Helvetica, sans-serif; text-align: left;}
.contact_table { margin: 10px 0px 40px 0px;}
table a { color: #FFF;}
table a:hover { color: #FF3333;}

/*Portfolio*/
.portfolio_table { border-spacing: 5px; margin-left: 5px; position: relative;}
.portfolio_table img { width: 100px; height: 100px; border-style: none;}
.portfolio_table td { height: 100px; width: 100px; padding: 5px 5px 5px 5px;}
.portfolio_table td:hover { background-color: #FFF;}

#slider-2 { left: 465px; top: -350px;}
#slider-3 { left: 930px; top: -700px;}
#slider-4 { left: 1395px; top: -1050px;}
#slider-5 { left: 1860px; top: -1400px;}
#slider-6 { left: 2325px; top: -1750px;}
#slider-7 { left: 2790px; top: -2100px;}
#slider-8 { left: 3255px; top: -2450px;}
#slider-9 { left: 3720px; top: -2800px;}
#slider-10 { left: 4185px; top: -3150px;}
#slider-11 { left: 4650px; top: -3500px;}
#slider-12 { left: 5104px; top: -3850px;}
#slider-13 { left: 5580px; top: -4200px;}


/*Portfolio Slider*/
#slider-wrapper { width: 480px; height: 375px; position: relative; margin: 0 0 0 15px; overflow: hidden;}
#slider { height: 350px; width: 1400px; position: relative; }
#slider-nav { margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#slider-nav > ul { text-align: center;}
#slider-nav li { list-style: none; display: inline-block; margin: 0px 2px 0px 2px;}
#slider-nav a { color: #FFF; display: block; padding: 4px;}
#slider-nav a:hover { color: #FF3333;}

/*Algemene Voorwaarden*/
.links li { list-style: none;}
.links a { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.links a:hover { color: #FF3333;}