/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd
{
	margin: 0; padding: 0;
}
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { font-size: 1.2em; background: url(/img/bg.gif); color: #fff; }

.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.links { text-align: left; }
.midden { text-align: center; }
.rechts { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { display: block; margin: auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
ul.none, ol.none { list-style: none; }
a.none { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

img { border: none; }
p, div.alinea { margin-bottom: 1.2em; }
div.wrapper, .overflow { overflow: hidden; }
a { color: #F37022; text-decoration: none;}
/*
################
#	LAYOUT	   #
################
*/
/* Taal
------------------------------------------------------------------*/
div#taal {
	width: 980px;
	margin: 0 auto;
	color: #000;
	margin-top: 10px;
}
div#taal a { color: #BA0B0C; }

/* Container
------------------------------------------------------------------*/
div#container {
	background: #262626;
	width: 980px;
	margin: 10px auto;
	text-align: left;
}
/* Bovenste deel */
div#header {
	padding: 0 15px 0 26px;
	background: url(/img/bg-header.gif) repeat-x
}
p#logo {
	background: url(/img/logo.gif) no-repeat;
	float: right;
	width: 98px;
	height: 113px;
	text-indent: -9999px;
	margin-top: 13px;
	margin-bottom: 0px;
}

p#logo a { display: block; height: 113px; }

div#header-links {
	float: left;
	width: 940px;
}

div#header-links div { width: 813px; float: left; }
/* inhoud container */
div.main { padding: 0 15px 0 26px; }
div.main-hoofdpagina { margin-top: 1em; }

/* Breadcrumbs
------------------------------------------------------------------*/
p#breadcrumbs {
	margin:0 0 2px 38px;
	color: #797876;
	font-size: 0.9em;
}
p#breadcrumbs a {
	color: #797876;
}
/* Content
------------------------------------------------------------------*/
div#content {
	float: left;
	width: 655px;
	border: 1px solid #505050;
	padding-bottom: 20px;
	background : #000;
}

div#content h2,
dl.blok dt,
div#intro-tekst h2 {
	padding: .55em 10px .3em 10px;
	background: #000;
}

dl#content-menu dt img { margin: 0.45em 0; }

dl.blok dd,
div.border {
	border-top: 1px solid #363636;
	background: #000;
	padding: 12px;
}

div#content h2 { padding: .55em 10px .3em 170px; }
div#content div#intro-tekst h2 { padding: .55em 10px .3em 10px; }

div.main-hoofdpagina div#content { background : none; }
div.main-hoofdpagina div#content {
	border: none;
	padding-bottom: 0;
}

div.image-slider { height: 270px; width: 655px; overflow: hidden; display: block; position: relative; }

.intro-image {
	display: block;
	float: left;
	overflow: hidden;
	width: 655px;
	height: 270px;
	position: absolute;
}

img.vliegtuig {
	display: block;
	border: 1px solid #3b3b3b;
	position: absolute;
}
.intro-image span {
	position: absolute;
	margin-top: 206px;
	background: #ededed url(/img/meer-info.gif) no-repeat 95%;
	border: 1px solid #505050;
	border-left: none;
	width: 311px;
	padding: 10px 10px 6px;
	cursor: pointer;
}

div#intro-tekst {
	width: 655px;
	border: 1px solid #505050;
	overflow: hidden;
	background : #000;
	margin-bottom: 13px;
}
div#container-intro {
	width: 360px;
	float: left;	

}
div.intro-noimg div#container-intro {
	float: none; width: auto;
}
div#intro-tekst h2 {
	padding-bottom: 4px;
}
img#intro-tekst-image {
	float: right;

}
a.meer-info {
	color: #e6e6e6;
	font-size: 1.2em;
}

