@import url("sIFR-screen.css");
@import url("style-headers.css");
@import url("style-blog.css");
@import url("style-portfolio.css");
@import url("style-roel.css");
@import url("style-contact.css");

html, body {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, arial, sans-serif;
	font-size: 10pt;
}

:focus {
    outline: 0;
}

body {
	background-color: #366;
	font-family: Helvetica, arial, sans-serif;
}

#OneStatTag{
	position: absolute;
	top:-100px;
	left:-100px;
}

#portfolio,
#blog,
#shop,
#roel {
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#contact {
	background-image: url(../images/background-contact.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#frontpage {
	background-color: #000;
	overflow: hidden;
}

a {
	color: #cc2127;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.hide { 
	display: none; 
}

#container {
	position: relative;
    margin: 0 auto 0 auto;
    width: 1024px;
	height: inherit;
}

/*
#frontpage #container {
	position:absolute;
	left: 50%;
	top: 50%; 
    margin-top: -384px;
    margin-left: -512px;
	background-color: #000;
}
#frontpage #container #frontpage-content {
	height:inherit;	
}
*/

#frontpage #container {
	position:absolute;
	left: 10%;
	top: 10%;
	background-color: #000000;
	height:inherit;
	width: 80%;
}

#frontpage #container #frontpage-content {
	height:80%;	
}

#content {
	position: absolute;
	z-index: 200;
	margin-bottom: 20px;
}

#portfolio #container,
#shop #container,
#blog #container,
#roel #container {
    background-color: #FFF;
}

#shop #content {
	top: 160px;
	left: 150px
}

#shop h3 {
	font-size: 20px;
}

.produkt {
	width: 500px;
	margin-left: 55px;
	margin-bottom: 30px;
	border-bottom:1px solid #CCC;
}

.produkt img {
	padding: 30px 0 30px 0;
}
.produkt p {
	color: #999;
	padding-bottom: 12px;
}

.produkt p.prijs {
	color: #222;
	padding-bottom: 0;
}