/* styles for lachsvonachtern.de     */
/*                                   */
/* media:	screen                   */
/* use:		on every microsite       */
/* author:	click solutions GmbH     */
/*          Holger Blthmann         */
/*                                   */

* {
	padding: 0; margin: 0; font-weight: normal; }
	
strong {
	font-weight: bold; }
	
img {
	border: none; }

html {
	overflow-y: scroll; }

body {
	text-align: center; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; }
	
/*                                   */	
/* main divs                         */
/*                                   */

div#header {
	clear: both; width: 900px; margin: 25px auto 8px auto; height: 147px; background-image: url(../images/bg_header.gif); background-repeat: no-repeat; background-position: bottom right; }
	
div#seperator {
	width: 900px; height: 10px; margin: 10px auto 8px auto; }
	
div#content {
	width: 900px; margin: 15px auto 8px auto; text-align: left;  }
	
div#inforow {
	width: 900px; margin: 20px auto 0px auto; padding-top: 10px; background-image: url(../images/line_bg.gif); background-repeat: repeat-x; }
	
div#footer {
	clear: both; width: 900px; margin: 0px auto 0px auto; padding-top: 20px; background-image: url(../images/bg_footer.gif); background-repeat: no-repeat; background-position: top right; }
	
/*                                   */	
/* header divs & classes             */
/*                                   */

div#logo {
	float: left; height: 116px; width: 150px; }
	
div#sitenavi {
	display: none; float: left; height: 29px; width: 160px; margin: 18px 0px 0px 52px; background-image: url(../images/bg_sitenavi.gif); background-repeat: no-repeat; background-position: bottom right; }
	
div#sitenavi ul {
	list-style: none; }
	
div#sitenavi ul li {
	float: left; margin: 0px 5px 0px 0px; }
	

	
div#search {
	float: right; height: 29px; text-align: right; width: 247px; margin: 16px 0px 0px 52px; background-image: url(../images/bg_search.gif); background-repeat: no-repeat; }
	
	
div#mainnavi {
	float: left; height: 25px; width: 698px; margin: 27px 0px 0px 50px; }

div#mainnavi ul {
	list-style: none; }
	
div#mainnavi ul li {
	float: left; margin: 0px 5px 0px 0px; }
	


div#subnavi {
	float: left; height: 32px; width: 698px; margin: 6px 0px 10px 52px; background-image: url(../images/bg_subnavi.gif); background-repeat: no-repeat; }
	
div#subnavi ul {
	list-style: none; }
	
div#subnavi ul li {
	float: left; margin: 10px 5px 0px 0px; }

/*                                   */	
/* layouts divs                      */
/*                                   */
	
div#lay1col1 {
	display: inline; float: left; width: 565px; }

div#lay1col2 {
	display: inline; float: left; width: 320px; }

div#lay2col1 {
	display: inline; float: left; width: 900px; }

div#lay2col2 {
	display: inline; float: left; width: 320px; margin: 20px 0px 0px 208px; }

div#lay2col3 {
	display: inline; float: left; width: 320px; margin: 20px 0px 0px 37px; }

div#lay3col1 {
	display: inline; float: left; width: 195px; }

div#lay3col2 {
	display: inline; float: left; width: 380px; margin: 0px 0px 0px 12px; }

div#lay3col3 {
	display: inline; float: left; width: 278px; margin: 0px 0px 0px 23px; }

div#lay4col1 {
	display: inline; float: left; width: 600px;}

div#lay4col1 img {
	display: inline; margin: 0px 8px 8px 0px; }

div#lay4col2 {
	display: inline; float: left; width: 278px; margin: 0px 0px 0px 10px; }

div#lay6col1 {
	display: inline; float: left; width: 470px; margin: 0px 0px 0px 208px; }

	
/*                                   */	
/* content divs                      */
/*                                   */

div#content h1 {
	margin: 0px 0px 8px 0px; font-family: Arial, Helvetica, sans-serif; color: #e6bf1f; font-weight: normal; line-height: 20px; font-size: 20px; }

div#content h2 {
	margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; color: #e6bf1f; font-weight: bold; line-height: 12px; font-size: 12px; }

div#content h2.info {
	font-weight: normal; color: #ccc; font-size: 11px; }

div#content h3 {
	margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; line-height: 12px; font-size: 12px; }

div#content p {
	margin: 0px 0px 10px 0px; line-height: 18px; font-size: 12px; }
	
div#content a {
	color: #333333; text-decoration: underline; }
	
div#content a:hover {
	color: #e7be1e; text-decoration: underline; }
	
div#content div.referenceimage {
	height: 254px; width: 381px; margin: 0px 0px 10px 0px; background-image: url(../images/reference_image_bg.gif); background-repeat: no-repeat; }
	
