
.chocolade {
        background:transparent url(../images/chocolat.jpg) no-repeat scroll 0px 0px;
}

.spacerbackgroundimage {
	float:none;
	clear:both;
	width:100%;
	overflow:hidden;
        height:100px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #225FAF;
  margin: 1mm 0 0;
	background:#FFFFFF;
}

ul {
	display:block;
	float:left;
	margin: 5px 0 0px 5px;
	padding: 0 0 5px 0;
	list-style: none;
}

ol {
	display:block;
	float:left;
	margin: 5px 0 5px 5px;
	padding: 0 0 5px 0;
}

ol li.number1{
	list-style-image: url(../images/cijfer_1.gif);
}

ol li.number2{
	list-style-image: url(../images/cijfer_2.gif);
}

ol li.number3{
	list-style-image: url(../images/cijfer_3.gif);
}

ol li.number4{
	list-style-image: url(../images/cijfer_4.gif);
}

ol li.number5{
	list-style-image: url(../images/cijfer_5.gif);
}

ol li.number6{
	list-style-image: url(../images/cijfer_6.gif);
}

ul li.vink {
	list-style-image: url(../images/vink.gif);
	list-style-position: outside;
	margin: 2px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background: transparent none;
}

ul li.bullet {
	margin: 2px 0 0 0;
	padding: 0 0 0 10px;
	list-style-position: inside;
	list-style-type: disc;
	background: transparent none;
}

ul li.arrow {
	padding-right: 0px; 
	padding-left: 10px; 
	background: url(../images/arrow.gif) no-repeat 4px 1px;  
	padding-bottom: 0px; 
	margin: 2px 0px 0px; 
	padding-top: 0px;
	list-style-type: none;
}

ul li {
	padding-right: 0px; 
	padding-left: 10px; 
	list-style-position: inside; 
	background: none  transparent scroll repeat 0% 0%; 
	padding-bottom: 0px; 
	margin: 2px 0px 0px; 
	padding-top: 0px;  
	list-style-type: disc;
}

a {
	text-decoration: none;
	color:#225FAF;
}

a:hover {
	text-decoration: underline;
}

.PortletAffiliateText {
	padding: 4px;
	background: #ffffff;
	color: #225FAF;
	text-align: left;
	font-style:normal;
	font-variant:normal;
	font-size:11px;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
}

.PortletAffiliateImage {
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	text-valign: top;
}

.PortletAffiliatePrice {
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
	background: #FFFFFF;
	text-align: center;
}



.PortletNewsDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #225FAF;
	float: left;
	padding-left: 4px;
}

.PortletNewsDate a:link, .PortletNewsDate a:active, .PortletNewsDate a:visited {
	color: #225FAF;
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.PortletNewsDate a:hover {
	text-decoration: underline;
}

.PortletNewsLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #225FAF;
	float: left;
	padding-left: 4px;
}

.PortletNewsLink a:link, .PortletNewsLink a:active, .PortletNewsLink a:visited {
	color: #225FAF;
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-right: 4px;
	width:220px;
	display:block;
	padding-bottom:5px;
}

.PortletNewsLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #225FAF;
	float: left;
	padding-left: 4px;
}

.PortletNewsLinkNotBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #225FAF;
	float: left;
}

.PortletNewsLinkNotBold a:link, .PortletNewsLinkNotBold a:active, .PortletNewsLinkNotBold a:visited {
	color: #225FAF;
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: none;
	padding-right: 4px;
	width:220px;
	display:block;
	padding-bottom: 4px;
	padding-left: 4px;
}

.PortletNewsLinkNotBold a:hover {
	text-decoration: underline;
}

.print {
	margin:0;
	width:30px;
	float:left;
	padding:8px 4px 0pt 8px;
	font-weight: bold;
	background:  transparent url(../images/arrow.gif) no-repeat scroll 2px 8px;
}

.backtotop {
	display:block;
	margin:0;
	padding:10px 0px 10px 10px;
	font-weight:bold;
	background: transparent url(../images/arrow.gif) no-repeat scroll 4px 10px;
}