/* Kolom-links
------------------------------------------------------------------*/
div#kolom-links {
	float: left;
	width: 150px;
	padding-right: 10px;
}
/* Kolom-rechts
------------------------------------------------------------------*/
div#kolom-rechts {
	width: 466px;
	float: right;
}
div#kolom-rechts h2 {
	padding: 18px 0 4px 0;
	border-bottom: 1px solid #808080;
}
div#kolom-rechts h2.geen-border {
	border: none;
	margin-bottom: 0;
	
}
img.illustratie-rechts {
	float: right;
	margin: 0 0 1em 12px;
}
img.illustratie-links {
	float: left;
	margin: 0.5em 1em 0 0;
}
/* Content-rechts
------------------------------------------------------------------*/
div#content-rechts {
	float: right;
	width: 272px;
}
div.blok {
	border: 1px solid #3b3b3b;
	margin-bottom: 11px;
}
div#content-rechts div.nav { position: relative; }

div.navigatie {
	position: absolute;
	top: 121px; 
	right: 6px;
}
div.blok h3 {
	background: url(/img/kop-achtergrond.png) no-repeat 95%;
	padding: 12px 12px 5px 12px; margin-bottom: 12px;
	border-bottom: 1px solid #808080;
}
/* Foto-detail
------------------------------------------------------------------*/
a.fotoalbum {
	padding: 2px;
	margin-right: 17px; margin-bottom: 17px;
	float: left;
	border: 1px solid #808080;
}
a.laatste {
	margin-right: 0;
}
a.fotoalbum:hover,
a.fotoalbum:active {
	border-color: #F37022;
}

div.fotoblok { margin-bottom: 23px; }
/* Items
------------------------------------------------------------------*/
div.item {
	background: url(/img/bg-item.gif) repeat-x;
	border-bottom: 1px solid #1f1f1f;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
div.agenda div.item  {
	padding-top: 14px;
}
div.agenda div.item small.datum {
	display: block;
	margin-bottom: 8px;
}
div.agenda div.item h3 { padding: 0 0 22px 0 ; }
div.item:hover,
div.item:focus,
div.item.hover-ie {
	background: url(/img/v2/bg-item-hover.gif) repeat-x;
	border-bottom: 1px solid #311607;
}
div.item h3 { padding: 15px 7px 8px 7px; }
div.item h3.sold { background: url(/img/knop-sold.gif) no-repeat 98% 60%; }
div.item p {
	margin-bottom: 0.8em; padding: 0;
	font-size: 1em;
}
div.item img.afbeelding {
	float: left;
	padding: 0 13px;
}
div.item div.item-content {
	padding: 0 13px;
}
/* overzicht
------------------------------------------------------------------*/
div.overzicht {
	width: 201px;
	float: left;
	background: url(/img/bg-overzicht.gif) repeat-x;
	border-bottom: 1px solid #1f1f1f;
	overflow: hidden;
	padding: 10px; margin-bottom: 20px; margin-right: 15px;
}
div.overzicht-laatste { margin-right: 0; }
div.overzicht:hover,
div.overzicht:focus,
div.overzicht.hover-ie { background: url(/img/bg-overzicht-hover.gif) repeat-x; }
div.overzicht h3 { padding: 2px 0 0.5em 0; }
div.overzicht p { margin-bottom: 0.2em; }
div.overzicht img.afbeelding { padding-top: 0.8em; }
/* Footer
------------------------------------------------------------------*/

div#footer {
	background: #000 url(/img/footer-wide.gif) repeat-x;
	padding-left: 26px;
	margin-top: 40px;
	line-height: 140%;
	padding-bottom: 10px;
}
/* Bottom
------------------------------------------------------------------*/
div#bottom {
	width: 990px;
	margin: 0 auto;
	color: #000;
}
div#bottom a { color: #000; }
/*
####################
#	LIJSTEN	   #
####################
*/
ul#websites {
	clear: both;
	list-style: none;
}
ul#websites li {
	float: left;
	padding-right: 13px;
}
ul#websites a {
	float: left;
	display: block;
	background: url(/img/topmenu-cirrus-europe.png) no-repeat;
	text-indent: -9999px;
	height: 37px;
}
ul#websites a#europe { width: 145px; }
ul#websites a#enterprise {
	width: 182px;
	background-position: -155px top;
}
ul#websites a#flugwerft {
	width: 140px;	
	background-position: -347px top;
}
ul#websites a#europe:hover,
ul#websites a#europe:focus,
ul#websites a#europe.active { background-position: bottom left; }
ul#websites a#enterprise:hover,
ul#websites a#enterprise:focus,
ul#websites a#enterprise.active { background-position: -155px bottom; }
ul#websites a#flugwerft:hover,
ul#websites a#flugwerft:focus,
ul#websites a#flugwerft.active { background-position: -347px bottom ; }

