
html,body
{
	background: #0d176c url('../files/web/bg_background.jpg') no-repeat top center;
	font: 11px "Trebuchet MS",Tahoma,sans-serif,sans,"MS Sans Serif"; 
	padding: 0; 
	margin: 0;
	height:100%;

}

.frame
{
	background: #0d176c url('../files/web/bg_frame.jpg') repeat-y top center;
	width: 800px;
	min-height: 100%;
	height: auto !important;
	height:100%;
	margin-bottom: -35px; /* the bottom margin is the negative value of the footer's height */
	margin-left: auto;
	margin-right: auto;

}


h2
{
font-size:16px;
}

h3
{
font-size:14px;
}


#bottomdiv{
	background: transparent url('../files/web/bg_bottom.jpg') no-repeat top center;
	height: 35px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;

}
#push {
	height: 35px; /* .push must be the same height as .footer */
}

#top1{
	background: transparent url('../files/web/bg_top1.jpg') no-repeat top center;
	height: 87px;
	width: 800px;

}

.pano{
	height: 179px;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:0px solid #F00;
	background-position:bottom right;
dbackground-repeat:no-repeat;

}

/* top */
.topdiv {
	clear:both;
	margin-top:14px;
	margin-right:30px;
	float:right;
	height:25px;
	border:0px solid #FF0000;
	font-size:14px;
	letter-spacing:0px;
}

#top2{
	background: transparent url('../files/web/bg_top2.jpg') no-repeat top center;
	height: 180px;
	width: 800px;

}


.main{
	min-height:393px;
	width:800px;
	background:  transparent url('../files/web/bg_main.jpg') no-repeat top center;
	display:block;
}

.content
{
clear:both;
}

.loginform 
{

	
}

.quickmenu 
{
	margin-right:30px;
	margin-top:10px;
	float: right;
	font-size:13px;
	width:255px;
	border:0px solid #F00;
}


.text_small
{

	width:380px;
	margin:0px 25px;
	padding:5px 20px;
	padding-top:10px;
	font-size:13px;
	line-height:1.4em;
	border-right:1px solid #CCC;
}


.text
{
	
	width:450px;
	margin:0px 25px;
	padding:10px 10px;

	font-size:13px;
	line-height:1.4em;
	border-right:1px solid #CCC;
}

.text_breed
{
	clear:both;
	margin:0px 25px;
	padding:5px 20px;
	font-size:13px;
	line-height:1.4em;
	border:0px solid #CCC;
}

.nieuws
{
	padding-top:15px;
}


img
{
	border:0;
}

.borderimg
{
	border:1px solid #888;
}

h4
{

}

a
{
	dddcolor:#FFFFFF;
}
a:hover
{
	color:#0D176C;
}


.bgleft
{
	width:760px;
}

.bgright
{
	background:transparent url('../img/bg22.jpg') repeat-x top left;
}








.lang
{
margin: 30px 30px 0px 0px;
float:right;
font-size:13px;
color: #FFF;
}
.lang a
{
color: #FFF;
text-decoration:none;
}


.contact
{
	margin-left:15px;
	margin-top:10px;
	float:right;
}

input,textarea,select
{
	background-color:#DCDCDC;
	border:1px solid #888;
	color:#222;
	height:auto;
}


.contact textarea
{
	width:340px;
	height:120px;
	overflow:auto;
}

.gebouwen
{
	float:left;
	padding:8px;
	border:1px solid #ccc;
	margin:10px;
}

.gebouwen a
{
font-size: 14px;
font-variant: small-caps;
letter-spacing:2px;
}

input.del
{
margin-left:-20px;
}

img.icon
{
	margin-bottom:-3px;
}
img.pijl
{
	margin-bottom:-6px;
}
.retour
{
padding:4px;
}

.ttitle
{
dbackground:#ccc url('../img/ttitle.gif');
letter-spacing:1px;
color:#FFF;
font-weight:bold;

}

.ttable td
{
smargin-bottom:15px;
border:1px solid #023493;
}

/* message */
div#message {
	position: absolute;
	display: block;
	width: 200px;
	height: auto;
	z-index: 20;
	top:100px;
	background-color: #ffeebb;
	border: solid 1px #f00;
	text-align: center;
	padding: 3px;
	padding: 30px 20px 25px 20px;
	margin-top: 50px;
	color: #c33;
	cursor: pointer;
}
div#message a.ok {
	display: block;
	border: solid 1px #f66;
	background-color: #ffdddd;
	padding: 5px 0;
	color: #f66;
	margin: 25px 50px 0 50px;
	text-decoration: none;
	font-weight: bold;
}
div#message a.ok:hover {
	color: #f00;
	background-color: #ffd8d8;
}

/* error & info-display */
div.error, div.info, div.warning {
	color: #666;
	position: absolute;
	z-index: 20;
	top: 50px;
	left: 100px;
	width: 350px;
	padding: 10px;
	background-color: #f4f3e5;
	cursor: pointer;
	text-align: left;
	border: solid 1px #ddd;
	font-size: 1.8em;
	font-style: italic;
}
div.error div, div.info div, div.warning div {
	font-style: normal;
	text-align: left;
	padding: 10px 15px 15px 10px;
	border: solid 1px #fdd;
	background: url(img/bg_error.gif) no-repeat center center #fffbd7;
	background: #fffbd7;
	font-size: 0.5em;
	line-height: 1.8em;
}
div.error div span, div.info div span, div.warning div span {
	color: #666;
	font-family: "Courier New",monospace;
	line-height: 1.2em;
}

.thead
{
font-weight:bold;
}

.rad
{
border:0;
background-color:transparent;
}

.right
{
float:right;
margin:12px;
}

.red
{
font-size:16px;
color:#FF0000;
font-variant: small-caps;
}

.row1
{
background-color: #CECECE;
}

.promo
{
	font-style: normal;
	font-family:"Comic Sans MS";
	font-size:12px;
	border:0px solid #FFF;
	width:138px;
	height:140px;
	margin-bottom:10px;
	color:#000;
	padding:10px 12px 8px 10px;
	background: transparent url('../img/postit.png') no-repeat top left;
}

.promo a
{
color:#000041;
}

/*Programma opmaken */

.prog td
{
font-size:10px;
border:1px solid #888;
}


#container {
	position: absolute;
	z-index: 5;
	width: 80%;
	margin: 0px 10% 0px 10%;
	background-color:#FFF;
	padding: 20px;
	border:  1px  solid #888;
}


/* ajax div's */
.pop {
	position:absolute;
	z-index: 5;
	width: 240px;
	margin: 0;
	padding:10px; 
	background-color:#20BFD2;
	border: solid 1px #333;
	overflow:auto;
	color:#000;
}

		#s_king_octopus {
			position: absolute; 
			bottom: 74px; 
			left: 42px; 
			width: 58px; 
			height: 106px; 
			background: url(../files/web/s_king_octopus.png) 0 0 no-repeat;
			behavior: url(iepngfix.htc);
			z-index:6;
}
