@charset "UTF-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#47433f;
}

/* gradients & multybackgrounds ondersteunt */
html.multiplebgs.cssgradients body {
	background-image: url(../img/lan_bg.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,255,255)),
		color-stop(1, rgb(187,187,187))
	);
	background-image: url(../img/lan_bg.png), -moz-linear-gradient(
		center bottom,
		rgb(255,255,255) 0%,
		rgb(187,187,187) 100%
	);
	background-repeat: no-repeat, repeat-x;
	background-position: 50% 170px, top left;
	background-color:#FFF;
}

/* gradients NIET ondersteunt */
html.no-cssgradients body {
	background: #e8e7e6 url(../img/bg.png) repeat-x;
}

/* multybackgrounds NIET ondersteunt */
html.no-multiplebgs div#body {
	background:url(../img/lan_bg.png) no-repeat 50% 170px;
}

#caps {
	display:none;
	margin-left:10px;
}

img#fade {
	z-index:-9999;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:200px;
}

div#body {
	position:relative;
	padding:10px;
}

/* Admin Mode */
html.admin div#body {
	padding:10px 0px;
}

.prod_del {
	cursor:hand; cursor:pointer;
	margin-top:-8px;
}

#winkelkar_icon {
	cursor:hand; cursor:pointer;
}
.iconR {
	position:relative;
	float:right;
	text-align:right;
	margin-top:-15px;
}

.iconR_absolute {
	position:absolute;
	top:53px; right:10px;
}

.iconL {
	position:relative;
	float:left;
	text-align:right;
	margin-top:-15px;
}

.iconL_absolute {
	position:absolute;
	top:53px; left:10px;
}

.submit_p {
	left:-20px;
	position:relative;
	display:none;
}

input.txt, select.txt, textarea.txt {
	background-image: url(../img/txt_bg.png), url(../img/input_line.png);
	background-repeat: repeat-x, repeat;
	background-color:#FFF;
	padding:2px 5px 2px 5px;
	border:1px solid #78736d;
	color:#333;
	font-size:12px;
	margin-left:0px;
}

#contact_input input[type=text].txt, #contact_input input[type=email].txt, #contact_input textarea.txt {
	width:250px;
}

#contact_input select.txt {
	width:262px;
}

textarea.txt {
	margin-left:-2px;
}

select.txt {
	margin-bottom:4px;
	margin-top:3px;
}

/* safari */
html.safari form#contact input.txt, html.safari form#offerte input.txt {
	margin-bottom:5px;
}

input#vnaam {
	border:1px solid #db7123;
}

input.contact, textarea.contact {
	font-size:12px;
}

textarea.contact {
	width:235px;
	height:100px;
}

/* safari */
html.safari textarea.contact {
	position:relative;
	left:2px;
}

.error, .succes {
	color:#C30;
	padding-left:5px;
	display:inline;
	position:relative;
}

.error_message {
	position:absolute;
	width:250px;
	background:#EEE;
	margin-left:10px; margin-top:-1px;
	padding:4px; padding-left:5px;
	border:1px #736F6E solid;
	opacity: .9; filter: alpha(opacity = 90);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
     -moz-box-shadow: 0px 0px 4px #666; 
  -webkit-box-shadow: 0px 0px 4px #666; 
          box-shadow: 0px 0px 4px #666; 

}

.error[for="bericht"], .error[for="bericht_webdev"], .error[for="bericht_it"] {
	position:relative;
	bottom:5px;
}

.error[for="bericht"] .error_message, .error[for="bericht_webdev"] .error_message, .error[for="bericht_it"] .error_message {
	bottom:-5px;
}

img.warning {
	margin: 0px 10px -5px -5px;
}

img.ok {
	postion:relative;
	margin-bottom:-4px;
}

.question {
	cursor:pointer; cursor:hand;
}

.answer {
	display:none;
}

.succes {
	color:#090;
}

.hidden {
	display:none;
}

.showinline {
	display:inline;
}

.showblock {
	display:block;
}

#contact_lbl {
	display:block;
	float:left;
	line-height:20px;
}

