/* Style Sheet for 't Winkeltje */

@font-face {
  font-family: 'Fordscript';
  src: url("/fonts/fordscript.eot");
  src: local('Fordscript'), local('Fordscript'),
    url("/fonts/fordscript.otf") format("opentype"),
    url("/fonts/fordscript.woff") format("woff");
}

html{
	width:100%;
	margin:0;
	padding:0;
}

body{
	position:absolute;
	margin:0;
	padding:0;
	color:#efefef;
	background:#666 url('../images/bg-body.png');
	width:100%;
	font-family: Lucida, Times, sans-serif;
	font-size:100%;
}

ul {
	margin-left:0.5em;
	padding:0.5em;
	list-style: circle url('../images/rainbow.png');
}

li {
	padding:0.5em;
}

a {
	color:#fff;
	text-decoration:none;
}

a:active, a:visited, a:hover {
	color:#efefef;
}
.link-large {
	font-size:2em;
}
.link-small {
	font-size:1em;
}

p {
	font-size:1em;
}
img {
	border: 0;
}
#winkelfront {
	position:relative;
	margin: 0 auto;
	margin-top:25px;
	width:1024px;
	height:665px;
	border-color:#fff;
	border-style:solid;
	border-width:6px;
	text-align:center;
	background: #111 url('../images/bg-winkelpui.jpg') no-repeat center;
}
#shop-l {
	position: absolute;
	top: 70px;
	left: 245px;
	width: 450px;
	height: 112px;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
#entree {
	position: relative;
	top: 250px;
	left: 350px;
	height: 400px;
	width: 250px;	
}
#notice {
	position:absolute;
	top: 270px;
	left: 380px;
	width:35px;
	height:50px;
	margin: 0;
}
#map {
	height:60px;
	width:50px;
	position:absolute;
	top:240px;
	left:750px;
}
#daslaedchen{
	position:absolute;
	bottom:60px;
	text-align:center;
	width:748px;
	font-family:'Fordscript';
	font-size:24px;
}
#wrapper-outer {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	height:697px;
	text-align:center;
/*	background: #48433b url("../images//bg-wrapper-outer.png") repeat-x;*/
}
#wrapper-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	width:1248px;
	height:697px;
	text-align:center;
	background: transparent url("../images/winkelpui.jpg") no-repeat 225px 50px;
}
#header {
	margin:0;
	padding:0;
	width: 100%;
	height:50px;
}
#wrapper-body {
		width:1248px;
		height:595px;
		margin:0;
		padding:0;
		text-align:left;
}
#left {
	float:left;
	width:235px;
	height:610px;
	margin:0;
	padding:0;
	background:#efefef;
	color:#fff;
}
#left-banner {
	padding:18px 15px;
	background:#b68a9b;
	color:#fff;
	font-family: "Times New Roman", Times, serif;
}
#left-banner a,
#left-banner a:active,
#left-banner a:visited,
#left-banner a:hover {
	color:#fff;
}
#left-main {
	padding: 10px;
	color:#444;
}
#left-main a,
#left-main a:active,
#left-main a:visited,
#left-main a:hover {
	text-decoration:none;
	color:#444;
}

#main {
	float:left;
	width:748px;
	margin:0;
	padding:0;
	color:#333;
	height:518px;
	border-width:5px 10px 87px;
	border-style:solid;
	border-color:#fff;
}
#main a {
	color:#333;
}
#shop-m {
	position: absolute;
	top: 102px;
	left: 430px;
	width: 307px;
	height: 84px;
	margin: 0px;
	padding: 0px;
}
#main-notice {
	position: absolute;
	top: 260px;
	left: 522px;
	width: 35px;
	height: 50px;
	margin: 0px;
}
#main-map {
	height:40px;
	width:35px;
	position:absolute;
	top:240px;
	left:815px;
}
#right {
	float:right;
	width:245px;
	height:610px;
	margin:0;
	padding:0;
	color:#333;
	background:#efefef;
}
#right-banner {
	padding:18px 15px;
	background:#b68a9b;
	color:#fff;
	text-align:right;
	font-family: "Times New Roman", Times, serif;
}
#right-banner a,
#right-banner a:active,
#right-banner a:visited,
#right-banner a:hover {
	color:#fff;
}

#right-main {
	padding: 10px;
	color:#444;
}
#right-main a,
#right-main a:active,
#right-main a:visited,
#right-main a:hover {
	text-decoration:none;
	color:#444;
}

#footer {
	clear:both;
	width:100%;
	height:30px;
	margin:0;
	padding-top:20px;
	text-align: center;
	font-size: 0.8em;
	color:#ccc;
}

#zonroos {
	width:200px;
	height:35px;
	margin-top:30px;
	margin-left:12px;
	text-align: center;
}
#aqua3w {
	width:200px;
	height:40px;
	margin-top:50px;
	margin-left:12px;
	text-align: center;
}
#solarsirius {
	width:200px;
	height:35px;
	margin-top:45px;
	margin-left:12px;
	text-align: center;
}
#sungold {
	width:200px;
	height:35px;
	margin-top:45px;
	margin-left:12px;
	text-align: center;
}
#utlimburgswinkelke {
	width:200px;
	height:35px;
	margin-top:45px;
	margin-left:12px;
	text-align: center;
}
#florastjohn {
	width:200px;
	height:35px;
	margin-top:45px;
	margin-left:12px;
	text-align: center;
}

.smallcaps {
	font-variant:small-caps;
	font-weight:normal;
	font-size:1.2em;
}