ul#websites a#deutschland { background-position: 0 0; width: 145px; }
ul#websites a#maintenance { background-position: -145px 0; width: 227px; }


ul#websites a#deutschland:hover,
ul#websites a#deutschland:focus {
	background-position: 0 bottom;
}
ul#websites a#maintenance:hover,
ul#websites a#maintenance:focus {
	background-position: -145px bottom;
}


/* Hoofdmenu
------------------------------------------------------------------*/
ul#hoofdmenu {
	width: 813px;
	padding: 58px 0 0; /* ie6 */
	list-style: none;
}
ul#hoofdmenu li  {
	float: left;
	margin-right: 5px;	
}

ul#hoofdmenu li#print  {
	margin: 5px 0 0 20px;	
}

ul#hoofdmenu li#print a {
	padding-left: 20px;
	background: url(/img/v2/print.gif) no-repeat 0 5px;
}

ul#hoofdmenu li#facebook  {
	float: right;
	margin-right: 0;
	width: 100px;
}

ul#hoofdmenu li#facebook a {
	padding-left: 0;
	background: url(/img/facebook.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 30px;
}
ul#hoofdmenu li#facebook a:hover,
ul#hoofdmenu li#facebook a:focus { opacity: 0.8; }

ul#hoofdmenu li.laatste { margin-right: 0; }
ul#hoofdmenu a {
	float: left;
	padding-left: 3px;
	border: 0 solid #fff;
	text-decoration: none;
	background: url(/img/knop-hoofdmenu-nieuw.gif) no-repeat;
}
ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus,
ul#hoofdmenu a.active {
	border-color: #efefef;
	background-position: 0 -31px;
}
ul#hoofdmenu a span {
	display: block;
	padding: 7px 7px 6px; 
	cursor: pointer;
	background: url(/img/knop-hoofdmenu-nieuw.gif) no-repeat right top;
}
ul#hoofdmenu a:hover span,
ul#hoofdmenu a:focus span,
ul#hoofdmenu a.active span { background-position: right -31px; }

ul#hoofdmenu a img.hover,
ul#hoofdmenu a:hover img.non-hover,
ul#hoofdmenu a:focus img.non-hover,
ul#hoofdmenu a.active img.non-hover { display: none; }

ul#hoofdmenu a:hover img.hover,
ul#hoofdmenu a:focus img.hover,
ul#hoofdmenu a.active img.hover { display: block; }

/* dl.blok
------------------------------------------------------------------*/
dl.blok {
	border: 1px solid #3b3b3b;
	margin-bottom: 11px;
	background : #000;
}
dl.blok dt {
	padding-bottom: 5px;

}
dl.blok dt a {
	display: block;
	background: url(/img/kop-achtergrond.png) no-repeat right 3px;
}
dl.blok dd {
	padding: 12px;
	color: #fff;
}
dl.blok dd.afbeelding { padding: 0; }

