* { margin: 0; padding: 0; }

.tester_01 { width: 600px; height: 600px; background-color: red; z-index: 10000; margin: 0 auto;

}
body
{
	background: url(../img/bg/background.jpg) repeat-x fixed top left;
	text-align: center;
	font: normal 0.75em/1.5em Verdana, arial, helvetica,sans-serif;
	color: #464646;
	background-color: #fff;
}

hr { display: none; }
fieldset { border: none; }
legend { display: none; }
input, select { width: 95%; }
.checkbox, .radio { width: auto; }
label { cursor: pointer; }
img { border: 0px none; }
strong { font-family: "museo-slab-1","museo-slab-2", "Verdana", "arial", "helvetica" , sans-serif; font-weight: bold; text-shadow: 0 1px 0 #ffffff; }
a { font-family: "museo-slab-1","museo-slab-2", "Verdana", "arial", "helvetica" , sans-serif; color: #116b80; }
a:visited { color: #464646; }
a:hover { color: #f05a30; text-decoration: underline; }
a:active { font-weight: 700;}
ul, ol { list-style: none; }
li a { display: block; text-decoration: none; }
p, .bottom-text	{ 
	font-family: "museo-slab-1","museo-slab-2", "Verdana", "arial", "helvetica" , sans-serif; 
	font-size: 1.3em; 
	font-weight: 300; 
	margin-bottom: 0.6em; 
	text-shadow: 0 1px 0 #ffffff;	
	}
h1, h2, h3, h4, h5, h6 { font-size: 17px; text-shadow: 0 1px 0 #ffffff; }

.nodisplay { position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; }
.spacer { display: block; clear: both; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 0; }
.halfleft { width: 50%; float: left; }
.halfright { width: 50%; float: right; }
.dotted { width: 399px; height: 2.5em; border-top: dotted 1px #116b80; }

/* Lightbox */

#gallery div { float: left; }
#gallery .thumb1-contact a { display: block; margin: 0 10px 10px 0; width: 313px; height: 316px; background: url(../img/lightbox/roadmap_thumbnail.gif);}
#gallery .thumb1 a { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumb_image1.jpg);}
#gallery .thumb2 a { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumb_image2.jpg);}
#gallery .thumb3 a { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumb_image3.jpg);}
#gallery .thumb4 a { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumb_image4.jpg);}
#gallery .thumb5 a { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumb_image5.jpg);}
#gallery .thumb6 a { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumb_image6.jpg);}

#gallery .thumb1-contact a:hover { display: block; margin: 0 10px 10px 0; width: 313px; height: 316px; background: url(../img/lightbox/thumbnails_animated_gif/roadmap_thumbnail_animated.gif);}
#gallery .thumb1 a:hover { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumbnails_animated_gif/thumbnail1.gif);}
#gallery .thumb2 a:hover { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumbnails_animated_gif/thumbnail2.gif);}
#gallery .thumb3 a:hover { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumbnails_animated_gif/thumbnail3.gif);}
#gallery .thumb4 a:hover { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumbnails_animated_gif/thumbnail4.gif);}
#gallery .thumb5 a:hover { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumbnails_animated_gif/thumbnail5.gif);}
#gallery .thumb6 a:hover { display: block; margin: 0 10px 10px 0; width: 152px; height: 152px; background: url(../img/lightbox/thumbnails_animated_gif/thumbnail6.gif);}


.download 
	{ 
	background: url(../img/bg/download_button.png) no-repeat;
	height: 30px;
	margin-top: 2.5em;
	padding: 10px 10px 0 25px; 
	width: 277px; 
	}

.download a { background: url(../img/bg/download.gif) 1px no-repeat; padding: 0 0 0 25px; }
.download a:hover { background: url(../img/bg/download_animated.gif) 1px no-repeat; padding: 0 0 0 25px; }


/* page blocks */



#site { position: absolute; height: 100%; width: 100%; }

#navi { margin: 0 0 35px 0; padding: 0 0 0 40px;}

#navi li { float: left; margin-bottom: 35px;}

#navi li a
	{ 	
	font-family: "museo-slab-1","museo-slab-2",Verdana, arial, helvetica, sans-serif; 
	font-size: 1.3em; 	
	color: #116b80;
	margin: 0 5px 0 25px; 
	padding: 0 10px 15px 0;
	text-decoration: none;
	background-position:0px 15px;
	font-weight: 300;
	}

#navi li .link-home:hover { background: url(../img/bg/link-home.png) no-repeat; background-position:0px 15px; padding-right: 10px; }
#navi li .link-contact:hover { background: url(../img/bg/link-contact.png) no-repeat; background-position:0px 15px;  }
#navi li .link-jet-porda:hover { background: url(../img/bg/link-jet-porda.png) no-repeat; background-position:0px 15px;  }
#navi li .link-legal-information:hover { background: url(../img/bg/link-legal-information.png) no-repeat; background-position:0px 15px; }

.page-content 
	{
	width: 100%; 
	margin: 0 auto;
	}

#page { 
	background: url(../img/bg/desk.png) no-repeat;
	position: relative;
	height: 810px;
	margin: 0 auto;
	margin-bottom: 45px;
	padding: 8px 0px 0px 10px;
	text-align: center;
	width: 956px;
	z-index: 10;
	}
	
.page_02-content_left { float: left; margin-right: 35px; width: 450px;}
.page_02-content_right { float: left; width: 324px; }


#page_02, .page_02-bottom {
	background: url(../img/bg/shadow.png) repeat-y;
	position: relative;
	padding: 200px 10px 15px 13px;
	margin: 0 auto; 
	text-align: left;
	width: 946px;
	z-index: 10;
	}
	
.page_02-bottom 
	{ 
	background: url(../img/bg/desk-bottom.png) no-repeat; 
	margin-bottom: 45px; 
	height: 114px;
	padding: 0 10px 0 13px; 
	}

#page_02 p 
	{ 
	font-size: 1em;
	width: 410px;
	}

.p-paragraph { margin-bottom: 2.5em }

.enum { background: url(../img/bg/check.png) no-repeat; padding-left: 25px; }

.page_02-content_head 
	{ 
	background: url(../img/bg/page_02-content_head.png) no-repeat;
	height: 25px;
	width: 940px;
	}
	
.page_02-content
	{ 
	background-color: #FFF;
	padding: 60px 25px 25px 65px;	
	width: 850px;
	}
.page_02-content_bottom
	{ 
	background: url(../img/bg/page_02-content_bottom.png) no-repeat; 
	height: 25px;
	width: 940px;
	}
	


/* forms */
.button {
	border: 0 solid;
	background-color: transparent;
	cursor: pointer;
	font: normal 100%/1.5em arial,helvetica,sans-serif;
	text-decoration: underline;
	text-align: left;
	width: auto;
	}

.visual-content 
	{position: absolute; 
	text-align: left; 
	top: 150px; 
	left: 405px; }

.visual-content h1, .visual-content strong  
	{ 
	font-family: "museo-slab-1","museo-slab-2",Verdana, arial, helvetica,sans-serif; 
	font-size: 17px; 
	font-weight: 700; 
	color: #116b80; 
	margin-bottom: 1em; 
	}
.visual-text, .visual-enum, .visual-enum-last 
	{ 
	font-family: "museo-slab-1","museo-slab-2",Verdana, arial, helvetica, sans-serif; 
	font-size: 1.3em; 
	font-weight: 300; 
	color: #116b80;   
	}
.visual-text { margin-bottom: 1.5em; }
.visual-enum, .visual-enum-last 
	{ 
	background: url(../img/bg/check.png) left no-repeat;
 	padding-left: 30px; 
 	}
.visual-enum-last { margin-bottom: 3em; }
.visual-content strong 
	{ 
	display: block;
	background: url(../img/bg/highlight_underline.png) left no-repeat;
	padding-bottom: 3em; 
	}

	
#visual { 
	background: url(../img/bg/visual.jpg) no-repeat;
	background-position: 3px 2px;
	position: relative;
	width: 946px; 
	height: 586px;
	margin: 0 0 6px 0;}
	
.jettimer 
	{ 
	position: absolute; 
	top: 5px; 
	left: 637px; 
	width: 300px; 
	height: 575px; 
	background: url(../img/bg/jettimer.gif) 
	}
.jettimer:hover { background: url(../img/bg/jettimer_animated.gif) }

.logo-jettimer { position: absolute; top: 450px; left: 405px;}
#page_02 .logo-jettimer { position: absolute; top: 55px; left: 550px;}
.logo-h1 { margin: 0; }
.logo-jetporda { position: absolute; top: 25px; left: 25px; }
#page_02 .logo-jetporda { position: absolute; top: 33px; left: 42px; }

.new { background: url(../img/bg/new.png) no-repeat; height: 132px; width: 132px; position: absolute; top: 150px; left: 780px; }


h1 
	{ 
	font-family: "museo-slab-1","museo-slab-2",Verdana, arial, helvetica,sans-serif; 
	font-size: 17px; 
	font-weight: 700; 
	color: #116b80; 
	margin-bottom: 1.1em; 
	}

.teaser1 { 
	background: url(../img/bg/teaser1_bg.png) no-repeat;
	float: left;
	height: 179px;
	margin-right: 12px;
	padding: 25px 0 0 25px;
	text-align: left; 
	width: 441px;
	}
.teaser2 { 
	background: url(../img/bg/teaser2_bg.png)0 no-repeat;
	}
	
.teaser1 p, .teaser2 p 
	{ 
	color: #464646; 
	background: url(../img/bg/arrow.png) left no-repeat; 
	font-size: 1.3em; 
	padding-left: 25px; 
	}

.more_info_button { background: url(../img/bg/get_more_info_button.png) 0 no-repeat; float: right; display: block; padding: 5px 0 0 0; margin: 8px 20px 0 0; width: 260px; height: 36px; }
.more_info_button:hover { background: url(../img/bg/get_more_info_button_activ.png) 0 no-repeat;}

.get_jettimer_button { background: url(../img/bg/get_jettimer_button.png) 0 no-repeat; float: right; display: block; padding: 5px 0 0 0; margin: 8px 20px 0 0; width: 260px; height: 36px; }
.get_jettimer_button:hover { background: url(../img/bg/get_jettimer_button_animated.png) 0 no-repeat;}

.bottom 
	{ 
	display: block;
	background-color: #cccccc; 
	bottom: 0px; 
	height: 22px; 
	padding-top: 3px;
	width: 100%;
    left: 0;
	z-index: 1000;
	position: fixed;
	}

#preload 
	{
	display: none
	}
	
#preload img 
	{
	height: 0; width: 0; border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}

.bottom-text { font-size: 1.1em; }
.bottom a { color: #464646; text-decoration: none;  }
.bottom a:hover { text-decoration: underline;  }