/* CSS Document */

/*
Website : http://www.loesjedenhelder.nl
CSS : Frank Buschman
E-mail: Frank@ihitro.nl
WWW: http://www.ihitro.nl
---------------------------------------
CSS bestand vrijgegeven door www.ihitro.nl onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.5/nl/legalcode
*/

* {
margin:0;
padding:0;
}

dl {
	margin:10px;
	margin-bottom:15px;
	font-size:1.2em;
}

dt {
	font-weight:bold;
}

dd {
	margin-left:20px;
}

ol, ul {
	margin:10px;
	margin-bottom:15px;
	font-size:1.2em;
}

ol ol {
	font-size:1em;
	list-style-type:lower-alpha;
}

li {
	margin-left:20px;
}

#plakken blockquote {
	font-style:italic;
	margin-left:0;
}

#plakken blockquote ol {
	font-size:1em;
}


a img {
border : none;
}

a {
outline: none;
}

#midden a:link,
#midden a:visited {
	color:#666666;
	border-bottom:1px #666 dashed;
	text-decoration:none;
}

#midden a:hover {
	border-bottom:1px #666 solid;
	color:#000;
}

#midden a:active {
	color:#666666;
	border-bottom:1px #666 dashed;
	text-decoration:none;
}

h1 {
font-size: 2.2em; /* 22px */
margin-bottom: 15px;
}

h2 {
font-size: 2.0em; /* 20px */
margin-bottom: 15px;
}

h3 {
font-size: 1.8em; /* 18px */
margin-bottom: 15px;
}

h4 {
font-size: 1.6em; /* 16px */
margin-bottom: 15px;
}

h5 {
font-size: 1.4em; /* 14px */
margin-bottom: 15px;
}

p {
font-size: 1.2em; /* 12px */
margin-bottom: 15px;
}

div {
	font-size : 100%;
}


body {
	background-color : #FFF;
	color: #333;
	font: normal normal 62.5%/1.5 Georgia, "Times New Roman", Times, serif;
	background-image:url(../img/loesjebackground2.gif);
}

/* ================================
== Header
====================*/

#header {
	width:908px;
	margin:0 auto;
	margin-top:10px;
	_margin-top:0px;
	background-image:url(../img/header-back.gif);
	background-repeat:no-repeat;
}
	
#logo {
	position:relative;
	left:39px;
	top:15px;
}

#denhelder {
	position:relative;
	left:60px;
	top:-10px;
}

#header a {
	font-family:"Courier New", Courier, monospace;
	font-size:1.7em;
	text-decoration:none;
	color:#000;
}

#header a:hover {
	font-weight:bold;
}

#nav1 {
	position:relative;
	left:35px;
	top:-85px;

}

#nav2 {
	position:relative;
	left:55px;
	top:-75px;

}

#nav3 {
	position:relative;
	left:80px;
	top:-90px;

}

#nav4 {
	position:relative;
	left:112px;
	top:-80px;

}

#nav5 {
	position:relative;
	left:125px;
	top:-85px;

}

#nav6 {
	position:relative;
	left:140px;
	top:-90px;

}

#nav7 {
	position:relative;
	left:165px;
	top:-90px;

}

#nav8 {
	position:relative;
	left:190px;
	top:-95px;

}

#nav9 {
	position:relative;
	left:210px;
	top:-95px;

}


/* ================================
== Hoekje
====================*/

#hoekje {
	position:relative;
	left:550px;
	top:-100px;
	width:350px;
	height:100px;
}

#hoekje h3 {
	margin:0px;
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#hoekje textarea {
	width:300px;
	height:50px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px #666 solid;
}

#hoekje input {
	margin-top:3px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	border:1px outset #000;
	display:block;
}

#hoekje form {
	_margin-top:0px;
}

#wrap {
	position:relative;
	top:-76px;
	_top:-74px;
	_left:-1px;
	height:886px;
	text-align:center;
	background-image:url(../img/wrap-back.gif);
	background-position:50% top;
	background-repeat:no-repeat;
	z-index:2;
}

/* ================================
==
====================*/

#container {

	width:896px;
	height:694px;
	margin:0 auto;
	text-align:left;
}

#links {
	width:243px;
	float:left;
	height:1000px;
	z-index: 20;
}



/* === nieuwsbrief ==---*/

#nieuwsbrief {
	width:206px;
	height:337px;
	margin-top:20px;
	margin-left:10px;
	background-image:url(../img/nieuwsbrief.gif);
	overflow:hidden;
}

#nieuwsbrief p {
	position:relative;
	width:160px;
	top:35px;
	left:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	line-height:15px;
	text-align:justify;
}

#nieuwsbrief form {
	position:relative;
	top:45px;
	left:25px;
}

#nieuwsbrief form div {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#nieuwsbrief form input.tekst {
	width:140px;
	border:1px inset #000;
}

#nieuwsbrief form input.submit {
	border:1px outset #000;
	margin-top:10px;
	margin-left:30px;
}

/* === Hebben ==---*/

#hebben {
	width:206px;
	position:relative;
	top:15px;
	left:5px;
}




/* ================================
== Midden
====================*/

#midden {
	width:420px;
	float:left;

}

#midden #isleuk {
	width:157px;
	height:43px;
	background-image:url(../img/isleuk.gif);
	position:relative;
	left:80px;
}

#midden #content {
	margin-top:20px;
	margin-right:10px;
	padding-right:10px;
	padding-left:10px;
	height:730px;
	overflow:auto;
	
}


#midden p ,
#midden p ol {
	font-family:Georgia, "Times New Roman", Times, serif;
}

