/*
CSS for: Combi Terminal Twente
Version: 1.0
Author: Fiendo - Geert Hoekzema
Website: http://fiendo.nl
*/

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-size:75%;
	font-family:Arial, Verdana, sans-serif;
	font-weight:normal;
	background:#fff;
	background:transparent url("images/bg_2.jpg") no-repeat fixed bottom center;
}

body#contacts {
	background:transparent url("images/bg_3.jpg") no-repeat fixed bottom center;
}
body#info {
	background:transparent url("images/bg_1.jpg") no-repeat fixed bottom center;
}

div#content-holder {
	position:relative;
	width:250px;
	height:400px;
	left:30%;
	top:20%;
	line-height:1.7em;
}

div#content-holder ul {
	list-style-type:none;
		margin:0;
	padding:5px;
	background:#000;

}
div#content-holder ul li a {
	color:#fff;
	text-decoration:none;
	padding:1px;
}

#web {
	width:200px;
	padding-left:35px;
	background:transparent url("images/web.png") no-repeat scroll left bottom; 
	margin:0 0 25px;
}

#print {
	width:200px;
	padding-left:35px;
	background:transparent url("images/print.png") no-repeat scroll left bottom; 
	margin:0 0 25px;
}
#contact {
	width:200px;
	padding-left:35px;
	background:transparent url("images/contact.png") no-repeat scroll left bottom; 
	margin:0 0 25px;
}

#informatie {
	width:200px;
	padding-left:35px;
	background:transparent url("images/informatie.png") no-repeat scroll left bottom; 
	margin:0 0 25px;
}

#informatie div,
#contact div  {
	background:#000;
	color:#fff;
	padding:5px;
	-moz-border-radius:3px;
}


#menu {
	padding-left:35px;	
	width:200px;
}
#menu ul {
	margin:0;
	padding:0;
	height:20px;

}
#menu ul li {
	float:left;
	color:#999;
	padding:0 2px;
}
div#menu ul li a {
	color:#999;
}
div#menu ul li.selected a {
	color:#fff;
}

.url {
	margin:-3px 0 0;
	padding:0;
	float:right;
}

#name,
#message,
#button {
	width:177px; 
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	padding:3px;
	background:#666;
	border:1px solid #000;
	color:#fff;
	-moz-border-radius:3px;
}
#message {
	height:144px;
}
#button {
	padding:4px 6px;
	font-weight:bold;
	width:185px;
}
#name:hover,
#name:focus,
#message:hover,
#message:focus,
#button:hover,
#button:focus {
	border:1px solid #ccc;
}
/* ========== GENERAL ========== */


a 					{ color:#333; }
a:visited 	{ color:#666; }
a:active 		{ color:#333; text-decoration:none;}
a:hover 		{ color:#fff; background-color:#333; text-decoration:none; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.center 		{ text-align:center; }
.right 			{ text-align:right; }
.floatLeft 	{ float:left; }
.floatRight { float:right; }
.clearLeft 	{ clear:left;}
.clearRight { clear:right;}
.clearBoth 	{ clear:both; }
.hidden 		{ display:none; } 
.small 			{ font-size:.9em; }

h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; color:#333;}
h1 { font-size:1.8em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }

img 				{ border:0; }
table 			{ border-collapse:collapse }
input 			{ font-family:Arial, Verdana, sans-serif; } 
input:focus { background-color:#e4ebee; }