/*************************************************************
  
  Author:         Maarten Porters
  Company:        arenatravel.be
  Version:        1.0
  Created on:     4.12.2009
  
  
*************************************************************/



/*************************************************************
  P A G E
*************************************************************/
 * {  outline:0;font-size: 100%; margin: 0px;  padding: 0px } /* Resets elements */
img{ border:0;}
table { border-spacing: 0px; }
td {padding:15px;}

body { background: white;color: #9c9c9c;font-family: Arial,'Lucida Grande','Tahoma',Helvetica, sans-serif;behavior: url('../css/csshover.htc');font-size: 90%;line-height:1.5em;font-weight:normal;text-align:center;}

/*************************************************************
  WRAPPER
*************************************************************/
#wrapper { width:989px;position:relative;margin:0px auto;text-align:left;font-size:1em;}

/*************************************************************
  H E A D E R
*************************************************************/
#header { width:100%;height:95px;position:relative;z-index:1;font-size:0.8em;margin-top:20px;}
#header .logo_gb { width:127px;height:75px;position:relative;float:left;background: url("../images/logo1.jpg");background-repeat:no-repeat;}
#header .logo_alldata { width:237px;height:73px;position:relative;float:left;background:url("../images/logo2.jpg");background-repeat:no-repeat;}
#header .logo_alldatatv { width:237px;height:73px;position:relative;float:left;background:url("../images/logo3.jpg");background-repeat:no-repeat;}
#header #loginarea {position:relative;float:right;width:330px;height:95px;}
#header #loginarea #loginbtn{margin-left:10px; position:relative;float:left;top:20px;background-repeat:no-repeat;width:70px;height:23px;} 
#header #loginarea .inputfield{margin-left:0px;position:relative;float:left;top:20px;background: url("../images/login_input.jpg");background-repeat:no-repeat;width:124px;height:23px;text-align:center;}
#header #loginarea .inputfield  input{width:110px;border:0;color: #9c9c9c;margin:4px auto 0px auto;}
#header #loginarea #passwdlink {display:block;float:right;padding-top:5px;}
#header #languageselect {display:block;float:right;margin-top:22px;padding-right:10px;text-align:right;margin-right:20px;}
#header ul{padding-left: 15px;list-style-position:inside;}
#header li {margin-bottom: 0px;padding-left: 0px;list-style-position:outside;} 

/*************************************************************
  MENU
*************************************************************/
.menuarea { background-image: url(../images/menubg2.png); height: 70px; width: 100%; position:relative;z-index:10 }
.menuarea ul{list-style: none;margin: 0;padding: 0;}
.menuarea li{list-style-image:none !important;float:left;position: relative;margin: 0;padding: 0px;height:48px;}
.menuarea li.separator{width:2px;background: url("../images/menuseparator.jpg");background-repeat:no-repeat;}
.menuarea li a:link, .menuarea  a:visited{color:#333333;text-decoration:none;font-weight:normal;font-size:16px;font-family: Arial,'Lucida Grande','Tahoma',Helvetica;cursor: pointer;cursor: hand;display:block;padding:15px 16px 0px 10px;}
.menuarea li:hover{background:url("../images/menu_hover_bg.jpg");cursor: pointer;cursor: hand;color:white;}
.menuarea li:hover a{color:white;}
.menuarea li.separator:hover{background: url("../images/menuseparator.jpg");background-repeat:no-repeat;}

.menuarea .searcharea {float:right;position:relative;background:none;right:23px;top:18px;}
.menuarea .searcharea input{width:155px;color: #9c9c9c;border:0;float:right;font-size:0.9em;}
.menuarea .searcharea .searchbtn{width:15px;background:0;height:15px;margin-right:8px;background:none;float:left;padding:0;}

/*************************************************************
  BIGBANNER AREA
*************************************************************/
#bigbannerarea { background: url(../images/banner.jpg); height:237px; width: 989px; position:relative;z-index:1;margin-top:-22px;}

/*************************************************************
  RSS AREA
*************************************************************/

#rssarea {display:block;width:100%;background:black;height:30px;position:relative;font-size:0.8em}
#rssarea #news{display:block;position:relative;float:left;padding:5px 15px;font-size:1.1em; }
#rssarea #subscribe{display:block;position:relative;float:right;padding:6px 15px;line-height:19px;}
#rssarea #subscribe img{vertical-align:top;}

/*************************************************************
  SUBBANNER AREA
*************************************************************/

#subbannerarea {display:block;width:100%;padding:5px 0px;}
#subbannerarea  .link{position:absolute;line-height:15px;background:blue;padding:0;margin:0;height:15px;bottom:7px;right:7px;background: url('../images/linkarrow_black.jpg') no-repeat center right;padding-right:19px;display:inline-block;}
#subbannerarea  .link img{line-height:15px;padding:0;margin:0;width:15px;height:15px;display:inline;}
#subbannerarea  .link span{color:black;}

#subbannerarea  #sb1{background: url(../images/subbanner_1.jpg);display:block;position:relative;float:left;margin:0px 5px 0px 0px;width:243px;height:135px;cursor: pointer;cursor: hand;}
#subbannerarea  #sb2{background: url(../images/subbanner_2.jpg);display:block;position:relative;float:left;margin:0px 5px 0px 0px;width:243px;height:135px;cursor: pointer;cursor: hand;}
#subbannerarea  #sb3{background: url(../images/subbanner_3.jpg);display:block;position:relative;float:left;margin:0px 5px 0px 0px;width:243px;height:135px;cursor: pointer;cursor: hand;}
#subbannerarea  #sb4{background: url(../images/subbanner_4.jpg);display:block;position:relative;float:left;width:243px;margin:0;height:135px;}

#subbannerarea  #sb1:hover {background: url(../images/subbanner_1_over.jpg);)}
#subbannerarea  #sb2:hover {background: url(../images/subbanner_2_over.jpg);)}
#subbannerarea  #sb3:hover {background: url(../images/subbanner_3_over.jpg);)}
#subbannerarea  #sb4:hover {background: url(../images/subbanner_4_over.jpg);)}

#subbannerarea  #subbanner1_text {line-height:24px;position:absolute;font-size:22px;top:10px;left:10px;color:#666666}
#subbannerarea  #subbanner2_text {line-height:24px;position:absolute;font-size:22px;top:10px;left:10px;color:white;font-weight:normal;}
#subbannerarea  #subbanner3_text {line-height:24px;position:absolute;font-size:22px;top:10px;right:10px;color:#FFD200;font-weight:normal;text-align:right;}
#subbannerarea  #subbanner4_text {position:absolute;font-size:14px;top:10px;left:10px;color:black;font-weight:normal;}

/*************************************************************
  SLIDESHOW
*************************************************************/

#subbannerarea  #stripcontainer{display:block;position:absolute;width:224px;height:64px;overflow:hidden;top:40px;left:7px;background:none;}
#subbannerarea  #stripcontainer #itemcontainer{position:absolute;width:1000px;}
#subbannerarea  #stripcontainer #itemcontainer .stripitem{display:block;position:absolute;left:0px;}

/*************************************************************
  SUBNAV AREA
*************************************************************/
#subnavarea {display:block;border-top:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;padding:4px 10px;font-size:0.8em}

/*************************************************************
  SITEMAP
*************************************************************/
#sitemaparea {display:block;padding:10px;margin-bottom:50px;font-size:0.9em;line-height:1.4em;font-size:0.8em}
#sitemaparea ul{list-style: none;}

#sitemaparea ul ul{padding-left:10px;list-style:disc inside;}
#sitemaparea .sectiontitle{font-weight:bold;color:black;}
#sitemaparea .section{display:block;position:relative;float:left;padding-right:60px;}
#sitemaparea #diensten { padding-right: 50px; }

/*************************************************************
  PAGETOP
*************************************************************/
#pagetop {display:block;padding:0px 0px;}
#pagetop #crumble {float:right;padding-top:10px;font-size:0.8em;}
#pagetop #crumble .selected{color:black;}
#pagetop h1 {font-size:1.7em;line-height:1.8em;margin-bottom:0px;color:#9c9c9c;float:left;}

/*************************************************************
  PAGE LEFT COLUMN
*************************************************************/
#pageleft {display:block;float:left;border-top:1px solid #9c9c9c;width:700px;position:relative;min-height:600px;margin-bottom:15px;}
#pageleft .content{padding:15px;}
#pageleft ol{padding-left: 15px;list-style-position:inside;}
#pageleft ul{padding-left: 15px;list-style-position:inside;}
#pageleft li {margin-bottom: 0px;padding-left: 0px;list-style-position:outside;} 

/*************************************************************
  PAGE RIGHT COLUMN
*************************************************************/
#pageright {padding:0px 0px;float:left;width:287px;margin-bottom:15px;border-left:1px solid #9c9c9c;}
#pageright .section{padding:15px;padding-left:40px;border-top:1px solid #9c9c9c;}
#pageright ul{list-style-position:inside;font-size:13px;}
#pageright ul ul{padding-left:30px;}

/*************************************************************
  CONTENT ITEM IN OVERVIEWS
*************************************************************/
.sitem1 {border:0px solid black;display:block;padding:0px;width:669px;position:relative;margin-bottom:15px;background: white url('../images/itembg.jpg');background-repeat:repeat-y;}
.sitem2 {display:block;padding:0px;width:669px;position:relative;margin-bottom:15px;background: white;}
.sitem2 .content,.sitem1 .content{padding:10px;} 
.sitem2 img,.sitem1 img{margin:0px 15px;float:left;} 
.sitem2 p,.sitem1 p{color:#333333;font-size:0.9em;} 
.sitem3 {display:block;padding:0px;width:669px;position:relative;margin-bottom:1px;background: white;}

/*************************************************************
  NEWS ITEM / VACATURE ITEM
*************************************************************/

#pageleft .nitem {display:block;position:relative;margin-bottom:20px}
#pageleft .nitem .date {display:block;position:relative;float:left;}
#pageleft .nitem .excerpt {display:block;position:relative;float:right;font-weight:bold;width:570px;color:black;padding:0px 5px 5px 5px}
#pageleft .nitem .excerpt:hover{ background:#EEE;  }

/*************************************************************
  ARROW LINK
*************************************************************/

.link{font-size:0.8em;position:absolute;line-height:15px;padding:0;margin:0;height:15px;bottom:10px;right:15px;background: url('../images/linkarrow_black.jpg') no-repeat center right;padding-right:19px;display:inline-block;}
.link span{color:black;}

/*************************************************************
  BULLET 
*************************************************************/
ul.blackarrow li {list-style-image: url('../images/linkarrow_black2.jpg');}

/*************************************************************
  HORIZONTAL LINE
*************************************************************/
div.hline{position:relative;border-bottom:1px solid #9c9c9c;margin:0px;width:100%;line-height:0px;height:1px;padding:0px;font-size:0px;display:block;}

/*************************************************************
  CONTACT ITEM
*************************************************************/
.contactitem {margin-bottom:15px;}
.contactitem img{float:left}
.contactitem .title{color:black;font-size:0.8em;height:17px;}
.contactitem .value{color:black;font-size:1.2em;}
.contactitem a {color:black;}

/*************************************************************
  IMG TAGS
*************************************************************/

img.borderimg {border:1px solid #9c9c9c;}
img.borderimg_small {width:60px;height:60px;border:1px solid #9c9c9c;}
img.left { float:left;padding:0;margin:5px;}

/*************************************************************
  IMAGE GALLERY
*************************************************************/
div.imagegallery{position:relative;padding:00px;border:0px solid #9c9c9c;}
div.imagegallery img{padding:5px;}

/*************************************************************
  LOGO GAllERY
*************************************************************/
div.logogallery{position:relative;padding:00px;border:0px solid #9c9c9c;}
div.logogallery img{margin:5px;}

/*************************************************************
  FACEBOX
*************************************************************/
#faceboxtest{display:none;}

/*************************************************************
  CLEARFIX
*************************************************************/

.floatleft{position:relative;float:left;display:block;overflow:hidden;}
.floatright{position:relative;float:right;display:block;overflow:hidden;}
.clear {  display:block;clear:both;height:0;line-height:0;font-size:0px;overflow:hidden; }


/*************************************************************
  TEXT
*************************************************************/

h1 {font-size:1.9em;line-height:1.8em;margin-bottom:15px;color:black;font-weight:normal;}
h2 {font-size:1.3em;line-height:1.7em;margin-bottom:10px;color:black;font-weight:normal;}
h3 {font-size:1.1em;line-height:1.6em;margin-bottom:10px;color:black;font-weight:normal;}

h1.gray{color:#9c9c9c;}
h2.gray{color:#9c9c9c;}
h3.gray{color:#9c9c9c;}

p {padding-bottom:1em;font-size:1em;color:black;}
p.gray{padding-bottom:1em;font-size:1em;color:#9c9c9c;}
label {font-weight:normal;}

/*************************************************************
  FORM ELEMENTS
*************************************************************/

label{font-weight:normal;text-align:left;font-size:1em;color:black;}
input.textfield{background: white url(../images/formfield_bg.jpg);background-repeat:no-repeat; border: 0;width:387px;height:25px;line-height:24px;color:#9c9c9c;font-size:0.9em;padding-left:7px;}
textarea{-moz-border-radius: 10px;-webkit-border-radius: 10px;border:2px solid #dedddd;padding:5px;background:white;font-size:0.9em;color:#9c9c9c;height:200px;width:371px;}
table.contacttable td{padding:5px !important;}
.ibutton{background: white url(../images/ibutton.jpg);width:102px;height:23px;border:0;font-size:0.9em;text-align:center; cursor: pointer;cursor: hand;}
.ibutton_small{background: white url(../images/ibutton_small.jpg);width:70px;height:23px;border:0;font-size:0.9em;text-align:center; cursor: pointer;cursor: hand;}

.ibutton:hover {background: white url(../images/ibutton_over.jpg);}
.ibutton_small:hover {background: white url(../images/ibutton_small_over.jpg);}


/*************************************************************
  LINKS & BUTTONS
*************************************************************/


a{color:#9c9c9c;font-weight:normal;text-decoration:none;}

*a{color:#9c9c9c;font-weight:normal;text-decoration:none;}

a:hover { color:black }
a:hover span{color:gray !important}

/*
a.button{color: white !important;}

.button{text-decoration: none;text-transform: lowercase;font-size:1.3em;line-height: 1.3em;margin:5px 0px;padding:0px 5px;background:#EEE;font-weight:bold;height:22px;}

.button:hover {background:#C70000;}

.submitbutton{text-decoration:none;cursor:pointer;color:white;font-weight:bold;margin:4px 0px;display:inline-block;padding:6px 15px;background:#648a9e;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:0;font-size:15px;}

.submitbutton:hover{background:#314e5e}*/



/*************************************************************
  item
*************************************************************/
.itembox { padding:10px;border:1px solid #83a9bc;-moz-border-radius: 7px;-webkit-border-radius: 7px;margin-bottom:10px;width:828px}

.item1 { position:relative;width:530px;margin-top:25px;}
.item1 .leftside {position:relative;float:left;}
.item1 .leftside img {margin-top:5px;}
.item1 .rightside {position:relative;float:left;padding-left:10px;width:395px;}
.item1 .linkbar {width:100%;background:#EEE;-moz-border-radius: 7px;-webkit-border-radius: 7px;position:relative;margin-top:5px;}
.item1 .linkbar .barcontent {position:relative;padding:2px 15px;text-align:right;margin-top:0px;}


/*************************************************************
  FORM TABLE
*************************************************************/

caption.formtable { color: #F06; text-align: left;}
table.formtable {margin: 0; padding: 0; border-collapse: collapse; width: 100%;margin-bottom:0px; }
table.formtable  thead th {background:#EEE;}
table.formtable  td.label, table.formtable  th {padding: 15px 15px;}
table.formtable  tr td {width:auto;border-bottom:1px solid #EEE;}
table.formtable  thead tr, tfoot tr {color: #555; }
table.formtable  tr:hover {background: #FFF;}
table.formtable  tbody tr td.label{font-weight: bold;text-align:right;}



/*************************************************************
  PAGINATOR
*************************************************************/

.ff_pagination {margin:2px 0px 12px 0px;font-size: 15px;}
.ff_pagination a, .ff_pagination span {padding: .2em .5em; }
.ff_pagination span.disabled {color: #AAA; }
.ff_pagination span.current {font-weight: bold;background:#3198c3;border: 1px solid #c6c7c7;color:white;}
.ff_pagination a {border: 1px solid #c6c7c7;text-decoration: none; color:#515151 !important;line-height:30px;background:#e2e1e1;}
.ff_pagination a:hover, .ff_pagination a:focus {font-weight: normal !important;background:#dadada;border: 1px solid #c6c7c7;color:black !important;}
.ff_pagination .page_info {color: #aaa;padding-top: .8em; }
.ff_pagination .prev_page, .ff_pagination .next_page {/*border-width: 2px; */}
.ff_pagination .prev_page {/*margin-right: 1em; */}
.ff_pagination .next_page {/* margin-left: 1em;*/}




/*************************************************************
  HORIZONTAL LINE
*************************************************************/
div.hline{position:relative;border-bottom:1px solid #DDD;margin:3px 0px;width:100%;line-height:1px;height:1px;}


/*************************************************************
  ERROR & NOTICE & SPINNER
*************************************************************/


.spinner{
  margin:0px auto;
  height:50px;
  width:50px;
  background:blue;
  background: url(/../images/loading.gif);
  background-repeat:no-repeat;
}


p.notice, p.error{
	padding: 5px;
	text-align: center;
	margin-bottom:20px;
}

p.notice{
	border: 1px solid #99CC99;
	background-color: #E2F9E3;
	color: #006600;
}

p.error{
	border: 1px solid #CC9999;
	background-color: #CC0000;
	color: #FFFFFF;
}

div#top_navigation{
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
	padding: 5px 20px 5px 20px;
}


div#errorExplanation{
	border: 1px solid red;
	background-color: #bc4b4b;
	color: white;
	padding: 5px;
	text-align: left;
	margin-bottom: 10px;
	width:100%;
}

div#errorExplanation ul { list-style: disc inside }

div#errorExplanation h2{

	color:white;
}

.fieldWithErrors {
  padding:7px 2px;
  background-color: red;
  display: inline;
}