#contact_input {
	display:block;
	position:relative;
	top:13px;
	left:20px;
}

.host {
	margin-left:5px;
}

.bgeg {
	display:block;
	float:left;
	font-size:12px;
}

.bgeg2 {
	display:block;
	position:relative;
	left:20px;
	font-size:12px;
	top:3px;
}

.bgeg p, .bgeg2 p {
	padding:2px; margin:2px;
}

#contact_input p {
	margin:0px;
	padding-bottom:12px;
}

/* safari */
html.safari #contact_input p {
	margin:0px;
	padding-bottom:7px;
}

header#header, header#slide_header, #top_nav {
	width:1024px;
	height:180px;
	display:block;
	margin:auto;
	position:relative;
}

header#header #headerbg {
  opacity: .6;
  filter: alpha(opacity = 60);
  position: absolute;
  width:100%; height: 100%;
  background: url(../include/head_bg.php) no-repeat top left;
}

header#header>a {
	position:relative;
	z-index:2;
}

#top_nav {
	height:auto;
	width:1000px;
	top:5px;
}

header#slide_header {
	height:180px;
}

/* Admin Mode */
html.admin header#header {
	width:95%;
}

nav#nav {
	width:1024px;
	height:65px;
	display:block;
	position:absolute;
	background:url(../img/menu.png) no-repeat;
	bottom:0px; left:0px;
}

div#klanten {
	position:absolute;
	right:-1px; top:-1px;
	background:url(../img/klanten_bg.png) no-repeat top right;
	width:116px; height:60px;
	text-align:right;
	padding:8px 10px;
}

/* FF win */
html.mozilla body.windows div#klanten {
	padding:6px 10px;
}

div#klanten a:link, div#klanten a:visited {
	text-decoration:none;
	font-family:"Bookman Old Style";
	color:#b6b5b5;
}

div#klanten a:hover, div#klanten a:active {
	color:#d88243;
}

nav.sitemap {
	float:left; width:30%; position:relative;
}

div.sitemap {
	float:left; position:relative;
}

nav.firstrow, div.firstrow {
	margin-top:10px;
}

nav.secondrow, div.secondrow  {
	margin-top:30px;
}

div#sitemap_bottom {
	clear:none; margin-bottom:10px;
	position:relative;
	top:0px; left:0px;
	height:400px;
	z-index:-1;
}

ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

li {
	list-style:none;
	padding: 0;
	margin: 0;
}

ul#menu>li {
	display:inline;	
}

ul#menu {
	margin-top:25px;
	margin-left:51px;
}

ul#menu li {
	float: left;
}
	
	ul#menu li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		margin-top:31px;
		width:153px;
		z-index:9999;
	}
	
	/* IE 7.0 */
	html.msie body.version7 ul#menu li ul {
		margin-left:-154px;
		width:151px;
	}	
	
	ul#menu li ul li {
		float: none;
		display: block;
		background: url(../img/submenu_bg.png) repeat;
	}
	
	ul#menu li ul li.submenu_bottom {
		background: url(../img/submenu_bottom.png) no-repeat center top;
	}
	
	ul#menu li ul li a {
		display:block;
		height:25px;
		width:153px;
		text-align:center;
		padding-top:5px;
		/*color:#b6b5b5;*/
		color:#EEE;	
		font-family:"Bookman Old Style";
	}


a:link, a:visited {
	text-decoration:none;
	color:#d88243;
}

a:hover, a:active {
	color:#999;
}

ul#menu li a.menu:link, ul#menu li a.menu:visited, ul#menu li a.menu_nu, nav#slide_nav a {
	display:block;
	font-family:"Bookman Old Style";
	float:left;
	padding-top:9px;
	font-size:14px;
	position:relative;
	height:31px;
	width:153.6px;
	/*color:#b6b5b5;*/
	color:#EEE;
	text-align:center;
	text-decoration:none;
}