/* dl.footer-items
------------------------------------------------------------------*/
dl.footer-items {
	margin-right: 24px;
	padding-top: 10px;
	float: left;
	font-size: 0.9em;
	width: 106px;
}
dl.contact {
	width: auto;
	margin-right: 0;	
}
dl.footer-items dt { margin-bottom: .8em; }
dl.footer-items dt a {
	font-weight: bolder;
	color: #fff;
}
dl.footer-items dd address { font-style: normal; }
dl.footer-items dd address span { display: block; margin-bottom: .6em; }
dl.footer-items li { list-style: none; }
dl.footer-items li a { color: #fff; }
body.cirrus-de dl.footer-items { width: 104px; }
body.cirrus-de dl.contact { width: auto; }
/* dl.content-menu
------------------------------------------------------------------*/
dl#content-menu {
	
}
dl#content-menu dt {
	border-bottom: 1px solid #363636;
	padding-bottom: 7px; 
}
dl#content-menu dd {
	border-bottom: 1px solid #363636;
	padding: 10px 0;

}

dl#content-menu ul li {
	list-style: none;
}
dl#content-menu ul li a {
	padding-left: 12px;
	color: #fff;
	text-decoration: none;
}
dl#content-menu ul li a:hover,
dl#content-menu ul li a:focus,
dl#content-menu ul li a.active {
	background: url(/img/v2/pijl-oranje.gif) no-repeat 0 52%;
	color: #F37022;
}

/* ul/li algemeen
------------------------------------------------------------------*/
div#kolom-rechts ul { list-style: none; margin-bottom: 2em; }
div#kolom-rechts ul li {
	background: url(/img/pijl-wit.gif) no-repeat 0 52%;
	padding-left: 15px; margin-left: 6px;
}

/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
input.text, textarea { padding: 2px; }
textarea { overflow: auto; }
input, select { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { margin-left: 0; }
input.button, input.submit { cursor: pointer; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }

/* Webbeheer formulier
------------------------------------------------------------------*/
form.webbeheer-formulier { position: relative; }
form.webbeheer-formulier fieldset {
	margin: 0; padding: 0;
	border: none;
}

form.webbeheer-formulier em.verplicht { position: absolute; left: 167px; margin-top: -2px; }
form.webbeheer-formulier legend { display: none; }
form.webbeheer-formulier ul.velden { list-style: none; }

form.webbeheer-formulier ul li {
	overflow: hidden; height: 1%;
	margin-bottom: .5em;
}
form.webbeheer-formulier ul li label {
	width: 165px; margin-right: 15px;
	float: left;
}
form.webbeheer-formulier ul li input {
	float: left;
}

form.webbeheer-formulier ul li textarea {
}

form.webbeheer-formulier ul li fieldset.radiogrouper {
	float: left;
}

form.webbeheer-formulier fieldset.radiogrouper div {
	overflow: hidden; height: 1%;
}

form.webbeheer-formulier ul li fieldset.radiogrouper label {
	width: auto; margin: 0 0 0 5px;
}

/* Zoekformulier
------------------------------------------------------------------*/
div#header-links form {
	float: right;
	padding-top: 13px;
	width: 270px;	
}
div#header-links form fieldset {
	float: right;
	background: url(/img/zoeken-input.gif) no-repeat;
}
div#header-links form input.button {
	background: url(/img/zoeken.gif) no-repeat;
	margin-top: 1px;
	padding: 4px 0;
	border: none;
	width: 85px;
}
div#header-links form input { float: left; }
div#header-links form input.text {
	width: 160px;
	padding: 4px 7px;
	border: none;
	background: none;
	margin-right: 10px;
}

/* Foto-viewer
------------------------------------------------------------------*/
div#foto-viewer {
	float: right;
	width: 220px;
	overflow: hidden;
	margin: 0 0 .6em 12px;
}

div#placeholder {
	margin-bottom: 4px;
}
div#foto-viewer div.wrapper a {
	float: left;
	margin: 0 7px 4px 0;
}
div#foto-viewer div.wrapper a.laatste { margin-right: 0; }
div.product-thumb {
	float: left;
	padding: 0 5px;
}
/*
####################
#	TABELLEN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }