/* 2D-sign Grafische Vormgeving :: media=screen */

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

body {
	margin: 0;
	padding: 0;
	border: none 0px;
	background: transparant;
}

#achtergrond {
	width: 380px;
	height: 380px !important;
	height: 380px;
	position: absolute;
	top: 7px;
	left: 0;
	overflow: none;
}
#achtergrond .actie{
	width: 380px;
	height: 380px !important;
	height: 380px;
	position: absolute;
	top: 6px;
	left: 0;
	overflow: none;
}

#emaillink {
	width: 380px;
	height: 251px;
	position: absolute;
	top: 65px;
	left: 0;
	z-index: 100;
}

#kerstanimatie {
	width: 380px;
	height: 251px;
	position: absolute;
	top: 65px;
	left: 0;
	z-index: 100;
	overflow: hidden;
	}




.inhetkort {
	background: url("im/2d-sign_in_het_kort.gif") left top no-repeat;
}
.aanvraagwaaier {
	background: url("im/2d-sign_aanvraag_waaier.gif") left top no-repeat;
}
.contact {
	background: url("im/2d-sign_contact_en_route.gif") left top no-repeat;
}
.viaftp {
	background: url("im/2d-sign_ftp_inloggen.gif") left top no-repeat;
}
.sinds {
	background: url("im/2d-sign_sinds_1996.gif") left top no-repeat;
}
.san {
	background: url("im/2d_san_tekst.gif") left top no-repeat;
}
.dieke {
	background: url("im/2d_diek_tekst.gif") left top no-repeat;
}
.mariek {
	background: url("im/2d_mariek_tekst.gif") left top no-repeat;
}
.geeske {
	background: url("im/2d_geeske_tekst.gif") left top no-repeat;
}
.esther {
	background: url("im/2d_esther_tekst.gif") left top no-repeat;
}
.actie {
	background: url("kerst09/2d_indexill_kerst.png") left top no-repeat;
}


#textarea {
	width: 340px;
	height: 290px;
	position:absolute;
	overflow: auto;
	top: 70px;
	left: 20px;
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#textarea.route {
	width: 240px;
}

#formarea {
	width: 340px;
	height: 300px;
	position:absolute;
	overflow: visible;
	top: 65px;
	left: 20px;
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}


#linklaag {
	position: absolute;
}
#linklaag a img { 
	border: none;
}
#linklaag a:hover img { 
	border-bottom: 1px solid #036;
}

h2 {
	color: #005f82;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	margin: 0 10px 0 0;
}
h2.inline {
	display: inline;
}
h2.h2inhetkort {
	display: inline;
	color: #005f82;
	font-size: 100%;
	margin-right: 0.2em;
	letter-spacing: -0.02em;
}

h2 a {
	color: #005f82;
	text-decoration: none;
}
h2 a:hover {
	color: #5f554b;
}

/*
#textarea p {
	display: inline;
}
*/

div.inhetkort #textarea p {
	line-height: 130%;
}

p {
	color: #5f554b;
	line-height: 140%;
}

p a {
	color: #5f554b;
	text-decoration: underline;
}
p a:hover {
	color: #005f82;
	text-decoration: underline;
}
.red {
	color: #005f82;
}

ul {
	display: list-item;
	list-style-type: square;
}

li {
	color: #005f82;
}


/* styles for formfields */
form {
	display: block;
	clear: both;
	margin-top: 5px;
}

label {
	float: left;
	width: 70px;
	padding: 0;
}

input {
	margin: 0 2px 3px 0;
	padding: 0 0 0 3px;
	border: 1px solid #f90;
	height: 18px;
	vertical-align: middle;
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
}

input#voornaam {
	width: 68px;
}
input#achternaam {
	width: 123px;
}
input#bedrijfsnaam, input#email, input#telefoon, input#inlognaam, input#password {
	width: 254px;
}
input#straatnaam {
	width: 203px;
}
input#straatnummer {
	width: 41px;
}
input#postcode {
	width: 48px;
}
input#woonplaats {
	width: 195px;
}

textarea#opmerkingen {
	margin: 0 2px 3px 0;
	padding: 0 0 0 3px;
	border: 1px solid #f90;
	height: 40px;
	width: 254px;
	vertical-align: middle;
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
}

select {
	margin: 0 2px 0 0;
	padding: 0;
	border: 1px solid #f90;
	height: 18px;
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
}

select#aanhef {
	width: 48px;
}

.button {
	background-color: #005f82;
	color: #fff;
	font-weight: bold;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 3px 2px 3px;
	cursor: pointer;
}