@charset "utf-8";
/* CSS Document */

/* Algemeen */

* { 
margin:0;
padding:0; 
}

html,body {
width:100%; 
min-height:100%; 
_height:100%; 

}

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

html,body,input, textarea { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
color:#003399; 
}

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

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


/* Header */

#header {
height:114px;
background-color:#FFFFFF;
background-image:url("../images/logo-abbeyamsterdam.jpg");
background-repeat:no-repeat; 
background-position:0% 0%;
}

/* Header-afbeelding-reclame */

#header_image_reclame {
float:right;
height:89px;
width:700px;
margin-right:116px;   /* originele waarde terugzetten, als aanbieding weer actief wordt: margin-right:54px; */
background-color:#fff;
}

#aanbieding {
float:left;
display:block;
height:75px;
width:441px;
padding-left:12px;

line-height:128px;
text-transform:uppercase;
color:#FFFFFF;
background-image:url("../images/abbey_banner_werkplekken_V2.gif"); 
/* originele afbeelding terugzetten, als aanbieding weer actief wordt: jpg in plaats van gif */
background-repeat:no-repeat; 
background-position:0% 0%;
}

#aanbieding_en {
float:left;
display:block;
height:75px;
width:441px;
padding-left:12px;

line-height:128px;
text-transform:uppercase;
color:#FFFFFF;
background-image:url("../images/abbey_banner_werkplekken_EN.gif"); 
/* originele afbeelding terugzetten, als aanbieding weer actief wordt: jpg in plaats van gif */
background-repeat:no-repeat; 
background-position:0% 0%;
}


#bellen {
float:left;
display:block;
height:89px;
width:216px;
padding-left:12px;
line-height:128px;
text-transform:uppercase;
color:#FFFFFF;
background-image:url("../images/bel-direct_bg.jpg");
background-repeat:no-repeat; 
background-position:0% 0%;
}


#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 {

}

#header-home {
float:left;
width:978px;
height:245px;
/*background-image:url("../images/header-home.png");
background-repeat:no-repeat; 
background-position:0% 0%;*/
border:11px solid #e0e8f8;
}

#header-enhome {
float:left;
width:978px;
height:245px;
background-image:url("../images/header-home.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}

#header-virtueel-kantoor {
float:left;
width:978px;
height:245px;
background-image:url("../images/header-virtueel-kantoor.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}

#header-vergaderruimte {
float:left;
width:978px;
height:245px;
background-image:url("../images/header-vergaderruimte.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}


#header-kantoor {
float:left;
width:978px;
height:245px;
background-image:url("../images/header-kantoor.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}


#header-flexplek {
float:left;
width:978px;
height:245px;
background-image:url("../images/header-flexplek.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}

#header-referenties {
float:left;
width:978px;
height:245px;
background-image:url("../images/header-referenties.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}

#header-contact{
float:left;
width:978px;
height:245px;
background-image:url("../images/header-contact.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}

#header-actie{
float:left;
width:978px;
height:245px;
background-image:url("../images/header-actie.png");
background-repeat:no-repeat; 
background-position:0% 0%;
border:11px solid #e0e8f8;
}


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

.img-tekst-home {
position:absolute;
float:left;
color:#ffffff; 
font-size:11px; 
font-weight: bold; 
text-transform:uppercase;
line-height:25px; 
background-color:#003399; 
margin-top:200px;
margin-left:10px;
padding-right:10px;
padding-left:11px;
z-index:1;
}

.img-tekst {
float:left;
color:#ffffff; 
font-size:11px; 
font-weight: bold; 
text-transform:uppercase;
line-height:25px; 
background-color:#003399; 
margin-top:200px;
margin-left:10px;
padding-right:10px;
padding-left:11px;

}



/* Content */

#content {
margin-top:19px;
}

#content p {
line-height:14px;

}

#content a  {
text-decoration:underline;
}

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


#kolom-1 {
float:left;
height:159px;
width:320px;
background-color:#e0e8f8;
}

a.button, input.button {
float:left; 
margin-left:0px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
background:url("../images/button_bg.png") no-repeat 0 0;
padding: 0 8px 0 8px; /* TOP RIGHT BOTTOM LEFT */
line-height:20px; 
height:20px; 
}

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


#kolom-2 {
float:left;
margin-left:20px;
height:159px;
width:320px;
background-color:#e0e8f8;
}

#kaartje {
display:block;
float:right;
margin-right:10px;
margin-top:10px;
}

#kolom-3 {
float:right;
margin-left:20px;
height:159px;
width:320px;
background-color:#e0e8f8;
}


/* KOLOMMEN - REFERENTIES */

#kolommen_ref {
overflow:hidden;
height:250px;
}

#kolom-1_ref  {
float:left;
height:250px;
width:320px;
background-color:#e0e8f8;
}

#kolom-2_ref  {
float:left;
margin-left:20px;
height:250px;
width:320px;
background-color:#e0e8f8;
}


/* EINDE KOLOMMEN - REFERENTIES */

.info {
padding:0 10px 10px 10px; /* TOP RIGHT BOTTOM LEFT */
clear:left;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
color:#003399; 
padding:10px 10px 0px 10px; /* TOP RIGHT BOTTOM LEFT */
font-weight: bold; 
text-transform:uppercase;
margin-bottom:1em;
}


#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:659px;
background-color:#e0e8f8;
}

#content-contact {
float:left; 
height:658px;
width:659px;
background:url("../images/kaartje_contact.jpg") no-repeat 0 0;
}

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

.button_prijs {
float:left; 
margin-left:26px;
margin-top:0px;
margin-bottom:10px;
padding: 2px 14px 4px 10px; /* TOP RIGHT BOTTOM LEFT */
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-left:0px;
margin-top:0px;
margin-bottom:10px;
padding: 2px 14px 2px 10px; /* TOP RIGHT BOTTOM LEFT */
clear:both;
color:#FFFFFF;
text-transform:uppercase;
font-weight: bold; 
line-height:12px; 
background:url("../images/prijs_bg.png") 0 0 no-repeat;
border:none;
}



h4 {
margin-left:10px;
margin-top:20px;
clear:both;
display:block;
font-weight: bold; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
line-height:14px;
}

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

#content-virtueel-kantoor ul {
padding:0px 10px 10px 26px;
line-height:14px;
}


.clear {
clear:both;
}


/* Form*/

#kolom-3 form, #kolom-3 p { }
#kolom-3 p { margin:30px 10px 0 10px; }

#kolom-3 form label {width: 152px; float:left; margin-left:10px; line-height:23px; display:block; }
#kolom-3 form input{
width: 143px; float:right; margin-right:10px; margin-top:3px; padding-top:2px;padding-bottom:2px;
}

#kolom-3 form select { 
width: 146px; float:right; margin-right:10px; 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 {padding: 4px 14px 4px 10px; margin-top:5px; margin-left:165px; float:left; }

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

/* TOP RIGHT BOTTOM LEFT */



/* 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;
}