/* LOLKEMA CSS */

/* IE 5.5+ styles voor transparante png */

img, div { behavior: url(html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

body
{
  background-color:#FFFFFF;
  padding:0;
  margin:0;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

a img { border : none; }
a { outline: none; }

hover
{
	cursor:pointer;
}

table
{
font-size:11px; 
font-weight:normal;
}


/* ############ STANDAARD OPMAAK ############# */

#header
{
	width:100%;
	border-bottom-color:#888888;
	border-bottom-style:dotted;
	border-bottom-width:3px;
	color:#999999;
	font-size:9px;
}

#menublok
{
	position:absolute;
	top:301px;
	margin-left:-297px;
	left:50%;
	height: 46px;
	width: 630px;
	background-image:url(../html/images/bg_menu.jpg);
	background-repeat:repeat-x;
	font-size: 12px;
	color:#666666;
	z-index:10;
}

#sticker
{
	position:absolute;
	top:165px;
	margin-left:-300px;
	left:50%;
	height: 80px;
	width: 127px;
	z-index:20;
}

#curly
{
	background-image:url(../html/images/curly.png);
	background-repeat:no-repeat;
	position:absolute;
	top:-20px;
	margin-left:70px;
	left:50%;
	height: 438px;
	width: 500px;
	z-index:1;
}

#curly_l
{
	background-image:url(../html/images/curly_l.png);
	background-repeat:no-repeat;
	position:absolute;
	top:-20px;
	margin-left:-552px;
	left:50%;
	height: 438px;
	width: 500px;
	z-index:1;
}

#slogan
{
	position:absolute;
	top:255px;
	margin-left:-297px;
	left:50%;
	height: 20px;
	width: 630px;
	font-size: 12px;
	color:#000000;
	z-index:20;
}

#fotoframe
{
	position:absolute;
	top:55px;
	margin-left:-515px;
	left:50%;
	height: 274px;
	width: 276px;
	z-index:-10;
	background-image:url(../html/images/fotoframe.png);
	background-repeat:no-repeat;
}


#foto
{
	position:absolute;
	top:55px;
	margin-left:-515px;
	left:50%;
	height: 274px;
	width: 276px;
	z-index:-11;
	
}

#fotoframe_r
{
	position:absolute;
	top:55px;
	margin-left:400px;
	left:50%;
	height: 274px;
	width: 276px;
	z-index:-10;
	background-image:url(../html/images/fotoframe.png);
	background-repeat:no-repeat;
}


#foto_r
{
	position:absolute;
	top:55px;
	margin-left:400px;
	left:50%;
	height: 274px;
	width: 276px;
	z-index:-11;
	
}

#fotoframe_edit
{
	position:absolute;
	top:20px;
	margin-left:-325px;
	left:50%;
	height: 274px;
	width: 276px;
	z-index:1
}

#fotoframe_edit a:link {text-decoration: none; color:#6caf00;}
#fotoframe_edit a:visited {text-decoration: none; color:#6caf00;}
#fotoframe_edit a:hover {text-decoration:none; color:#000000;}
#fotoframe_edit a:active {text-decoration: none; outline: 0px; color:#6caf00;}
#fotoframe_edit a:focus {outline: 0px;}


#titelblok
{
	position:absolute;
	top:335px;
	margin-left:-297px;
	left:50%;
	height: 40px;
	width: 630px;
	font-size: 16px;
	color:#666666;
	z-index:10;
	
}

#quote
{
	position:absolute;
	top:44px;
	height:50px;
	width:200px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#6caf00;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#6caf00;
}

#calendar_small
{
	position:absolute;
	top:110px;
	
}


#menu
{
	position:absolute;
	margin-left:-265px;
	left:50%;
	top:258px;
	font-size: 12px;
	
	color:#666666;
	z-index:10;
}	

#menublok a:link {text-decoration: none; color:#6caf00;}
#menublok a:visited {text-decoration: none; color:#6caf00;}
#menublok a:hover {text-decoration:none; color:#000000;}
#menublok a:active {text-decoration: none; outline: 0px; color:#6caf00;}
#menublok a:focus {outline: 0px;}

#about
{
	position:absolute;
	margin-right:-330px;
	right:50%;
	top:242px;
	font-size: 12px;
	color:#999999;
}

#about a:link {text-decoration: none; color:#999999;}
#about a:visited {text-decoration: none; color:#999999;}
#about a:hover {text-decoration:none; color:#6caf00;}
#about a:active {text-decoration: none; outline: 0px; color:#999999;}
#about a:focus {outline: 0px;}

#main
{
	position:relative;
	width: 600px;
	z-index:1;
	left: 50%;
	margin-left: -300px;
	border-right-color:#888888;
	border-right-style:dotted;
	border-right-width:3px;
	border-left-width:3px;
	border-left-style:dotted;
	border-left-color:#888888;
	padding:15px;
}

#main a:link {text-decoration: none; color:#6caf00;}
#main a:visited {text-decoration: none; color:#6caf00;}
#main a:hover {text-decoration:none; color:#999999;}
#main a:active {text-decoration: none; outline: 0px; color:#6caf00;}
#main a:focus {outline: 0px;}

#left
{
	position:absolute;
	margin-left:-590px;
	left:50%;
	padding:35px;
	text-align:right;
	width: 200px;
}

#left a:link {text-decoration: none; color:#888888;}
#left a:visited {text-decoration: none; color:#888888;}
#left a:hover {text-decoration:none; color:#6caf00; font-size:14px;}
#left a:active {text-decoration: none; outline: 0px; color:#888888;}
#left a:focus {outline: 0px;}

#right
{
	position:absolute;
	margin-right:-615px;
	right:50%;
	padding:35px;
	width: 200px;
}

#right a:link {text-decoration: none; color:#6caf00;}
#right a:visited {text-decoration: none; color:#6caf00;}
#right a:hover {text-decoration:none; color:#888888;}
#right a:active {text-decoration: none; outline: 0px; color:#6caf00;}
#right a:focus {outline: 0px;}

.datum
{
	font-size: 10px;
	color:#999999;
}

.titel
{
	font-size: 20px;
	color:#6caf00;
}

.agenda_titel
{
	font-size: 13px;
	color:#6caf00;
}

.admin_titel
{
	font-size: 14px;
	color:#6caf00;
}

.news
{
	font-size: 12px;
	color:#121212;
}

.quote
{
	font-size: 15px;
	color:#121212;
}

.lijn
{
	font-size:14px;
	color:#CCCCCC;
}

.news a:link {text-decoration: none; color:#6caf00;}
.news a:visited {text-decoration: none; color:#6caf00;}
.news a:hover {text-decoration:none; color:#999999;}
.news a:active {text-decoration: none; outline: 0px; color:#6caf00;}
.news a:focus {outline: 0px;}

/* paginatuur */
.pagination {
    margin:40px 0px;
    padding:0px;
    list-style:none;
}
.pagination li {
    display:inline;
    padding:0px 3px;
}