/* ------------------------------------ *
 CSS Parkeren schiphol
 * ------------------------------------ */


/* general styles */

* {
   padding:0;
   margin:0;
   border:0;
}


html, body {
   width:100%;
   height:100%;
   font-family:Arial, Microsoft Serif, serif;
   font-size:11pt;
   font-weight:normal;
   color:#000000;
   background:#ffffff;
}

table {
  border:none;
}


#wrapper {
   width:936px;
   position:relative;
   left:50%;
   text-align:left;
   background:url(../images/bg_wrapper.png);
   margin: 0 auto -8px -458px;
   padding-bottom:8px;
}

#closewrapper {
   width:916px;
   position:relative;
   left:50%;
   margin-left:-458px;
   text-align:left;
   background:url(../images/bg_closewrapper.png);
}


#closewrapper, #push {
   clear:both;
   width:916px;
   height: 1px;
}

#header  {
   margin: 20px 0 5px 25px;
   height:90px;
   float:left;
}

#quicklinks {
  float:right;
  width:350px;
  margin:20px 10px 0 0;
}

#menu {
   position:relative;
   clear:both;
   float:left;
   z-index:99;
   margin: 0px 0 0 28px;
   width:242px;
   height:160px;
   background:#fff;
   opacity: 0.6;
   filter: alpha(opacity=60);
}

#banner {
   width:900px;
   clear:both;
   float:left;
   height:200px;
   background:#fff;
   margin: -180px 8px 14px 8px;
}

#main {
   background:#fff;
   border:solid 1px #fff;
   min-height:300px;
   margin: 0 18px 0 28px;
   line-height:1.4;
}




#footer {

}


/* text styles */
H1 {
   font-family: Trebuchet MS, Arial, MS sans serif, sans serif;
   font-size:36px;
   color: #d82229;
   font-weight:normal;
   line-height:1;
}

H2 {
   font-family: Trebuchet MS, Arial, MS sans serif, sans serif;
   font-size:20px;
   color: #d82229;
   font-weight:normal;
   margin:10px 0 0 0;
   line-height:1;
}


#content, #teaser{
   line-height:1.6;
}

.teaser {
  font-weight:bold;
}

.small {
  font-size: 8pt;
}

A {
   font-size:10pt;
   color: #d82229;
   font-weight:bold;
   text-decoration:none;
}

A:visited {

}

A:hover {
   color: #d82229;
   text-decoration:underline;
}

A:active {
   text-decoration:underline;
}

.linkIcon{
   vertical-align:text-bottom;
   margin: 0 5px 3px 0;
}


/* quicklinks */

#quicklinks div {
   float:right;
   font-family: Trebuchet MS, sans serif;
   text-transform: uppercase;
   font-size:12pt;
   font-weight:bold;
   margin: 0 20px 0 0 ;
   padding:0 10px 0 10px;
   cursor:pointer;
}


#quicklinks_item_active{
   background:#d82229;
   color: #fff;
}

#quicklinks A {
   color: #999;
   text-decoration:none;
}

#quicklinks A:hover {
   color: #000;
}


/*menu */
#menu div {
   font-family: Trebuchet MS, sans serif;
   font-size:24px;
   font-weight:normal;
   width:100%;
   padding:2px 0 0 0;
}

#menu p {
  margin: 2px 0 0 10px;
}

#menu_push {
  height: 10px;
}

.menu_item {
   color:#000;
   height:35px;
   background:#fff;

}

#menu_item_active{
   background:#d82229;
   color: #fff;
   height:35px;
}

.menu_item:hover {

   background:#ccc;
}

#menu A {
   text-decoration:none;
}

#menu A:hover {
   color: #999;
}




/*main*/

#left {
   float:left;
   width:620px;
   text-align:left;
   margin-left:20px;

}

#right {
   float:left;
   width:242px;
   text-align:left;
   height:300px;
}


#bottom {
   clear:both;
   width:98%;
   padding:0 0 0 10px;
   text-align:left;
}



/* article */
#article {
   margin:0 0 20px 0;
}

#article p#teaser {
   font-size:11pt;
   font-weight:bold;
}


#article #image {
   margin:20px 0 0  0;
}

#article #image img{
   margin:3px;
}


/*news*/

#news #teaser {
   font-weight:bold;
   margin:  0 0 20px 0px;
}

#news #teaser p{
   font-weight:bold;
   margin:  0 0 20px 0px;
}


/*box */

#box {
  margin: 6px 0 10px 0 ;
}

#boxHead {
   width:100%;
   color:#d82229;
   font-size:24px;
}

#boxHeadText {
   float:left;
}

#box #arrow {
   float:left;
   padding:5px 0px 0 5px ;
}

#boxContent {
   clear:left;
   margin:0;
   border-collapse:collapse;
}




/* rightlink */
#submenu {
   margin: 0 0 0 0 ;
}

#submenupush {
  height: 6px;
}

#submenu div {
   font-family: Trebuchet MS, sans serif;
   font-size:16pt;
   font-weight:normal;
   width:100%;
   cursor:pointer;
}

#rightLinkText {
   margin:  0 0 0 10px;
}

#rightlink {
   color:#000;
   height:30px;
}

#rightlink_active{
   background:#d82229;
   color: #fff;
   height:30px;
}

#rightlink:hover {
   background:#ccc;
   color:#fff;
}

#submenu A {
   text-decoration:none;
}



#righttitle {
   color:#d82229;
   font-size:24px;
   margin-top:-3px;
}



/* news list */
#list {
   margin: 5px 0px 5px 0;
   padding:0 0 10px 0;
   text-align:left;
   border-bottom:solid 1px #000;
}

#list H2 {
   font-size:10pt;
   color: #666;
   font-weight:bold;
   margin:0 0 5px 0px;
}

#list p#date {
   font-size:8pt;
   margin: 5px 0 0 0px;
}

#list p#teaser {
   font-size:10pt;
   line-height:1.2;
}

#list p#img {
   margin: 0 10px 0 0px ;
   float:left;
}

#list #link {
   clear:both;
   margin: 0 10px 0 0px ;
}

#listlink{
  margin: 0 0 0 0px;
}

/*~~*/






/* project small */
#projectSmall {
    clear:left;
    width:100%;
    margin:10px 20px 10px 0;
}

#projectSmall #head {
   float:left;
   background:#fff;
   margin: 10px 0 0 0;
}

#projectSmall H1{
   font-family: Trebuchet MS, Arial, MS sans serif, sans serif;
   font-size:20px;
   color: #d82229;
   font-weight:normal;
   margin:10px 0 0px 10px;
   line-height:1;
}

#projectSmall #date {
   font-size:11px;
}

#projectSmall #image{
   width:190px;
   float:left;
   margin: 10px 0 0;
}

#projectSmall #content{
   width:380px;
   float:left;
   margin: 0 0 0 10px;
}

#projectSmall #content #teaser{
   margin: 0 0 10px 0;
   font-size:10pt;
}

#projectSmall #link{
}
/*~~*/


/* media block */
#mediasmall {
}

#mediapush {
  clear:left;
  height:1px;
}
.mediaitem {
   width:75px;
   height:75px;
   margin:0px;
   opacity: 0.7;
   filter: alpha(opacity=70);
   border:solid 1px #fff;
}


.mediaitem:hover {
   border:solid 1px #d82229;
}









/*imageborder
#imgTop {
  background:url(../images/bg_img_top.png) no-repeat;
  height:9px;
}

#imgMiddle {
  background:url(../images/bg_img_middle.png) repeat-y;
}

img.inborder {
  margin:0 10px 0 10px;
}

#imgBottom {
  background:url(../images/bg_img_bottom.png) no-repeat;
  height:9px;
}
*/






/* shadow borders */
#sh {
   border-collapse: collapse;
}

#shlefttop  {
   background:url(../images/sh-left-top.png) no-repeat;
   height:10px;
   width:10px;
}

#shtop {
   background:url(../images/sh-top.png) repeat-x;

}

#shrighttop {
   background:url(../images/sh-right-top.png)  no-repeat;
   width:10px;
}

#shleft {
   background:url(../images/sh-left.png) repeat-y;
}

#shcontent {
}

#shright {
  background:url(../images/sh-right.png)  repeat-y;
}


#shleftbottom {
   background:url(../images/sh-left-bottom.png) no-repeat;
}

#shbottom {
   background:url(../images/sh-bottom.png) repeat-x;
}

#shrightbottom {
   background:url(../images/sh-right-bottom.png) no-repeat;
   height:10px;
   width:10px;
}