html, body{
	height: 101%;
}
body{
	background: #0c0;
	font: 76%/170% Arial,Helvetica,Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding: 1px 20px 20px;
	margin: 0;
}
#houder{
	max-width: 82em;
	padding: 0;
	margin: 0 auto;
}
h1{
	background: #333;
	padding: 20px;
	margin: 0;
	border: solid #fff;
	border-width: 0 1px 0 0;
}
h1 a{
	background: #0c0 url(gfx/header1.jpg) no-repeat 0 0;
	display: block;
	height: 202px;
	border: 1px solid #1ab41e;
	color: #333;
	text-indent: -1000em;
}
h1 a:hover{
	color: #0c0;
}
h2,
h3{
	margin: 0 0;
	padding: 0;
}
p,
ul{
	margin: 20px 0 0;
}

h2,
.artikel h2 a:link,
.artikel h2 a:hover,
.artikel h2 a:visited{
	color: #333;
	text-decoration: none;
}
#positie{
	display: none;
}
#inhoud{
	margin: 0 241px 1px 0;
	width: auto;
	border: solid #333;
	border-width: 0 0 1px;
	position: relative;
}
.artikel{
	background: #fff;
	margin: 1px 0 0;
	padding: 20px;
	border: solid #333;
	border-width: 0 0 0 1px;
	overflow: auto;
}
.sub p{
	color: #ccc;
	padding: 0;
	margin: 0;
}
.artikel.sub a:link,
.artikel.sub a:visited{
	color: #0c0;
}
.artikel.sub a:hover{
	color: #fe4553;
}
.artikel img{
	float: right;
	width: 30%;
	margin: 0 0 0.3em 0.3em;
	border: 1px solid #333;
	position: relative;
}
.artikel a img{
	border: 1px solid #0c0;
}
#reacties{
	margin: 0;
	padding: 0;
	list-style: none;
}
#reacties .header{
	display: none;
}
#reacties li,
#formulier,
.pivot-message{
	background: #fff;
	margin: 1px 0 0;
	padding: 20px;
	border: solid #333;
	border-width: 0 0 0 1px;
}
.pivot-message{
	font-weight: bold;
	color: #fe4553;
}
.artikel a:link,
.artikel a:visited,
#reacties a:link,
#reacties a:visited{
	color: #00e;
}
.artikel a:hover,
#reacties a:hover{
	color: #fe4553;
}
.details{
	padding: 0;
	margin: 20px 0 0;
	list-style: none;
	font-weight: bold;
}
#reacties .details li,
.details li{
	display: inline;
	padding: 0 5px 0 0;
	border: none;
	background: transparent;
}
#extra{
	width: 240px;
	float: right;
	margin: 0 0 1px;
	border: solid #fff;
	border-width: 0 0 1px 0;
}
.item{
	margin: 1px 0 0;
	color: #fff;
	padding: 20px;
	background: #333;
	border: solid #fff;
	border-width: 0 1px 0 0;
}
.item a{
	color: #0c0;
}
.item a:hover{
	color: #fe4553;
}
.item p,
.item ul{
	margin: 0;
}
.item ul{
	padding: 0;
	list-style: none;
}

/* Reactieformulier */
fieldset{
	border: 0 none;
	padding: 0;
	margin: 0;
}
label{
	display: block;
	font-weight: bold;
	color: #333;
}
label.onthouden{
	display: inline;
}
#piv_name,
#piv_email,
#piv_url{
	display: block;
	width: 50%;
	border: 1px solid #333;
	padding: 2px;
}
#spamquiz_answer{
	border: 1px solid #fe4553;
	padding: 2px;
	margin: 0 0 5px;
}
.alert{
	color: #fe4553;
}
.pasop{
	float: left;
	font-size: 4em;
	font-weight: bold;
	padding: 13px 10px 3px 0;
	color: #fe4553;
}
textarea{
	display: block;
	width: 100%;
	border: 1px solid #333;
	padding: 2px;
	margin: 0 0 5px;
}
.commentbutton{
	background: #333;
	border: 1px solid #0c0;
	color: #fff;
	padding: 2px;
	font-weight: bold;
	display: block;
}

/* Kaartje */
#kaartje{
    width: 198px;
    height: 200px;
    color:#000;
    border: 1px solid #0c0;
}

#kaartje div{
    position:absolute;
}

#horizontaal{
  border-top:1px solid #f00;
  width: 198px;
  margin-top:100px;
}

#verticaal{
  border-left:1px solid #f00;
  height:200px;
  margin-left:100px;
}

#kleinkaartje{
    background:url(/reis/gfx/america-klein.jpg);
    width: 198px;
    height:318px;
    border: 1px solid #0c0;
}

#blok{
  position:relative;
  border:1px solid #f00;
  height:20px;
  width:20px;
}