﻿/* -----------------------------------------------
DESIGN DOOR RTN-SOFT 2009
ALGEHELE SITE LAYOUT SETUP
*/

html, body { 
margin: 0; 
background-color: #254076;
padding: 0; 
color: #FFF; 
font: 12px Arial, Verdana, Helvetica, sans-serif; 
height: 100%; 
text-align: center;
overflow: auto;
}

#container {
    width:1004px;
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	border-left: 2px solid #5F83CD; 
	border-right: 2px solid #1C3159;
	border-bottom: 2px solid #111E37;
	border-top: 2px solid #97AEDF;
}

#containerelementen {
	background-color:#385EA7;
    width:1004px;
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	border-left: 2px solid #5F83CD; 
	border-right: 2px solid #1C3159;
	border-bottom: 2px solid #111E37;
	border-top: 2px solid #97AEDF;
}

#flashtopmenu {
	background-color:#385EA7;
    width:1004px;
    height: 150px;
	position: relative; 
	text-align: left; 
}

#flashtopmenuzwart {
	background-color:black;
    width:1004px;
    height: 150px;
	position: relative; 
	text-align: left; 
}


#center {
		position: absolute; 
top: 25%; 
left: 25%; 
width: 50%; 
height: 50%;
}

#flash {
	width:800px;
	height: 588px;
	text-align: left;
	float: left;
}

#contentblock {
position: absolute;
left: 800px;
top: 0px;
width: 204px;
heigth: 588px;
min-height:588px;
background-image:url('/site/images/achtergrond_contentblocks.jpg');
}

#tekstbox {
width : 180px;
height : 111px;
margin: 0;
text-align: left;
padding-left: 5px;
padding-right: 15px;
padding-bottom: 10px;
background: url(/site/images/infoblock.jpg) no-repeat;
}

/* -----------------------------------------------
THEMA DOLFJE
*/

#container_dolfje {
    width:1004px;
    background-color: #A9CDED ; 
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	border-left: 2px solid #5F83CD; 
	border-right: 2px solid #1C3159;
	border-bottom: 2px solid #111E37;
	border-top: 2px solid #97AEDF;
}

#dolfjelinks {
	float: left;
}

#dolfjeinhoud {
	text-align:left;
	color: #3555A2;
}


/* -----------------------------------------------
THEMA MEESTER KIKKER
*/

#container_kikker {
    width:1004px;
    background-color: #FFF87F; 
    padding: 0;
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	border-left: 2px solid #1a3809; 
	border-right: 2px solid #1a3809;
	border-bottom: 2px solid #1a3809;
	border-top: 2px solid #1a3809;
	
}

#kikkerlinks {
	height: 588px;
	margin: 0px auto;
}

#kikkertop {
position: absolute;
left: 300px;
top: 0px;
	height: 100px;
	margin: 0px auto;
}


#kikkerinhoud {
position: absolute;
left: 300px;
top: 100px;
text-align: left;
color: #0F4004;
width: 700px;
height: 368px; 
overflow: auto;

}

#kikkeronder {
position: absolute;
left: 300px;
top: 468px;
	height: 120px;
	}


/* -----------------------------------------------
THEMA FOEKSIA
*/

#container_foeksia {
    width:1004px;
    height: 588px;
    background-color: #DAECF; 
    padding: 0;
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	border-left: 2px solid #5F83CD; 
	border-right: 2px solid #1C3159;
	border-bottom: 2px solid #111E37;
	border-top: 2px solid #97AEDF;	
}


#foeksiaboven {
	height: 140px;
}


#foeksiainhoud {
position: absolute;
left: 0px;
padding-left: 10px;
top: 140px;
text-align: left;
background:#DAECFA;
color: #0F4004;
width: 604px;
height: 448px; 
overflow: auto;
}

#foeksiarechts {
position: absolute;
left: 604px;
top: 140px;
height: 448px;
	}
#foeksiaonder{
position: absolute;
left: 0px;
top: 488px;
height: 100px;
	}


/* -----------------------------------------------
THEMA GRIEZELBUS
*/

#container_griezelbus {
    width:1004px;
    height: 588px;
    background-color: #A41E53; 
    padding: 0;
	margin: 0 auto; 
	position: relative; 
	text-align: left; 
	border-left: 2px solid #5F83CD; 
	border-right: 2px solid #1C3159;
	border-bottom: 2px solid #111E37;
	border-top: 2px solid #97AEDF;	
}


#griezelbusboven {
	height: 100px;
}


#griezelbusinhoud {
position: absolute;
left: 0px;
padding-left: 10px;
top: 140px;
text-align: left;
background:#A41E53;
color: white;
width: 529px;
height: 448px; 
overflow: auto;
}

#griezelbusrechts {
position: absolute;
left: 529px;
top: 100px;
height: 488px;
	}
#griezelbusonder{
position: absolute;
left: 0px;
top: 488px;
height: 100px;
width:529px;
	}
	
/* -----------------------------------------------
FORUM
*/

#forum {
	background-color:black;
}


/* -----------------------------------------------
ALGEMEEN
*/

a {
	text-decoration : none;
	color : #FFFFC8;
    font-weight:bold;

}
a:visited {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}


a.terug{
	text-decoration : none;
	}
	
.kop {color: #FFFFC8; font-weight:bold; margin:0}
.tekstflash {color: #000613}
.gastenboek_line {
	background-image:url('/site/images/gastenboek_line.gif');
	text-decoration : none;
	color : #FFFFC8;
   	font-weight:bold;
}




/* OPMAAK VAN STANDAARDFORMULIEREN */
input, select, textarea, button { 
font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; margin:0 
}



/* EINDE STYLE SHEET */


