/*
 * Stylesheet www.veronfriesemeren.nl
 * 
 * author: 	Indolentia / Jarno Visser
 * date: 		2 November 2005
 * email:		jvisser@indolentia.nl
 * www:			http://www.indolentia.nl
*/

/* Body style */

body
{
	margin: 							0px;
	padding: 							0px;
	text-align:						center;
	background-color:			#ccccff;
}

/* Div styles */

div#canvas
{
	position:							relative;
	margin:								0px auto;
	padding:							0px;
	width:								750px;
	height:								1500px;
	text-align:						left;
	border-width:					0px 1px;
	border-style:					dotted;
	border-color:					#000066;
	background-color:			#ffffff;
}

div#logo
{
	position:							absolute;
	margin:								0px;
	padding:							0px;
	width:								200px;
	height:								190px;
	background-image:			url("../img/bg_logo.jpeg");
	background-position:	top;
	background-repeat:		no-repeat;
}

div#header
{
	position:							absolute;
	margin-top:						0px;
	margin-left:					200px;
	padding:							0px;
	width:								548px;
	height:								135px;
	background-image:			url("../img/bg_header.jpeg");
	background-position:	top;
	background-repeat:		no-repeat;
}

div#left
{
	position:							absolute;
	margin-top:						190px;
	margin-left:					0px;
	padding:							0px;
	width:								200px;
	height:								1310px;
	background-image:			url("../img/bg_left.jpeg");
	background-position:	top;
	background-repeat:		repeat-y;
}

div#menu
{
	position:							absolute;
	margin:								0px;
	padding-left:					0px;
	width:								200px;
	height:								215px;
	background-image:			url("../img/bg_menu.jpeg");
	background-position:	top;
	background-repeat:		no-repeat;
	text-align:						left;
}

div#sponsors
{
	position:							absolute;
	margin-top:						215px;
	margin-left:					7px;
	padding:							0px;
	width:								175px;
	height:								215px;
	text-align:						left;
}

div#text
{
	position:							absolute;
	margin-top:						135px;
	margin-left:					200px;
	width:								558px;
	height:								1365px;
	text-align:						left;
	background-image:			url("../img/bg_text.jpeg");
	background-position:	bottom;
	background-repeat:		no-repeat;
	left: -9px;
}

div#activities
{
	position:							relative;
	text-align:						center;
}

div#bottom_text
{
	position:							absolute;
	margin-top:							1470px;
	padding:							0px;
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							10px;
	color:								#000066;
	left:								50%;
	margin-left:						-130px;
}

#bottom_text a:link, #bottom_text a:visited
{
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							10px;
}

#logout 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: right;
}

#logout a:link, #logout a:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

table#tabel

{
	margin:								0px;
	padding:							0px;
	font-family:						serif;
	font-size:							10pt;
	color:								#000066;
	text-align:							left;
}

form input.searchinput {
	margin:0px 10px 0px 0px;
	padding:2px 0px 0px 10px;
	background:url('../img/input.png') no-repeat;
	border:none;
	width:160px;
	height:20px;
	float:left;
	font-size:12px;
	color:#191919;
}

form input.login {
	margin:2px 0px 0px 0px;
	float:left;
	width:80px;
	height:20px;
	display:block;
	background:transparent;
}

form input.file hidden {
	position: relative;
}

/* to change the "browse.. file" image */
#divinputfile{
 background:url(../img/bladeren.png) no-repeat 100% 1px;
 height:20px;
 width:250px;
 margin:0px;
}

#divinputfile #filepc{
 opacity: 0.0;
 -moz-opacity: 0.0;
 filter: alpha(opacity=00);
 font-size:14px;
}

#fakeinputfile{
 margin-top:-28px;
}

#fakeinputfile #fakefilepc{
 width:		140 px;
 height:	20 px;
 font-size:	14px;
 font-family:Arial;
}


/* Text styles */

h1
{
	padding-right:				20px;
	font-family:					sans-serif;
	font-size:						15pt;
	color:								#000066;
	text-align:						center;
}

h2
{
	padding-right:				20px;
	font-family:					sans-serif;
	font-size:						13pt;
	color:								#000066;
	text-align:						center;
}

h3
{
	padding-right:				20px;
	font-family:					sans-serif;
	font-size:						11pt;
	color:								#000066;
	text-align:						center;
}

p
{
	padding-right:				20px;
	font-family:					serif;
	font-size:						10pt;
	color:								#000066;
}

p#center
{
	padding-right:				20px;
	font-family:					serif;
	font-size:						10pt;
	color:								#000066;
	text-align:						center;
}

p#white
{
	padding-right:				20px;
	font-family:					serif;
	font-size:						10pt;
	color:								#ffffff;
}

p#warning
{
	color: 					#FF0000;
	font-style:				oblique;
	font-weight:			bold;
}

/* Image styles */

img
{
	margin:								0px;
	padding:							0px;
}

/* Form styles */

form#guestbook
{
	font-family:					serif;
	font-size:						10pt;
	color:								#000066;
}

textarea#guestbook
{
	font-family:					serif;
	font-size:						10pt;
	color:								#000066;
}

input#guestbook
{
	font-family:					serif;
	font-size:						10pt;
	color:								#000066;
}

/* Hyperlink styles */

a:link
{
	padding-left:					30px;
	font-family:					serif;
	font-size:						13pt;
	text-decoration:			none;
	color:								#000066;
}

a:visited
{
	padding-left:					30px;
	font-family:					serif;
	font-size:						13pt;
	text-decoration:			none;
	color:								#000066;
}

a:hover
{
	padding-left:					30px;
	font-family:					serif;
	font-size:						13pt;
	text-decoration:			none;
	color:								#000099;
}

a:active
{
	padding-left:					30px;
	font-family:					serif;
	font-size:						13pt;
	text-decoration:			none;
	color:								#000099;
}

a#intern:link
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#000066;
}

a#intern:visited
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#000066;
}

a#intern:hover
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#000099;
}

a#intern:active
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#000099;
}

a#white:link
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#ffffff;
}

a#white:visited
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#ffffff;
}

a#white:hover
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#ffffff;
}

a#white:active
{
	padding:							0px;
	font-family:					serif;
	font-size:						10pt;
	text-decoration:			none;
	color:								#ffffff;
}