/* safari & opera & IE 7.0 */
html.safari ul#menu li a.menu:link, html.safari ul#menu li a.menu:visited, html.safari ul#menu li a.menu_nu, html.safari nav#slide_nav a,
html.opera ul#menu li a.menu:link, html.opera ul#menu li a.menu:visited, html.opera ul#menu li a.menu_nu, html.opera nav#slide_nav a,
html.msie body.version7 ul#menu li a.menu:link, html.msie body.version7 ul#menu li a.menu:visited, html.msie body.version7 ul#menu li a.menu_nu, html.msie body.version7 nav#slide_nav a {
	width:154px;
}

ul#menu li a.menu_nu, nav#slide_nav a.activeSlide {
	background:url(../img/menu_item.png) no-repeat;
}

ul#menu li a.menu_nu_dd {
	background:url(../img/menu_item_dd.png) no-repeat;
}

ul#menu li a.menu_dd {
	background:url(../img/menu_item_dd2.png) no-repeat;
}

ul#menu li a.menu:hover, ul#menu li a.menu:active, ul#menu li ul li a:hover, ul#menu li ul li a:active {
	color:#d88243;
}

ul#menu li a.menu_nu:hover, ul#menu li a.menu_nu:active, ul#menu li a.menu_nu_dd:hover, ul#menu li a.menu_nu_dd:active {
	/*color:#b6b5b5;*/
	color:#EEE;
}

nav a.icon_link:link, nav a.icon_link:visited, nav span.icon_link {
	text-decoration:none;
	color:#d88243;
	position:relative;
	display:block;
	height:24px;
	width:1px;
	font-size:12px;
	padding-top:5px;
	padding-left:30px;
}

nav a.hosting:link, nav a.hosting:visited {
	background:url(../img/hosting_icon.png) no-repeat;
}

nav a.hosting:hover, nav a.hosting:active {
	color:#999;
	background:url(../img/hosting_icon_gray.png) no-repeat;
}

nav a.bezet:link, nav a.bezet:visited, nav a.onmogelijk:link, nav a.onmogelijk:visited, nav a.ongeldig:link, nav a.ongeldig:visited {
	background:url(../img/verhuizen_icon.png) no-repeat;
}

nav a.bezet:hover, nav a.bezet:active, nav a.onmogelijk:hover, nav a.onmogelijk:active, nav a.ongeldig:hover, nav a.ongeldig:active {
	background:url(../img/verhuizen_icon_gray.png) no-repeat;
}

nav a.kopen:link, nav a.kopen:visited {
	background:url(../img/kopen_icon.png) no-repeat;
}

nav a.kopen:hover, nav a.kopen:active {
	background:url(../img/kopen_icon_gray.png) no-repeat;
}

nav span.loading {
	background:url(../img/loading_icon.gif) no-repeat 5px 5px;
	color:#909090;
}

#more_ex {
	float:right;
	position:relative;
	/*max-width:158px;*/
	font-size:13px;
}


.prod {
	border-top:solid #999 1px;
}
.prod_last {
	border-bottom:solid #999 1px;
}
.prod:not(.side) {
	padding:10px;
}

.volgnr_knop {
	float:right;
	margin-top:12px;
	text-align:right;
}

.toe {
	margin-top:5px;
}

.domein_keuze_veld_hidden {
	display:none;
}

.domein_check_error {
	float:right;
	top:-15px;
	position:relative;
	max-width:158px;
}

input.url {
	width:180px;
}

input.check {
	width:355px;
}

#host, #domein {
	font-size:12px;
	float:right;
	position:relative;
	width:93px;
}

#domeinen_table td {
	min-width:100px;
}

#domeinen_table p {
	padding: 6px 0px 5px 0px !important; margin: 0px !important; font-size: 13px !important;
}

img#domein_check_img {
	cursor:hand;
	cursor:pointer;
}

section#host p {
	position:relative;
	margin:6px 0px 10.5px 0px;
}

section#domein p, section#domeinen p {
	position:relative;
	margin:6px 0px 14.5px 0px;
}

/* safari & opera */
html.safari section#domein p, html.opera section#domein p, html.safari section#domeinen p, html.opera section#domeinen p {
	margin:6px 0px 15.5px 0px;
}

/* win */
body.windows section#domein p, body.windows section#domeinen p {
	margin:6px 0px 14px 0px;
}