div#content div.referenceimage img {
	margin: 1px 0px 0px 1px; }
	
div#content div.referencebox {
	height: 247px; margin: 0px 0px 10px 0px; overflow: hidden; border-bottom: 1px dashed #999999; }
	
div#content p.referenceinfo {
	margin: 0px 0px 0px 0px; line-height: 18px; font-size: 12px; font-weight: bold; }
	
div#content p.referenceinfo a {
	text-decoration: underline; color: #333333; font-weight: bold; }

div#content p.referenceinfo a:hover {
	color: #000000; }

	
div#content p.referenceinfo span {
	float: left; width: 67px; }
	
div#content a.referenceimage {
	}

div#content ul {
	margin: 0px 0px 15px 20px; list-style-type: disc; line-height: 18px; font-size: 12px; }
	
div#content ul.imagenavi {
	list-style-type: none; }
	
div#content ul.imagenavi li {
	float: left; margin: 0px 10px 0px 0px; }	

div#content ul.imagenavi li a {
	display: block; width: 23px; height: 23px; text-indent: -20000px; text-decoration: none; font-size: 1px; color: #FFFFFF; background-image: url(../images/imagenavi_1.gif); background-repeat: no-repeat; }	

div#content ul.imagenavi li a.i1 {
	background-image: url(../images/imagenavi_1.gif);}	

div#content ul.imagenavi li a.i2 {
	background-image: url(../images/imagenavi_2.gif);}	

div#content ul.imagenavi li a.i3 {
	background-image: url(../images/imagenavi_3.gif);}	

div#content ul.imagenavi li a.i4 {
	background-image: url(../images/imagenavi_4.gif);}	

div#content ul.imagenavi li a.i5 {
	background-image: url(../images/imagenavi_5.gif);}	

div#content ul.imagenavi li a.i6 {
	background-image: url(../images/imagenavi_6.gif);}	

div#content ul.imagenavi li a.i7 {
	background-image: url(../images/imagenavi_7.gif);}	

div#content ul.imagenavi li a.i8 {
	background-image: url(../images/imagenavi_8.gif);}	

div#content ul.imagenavi li a.i9 {
	background-image: url(../images/imagenavi_9.gif);}	

div#content ul.imagenavi li a:hover, div#content ul.imagenavi li a.selected {
	background-image: url(../images/imagenavi_1_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i1:hover, div#content ul.imagenavi li a.i1selected {
	background-image: url(../images/imagenavi_1_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i2:hover, div#content ul.imagenavi li a.i2selected {
	background-image: url(../images/imagenavi_2_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i3:hover, div#content ul.imagenavi li a.i3selected {
	background-image: url(../images/imagenavi_3_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i4:hover, div#content ul.imagenavi li a.i4selected {
	background-image: url(../images/imagenavi_4_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i5:hover, div#content ul.imagenavi li a.i5selected {
	background-image: url(../images/imagenavi_5_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i6:hover, div#content ul.imagenavi li a.i6selected {
	background-image: url(../images/imagenavi_6_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i7:hover, div#content ul.imagenavi li a.i7selected {
	background-image: url(../images/imagenavi_7_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i8:hover, div#content ul.imagenavi li a.i8selected {
	background-image: url(../images/imagenavi_8_o.gif); color: #FFFFFF; }	

div#content ul.imagenavi li a.i9:hover, div#content ul.imagenavi li a.i9selected {
	background-image: url(../images/imagenavi_9_o.gif); color: #FFFFFF; }	

div#content ul.referencenavi {
	clear: both; list-style-type: none; }
	
div#content ul.referencenavi li {
	float: left; margin: 10px 6px 0px 0px; }	

div#content ul.referencenavi li a {
	display: block; width: 23px; height: 23px; text-indent: -20000px; text-decoration: none; font-size: 1px; color: #FFFFFF; background-image: url(../images/imagenavi_blaetternzurueck.gif); background-repeat: no-repeat; }	

div#content ul.referencenavi li a:hover {
	background-image: url(../images/imagenavi_blaetternzurueck_o.gif); color: #ffffff; }	

div#content ul.referencenavi li a.next {
	display: block; width: 76px; height: 23px; text-decoration: none; font-size: 1px; color: #FFFFFF; background-image: url(../images/imagenavi_blaetternvor.gif); background-repeat: no-repeat; }	

div#content ul.referencenavi li a.next:hover {
	background-image: url(../images/imagenavi_blaetternvor_o.gif); color: #ffffff; }	

div#content div.referencelink {
	float: right; width: 120px; margin-top: 10px; }	

div#content div.referencelink a {
	display: block; width: 115px; height: 23px; text-decoration: none; font-size: 1px; color: #FFFFFF; background-image: url(../images/button_websiteoeffnen.gif); background-repeat: no-repeat; }	

div#content div.referencelink a.websiteoeffnen {
	background-image: url(../images/button_websiteoeffnen.gif); }	

div#content div.referencelink a.websiteoeffnen:hover {
	background-image: url(../images/button_websiteoeffnen_o.gif); color: #ffffff; }

div#content div.referencelink a.filmstarten {
	background-image: url(../images/button_filmstarten.gif); }	

div#content div.referencelink a.filmstarten:hover {
	background-image: url(../images/button_filmstarten_o.gif); color: #ffffff; }

div#content table {
	padding: 0px; margin: 0px; table-layout: auto; }
	
div#content table td {
	vertical-align: top; padding: 0px 10px 0px 0px; }
	
div#content table td p {
	margin: 0px 0px 8px 0px; line-height: 14px; font-size: 12px; }

