/*******************************************\
* AutomatiseringsCentrumTholen.nl CSS V4.95	*
\*******************************************/	

/***********************************************************\
*    Alle divs die de layout bepalen, staan op elke pagina 
\***********************************************************/
html {
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #6FACC9;
	font-size:76%;
	overflow: auto;
}
#b3 {
	position: relative;
	height:100%;
	width:80%;
	min-width:700px;
	min-height:600px;
	left:20%;
	background-image:url('../afb/r.jpg');
	background-position:right top;
	background-repeat:repeat-y;
	z-index:5;
	padding: 0;
	margin: 0;
	border: 0;
}

body.b2 {
	background-image: url('../afb/l.jpg');
	background-position:left top;
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	height:100%;
	width:100%;
	min-height:600px;
	min-width:800px;
	margin:0px;
	padding:0px;
	z-index:5;
	padding: 0;
	margin: 0;
	border: 0;
}

/*----------------------------------------------- Opmaak banner 	*/
#loog {
	position: absolute;
	top:0px;
	background-image:url('../afb/banner_bg.jpg');
	background-position: right top;
	background-repeat: repeat-x;
	background-color:#C4D0E0;
	height:140px;
	min-width:600px;
	width:70%;
	left:15%;
	right:15%;
	z-index:6;
	color:#369;

	}

#act {
	position:relative;
	left:10px;
	top:30px;
}
	
#pand {
	position:absolute;
	right:0px;
}
/*Adres indeling dmv list, again! (ktz!)*/
ul.adres {
	font-size: 14pt;
	text-align:left;
	list-style-type:none;
	position:relative;
	bottom:95px;
	left:50px;
}
li.adres {
	text-align:left;
	display: inline;
	padding-right:40px;

}
/* Tekstopmaak binnen de banner */
p.banner {
	position:relative;
	left:15px;
	bottom:75px;
	font-size: 18pt;
	font-weight:bold;
	letter-spacing: 2px;
	margin-top: 5px;
	text-align: left;
}
a.meel {
	text-decoration:none;
	color: #369;
}
a:hover.meel {
	text-decoration:underline;
}
/*----------------------------------------------- Opmaak menu 		*/
#mnu {
	position:absolute;
	top:120px;
	height:50px;
	padding-top:10px;
	min-width:600px;
	right:15%;
	left:15%;
	z-index:7;
}

li.men {
	display: inline;
	font-size:15px;
}
li.men a {
	text-decoration: none;
	background-color: #ffc000;
	color: #000;
	letter-spacing:1px;
	background-image:url('../afb/but.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
	padding: 6px 15px;
	border: 1px #369 solid;
	border-left:3px #369 solid;
	border-bottom:3px #369 solid;
}
li.men a:hover {
	background-color: #ffc000;
	background-image:url('../afb/buti.jpg');
	background-position:top;
	background-repeat:repeat-x;
	color: #000;
	border: 1px #369 solid;
}
#current {
	background-color: #ffc000;
	background-image:url('../afb/buti.jpg');
	background-position:top;
	background-repeat:repeat-x;
	color: #369;
	font-style:normal;
	border: 1px #369 solid;
}
/*----------------------------------------------- Content indeling	*/
#kont {
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:175px;
/*	width: 70%;   Leave this for now */
	min-width:600px;
	min-height:400px;
	bottom:20px;
	right:15%;
	left:15%;
	z-index:8;
}
/*----------------------------------------------- Footer indeling	*/
#fvoet {
	position: absolute;
	width:70%;
	height:10%;
	max-height:20px;
	min-height:10px;
	min-width:600px;
	left:15%;
	right:15%;
	bottom:0px;
	text-align:right;
	padding-right:40px;
	font-size:80%;
	letter-spacing:1px;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