#midden h1 {
	text-transform:uppercase;
	font-size:1.3em;
}

#midden h2 { /* oa pagina rechten */
	font-size:1.2em;
}

#midden h3 { /* oa index */
	font-size:1.2em;
	margin-bottom:0px;
}

#midden h3 em { /* oa index */
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#midden blockquote {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:1.1em;
	margin:0px;
	margin-left:10px;
	margin-bottom:20px;
	padding:0px;

}

/* === links pagina ==---*/


#linkspagina p {
	margin:0;
	padding:0;
}

#linkspagina h2 {
	margin-top:20px;
}


#linkspagina a.loesjelink {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#000033;
	text-decoration:none;
	text-indent:20px;
	background-image:url(../img/link.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#linkspagina a:link,
#linkspagina a:visited {
	border:0;
}

#linkspagina a:hover {
	text-decoration:underline;
}

div.loesje-links-internationaal {
	width:120px;
	text-align:center;
	float:left;
}

div.loesje-links-internationaal a {
	text-indent:10px;
}


/* ====== Media =========*/
div.loesje-media {
	width:160px;
	text-align:center;
	float:left;
}

div.loesje-links-internationaal a {
	text-indent:10px;
}


/* === contact pagina ==---*/

#contactform {
	margin-left:30px;
}


#contactform form div {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#contactform form input.tekst {
	width:300px;
	border:1px inset #000;
}

#contactform form textarea.tekst {
	width:300px;
	height:200px;
	border:1px inset #000;
}

#contactform form input.submit {
	border:1px outset #000;
	margin-top:10px;
	margin-left:30px;
}



/* ================================
== Rechts
====================*/

#rechts {
	width:233px;
	float:left;
}

/* === verse loesje ==---*/

#verseloesje {
	width:229px;
	height:267px;
	background-image:url(../img/verseloesje.gif);
}

#verseloesje div#versss {
	position:relative;
	top:65px;
	left:30px;
	width: 120px; 
	height: 167px;
	/*
	background-image:url(http://www.loesje.nl/dailyimage.php);
	background-repeat:no-repeat;
	background-position:-20px -85px;*/
}

#verseloesje div#versss span {
	/*display:none;*/
}


/* === members ==---*/

#members {
	width:206px;
	height:277px;
	margin-top:20px;
	margin-left:10px;
	background-image:url(../img/members.gif);
	overflow:hidden;
}

#members p {
	position:relative;
	width:160px;
	top:50px;
	left:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	line-height:15px;
	text-align:justify;
}

#members form {
	position:relative;
	top:45px;
	left:25px;
}

#members form div {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:10px;	
}

#members form input.tekst {
	width:140px;
	border:1px inset #000;
}

#members form input.submit {
	border:1px outset #000;
	margin-top:10px;
	margin-left:30px;
}

#ihitro {
	position:relative;
	top:230px;
	left:100px;
}


/* ================================
== Footer
====================*/

#footer {
	position:relative;
	top:-268px;
	_top:-380px;
	width:908px;
	height:213px;
	margin:0 auto;
	background-image:url(../img/footer-back.gif);
	background-repeat:no-repeat;
	z-index:1;
}


/* ================================
== Gastenboek
====================*/

#gastenboek a,
#gastenboek a:link,
#gastenboek a:visited,
#gastenboek a:hover,
#gastenboek a:active {
	border:0;
}

#smilie-table {
	background-color:#fff;
	border:1px solid #ccc;
}

#smilie-table img {
	margin:5px;
}

#tabel_module_03_01_1 form div {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#tabel_module_03_01_1 form input.tekst {
	width:300px;
	border:1px inset #000;
}

#tabel_module_03_01_1 form textarea.tekst {
	width:370px;
	height:150px;
	border:1px inset #000;
}

#tabel_module_03_01_1 form input.submit {
	border:1px outset #000;
	margin-top:10px;
	margin-left:30px;
}


#gastenboek-preview {
	position:relative;
	width:370px;
	font-size:1.2em;
	border:1px solid #CCC;
	background-color:#fff;
	z-index:10;
}

#gastenboek-preview h2,
#smilie-table h2 {
	border-bottom:1px dashed #CCC;
	background-color:#eee;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}

#gastenboek-bedankt {

}

#schrijfinonsgastenboek {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
}

#resultsTable_03_01 {
	font-size:1.3em;
	width:370px;
	overflow:hidden;
	z-index:1;
	background-color:#FFFFFF;
	padding-top:20px;
}

#resultsBody_03_01 div.onderwerp_x span.class_a {
	font-weight:bold;
	padding-right:10px;
}

#resultsBody_03_01 div.onderwerp_x span.class_c {
	display:block;
	width:100px;
	float:right;
}

#resultsBody_03_01 div.onderwerp_x span {
}

#resultsBody_03_01 div.onderwerp_x {
	border-top:5px solid#ccc;
	background-color:#eee;
}

#resultsBody_03_01 div.onderwerp_y span {
	display:block;
	background-color:#fff;
}

#resultsBody_03_01 div.onderwerp_y span.class_a {
	font-weight:bold;
	border-bottom:1px dashed #ccc;
}

#resultsBody_03_01 div.onderwerp_y span.class_b {
	padding-top:10px;
	padding-bottom:10px;
}

#resultsBody_03_01 div.onderwerp_y {
	border-bottom:1px solid#000;
	margin-bottom:20px;
}

/* ===== posters ======*/

#loesjeposters a.poster
 {
	border:0;
	margin-left:20px;
}

/* ===== gespot ======*/


#gespot a {
	border:0;
}

#gespot img {
	margin-top:5px;
}