div#content input.searchbox {
	width: 300px; border: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 4px 2px 4px; }

div#content input.searchsubmit {
	width: 85px; border: 1px solid #999999; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 4px 0px 4px; }

div#content a.urilink {
	color: #666666; text-decoration: none; }

div#content a.urilink:hover {
	color: #e7be1e; text-decoration: none; }


/*                                   */	
/* lay3col1 divs                     */
/*                                   */
	
div#lay3col1 ul {
	list-style: none; margin: 0px 0px 0px 0px; line-height: 14px; height: 350px; overflow-y: auto; }

div#lay3col1 li {
	width: 148px; }

div#lay3col1 li a {
	display: block; text-decoration: none; color: #000000; font-size: 12px; padding: 2px 3px 2px 20px; border-top: 1px dotted #ffffff; border-bottom: 1px dotted #ffffff; }

div#lay3col1 li.selected a {
	color: #e7be1e; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #999999; }

div#lay3col1 li a:hover {
	color: #e7be1e; text-decoration: none; border-bottom: 1px dashed #999999; }

/*                                   */	
/* footer divs                       */
/*                                   */
	
div#footer p {
	margin: 0px 0px 8px 0px; width: 750px; float: left; text-align: left; font-size: 13px; }

div#footer p.text {
	margin-left: 70px; }
	
div#footer p span {
	font-weight: bold; margin-left: 5px; color: #e7be1e; }

div#footer a {
	text-decoration: none; color: #000000; }

div#footer a.legel {
	margin-left: 10px; text-decoration: none; color: #ccc; }

div#footer a:hover {
	text-decoration: underline; color: #999999; }

div#footer img#nameani {
	float: right; margin-top: -20px; }
	
/*                                   */	
/* search classes                    */
/*                                   */

div#search input.searchbox {
	border: none; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 4px 0px 1px; vertical-align: top; width: 172px; }

/*                                   */	
/* sifr classes                      */
/*                                   */

/*.sIFR-hasFlash div#content h1 {
	font-size: 24px; line-height: 22px; }

.sIFR-hasFlash div#content h1.sIFR-replaced {
	visibility: hidden; }

.sIFR-flash {
	visibility: visible !important; margin: 0; }

.sIFR-replaced {
	visibility: visible !important; }

span.sIFR-alternate {
	position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }*/


div#start-screen {
	position: absolute; width: 530px; height: 442px; overflow: hidden; }

div#start-screen-slider {
	position: absolute; left:-473px; width: 992px; height: 442px; }

div#start-screen-slider a.trainee {
	z-index: 5; position: absolute; right: 20px; bottom: 60px; width: 130px; height: 130px; text-indent: -20000px; }

div#start-screen-slider a.back-to-ship {
	z-index: 4; position: absolute; bottom: 98px; left: 334px; width: 130px; height: 25px; text-indent: -20000px; cursor: pointer; }
	
div#start-screen-slider a.new {
	z-index: 4; position: absolute; bottom: 100px; left: 15px; width: 80px; height: 80px; text-indent: -20000px; cursor: pointer; }
	
div#start-screen-slider div#start-screen-images {
	z-index: 1; position: absolute; left: 83px; top: 80px; width: 375px; height: 246px; border: 1px solid #ccc; overflow: hidden; }

div#start-screen-slider div#start-screen-images a {
	position: absolute; width: 377px; height: 248px; }

div#start-screen-slider div#start-screen-wave {
	z-index: 2; position: absolute; bottom: 0px; left: 0px; width: 470px; height: 213px; background-image:url(../images/startscreen-wave.png); background-repeat: no-repeat;}

div#start-screen-slider div#start-screen-ship {
	z-index: 3; position: absolute; top: 0px; right: 0px; width: 522px; height: 422px; background-image:url(../images/startscreen-ship.gif); }