/* CSS Document */
html, body {
	margin: 0;	
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #000000;
}
a {
	text-decoration: none;
	font-weight: normal;
	color: #000000; /* donker grijs */ 
	text-decoration: underline;
}
a:hover, a:active {
	color: #000000;
	font-weight: normal;
}
h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #000000; /* donker grijs */
	text-transform: uppercase;	
	font-weight: bold;
}
h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}
h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-transform: uppercase;
}
hr {
	height:1px;
	color: #808083;
	
}
table {
	border-spacing: 0;
}
td {
	vertical-align: top;
}
#wrapper {
	position:relative;
	margin: 70px auto 0;
	width: 100%;
	min-height: 560px;
	height: auto !important;
	height: 560px;
}

#sfeerbeeld_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #000000;
	z-index: 12;
	/*height: 686px;	*/
	height: 100%;
	display: block;
	filter: alpha(opacity=100);
}
#sfeerbeeld_wrapper {
	position: absolute;
	top: 0px;	
	z-index: 13;
	display: block;
	width:100%;
	filter:alpha(opacity=100);
}

#zandloper {
	position: absolute;
	top: 53px;
	left: 235px;
}

.website {
	background-color: #ffffff; 
	width: 100%; 
	background-image: url(../../images/structure/sfeer_nieuw_overigen.jpg); 
	background-repeat: no-repeat;
	text-align: left;
}
#sfeerbeeld {
	z-index: 1;
	position: absolute;
}
#mask {
	z-index: 2;
	position: absolute;
	width: 990px;
}
#top {
	z-index: 3;
	position: relative;
	height: 140px;
	width: 990px;
}
#koffiezetapparaat {
	position: absolute;
	top: -25px;
	right: 10px;
}
#logo {
	position: absolute;
	top: 20px;
	left: 15px;
}
#midden {
	z-index: 3;
	position:relative;
	width: 990px; 
}
#hoofdmenu {
	width: 107px;
}
#hoofdmenu img {
	padding-bottom: 10px;
}
#main {
	padding: 20px; /* JIM */
	padding-top: 0px; /* JIM */
	padding-left: 210px;
	width: 423px;
	
}
#right {
	width: 250px;
	padding-top: 15px;
}

#webscan {
	position: absolute;
	top: 100px;
	left: 726px;
	z-index: 5;
}



#submenu_actueel {
	width: 230px;
	background-color: #BBBBBF;
	font-size: 11px;
	line-height: 18px;
	padding: 0px 10px 0 10px;
}
#submenu_actueel a:active {
	font-weight: bold;
	text-decoration: none;
}
.submenu_bull {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	width: 13px;
}
#submenu_internet_concepten {
	width: 230px;
	background-color: #F0B310;
	font-size: 11px;
	line-height: 18px;
	padding: 0px 10px 0 10px;
}
#submenu_emarketing {
	width: 230px;
	background-color: #9FCF67;
	font-size: 11px;
	line-height: 18px;
	padding: 0px 10px 0 10px;
}
#submenu_hosting {
	width: 230px;
	background-color: #F27C31;
	font-size: 11px;
	line-height: 18px;
	padding: 0px 10px 0 10px;
}


#submenu_internet_concepten a, #submenu_emarketing a, #submenu_actueel a, #submenu_hosting a {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}
#submenu_internet_concepten a:hover,
#submenu_internet_concepten a.active,
#submenu_emarketing a:hover,
#submenu_emarketing a.active,
#submenu_actueel a:hover,
#submenu_actueel a.active,
#submenu_hosting a:hover,
#submenu_hosting a.active {
	font-weight: bold;
	font-size: 12px;
}

.heading_sub_internet_concepten, .heading_sub_emarketing, .heading_sub_actueel, .heading_sub_hosting {
	color: #ffffff;
	text-transform: uppercase;
}



.td_search {
	padding-right: 10px;
	font-size: 12px;
	color: #abadb3;
}
.search_input {
	height: 17px; 
	margin-bottom: 3px; 
	width: 221px; 
	font-size: 11px;
	border: 1px solid #bbbbbf;
}
.search_select {
	width: 225px;
	border: 1px solid #bbbbbf;
	margin-right: 4px;
}


#naw {
	font-size: 10px;
	line-height: 14px;
}
#bottom {
	color: #B3B3B3;
	width: 830px;
	padding-left: 160px;
	vertical-align: top;
	font-size: 10px;
}
#bottom a {
	text-decoration: none;
	color: #B3B3B3;
}
#bottom a:hover {
	color: #B3B3B3;
	text-decoration: none;
}
#menu {
	position: absolute;
	top: 68px;
	left: 158px;
	width: 822px;
}
#menu a {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	background-color: #ffffff;
	color: #808083; 
	height: 20px;
	padding: 4px;
	text-decoration: none;
}
#menu a:hover, #menu a.active {
	font-weight: bold;
	font-size: 11px;
}
/* aanmelden nieuwsbrief */
#aanmelden_nieuwsbrief {
	margin-top: 20px; 
	background-image: url(../../images/structure/but_aanmelden.jpg);
	background-repeat: no-repeat;
	height: 124px;
	padding: 25px 0 0 10px;
}
#text_aanmelden_nieuwsbrief a{
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
}

/* table deafult */
#nieuws_berichten {
	width: 400px;
}
.nieuws_value img{
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #979798;
}
.nieuws_key {
	border-top: 1px dotted #979798;
	margin-top: 5px;
}
.nieuws_title {
	font-weight: bold;
}
.nieuws_datum {
	font-size: 11px;
	color: #979798;
}
.leesmeer, a.leesmeer:hover, a.leesmeer:active, a.leesmeer:visited {
	color: #f0b310;
	font-weight: bold;
	text-decoration: none;
}
/* contactformulier */
.contact_value {
	width: 300px;
}
.contact_key {
	width: 100px;
}
.contact_verplicht {
	font-style: italic;
}
.contact_input {
	width: 300px;
	border: 1px solid #BBBBBF;
	height: 20px;
	margin-bottom: 3px;
}
.contact_textarea {
	width: 400px;
	height: 60px;
	border: 1px solid #BBBBBF;
}
.contact_buttons {
	text-align: right;
}