/* Algemene waardes */
* {
	margin:0;
	padding:0;
}
html, body {
	background:#efefef;
	color:#8C979F;
	font-family:Verdana;
	font-size:11.5px;
}
div#container {
	width:900px;
	margin:0 auto;
}
.fixfloat {
	height:0;
	width:0;
	overflow:hidden;
	clear:both;
}
.rightfloat {float:right;}
.leftfloat {float:left;}
a img {border:0;}
a {color:#10216b; text-decoration:none;}
a:hover {text-decoration:underline;}
/* End Algemene waardes */
/* Header */
div#header {
	width:887px;
	height:111px;
	background: url('../img/header.png');
	padding:9px 13px 0 0;
}
div#header img {
	float:right;
	margin:0 0 0 4px;
}
a#logo {
	width:700px;
	height:90px;
	float:right;
}
/* End Header */
/* Menu */
div#menu {
	width:900px;
	height:16px;
	background: url('../img/menu_bg.png');
	text-align:center;
	color:#000;
	font-weight:bold;
	padding:2px 0 0 0;
}
div#menu a {color:#000;}
div#menu a:hover {text-decoration:underline;}
div#menu ul {
	list-style-type:none;
}
div#menu ul li {
	display:inline;
	background: url('../img/streep.png') right 2px no-repeat;
	padding:0 8px 0 3px;
}
div#menu ul li.last {background:none;}
/* End Menu */
/* Content */
div#content {
	width:900px;
	background: url('../img/content_bg.png');
}
div#left {
	width:150px;
	float:left;
	padding:18px 0;
}
div#left ul {list-style-type:none;}
div.box {
	width:136px;
	border:2px solid #80a1ba;
	background:#c1e4fd;
	padding:3px 5px;
}
div.box p {
	line-height:14px;
}
div.box a {
	color:#486C84;
	text-decoration:none;
	display:block;
}
div.box a:hover{text-decoration:underline;}
div#middel {
	width:545px;
	float:left;
	margin:0 0 0 12px;
	padding:0 0 10px 0;
}
h1 {
	border:1px solid #006cb7;
	background:#c1e4fd;
	color:#ff0000;
	width:540px;
	height:15px;
	font-size:11.5px;
	padding:3px 3px 2px 5px;
	font-family:verdana;
	margin:10px 0 0 0;
}
div#middel p {
	padding:2px 4px 4px 4px;
	font-size: 11px;
	line-height:14px;
}
div#middel p#orderform input, div#middel p#orderform select {
	margin: 3px;
	padding: 2px;
}
div#middel table {
	padding:2px;
	font-size: 11px;
	line-height:13px;
}
div#middel table#countries {
	margin-bottom: 5px;
}
div#middel table#countries .flag {
	width: 6%;
	height: 21px;
	text-align: center;
}
div#middel table#countries .flag img {
	width: 20px;
	height: 14px;
}
div#middel table#countries .price {
	width: 27%;
}

div#right {
	width:140px;
	float:right;
	padding:3px 0 0 35px;
}
div#right span {
	display:block;
	font-weight:bold;
	margin:0 0 0 -4px;
	color:#FF0000;
	padding: 0 0 5px 0;
}
div#middel p a, table.tones a {
	color:#8C979F;
}
table.tones a {
	display:block;
}
div#right a {
	display:block;
	color:#8C979F;
}
div#right p {padding:15px 0 0 0;}
div#right ul {
	list-style-type:none;
	padding:15px 0 0 0;
}
div#right ul li a {
	font-weight: normal;
}
div#container {
	clear: both;
	height: 100%;
}
div#categories {
	float: left;
	width: 137px;
	height: 100%;
	background: #EFEFEF;
	border: 1px solid #858585;
	padding: 5px 3px;
	line-height: 16.8px;
	font-size: 10px;
}
span#alphabet {
	background: #EFEFEF;
	border: 1px solid #858585;
	padding: 1px 5px;
	line-height: 16.8px;
	font-size: 10px;
}
div#list {
	float: left;
	width: 400px;
	text-align: center;
}
table.tones {
	width:100%;
	margin:1px 0 0 0;
	line-height:18px;
	font-size:11px;
}
table.tones tr {background:#f9f9f9;}
table.tones tr.dark {background:#f0f0f0;}
table.tones td.number {
	width:25px;
	font-weight:bold;
	text-align:center;
}
table.tones td.speaker {
	width:20px;
	text-align:center;
}
table.tones td.naam {
	text-align:left;
	padding:0 0 0 5px;
}
table.tones td.bekijk {
	width:50px;
	text-align:center;
	font-weight:bold;
}
.navigation {
	text-align: center;
	font-size: 10px;
}
.input {
	width:130px;
	height:18px;
	border:1px solid #80a1ba;
	margin:1px 0 3px 0;
	font-size:12px;
}
.submit {
	background:none repeat scroll 0 0 #DDEEFF;
	color:#FF6666;
	font-family:verdana;
	font-size:11.5px;
	font-weight:bold;
	margin:1px 0 3px 0;
}
div#middel .input {margin:1px 5px 3px 0;}
div#wallpapers {
	width:563px;
	padding:6px 0 0 0;
}
div#wallpapers img {
	margin:6px;
}
/* End Content */
/* Footer */
div#footer {
	width:900px;
	height:16px;
	background: url('../img/footer.png');
	text-align:center;
	font-weight:bold;
	color:#000;
	padding:2px 0 0 0;
}
/* End Footer */