/****************************************************\
*	Opmaak Tekst, etc.
\****************************************************/
h1.inhoud {
	font-size: 12pt;
	font-weight:bold;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 10px;
	letter-spacing:1px;
}
h1.inhoud:first-letter {
	font-size:14pt;
	color:#369;
}
h2.sidek {
	font-size:11pt;
	margin-bottom:10px;
	margin-top: 20px;
	margin-left:20px;
	letter-spacing:1px;
}
h2.sidek:first-letter {
	font-size:14pt;
	color:#369;
}
p.inhoud {
	font-size: 11pt;
	max-width:500px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom:5px;
	line-height:20px;
	z-index:4;
}
span.red {
	color:#f00;
	font-size:10pt;
}
/****************************************************\
*           Classes voor de content
\****************************************************/

/*-------------------------------------------- Homepage		*/
div.kont1 {
	background-image:url('../afb/front.jpg');	
}
#tijd {
	font-size:10pt;
	font-family:Verdana, sans-serif;
	margin-left:50px;
}
th {
	text-align:left;
	height:25px;
}
td {
	width:170px;
}
#leg {
	font-size:8pt;
}
/*-------------------------------------------- Bedrijf		*/
div.kont2 {
	background-image:url('../afb/bedr.jpg');
	
}
/*-------------------------------------------- Diensten		*/
div.kont3 {
	background-image:url('../afb/dien.jpg');	
}
/*-------------------------------------------- Producten	*/
div.kont4 {
	background-image:url('../afb/prod.jpg');
}
#merk {
	font-size:8pt;
	font-style:italic;
	font-weight:bold;
	letter-spacing:1px;
}
/*-------------------------------------------- Contact		*/
div.kont5 {
	background-image:url('../afb/cont.jpg');
}

/*from here old version contactform*/
div.vorm {
	position:absolute;
	width:310px;
	height: 400px;
}
div.gegef {
	position:relative;
	left:310px;
	font-size:10pt;
	width:350px;
	height:400px;
}
form.ph {
	margin-left:30px;
	font-weight:bold;
	font-size:10pt;
	padding:5px;
	border:medium #CCC ridge;
}
input.vult {
	position:absolute;
	left:95px;
}
input.vult:focus{
	background-color:#B7E2FF;
}
input.vuld {
	position:absolute;
	left:105px;
	width:192px;
}
input.vuld:focus{
	background-color:#B7E2FF;
}
textarea.vuldt {
	position:relative;
	left:7px;
	font-family:Verdana;
	font-size:10pt;
	width:252px;
	padding:2px;
}
textarea.vuldt:focus {
	background-color:#B7E2FF;
}
#chbox {
	position:absolute;
	left:70%;
}
#point {
	font-weight:normal;
	font-size:8pt;
	padding:0px;
	margin:0px;
}
p.con {
	font-size:11pt;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin:2px;
	margin-left:20px;
	margin-bottom:5px;
	letter-spacing:1px;
	font-weight:bold;
}
#fake {
	position:absolute;
	left:20px;
	top:45px;
	background-color:#fff;
	border-color:f00;
	width:300px;
	height:350px;
	z-index:9;
	
}
/*-------------------------------------------- Route		*/
div.kont6 {
	background-image:url('../afb/rout.jpg');
}

#rout {
	position:relative;
	height:200px;
	width:300px;
	left:50px;
	top:30px;
	font-size:11pt;
	font-weight:bold;
}

input.rout {
	position:absolute;
	left:120px;
}
select.rout {
	position:absolute;
	left:120px;	
}
#roub {
	position:absolute;
	left:120px;	
	width:100px;
	margin-top:20px;
}
p.note {
	font-size:10pt;
	margin-left:20px;
}
#kaart {
	position:absolute;
	height:auto;
	height:100%;
	min-height:100%;
	border-style:none;
}

/*-----------------------------------------------------------------------------*/
/* Ending Credits:

Copyrights reserved to AutomatiseringsCentrum Tholen (ACT for short)
Designed by Michael Hermus
Made during internship @ ACT
While studying @ ROC Zeeland, Veerhavenweg, Vlissingen.
And Thanks to Natasha Schroevers en Mitchell Klijnstra
*/

/* ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞
|     8-Designs		Tilt your Imagination	 |
∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ */