/*************************
all styles by outline4.ch

Blau: color: #23478A;
Schwarz color: #484747;

************************/

/* General Semantic Tags
----------------------------------------------------------------------------------------------------*/
header, section, nav, article, footer, video, audio {display: block; position: relative; }
	nav h1 {display: none;} /* Being friendly to newsreaders */

/* Reset by outline4
-------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,section,nav,footer,article,img,video,audio {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; /* table-layout:fixed; */}
td, th {vertical-align: top; padding-right: 20px; }
td:last-child, th:last-child {padding-right: 0;}
address,caption,cite,code,dfn,em,b,strong,th,var {font-style:normal; font-weight:normal;}
ul {list-style: disc;}
ol {list-style: decimal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
p,dl,hr,ol,ul,pre,table,fieldset,video,audio,blockquote {margin-bottom: 22px;}
q:before,q:after { content:''; }
fieldset,img,iframe,abbr,acronym {border:0 none;}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap;}
*|*:-moz-any-link:focus {outline: none !important;}
img {vertical-align: bottom;}

/* Set to 100%
-------------------------------------------------------------------------------------------------- */
html, body { height: 100%;  }
body#home { min-width: 1200px;}

/* Fonts
-------------------------------------------------------------------------------------------------- */

/*
	OPEN SANS is loaded by google in the head (better for cyrillic support)
	@font-face { font-family: 'open_sansbold'; src: url('/css/fonts/opensans-bold-webfont.eot'); src: url('/css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-bold-webfont.woff') format('woff'), url('/css/fonts/opensans-bold-webfont.ttf') format('truetype'), url('/css/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'open_sansregular'; src: url('/css/fonts/opensans-regular-webfont.eot'); src: url('/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-regular-webfont.woff') format('woff'), url('/css/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
*/
@font-face { font-family: 'typicon_regular'; src: url('/css/fonts/typicons-regular-webfont.eot'); src: url('/css/fonts/typicons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/typicons-regular-webfont.woff') format('woff'), url('/css/fonts/typicons-regular-webfont.ttf') format('truetype'), url('/css/fonts/typicons-regular-webfont.svg#typicon_regular') format('svg'); font-weight: normal; font-style: normal; }



/* !---Body
----------------------------------------------------------------------------------------------------*/
body { font: 16px/22px 'Open Sans', Arial, sans-serif; color: #7E7E7E; word-wrap: break-word;
	-webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; }

/* !Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {   font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: bold;
					color: #484747; margin-bottom: 22px;}
h4 { margin-bottom: 0em; }

h1, .h1 {font-size: 30px; line-height: 30px; text-transform: uppercase;}
h2, .h2 {font-size: 24px; line-height: 30px; text-transform: uppercase;}
h3, .h3 {font-size: 18px; line-height: 22px; text-transform: uppercase; }
h4, .h4 {font-size: 18px; line-height: 22px; text-transform: uppercase; margin-bottom: 0; }

p + h2, ul + h2, table + h2, iframe + h2  {margin-top: 18px;}
p + h3, ul + h3, table + h3, iframe + h4 {margin-top: 18px;}
h4 + h2, h4 + h3 {margin-top: 18px;}
h3 + h2, h3 + h4 {margin-top: 18px;}
h2 + h2 {margin-top: 18px;}

span.bildlegende { display: block; margin-bottom: 18px;}


/* Links
----------------------------------------------------------------------------------------------------*/

a, .link, .pagination_deactivated.link:hover { text-decoration: none; color: #7E7E7E;}
a:hover, .link:hover { text-decoration: underline;}

/* Image links remove the Magic border below images (another method would be to make images display as block) */
a img, a:hover img {border: none; text-decoration: none; vertical-align: bottom;}

/* Link icons */
a.download_icon {padding-left: 23px; background: url(/css/images/icons/download.png) no-repeat 0 50% transparent; height: 24px; }
a:hover.download_icon {text-decoration: underline;}

/* Automatic Link Icons */
/* a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] { text-decoration: none; border: 0 none; vertical-align: bottom; background: none;} */


/* Inline Formats
----------------------------------------------------------------------------------------------------*/
i, em { font-weight: normal; color: #484747; font-style: normal;}
b, strong  { color: #484747; text-transform: uppercase; font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; }

hr { border : 0; height : 22px; background : url(/css/images/hr.png) 50% 0 no-repeat; margin : 18px 0; }


/* Layout divs
----------------------------------------------------------------------------------------------------*/
.centerer { position: relative; margin: 0 auto; width: 980px; }
.wrapper { position: relative; float: left; width: 100%; }

	/* !Custom grid */
	.grid_container { position: relative; float: left; width: 980px; }

	.grid_1, .grid_1_3, .grid_2, .grid_3, .grid_4 { position: relative; float: left; margin-bottom: 22px; margin-right: 10px; margin-left: 10px; }
	.text_grid_1, .text_grid_2, .text_grid_3, .text_grid_4 { position: relative; float: left; margin-right: 20px; margin-left: 20px;  }

	.text_grid_1.first, .text_grid_2.first, .text_grid_3.first {margin-left: 0;}
	.text_grid_1.last, .text_grid_2.last, .text_grid_3.last {margin-right: 0;}

	.grid_1 {width: 225px; }
	.grid_1_3 { width: 320px; }
	.grid_2 {width: 470px; }
	.grid_3 {width: 715px; }
	.grid_4 {width: 960px; }

	.text_grid_1 {width: 205px; }
	.text_grid_2 {width: 450px; }
	.text_grid_3 {width: 695px; }
	.text_grid_4 {width: 940px; }

    /* !---Navigation */
    #main_nav { position: absolute; top: 150px; right: 11px; text-align: right;}
	#main_nav ul { list-style: none;  width: 100%; }
	#main_nav li { display: inline; margin-left: 22px;}

	#main_nav li.first a { padding-right: 0; }
	#main_nav li.last a { padding-left: 0; }

		#main_nav ul li a { font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-transform: uppercase;
							font-size: 15px; line-height: 22px; }
		#main_nav ul li.here a, #main_nav ul li.parent-here a, #main_nav li a:hover { color: #23478A; text-decoration: none; }


	.top_blue { position: relative; float: left; height: 8px; width: 100%; background: url(/images/layout/blau.png) repeat 0 0 #23478A; }

    #header { position: relative; float: left; width: 100%; height: 220px; border-bottom: 1px solid #7E7E7E; margin-bottom: 55px; }
    #home #header { border-bottom: none; margin-bottom: 0; }

		/* language selector */
		#lang_selector {position: absolute; top: 5px; left: 10px; }
			#lang_selector a {font-size: 13px; text-transform: none; color: #7E7E7E; font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; }
			#lang_selector a.here, #lang_selector a:hover {color: #484747;}

		#quick_contact { position: absolute; top: 5px; right: 10px; text-align: right; font-size: 14px; white-space: nowrap; font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: bold;  color: #23478A;}
		#quick_contact a { color: #23478A;}
		#quick_contact .icons {vertical-align: -4px; font-size: 18px; line-height: 24px; padding-left: 15px;}


		h1.logo a { position: absolute; top: 111px; left: 10px; background: url(/images/layout/nomad_aviation-nomadjet.png) no-repeat 0 0 transparent; width: 213px; height: 57px;
			text-indent: -9999px;
		}

	/* adjust home for 1200px width */
/*
	#home .grid_container { margin-left: 110px; margin-right: 110px; }
	#home .centerer { width: 1200px; }
	#home #lang_selector { left: 110px; }
	#home #quick_contact { right: 110px; }
	#home #main_nav { right: 110px; }
	#home h1.logo a { left: 110px; }
*/

	#layerslider_container { position: relative; float: left; width: 980px; height: 690px; background: transparent; margin-bottom: 70px; overflow: visible;}
   		#layerslider {  position: absolute; left: 50%; margin-left: -600px; width: 1200px; height: 690px; background: url(/images/layout/loader.gif) no-repeat center center transparent ;}
   			#slider {  position: relative; width: 1200px; margin: 0 auto; width: 1200px; height: 690px;}

   		.home_left {position: relative; float: left; margin-top: 22px; width: 300px; text-align: right; vertical-align: middle; margin-right: 20px;}
   		.home_right {position: relative; float: left; width: 600px; padding-right: 40px; text-align: left; }


   	.plane_listing { position: relative; float: left; margin-bottom: 55px;}

   	/* !---general formatting */
   	.format_small  {font-size: 13px; line-height: 18px;}
   	.format_small p, .format_small table {margin-bottom: 9px;}
   	.format_small h2  {font-size: 16px; line-height: 18px; margin-bottom: 9px;}
   	.format_small .icons  {vertical-align: -4px; font-size: 18px; }

   	.format_small tr td:first-child {white-space: nowrap;}

   	.format table {width: 100%;}
   	.format table thead {display: none;}
   	.format iframe {margin-bottom: 22px;}
   	.format td { /* padding-bottom: 20px; */ }
   	.format li {margin-left: 15px;}
   	.format .icons  {vertical-align: -6px; font-size: 22px; }

    	/* category selects */

    	.main_format select { border:0; color:#fff; background:transparent;
				text-transform: uppercase; font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: bold;
    			padding:2px 10px; width:140px; *width:125px; *background:#1d1d1b; -webkit-appearance: none; appearance: none; }

		.select { margin-top: 35px; margin-bottom: 35px; overflow:hidden; width:125px;	-moz-border-radius: 6px; -webkit-border-radius: 9px; border-radius: 6px; background: url(/images/layout/dropdown-arrow.png) no-repeat scroll 140px 5px #1d1d1b; }


    /* !---Footer */

    #footer { position: relative; float: left; /* width: 100%; */ }

    #footer .icons {vertical-align: -4px; font-size: 18px; line-height: 24px; }
    #footer_top { float: left; background: #C9CACA; padding-top: 44px; width: 100%;}
    	#footer_top h2 {margin-bottom: 11px;}
    #footer_bottom { float: left; background: #464848; padding-bottom: 0;  width: 100%;}
    	#footer_bottom .grid_1, #footer_bottom .grid_2 {margin-bottom: 0;}

    	#footer_bottom h2 {color: #BDBDBD; padding-top: 22px; margin-bottom: 0px;}

    	#footer a { color: #7E7E7E; text-transform: none; font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; }
    	#footer a:hover { color: #484747;}

		#clocks_container { margin-top: 10px; width: 200px; height: 65px; background: transparent;}
			.clock {position: relative; float: right; height: 65px; margin-right: 5px; width: 44px; }
			.clock_land { width: 44px; font-size: 10px; line-height: 10px; text-align: center; text-transform: uppercase; color: #f7f7f7;}



/* definition list
---------------------------------------------------------------------------------------------------*/

dt {
	display: inline-block;
	float: left;
	clear: left;
	width: 30px;
	font-weight: bold; }

dd {
	margin: 0 0 0 10px;
	padding: 0; }


/* Blockquote
----------------------------------------------------------------------------------------------------*/

blockquote { font: 30px/30px 'Open Sans', Georgia, sans-serif; font-style: normal; font-variant: normal; margin-top: 35px; margin-bottom: 35px;}

.blockquote { font-family: Georgia, serif; font-size: 1.8em; line-height: 1.5em; color: #8296ab; font-style:italic; text-align:center; text-indent:15px; background-image: url(/css/images/quote.gif); background-repeat: no-repeat; background-position: left top; float:left; width: 100%; }

/* Specials
----------------------------------------------------------------------------------------------------*/
.no_border, a.no_border, a.no_border:hover {border: none; background: none; padding: 0;}
.no_margin, .nomargin {margin-bottom: 0px;}
.no_margin_btm {margin-bottom: 0px!important;}

.image_full_width { max-width: 100%; height: auto; }
.half_size { width: 50%; }
.align_right { text-align: right!important;}

#not_translated_yet {position: absolute; top: -25px; left: 0;}
	.not_translated { color: #3f3f3f; font-style: italic;}
.article_footer {color: #cbcbcb; font-size: 11px;}

div.invert {
	padding: 5px 10px; background: #3f3f3f; color: #fff;
	font-size: 15px; line-height: 21px;
	font-family: Georgia, "Times New Roman", serif; font-style: italic; font-variant: normal; font-weight: normal;
	margin-bottom: 18px;
}
	div.invert p:last-child { margin-bottom: 0;}

.img_link, a.img_link, a.img_link:hover {display: block; border: none; padding: 0; margin-bottom: 5px;}
.img_legend { /* font-size:12px;  */}



.margin_btm {margin-bottom: 18px;}

.big_margin_btm {margin-bottom: 48px;}
.big_margin_top {margin-top: 70px;}

.small_margin_top {margin-top: 5px;}
.small_margin_btm {margin-bottom: 5px;}

.uppercase {text-transform: uppercase;}

.success { text-transform: uppercase; color: green; }

.spanner {margin-right: 10px;}

.small, .small a { font-size: 11px; line-height: 20px; }
.small a, a .small { }

.hide-text, .hide-text a { display: inline-block; text-indent: 120%; white-space: nowrap; overflow: hidden;}
.hide-text a {cursor: pointer;}

.border {border-bottom: 1px dotted #828181;}
.center {text-align: center!important;}
.ident {padding-left: 15px;}
.no_wrap {white-space: nowrap;}

.icons {font-family: 'typicon_regular', monospace; font-style: normal; font-variant: normal; font-weight: normal;
		text-align: center; vertical-align: middle; }

/* make nicer
----------------------------------------------------------------------------------------------------*/
.border_top_shadow { box-shadow: inset 0px 3px 7px -3px #484747;}
.shadow { box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; }
.frame {margin: 0px; margin-bottom: 7px; padding: 4px; border: 1px solid #e5e5e5; background: #fff;}
.rounded {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* Admin Elements
----------------------------------------------------------------------------------------------------*/
a.modalbox_edit { color : #fff; background: #666; font-size: 10px; padding: 0 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ text-decoration: none;}
a:hover.modalbox_edit { color : #fff; background: #999; text-decoration: none;}

#admin_box {
	position: relative;  width: 100%; 	background:#23478A; z-index: 10;
	font-size: 10px;
}

#admin_box, #admin_box a {color: #fff;}
#admin_box p {margin-bottom: 0;}

#toggler {position: fixed; top: 0; right: 0; padding: 5px 10px; z-index: 11; }

.logged_in, tr.logged_in td {background: url(/css/images/stripe-gray.png) repeat 0 0 transparent; }
.logged_in_gray {background: url(/css/images/stripe-gray.png) repeat 0 0 transparent; }
.logged_in_black {background: url(/css/images/stripe-dark.png) repeat 0 0 transparent; }

.admin_background {background: #b21f17; }

.admin_white, .admin_white a {color: white!important; }
.admin_white {padding: 5px;}