#search {
	background-color: #225FAF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	float: left;
	color: #FFFFFF;
}

#search.colorchocolade {
         background-color:#43352C;
}

.searchnav {
		text-align: center;
		padding: 5px 0 20px 0;
		width:100%;
}

.searchnav .next {
	float:right;

}

.searchnav .next a {
	font-weight: bold;
}

.searchnav .paging {
	float:left;
	text-align:center;
}

.searchnav .paging {
	width:430px;
}

.breed .searchnav .paging {
	width:600px;
}

.searchnav .previous {
	float:left;
}

.searchnav .previous a {
	font-weight: bold;
}

#search a {
	color: #FFFFFF;
	text-decoration:none;
}

#search.colorchocolade a {
         background-color:#43352C;
         color: #A69D96;
}

.searchnav p {
	text-align:left;
}

/******************
** Content page  **
******************/
#WrapperNavContent {
	width:765px;
	background:#EFF8FF;
	padding:0;
	margin:0;
}

#WrapperNavContent:after {
	 content: "";
	 display: block;
	 height: 0;
	 clear: both;
}

#WrapperContent h1 {
	font: 15px verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	margin:8px 0 4px 0;
}

.ContentPage P, .Home P {
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	color: #225FAF;
	background: #ffffff;
	float:none;
}


.ContentPageLink, .ContentPageLink ul, .ContentPageLink li, .ContentPageLink strong {
	background: #ffffff;
	list-style-image:  url('../images/arrow.gif');
	font-size:11px;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	margin-left:-19px;
}

.ContentPage a:link, .ContentPage a:active, .ContentPage a:visited {
	color: #225FAF;
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-right: 4px;
}

.ContentPage a:hover {
	text-decoration: underline;
}

.ContentPageTitle a:link, .ContentPageTitle a:active, .ContentPageTitle a:visited {
	background: #FDD639;
	text-decoration: none;
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
}

.ContentPageTitle a:hover {
	text-decoration: underline;
}


.SearchText {
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	color: #225FAF;
	background: #ffffff;
}

/*****************************
 ** Language swtich					**
 *****************************/
  #HeaderMenubarFlags ul {
  	height: 17px;
  	padding: 0;
  	margin: 0;
  	list-style: none;
  	width: 95px;
  	left: 140px;
  	top:4px;
  	position: relative;
  }

  #HeaderMenubarFlags ul a{ display: block; color: #FFFFFF; height: 15px;}
  #HeaderMenubarFlags ul li{margin:0;padding:0;display: block; list-style: none; position: absolute; }
  #HeaderMenubarFlags ul li strong{ display: none; }

  #Nederlands { width: 19px; background: url(../images/flagss.gif) 0px 0px no-repeat; left: 0px; }
  #English { width: 19px; background: url(../images/flagss.gif) -19px 0px no-repeat; left: 19px; }
  #Deutch { width: 19px; background: url(../images/flagss.gif) -38px 0px no-repeat; left: 38px; }
  #Francais { width: 19px; background: url(../images/flagss.gif) -57px 0px no-repeat; left: 57px; }
  #Chinese { width: 19px; background: url(../images/flagss.gif) -76px 0px no-repeat; left: 76px; }

  #Nederlands a:hover  { width: 19px; background: url(../images/flagss.gif) 0px -15px no-repeat; left: 0px; }
  #English a:hover { width: 19px; background: url(../images/flagss.gif) -19px -15px no-repeat; left: 19px; }
  #Deutch a:hover { width: 19px; background: url(../images/flagss.gif) -38px -15px no-repeat; left: 38px; }
  #Francais a:hover { width: 19px; background: url(../images/flagss.gif) -57px -15px no-repeat; left: 57px; }
  #Chinese a:hover { width: 19px; background: url(../images/flagss.gif) -76px -15px no-repeat; left: 76px; }

  #Nederlands.selected{background-position: 0px     -15px !important;}
  #English.selected{background-position: -19px   -15px !important;}
  #Deutch.selected{background-position: -38px  -15px !important;}
  #Francais.selected{background-position: -57px  -15px !important;}
  #Chinese.selected{background-position: -76px  -15px !important;}

/*****************************
 ** Tabellen  		**
 *****************************/

.TableHeader, .TableHeader a:link, .TableHeader a:active, .TableHeader a:visited {
	font: bold 11px verdana, geneva, arial, helvetica, sans-serif;
	padding: 4px 4px 1px 1px;
	color: #225FAF;
	BACKGROUND: #FFFFFF;
}

.TableDark, .TableDark a:link, .TableDark a:active, .TableDark a:visited {
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	padding: 4px 4px 1px 1px;
	color: #225FAF;
	BACKGROUND: #DDEEFF;
	font-style: normal;
}

.TableDarkHover, .TableDark a:hover  {
    font: 11px verdana, geneva, arial, helvetica, sans-serif;
	padding: 4px 4px 1px 1px;
	color: #225FAF;
	BACKGROUND: #ffcc00;
	font-style: normal;
}

.TableLight, .TableLight a:link, .TableLight a:active, .TableLight a:visited {
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	color: #225FAF;
	padding: 4px 4px 1px 1px;
	font-style: normal;
	BACKGROUND: #ffffff;
}

.TableLightHover, .TableLight a:hover  {
    font: 11px verdana, geneva, arial, helvetica, sans-serif;
	color: #225FAF;
	padding: 4px 4px 1px 1px;
	font-style: normal;
	BACKGROUND: #ffcc00;
}





/*****************************
 ** Form & Buttons 		**
 *****************************/
.spacer {
	height:6px;
	float:none;
	clear:both;
	width:100%;
	overflow:hidden;
}

.formpart {
	padding:0;
	margin:0;
}

.formpart.right {
        float: right;
        padding-right: 10px;
}

.formpartholder {
	display:block;
	float:left;
}

.formpartholder.staticcontent {
        text-align:left;
	width:125px;
}

.formpartholder.staticcontent.labelfont12 {
        font-size:12px;
	font-weight: bold;
}

.formpartholder.nospacer {
	width:125px;
}

.label {
	text-indent:3px;
	width:250px;
	float:left;
}

.labelfont12 {
	text-indent:3px;
	width:250px;
	float:left;
        font-size:12px;
	font-weight: bold;
}

.button {
	height:20px;
	margin:0 0 0 250px;
	background:url(../images/arrow_submit.gif) 0px -3px no-repeat;
}

.button.right {
	float:right;
}

.button.imagebutton {
	float:right;
        background:none;
}

.backbutton {
	height:20px;
	margin:0 0 0 250px;
	background:url(../images/arrow_submitback.gif) 0px -3px no-repeat;
}

.abortbutton {
	height:20px;
	margin:0 0 0 250px;
	background:url(../images/arrow_submitabort.gif) 0px -3px no-repeat;
}

.button a, .abortbutton a, .backbutton a{
	padding:0 0 0 25px;
	text-decoration:none;
}

textarea {
	border:1px solid #225FAF;
}

input.normal {
	width: 110px;
	color:#225FAF;
	border-style:solid;
	border-color:#225FAF;
	border-width:1px;
}

input.six_digits {
	width: 58px;
	color:#225FAF;
	border-style:solid;
	border-color:#225FAF;
	border-width:1px;
}


input.text {
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	font-size:11px;
	color:#225FAF;
	border-style:solid;
	border-color:#225FAF;
	border-width:1px;
}

#search input {
	width: 110px;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	font-size:10px;
	color:#225FAF;
	border-style:solid;
	border-color:#225FAF;
	border-width:1px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#search.colorchocolade input {
	color:#43352C;
	border-color:#43352C;
}

select {
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	font-size:11px;
	color:#225FAF;
	border-style:solid;
	border-color:#225FAF;
	border-width:1px;
}

textarea {
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	font-size:11px;
	color:#225FAF;
	border-style:solid;
	border-color:#225FAF;
	border-width:1px;
}



#rightcontent {
	margin:0 0 0 10px;
	width:173px;
	float:left;
	padding:0;
	border:0;
}

