/* MAIN STYLING */

html
{
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body
{
	font-family:Trebuchet MS !IMPORTANT;
	font-size: 12px;
	color: #a2a2a2;
}

/* ADD FONT */
@font-face
{
	font-family:"Trebuchet MS";
	src:url("/priv/include/Trebuchet_MS.otf") format("truetype");
}

/* REST OF MAIN STYLING */
h1
{
	color: #FF00E7;
	font-size:20px;
	text-transform:uppercase;
}

h2
{
	color: #FF00E7;
	font-size:11px;
	font-weight:bold;
	margin:0;
}

h3
{
	font-size:10px;
	font-weight:bold;
	margin:0;
}

img
{
	border: none;
}

p
{
	margin: 2px 0 !IMPORTANT;
}

ul
{
	margin: 0;
	line-height: 170%;
}


a
{
	text-decoration: none;
	color: #FF00E7;
}

a:hover
{
	text-decoration: none;
	color: #A2A2A2;
}

a img
{
	border: none;
	margin-left: 5px;
	margin-top:2px;
}

a.lFloat
{
	float:left;
	height:18px;
	margin-left:5px;
}

a.rFloat
{
	float:right;
	height:18px;
	margin-right:5px;
}

form
{
	display: block;
	margin-top: 10px;
	overflow: hidden;
	float: left;
}

label
{
	display: block;
	overflow: hidden;
	float: left;
	width: 100px;
	text-align: right;
	line-height: 22px;
	height: 22px;
	font-size: 100%;
	clear:left;
	font-weight: bold;
	padding: 0px 25px 0px 0px;
}

input
{
	/* TRANSPARENCY */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

	border:1px solid black;
	color: black;
	float:left;
	font-size:12px;
}
	
input[type=text], input[type=password]
{
	width:60px;
	height:18px;
	margin-bottom:5px;
	padding:1px 0 0 3px;
}

input[type=checkbox]
{
	margin:2px 10px 0 0;
}

input.large
{
	width:180px;
}

select
{
	/* TRANSPARENCY */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

	color: black;
	height: 21px;
	margin-bottom: 5px;
	border: 1px solid black;
	float: left;
	width: 185px;
	font-size: 90%;
}

textarea
{
	/* TRANSPARENCY */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

	color: black;
	margin-bottom: 5px;
	border: 1px solid black;
	float: left;
	clear: right;
	padding: 3px;
}

iframe
{
	border: none;
	overflow: auto;
	display: block;
}

applet
{
	/* TRANSPARENCY */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}


span.alert
{
	color: red;
	display: block;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
}

span.alert2
{
	color:red;
	display:block;
	font-weight:bold;
	margin-left:125px;
	margin-top:20px;
	width:625px;
}

img#bestuur
{
	background-image:url(../images/pixel2.png);
	border:1px solid #FF00E7;
	display:block;
	min-height:278px;
	max-width:417px;
	overflow:hidden;
	padding:1px;
}

/* PASSWORD BOX */
div#pwBox input
{
	color: #FF00E7;
	border: 1px solid #FF00E7;
}

/* BOX FOR BIRTHDAY */
div.diesBox
{
	background-image:url(../images/pixel2.png);
	border:medium none;
	display:block;
	height:18px;
	margin-bottom:4px;
	opacity:1;
	padding: 2px 4px;
	text-align:center;
	width:300px;
}

div.diesBox img
{
	float: left;
	margin-right: 10px;
	width: 16px;
}

div.diesBox span
{
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
}

div.diesBox span.name
{
	float:left;
	font-weight:normal;
	text-align:left;
	width:60px;
}

div.diesBox span.date
{
	float:left;
	font-weight:normal;
	text-align:right;
	width:100px;
}

div.content_left{
    float: left;
    margin-right: 20px;
}

div.content_right{
    margin-top: 5px;
    overflow: hidden;
}

div.mapplanner1 {
    height: 410px;
    margin-top: 20px;
    width: 432px;
}

#postcodezoeker{
    overflow: hidden;
}

#postcodezoeker select{
	width:70px;
}

#postcodezoeker span{
    float: left;
    line-height: 20px;
    margin: 0 10px;
}