/* CSS Document */
body {
	margin:0px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#596F80;}
/* divs */
div#header {
	position:relative;
	background-color:#596F80;
	background-image:url('img/style_blue/header.jpg');
	background-position:top-left;
	background-repeat:no-repeat;
	height:100px;}
div#ads {
	position:absolute;
	width:500px;
	height:90px;
	right:0px;
	font-size:.75em;
	text-align:right;
	text-decoration:underline;
	margin:0px;
	padding-right:5px;
	}	
div#container {
	position:relative;
	width:100%;
	background-color:#596F80;}
div#menu {
	position:relative;
	background-image:url('img/style_blue/menu_bg.jpg');
	background-position:top-left;
	background-repeat:no-repeat;
	background-color:#596F80;
	width:135px;
	float:left;
	color:#EFF8FF;
	text-decoration:none;}
div#content {
	position:relative;
	margin-left:125px;
	min-height:600px;
	background-color:#99B6CC;
	background-image:url('img/style_blue/content_bg.jpg');
	background-position:top-left;
	background-repeat:no-repeat;
	padding:5px;
	border-width:1px 0px 1px 1px;
	border-color:#EFF8FF;
	border-style:solid;}
div#footer {
	position:relative;
	background-color:#596F80;
	margin-left:125px;
	padding:5px;
	text-align:center;
	font-size:.75em;}
div#ln {
		font-size:.75em;
		color:#EFF8FF;
		position:relative;
		background-color:#596F80; 
		border: 1px dashed #EFF8FF; 
		padding-left:5px;
		width:200px;
		float:right;}
/* Lijsten */
ul.nav {
	list-style-type: none;
	padding:0px;
	margin:0px;}
li.item {
	width:90%;
	margin-left:5%;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #EFF8FF;}
ul.submenu {
	list-style-type:none;
	list-style-position:outside;
	padding:0px 0px 5px 0px;
	margin:0px;}
ul.submenu li{
	width:90%;
	margin-left:5%;
	font-size:.75em;}
ul {list-style-type: disc;}
ol.quest {line-height: 17px;}
ol.quest li{margin-top: 20px;}
ul.breed{margin:5px;padding:0px;list-style-type:none;list-style-position:inside;}
ul.breed li{margin-bottom:5px;padding:5px; width:90%; min-height:60px; background-color:#DFF1FF; border-left: 2px solid #647D8F;}
ul.breed li.hoog {min-height:100px;}
ul.breed li.hoogm {background-color:#647D8F; border-left: 2px solid #DFF1FF;min-height:100px;}
ul.breed p,h4 {padding:0px;margin:0px;font-size:.9em;}
ul.breed img {float:right;}
ul.breed li.members {background-color:#647D8F; border-left: 2px solid #DFF1FF;}
dt {color:#596F80;font-weight:bold;}
dd {margin:0px 0px 10px 0px;font-size:.9em;}
/* Tekst */
a:link {color:#000;text-decoration:underline;}
a:visited {color:#000;text-decoration:underline;}
a:hover {color:#596F80;text-decoration:underline;}
a:active {color:#000;text-decoration:underline;}
ul.nav a:link{text-decoration:none;color:#EFF8FF;}
ul.nav a:visited{text-decoration:none;color:#EFF8FF;}
ul.nav a:hover{text-decoration:none;color:#99B6CC;}
ul.nav a:active{text-decoration:none;color:#EFF8FF;}
h4 {font-size: 13px;}
p#sub {font-weight: bold;  font-size: .8em; color: #596F80;}
p.datum {font-weight: bold; font-size: 1em; color: #596F80;}
h1.first:first-letter {
	font-size:30px;} 
h1.first{
	color: #EFF8FF; 
	font-size:15px;
	margin-top:20px;
	padding-top:2px;
	width:500px;
	height:30px;
	background-image:url('img/style_blue/bg_h1.jpg');
	background-repeat:no-repeat;
	background-color: #000;
	border: 1px solid #000;
	text-align:center;}
p.quote {background-color: #DFF1FF; border: 2px dashed #000000; padding: 10px;}
h1.welkom{font-size:1.5em;color:#FFF;}
h1.welkom:first-letter {font-size:2em;}


/* Tabelz0rs */
table {border: 2px solid #000000; background-color: #000000; border-collapse: collapse; table-layout: auto; text-align: center; vertical-align: middle;}
col {border-left: 2px solid #000;}
col.none {border:1px solid #596F80;}
tr {background-color:#DFF1FF;}
td {border: 1px solid #596F80;}
td.members {background-color:#647D8F;}
tr.members {background-color:#647D8F;}
table.calc {width:80%}
table.itemsdb {width: 550px;}
table.monsterdb {width: 650px;}
table.persondb {width: 450px;}
tr.naam {background-color: #6B808F; color: #DFF1FF; font-weight: bold; font-size: 20px; text-align: center; border:2px solid #000;}
tr.dankzij {font-size: 12px;}
td.plaatje {background-color:#DFF1FF; text-align:center;}
.tussenkop {background-color:#99B6CC; font-weight: bold; text-align: center;} /*die was nodig voor tussenkopjes kijk helemaal onderaan*/
table.onzichtbaar {
visibility:hidden; 
position:absolute;
width:100%;
border: 0px;}

/* rest */
hr {
border: 2px dotted #596F80;
margin: 10px 5%;
width: 90%;
}

hr.line_content {
	border-style: inset; 
	border-width: 1px; 
	border-color: #DFF1FF; 
	width: 75%;}

input.output {/*voor de outputvelden*/
background-color: #DFF1FF;
text-align: center;
border-width: 0px;
color: #3333FF;
font-weight:bold;}

input.eq {/*voor de equipmentpagina, duh*/
background-color: #DFF1FF;
text-align: center;
border-width: 0px;
width: 20px;}