@charset "utf-8";

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

#site {
	position: center;
	margin:  30px auto 0px auto;
    border-left: 1px solid #000;
	width: 900px;
	height: 600px;
	}

#name{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#666666;
	position: relative;
	margin:  15px auto auto 20px;
	font-size: 16px;
}
h3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#666666;
	position: relative;
	margin:  16px auto auto 0px;
	font-size: 16px;
}
h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #b6b6b6;
	margin:20px 0px 0px 0px;

	}
h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	margin:0px;
	padding:0px;
	}

#content{
	position: relative;
	Margin: 0px auto auto 20px; 
	font-size: 11px;
	width: 880px;
	height: 200px;
}

#soon {
	font-size: 50px;
	font-weight: bold;
	color: #b6b6b6;
	}
a {
	color: #666666;
	text-decoration: none;
	border: 1px solid  #FFF;*/
	cursor: pointer;
	
}
a:hover {
	/*padding: 1px;*/
	text-decoration: none;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
#active{
	padding: 0px 0px 0px 0px;
	margin: Opx;
	
}

#mylinks a {
	padding: 0px 0px 0px 10px;
	color: #666666;
	text-decoration: none;
	border-left: 5px solid #CCCCCC;
}
#mylinks a:hover {
	
	text-decoration: none;
	color: #000000;
	border-left: 5px solid #666666;
}
#mylinks ul {
	
	list-style: none; /* bullets verbergen*/
	padding: 0px 0px 0px 0px;
	width: 500px;
	
}
#mylinks ul li {
	padding: 5px 0px 0px 0px;
}

#nav {
	position: relative;
	display: inline;
	text-align: left;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	
	font-size: 22px;
	font-weight: bold;
}
#nav ul {
	
	list-style: none; /* bullets verbergen*/
	margin: 10px 0 0 14px;
	padding: 0;
}
#nav li {
	display: inline;
	
}
#nav li a{
	padding: 0 4px 0 4px;
	margin: 0px 1px 0 0;
	height: 17px;
	color: #d8d8d8;
}
#nav li a:hover {
	padding: 2px 4px 2px 4px;
	margin: 0 1px 0 0;
	height: 17px;
	/*border: solid 1px #000000;*/
	color: #b6b6b6;
}
#nav li#active {
	display: inline;
	padding: 0;	
	background-color: #FFF;
}
#nav li#active a{
	padding: 2px 4px 2px 4px;
	margin: 0 1px 0 0;
	color: #666666;
	background-color: #CCCCCC;
	height: 17px;
}
#nav li#active a:hover {
	padding: 2px 4px 2px 4px;
	margin: 0 1px 0 0;
	height: 17px;
	/*border: solid 1px #FFF;*/
	color: #666666;
}

#contact_kristof{
	position: relative;
	float: left;
	margin: 0px 100px 0px 0px;
	
	}
#contact_2{
	position: relative;
	float: left;
	padding: 0px 0px 0px 30px;
	}


#footer {
	position: relative;
	Margin: 360px 0 0 10px; 
	width: 900px;
	height: 30px;
}
#credit {
	font-size: 10px;
	position: relative;
	color: #999;
	
}