#rightcontent .Portlet {
	float:none;
}

#maincontent {
	float:left;
	padding:0;
}

#maincontent.Home {
	float:left;
	margin-right:8px;
}

#maincontent.Content {
	float:left;
}

.subtext  {
	margin-bottom:8px;
	float:right;
	position:relative;
	bottom:-5px;
	right:5px;
}

.imagesubtext {
	font-size:9px;
}

.readmore {
	background:url(../images/arrow.gif) 5px 1px no-repeat;
	padding:0 0 0 14px;
}

.readmore a:link, .readmore a:active, .readmore a:visited {
	color: #225FAF;
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-right: 4px;
}

.readmore a:hover {
	text-decoration: underline;
}

form .error{
	font-weight:bold;
	color:#FE0000;
	padding: 3px 0 3px 0;
}


/*****************************
 ** Richtext element 					**
 *****************************/
#maincontent ul {
  float:none;
	margin: 0;
	padding: 0;
	list-style: none;
}

#maincontent ol {
  float:none;
}

#maincontent ol li {
	margin:0 0 0 20px;
}


#maincontent p {
	padding:0px;
	margin:0 0 5px 0;
}

.download.doc {
	background: url(../images/logo_doc.gif) 5px 1px no-repeat;
}

.download.pdf {
	background: url(../images/logo_pdf.gif) 5px 1px no-repeat;
}


/***************************
** FLIGHT PAGE / PORTLETS **
****************************/

.TableFlightText {
	font-weight: normal;
	color: #225FAF;
	padding: 4px 4px 1px;
}

.TableFlightHeader {
	font-weight: bold;
	color: #225FAF;
	padding: 4px 4px 1px 1px;
}

.TableFlightlink {
	font-weight: bold;
	text-align: right;
	color: #225FAF;
	padding: 4px 4px 4px 4px;
}

.TableFlightlink a:link, .TableFlightlink a:active, .TableFlightlink a:visited{
	font-weight: bold;
	color: #225FAF;
	text-decoration: none;
}

.TableFlightlink a:hover {
	text-decoration: underline;
}

.TableFlightlinkSearch {
	font-weight: bold;
	color: #225FAF;
	padding: 4px 4px 4px 4px;
}

.TableFlightlinkSearch a:link, .TableFlightlinkSearch a:active, .TableFlightlinkSearch a:visited{
	font-weight: bold;
	color: #225FAF;
	text-decoration: none;
}

.TableFlightlinkSearch a:hover {
	text-decoration: underline;
}


.TableFlightLight, .TableFlightLight td {
	font-weight: normal;
	color: #225FAF;
	padding: 4px 4px 1px 1px;
}

.TableFlightDark, .TableFlightDark td {
	font-weight: normal;
	color: #225FAF;
	background-color: #E7E7E7;
	padding: 4px 4px 1px 1px;
}

.TableFlightHeaderTime {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #225FAF;
	padding-top: 4px;
	padding-right: 1px;
	padding-bottom: 8px;
	padding-left: 1px;
}
.TableFlightDetailsHeader {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B0B0B0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.TableFlightRed {
	color: #FF0000;
	font-weight: bold;
}


.TableFlightGrey , .TableFlightGrey td{
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #225FAF;
	background-color: #E7E7E7;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.TableFlightGrey a:link, .TableFlightGrey  a:active, .TableFlightGrey  a:visited {
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	color: #225FAF;
	background-color: #E7E7E7;
}

.TableFlightGrey a:hover {
	text-decoration: underline;
}

.TableFlightWhite, .TableFlightWhite td {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #225FAF;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.TableFlightWhite a:link, .TableFlightWhite  a:active, .TableFlightWhite  a:visited {
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	color: #225FAF;
	background-color: #FFFFFF;

}

.TableFlightWhite a:hover {
	text-decoration: underline;
}


/******************************************
** fixes for IE problems with Italic tag **
*******************************************/
div.hugin i.hugin, em.hugin {
	overflow: visible;
	width: auto;
}
div#WrapperContent div#maincontent form p  {
	padding-right: 12px;
}
