@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700);

body {
color:#000000;
font-family:'Raleway', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:15px;
line-height:1.39;
margin:1em 0 0 0;
}

#site {
width:999px;
height:auto;
margin:0 auto 0 auto;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	#site {
	width:98%;
	padding-bottom:3em;
	}
}

a:link {
color:#000000;
text-decoration:none;
}
a:active {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#f25000;
text-decoration:none;
}
p {
margin:0 0 1em 0;
}
sup {
position:relative;
top:-0.4;
vertical-align:baseline;
font-size:0.8;
}
i {
font-style:italic; 
}
b {
letter-spacing:1px;
font-weight:bold; 
}
img {
border:none;
}


#koloml {
width:535px;
height:auto;
text-align:right;
letter-spacing:1px;
margin:0;
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	#koloml {
	width:100%;
	margin:0 auto 0 auto;
	float:none;
	}
}
#koloml h1 {
color:#000000;
font-size:1em;
font-weight:bold;
letter-spacing:1px;
display:inline;
}
#kolomr {
width:438px;
height:auto;
text-align:justify;
float:right;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	#kolomr {
	width:96%;
	margin:0 auto 0 auto;
	float:none;
	}
}
#kolomr .formalisme {
position:relative;
top:-6px;
left:-4px;
width:100%;
height:auto;
margin:0;
}
#kolomr h1 {
color:#000000;
font-size:1em;
font-weight:bold;
letter-spacing:1px;
display:inline;
}
#kolomr a.next {
font-size:1em;
font-weight:bold;
text-decoration:none;
float:right;
}

.fotobox {
width:100%;
height:auto;
text-align:center;
margin:0;
}
.fotobox img {
width:auto;
height:auto;
border:none;
display:block;
margin:0 auto 1em auto;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.fotobox {
	width:250%;
	margin:1em 0 0 0;
	}
}

.fotobox h1 {
color:#000000;
font-size:1em;
font-weight:normal;
letter-spacing:1px;
text-align:left;
margin:0 0 0 5%;
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.fotobox h1 {
	margin:0 2% 0 2%;
	}
}

#prevnext {
width:auto;
height:auto;
margin:0 5% 0 0;
float:right;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	#prevnext {
	width:100%;
	height:auto;
	font-size:2em;
	text-align:center;
	margin:4em 0 0 0;
	float:none;
	clear:both
	}
}
#prevnext a {
color:#000000;
font-size:1.2em;
font-weight:normal;
text-decoration:none;
}