nav.icon p {
	position:relative;
	margin:0px;
	margin-bottom:39px;
}

/* safari & opera */
html.safari nav.icon p, html.opera nav.icon p {
	margin-bottom:37px;
}

/* win */
body.windows nav.icon p {
	margin-bottom:41px;
}

a.logo {
	left:20px; top:20px;
}

a img {
	border:0px;
}


.overlay {
	display:none;
	z-index:99999;
	background-color:#c5c5c5;
	max-width:1000px;
	min-height:200px;
	border:1px solid #db7123;

	-moz-box-shadow:0 0 90px 0px #000;
	-webkit-box-shadow: 0 0 90px 0px #000;	
}

.overlay>div {
	margin:10px;
}

.overlay a.close:not(.annu) {
	background-image:url("../img/close.png");
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.overlay a.close.annu {
	position:relative;
	cursor:pointer;
	left:30px;
	color:#d88243;
}

.overlay a.close.annu:hover, .overlay a.close.annu:active {
	color:#999;
}

.foto {
	border:1px #736F6E solid;
}
.foto_R {
	float:right; margin-left:10px;
}
.foto_L {
	float:left; margin-right:10px;
}
.foto_Mid {
	margin:auto;
}

.block {
	float:left;
	margin:10px 0px;
	height:64px; width:269px;
	overflow:hidden;
}

.block p {
	margin:5px;
	width:180px;
	padding:0px 10px 0px 5px;
	float:left;
	font-size:16px;
}

.block img {
	float:left;
	width:64px; height:64px;
}

.actie {
	width:100%;
	min-height:150px;
	color:#47433f;
}

.actie.click {
	cursor:pointer;
}

.actie h1 {
	background:url("");
	padding-top:25px; padding-left:170px;
	font-size:36px;
	color:#47433f;
	text-shadow:1px 1px 3px #888;
	
	/* Cross Browser Rotator*/
     -moz-transform: rotate(-3.5deg);  
       -o-transform: rotate(-3.5deg);  
  -webkit-transform: rotate(-3.5deg);  
      -ms-transform: rotate(-3.5deg);  
          transform: rotate(-3.5deg);  
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
                      M11=0.9981347984218669, M12=0.06104853953485687, M21=-0.06104853953485687, M22=0.9981347984218669); 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9981347984218669, M12=0.06104853953485687, M21=-0.06104853953485687, M22=0.9981347984218669,sizingMethod='auto expand')"; 
                      
               zoom: 1;
}

.actie p {
	padding-top:-10px; padding-left:180px;
	font-size:16px;
}

.actie:not(.actie_cycle) em {
	position:relative;
	float:right;
	bottom:0px; right:20px;
	text-align:right;
}

.actie.actie_cycle em {
	position:absolute;
	bottom:0px; right:20px;
	text-align:right;
}

span.line {
	background:url("../img/line.png") repeat-x top;
	width:100%;
	display:block;
}

.questionmark {
	position:relative;
	float:right;
	text-align:right;
	margin-top:-30px;
	font-family:Bookman Old Style;
	font-weight:normal;
	color:#db7123;
	font-size:140px;
}

h1, h2 {
	font-family:"Bookman Old Style";
	font-weight:normal;
	color:#db7123;
	margin-top:5px;
	background:url(../img/line.png) repeat-x bottom;
}

article.addL h1, article.addR h1,  article.addL h1 a,  article.addR h1 a, article.addL h2, article.addR h2,  article.addL h2 a,  article.addR h2 a {
	color:#e29963;
}

article.addL h1 a:hover,  article.addR h1 a:hover, article.addL h2 a:hover,  article.addR h2 a:hover {
	color:#999;
}

h1 {
	font-size:28px;
}

h2 {
	font-size:21px;
}

h3 {
	font-size:17px;
}

h3 {
	color:#db7123;
	font-family:"Bookman Old Style";
	font-weight:normal;
}

.black {
	color:#000;
}

.orange {
	color:#db7123;
}

