@charset "utf-8";

/* Algemeen */

* {	margin: 0; padding: 0; }
html, body {	width: 100%; min-height: 100%; _height: 100%; }
html, body, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003399; }

a {	color: #003399;	text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border:none; }

p { margin-bottom:1em; }

h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003399; font-weight: bold; text-transform: uppercase; margin-bottom: 1em; clear:left; }

table { margin-bottom:1em; }

.item { background-color: #e0e8f8; padding:10px; overflow:hidden; }
.clr { clear:both; }

.actie  {background: #D9001B; position:absolute; top:200px; right:10px; z-index:999; padding: 0 10px; }
.actie a { color: #FFF; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px;}

/* LAYOUT */

div#wrapper {	margin: 0 auto;	width: 1000px; }

#header, #content, #footer, #kolommen {	float: left; clear: both; width: 1000px; }

#header { height: 114px; background: #FFFFFF url("../images/logo-abbeyamsterdam.jpg") 0 0 no-repeat; }
#header #header_image_reclame {	float: left; height: 89px; width: auto;	margin-left: 150px; background-color: #fff; }
#header #header_image_reclame #aanbieding,
#header #header_image_reclame #aanbieding_en { float: left; height: 75px; width: 441px; padding-left: 12px; line-height: 128px; text-transform: uppercase; color: #FFFFFF; background: url("../images/abbey_banner_werkplekken_V2.gif") left bottom no-repeat; }
#header #header_image_reclame #aanbieding_en { background-image: url("../images/abbey_banner_werkplekken_EN.gif"); }
#header #header_image_reclame #bellen {	float: left; display: block; height: 89px; width: 200px; padding-left: 12px; line-height: 128px; text-transform: uppercase; color: #FFFFFF; background: url("../images/bel-direct_bg.jpg") 0 0 no-repeat; }
#header #header_image_reclame #referenties { float: left; margin-left: 20px; margin-top: 55px; padding: 3px 14px 3px 10px; color: #FFFFFF; text-transform: uppercase; background: url("../images/prijs_bg.png") 0 0 no-repeat; border: none; width: 115px; height: 24px; text-align: center; }
#header #header_image_reclame #referenties a { color: #FFFFFF; }

#header #header_image_reclame_click{
	float:left;
	height:100px;
	width:135px;
	margin-left:-140px;
}

#menu {	float: left; margin-left: 154px; background-color: #fff; width: 850px; height: 25px; }
#menu ul { list-style: none; float: left; padding: 0; }
#menu ul li { float: left; }
#menu ul li a { display: block; color: #ffffff; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px; margin-right: 10px; padding-right: 7px; padding-left: 7px; background-color: #003399; }
#menu ul li a.active, #menu ul li a:hover { background: #e0e8f8; color: #039; text-decoration: none; }

#talen { float: right; height: 25px; width: 59px; padding: 0px; margin-top: 0px; background-color: #fff; overflow: hidden; }
#talen img { border: none; }

/* Header-afbeelding */
.header { float: left; width: 978px; height: 245px; border: 11px solid #e0e8f8; position: relative; }

#header-home { }
#header-enhome			{ background: url("../images/header-home.jpg") 0 0 no-repeat; }
#header-virtueel-kantoor	{ background: url("../images/header-virtueel-kantoor.jpg") 0 0 no-repeat; }
#header-vergaderruimte		{ background: url("../images/header-vergaderruimte.jpg") 0 0 no-repeat; }
#header-kantoor			{ background: url("../images/header-kantoor.jpg") 0 0 no-repeat; }
#header-flexplek		{ background: url("../images/header-flexplek.jpg") 0 0 no-repeat; }
#header-referenties		{ background: url("../images/header-referenties.jpg") 0 0 no-repeat; }
#header-contact			{ background: url("../images/header-contact.jpg") 0 0 no-repeat; }
#header-actie			{ background: url("../images/header-actie.jpg") 0 0 no-repeat; }

#slider { position: absolute; z-index: 0; }

/*.img-tekst { color: #FFF; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px; background: #039; margin: 200px 0 0 10px; float:left; padding: 0 10px; z-index:999999999;} */
.img-tekst { color: #FFF; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px; background: #039; position:absolute; top:200px; left:10px; z-index:999; padding: 0 10px; }


#advertentie { display: none; background-color: #D60021; color: #FFFFFF;  padding: 0px; overflow: hidden; text-align: center;}
#advertentie h1 { display: block; color: #FFFFFF; text-transform: uppercase; font-size: 18px; margin:0; }
#advertentie p { display: block;  font-size: 12px; }
#advertentie.zichtbaar { display: block; position: absolute; top: 200px; left: 0px; z-index: 1000;  width: 964px; height: 31px; padding:7px; }
#advertentie.zichtbaar h1 { color: #FFFFFF; text-transform: uppercase; font-size: 14px; }

/* Content */
#content { margin-top: 19px; }
#content p { line-height: 14px; }
#content a { text-decoration: underline; }

#kolommen { overflow: hidden; height: 159px; }

#kolom-1, #kolom-2, #kolom-3 { padding:10px; background-color: #e0e8f8; width: 300px; }

#kolommen div { float: left; height: 139px; overflow:hidden; }
#kolom-1, #kolom-2 { margin-right: 20px; }
#kolom-3 { height: 139px; overflow:hidden; position:relative; float:right; }
#kolom-3.contact { height:auto; }

#kolom-2 #kaartje { float: right; }

#kolom-3 form, #kolom-3 p { }
#kolom-3 form label { width: 132px; float: left; line-height: 23px; display: block; }
#kolom-3 form input { width: 143px; float: right; margin-top: 3px; padding-top: 2px; padding-bottom: 2px; }
#kolom-3 form select { width: 146px; float: right; margin-bottom: 0px; margin-top: 3px; padding-top: 2px; padding-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003399; }
#kolom-3 form .button_prijs1 { margin-top: 9px; }

a.button, input.button { 
	border:none;
	float:left; width:85px; text-align:center; margin:0 10px 0 0;
	line-height:20px; height:20px;
	color: #FFFFFF; text-transform:uppercase; font-weight: bold;
	background:url("../images/button_bg.png") no-repeat 0 0; }

#content a.button { text-decoration: none; }



/* KOLOMMEN - REFERENTIES */
#kolommen_ref { overflow: hidden; height: 250px; }
#kolom-1_ref { float: left; height: 250px; width: 300px; background-color: #e0e8f8; }
#kolom-2_ref { float: left; margin-left: 20px; height: 250px; width: 300px; background-color: #e0e8f8; }

#home-info-wrapper { float: left; margin-top: 20px; }

/* menu home info */

#container-1 { float: left; margin-left: 0px; background-color: #fff; width: 848px; }
#container-1 ul { list-style: none; float: left; padding: 0; }
#container-1 ul li { float: left; }
#container-1 ul li a { display: block; color: #ffffff; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px; margin-right: 10px; padding-right: 7px; padding-left: 7px; background-color: #003399; text-decoration: none; }
#container-1 ul li a:active, #container-1 ul li a:hover, #container-1 ul li.ui-tabs-selected a { color: #003399; background-color: #e0e8f8; }

.open { display: block; color: #ffffff; font-size: 11px; text-transform: uppercase; line-height: 25px; margin-right: 10px; padding-right: 10px; padding-left: 11px; background-color: #e0e8f8; }

/* content home info */
#fragment-1, #fragment-2, #fragment-3, #fragment-4 { float: left; margin-left: 0px; height: 199px; width: 1000px; background-color: #e0e8f8; }

.info-content1 { float: left; width: 310px; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }
.info-content2 { float: left; width: 300px; padding-top: 10px; padding-left: 30px; padding-bottom: 10px; }

#info-content-afbeelding { float: right; margin-right: 10px; margin-top: 10px; }

/* Virtueel kantoor */

#content-virtueel-kantoor { float: left; display: block; width: 639px; background-color: #e0e8f8; }
#content-virtueel-kantoor ul { padding: 0px 10px 10px 26px; line-height: 14px; }

#kaart { float: left; height: 438px; width: 639px; background: url("../images/kaartje_contact.jpg") no-repeat center center; }

#kolom-3-algemeen { float: right; width: 320px; background-color: #e0e8f8; }

.button_prijs { display:block; margin: 0 0 1.6em 26px; padding: 2px 14px 4px 10px; clear: both; color: #FFFFFF; text-transform: uppercase; font-weight: bold; line-height: 24px; background: url("../images/prijs_bg.png") 0 0 no-repeat; border: none; }
.button_prijs1 { float: left; margin: 0 0 10px 0; padding: 0 14px 0 10px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; line-height: 20px; height:20px; background: url("../images/prijs_bg.png") 0 0 no-repeat; border: none; }

.info-virtueelkantoor { padding: 0px 10px 10px 26px; /* TOP RIGHT BOTTOM LEFT */ clear: both; }


.clear { clear: both; }

.failCSS { border: 1px solid #d70020; }

/* Tabs*/
@media projection, screen { .ui-tabs-hide {display:none; } }
@media print { .ui-tabs-nav {display:none; } }

.ui-tabs-panel { }

/* Additional IE specific bug fixes... */ * html .ui-tabs-nav { display: inline-block; }
*:first-child + html .ui-tabs-nav { display: inline-block; }

/* Footer */
#footer { margin-bottom: 20px; }
#colcrz_left { float: left; margin-top: 8px; }
#colcrz_left a { text-decoration: underline; }
#colcrz_right { float: right; margin-top: 8px; }
a#star { background-image: url('../images/crz-star_right.png'); background-repeat: no-repeat; background-position: 0% 10%; padding-left: 23px; padding-top: 2px; text-decoration: none; }

/* FORMULIEREN */

textarea.failCSS, input.failCSS, input.error {	border:1px solid #F00; }

form div { float:left; width:100%; line-height:20px; padding-bottom:3px;}
form div div { float:left; width:325px; line-height:20px; }
label {
	float: left; clear: both;
	width: 155px; height: 18px; line-height:18px;
	margin: 0 15px 0 0;
	text-align: left;
}

label.error { clear:right; margin-left:10px; color:#F00; }

input, textarea {
	height: 16px; display:block; float:left; 
	margin:0; 
	border: 1px solid #999;
	width:225px; padding:2px;
}
input[type=checkbox] { width:auto; display:inline; border:none; margin:0; padding:0; height:auto; margin-right:5px; }
input[type=hidden] {visibility:none; display:none;}

textarea { height: 4em; }
input.r { width:auto; margin: 7px 5px 5px 0; border:none; float:left; }

form p {  margin: 2px 0 5px 0; line-height:25px; }
form b { color:#F00; }

#contact-op{ float: right; margin-left: 0px; margin-top: 5px; padding: 3px 14px 3px 10px; color: #FFFFFF; text-transform: uppercase; background: url("../images/prijs_bg.png") 0 0 no-repeat; border: none; width: 115px; height: 24px; text-align: center; }
#contact-op a {color: #FFFFFF; text-decoration: none;}