@font-face {
	font-family: 'din';
	src: url('../font/din_1451_engschrift-webfont.eot');
	src: local('☺'), url('../font/din_1451_engschrift-webfont.woff') format('woff'), url('../font/din_1451_engschrift-webfont.ttf') format('truetype'), url('../font/din_1451_engschrift-webfont.svg#webfontQal3ngCE') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, textarea, input {
	color:#fff;
	font-family:arial, sans-serif;
	font-size:12px;
}

body {
	background-color:#000;
	background-repeat:repeat-x;
	font-family:Arial, Georgia, sans-serif;
	letter-spacing:1px;
}

input {
	color:#000;
	border:1px dotted #000;
}

a {
	color:#d4021d;
}

a img {
	border:0px;
}

a.block {
	display:block;
	color:inherit;
	text-decoration:inherit;
}

h1 {
	font-weight:normal;
	font-size:13px;
	margin-bottom:2px;
	color:#00aeef;
}

h2 {
	font-weight:normal;
	font-size:13px;
	margin-bottom:4px;
	color:#00aeef;
	margin-top:0px;
}

h1:first-child, p:first-child {
	margin-top:0px;
}

.mceContentBody {
	background-color:#fff;
	color:#000;
	background-image:none;
}

a:active, a:focus {
	outline:none;
}

.container {
	width:1024px;
	margin:0px auto;
	min-height:563px;
	position:relative;
	padding-top:30px;
	height:738px;
	margin-top:20px;
}

.header {
	background-image:url(../img/header.png);
	width:1024px;
	height:144px;
	position:relative;
}

.menu {
	position:absolute;
	top:90px;
	left:360px;
}

.home {
	position:absolute;
	top:0px;
	left:0px;
	width:340px;
	height:144px;
}

.menuitem { height:23px; display:block; float:left; }

.menuitem.buttons { background-image:url(../img/menu_buttons.png);width:118px; }
.menuitem.kaarten { background-image:url(../img/menu_kaarten.png);width:121px; }
.menuitem.tshirts { background-image:url(../img/menu_tshirts.png);width:122px; }
.menuitem.wallpapers { background-image:url(../img/menu_wallpapers.png);width:160px; }
.menuitem.contact { background-image:url(../img/menu_contact.png);width:116px; }

.menuitem.buttons:hover, .menuitem.buttons.selected { background-image:url(../img/menu_buttons_s.png); }
.menuitem.kaarten:hover, .menuitem.kaarten.selected { background-image:url(../img/menu_kaarten_s.png); }
.menuitem.tshirts:hover, .menuitem.tshirts.selected { background-image:url(../img/menu_tshirts_s.png); }
.menuitem.wallpapers:hover, .menuitem.wallpapers.selected { background-image:url(../img/menu_wallpapers_s.png); }
.menuitem.contact:hover, .menuitem.contact.selected { background-image:url(../img/menu_contact_s.png); }

.taluut {
	position:absolute;
	top:300px;
	background-image:url(../img/taluut.png);
	display:block;
	height:73px;
	width:30px;
}

.popup {
	width:710px;
	margin:0px auto;
	position:relative;
	margin-top:50px;
}

.popup .openclose {
	position:absolute;
	top:-28px;
	right:0px;
	background:#fff;
	height:28px;
	width:27px;
	cursor:pointer;
}

.popup .content {
	background:#fff;
	height:410px;
	overflow:auto;
	padding:10px;
	color:#000;
}

.popup .content h1:first-child {
	position:absolute;
	font-weight:bold;
	top:-28px;
	left:0px;
	height:28px;
	background-color:#fff;
	padding:7px 10px 0px 10px;
}

.popup .pager {
	position:absolute;
	bottom:-30px;
	height:20px;
	line-height:20px;
	background-color:#fff;
	left:117px;
	text-align:center;
	width:140px;
	padding:5px;
	color:#00aeef;
	font-size:16px;
}

.popup .pager .leftfloat {
	position:absolute;
	top:4px;
	left:35px;
	text-decoration: none;
	color:#00aeef;
	font-size:18px;
	font-weight: bold;
}

.popup .pager .rightfloat {
	position:absolute;
	top:4px;
	right:35px;
	text-decoration: none;
	color:#00aeef;
	font-weight: bold;
	font-size:18px;
}

.homenews {
	margin-top:12px;
}

.homenews .date {
	color:#00aeef;
}
.homenews h1 {
	font-size:40px;
	margin-top:0px;
	margin-bottom:0px;
}
.homenews h2 {
	font-size:12px;
	margin-top:0px;
}

.imagebox .image {
	float:left;
	width:223px;
	margin-left:10px;
}
.imagebox .image:first-child { margin-left:0px; }

.imagebox .image h3 {
	background-color:#000;
	color:#fff;
	padding:2px 8px;
}

.left {
	width:373px;
	border-right:1px dotted #a6a37f;
	height:410px;
	float:left;
}

.left .description {
	border:1px dotted #000;
	position:absolute;
	bottom:10px;
	width:365px;
}

.items {
	width:373px;
}

.item {
	width:114px;
	height:121px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
}

.right {
	float:left;
	padding-left:10px;
	width:305px;
	overflow:hidden;
}

.right .name {
	background-color:#d6d1a4;
	padding:5px 12px;
	text-align:left;
	margin-top:10px;
}

.right .sizes {
	float:left;
	margin-top:8px;
	font-size:8px;
	width:200px;
	text-align:left;
	height:10px;
}

.right .order {
	margin-top:8px;
}

.admin_link {
	position:absolute;
	top:-20px;
	cursor:pointer;
	right:0px;
}

.form_container {
	margin-top:76px;
	color:#00aeef;
}

.form_container p {
	font-size:10px;
}

.contact_form {
	padding-top:12px;
	background-image:url(../img/formborder.png);
	height:161px;
	width:346px;
	position:absolute;
	top:145px;
}

.contact_form table {
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}

.contact_form table td {
	padding-top:5px;
}

.contact_form table td:first-child {
	width:80px;
}

.contact_form input, .contact_form textarea {
	background-color:#c7c4ac;
	width:261px;
	color:#000;
	margin-top:0px;
	height:16px;
	border:0px;
}

.contact_form textarea {
	height:60px;
	width:343px;
}