a.contact {
	display:block;
	margin:0px;
	margin-bottom:2px;
	font-size:14px;
	width:350px;
}

div#content_wrapper {
	width:100%;
	top:10px;
	position:relative;
	float:left;
	clear:both;
	margin:auto;
}

div#content {
	width:1024px;
	margin:auto;
}

/* Admin Mode */
html.admin div#content {
	width:94%;
}


aside#sidebarL {
	position:relative;
	width:200px;
	float:left;
}

aside#sidebarR {
	position:relative;
	width:200px;
	float:right;
	margin-right:12px;
}

article.addL, article.addR {
	position:relative;
	display:block;
	width:190px;
	padding:10px;
	margin-bottom:20px;
	background:url(../img/content_bg.png) repeat-x;
	border-bottom:#736F6E solid 1px;
	border-left:#736F6E solid 1px;
	border-right:#736F6E solid 1px;
	
}

article.addL div.foto {
  opacity: .6;
  filter: alpha(opacity = 60);
  border-color: #333;
}

a.add_link {
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	z-index:2;
	background-color:#FFF;
	opacity:0.0;filter:alpha(opacity=0);
}

article.content {
	position:relative;
	display:block;
	width:542px;
	padding:10px;
	margin-left: 230px;
	margin-bottom:20px;
	background:url(../img/content_bg.png) repeat-x;
	border-bottom:#736F6E solid 1px;
	border-left:#736F6E solid 1px;
	border-right:#736F6E solid 1px;
	min-height:45px;
}

article.slide_content {
	position:relative;
	display:block;
	width:1024px;
	margin:auto;
	height:600px;
	background:url(../img/slide_bg.png) no-repeat;
}

article.slide_contact {
	position:relative;
	display:block;
	width:1024px;
	margin:auto;
	height:100px;
	background:url(../img/slide_contact.png) no-repeat;
}

article.slide_contact>div {
	position:relative; margin:auto; width:542px; padding-top:28px;
}

nav#slide_nav {
	position:absolute;
	left:46px; top:29px;
}

a:focus {
	outline: none;
}

.slide {
	position:absolute;
	left:46px; top:69px;
}

.slide img {
	width:921px; height:460px;
}

.no_border {
	border: 0px #000 solid;
}

/* Admin Mode */
html.admin article.content {
	width:100%;
	margin:0px;
	margin-left:-10px;
	margin-bottom:20px;
}

footer {
	display:block;
	position:relative;
	margin:auto;
	clear:both;
	width:1024px;
	top:10px;
	padding-top:5px;
	font-size:12px;
	background:url(../img/line.png) repeat-x top;
}

a.footer_link:link, a.footer_link:visited {
	color:#000;
}

a.footer_link:hover, a.footer_link:active {
	color:#d88243;
}

a.footlink {
	top:-15px;
	position:absolute;
}

/* Admin Mode */
html.admin footer {
	width:95%;
}

nav#footR {
	position:absolute;
	right:0px; top:17px;
}

nav#footL {
	position:relative;
	display:block;
	margin-bottom:10px;
}


/* Styling for no-js & NO IE 6 */

#no-js, #ie6, #constructie, #errorcode {
	display:none;
	position:absolute;
	z-index:999;
	width:80%; min-width:475px;
	height:60%; min-height:320px;
	background:#CCC;
	border:#999 solid 1px;
	margin:auto;
	text-align:center;
	margin-top:10%; margin-left:10%;
	top:0px; left:0px;
	color:#900;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#no-js a:link, #no-js a:visited, #ie6 a:link, #ie6 a:visited, #constructie a:link, #constructie a:visited, #errorcode a:link, #errorcode a:visited {
	color:#900;
	font-style:italic;
}

#no-js a:hover, #no-js a:active, #ie6 a:hover, #ie6 a:active, #constructie a:hover, #constructie a:active, #errorcode a:hover, #errorcode a:active {
	color:#333;
}

html.no-js #no-js, html.msie body.version6 #ie6 {
	display:block;	
}

html.no-js #body, html.msie body.version6 #body {
	display:none;
}

html.msie body.version6 {
	background:#FFF;
}