@charset "utf-8";

/************************************************
	CSS StyleSheet
	www.yachtlite.com

	Media: Screen

	Copyright (C) 2008
	Helen Heinel-Szesch
	www.truesite.de
************************************************/

* {
    margin: 0;
    padding: 0;
}

a {
	outline: none;
}
html { min-height: 100.1%; margin-bottom: 1px; }
body {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    font-family: "Lucida Grande", Verdana, Arial,sans-serif;
    color: #fff;
    /*font-size: 0.72em;*/
    font-size: 11px;
    line-height: 140%;
    background: #000641;
}

h1, h2, h3, h4, form, p { margin: 0px; padding: 0px; }

img {border: 0px;}

#background {
	border: 0px solid blue;
	width: 100%;
	margin: auto;
	background: url("images/yachtlite_bg.jpg") no-repeat;
}

#wrapall {
	border: 0px solid blue;
	width: 1050px;
	margin: auto;
	background: #000641;
}

div.header {
	border: 0px solid green;
	width: 1010px;
	height: 130px;
	margin-top: 10px;
}

div.headernew {
	border: 0px solid green;
	width: 1010px;
	height: 155px;
	margin-top: 10px;

}


div.menu {
	border: 0px solid red;
	width: 140px;
	float: left;
	text-align: left;
}

div.menunew {
	border: 0px solid red;
	width: 140px;
	float: left;
	text-align: left;
	margin-top: 56px;
}

div.content {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 830px;
	float: left;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px;
}

div.contentnew {
	border-top: 1px solid #f8d8a1;
	border-left: 1px solid #f8d8a1;
	width: 860px;
	float: left;
	text-align: left;
	padding-left: 15px;
	padding-top: 20px;
}

div.footer {
	border: 0px solid red;
	clear: both;
	text-align: left;
	padding-top: 15px;
	padding-left: 150px;
	padding-bottom: 20px;
	font-size: 90%;
}

/****** MENU ******/
ul.menu {
    list-style: none;
    float: left;
    padding-top: 10px;

}

ul.menu li {
	padding: 0px 0px 20px 0px;
}

ul.menu li a {
	display: block;
	width: 130px;
    padding: 0px 0px 0px 10px;
    color: #fff !important;
    font-size: 103%;
    font-weight: bold;
    text-decoration: none;
}
ul.menu li a:hover {
    color: #f8d8a1 !important;
    /*text-decoration: underline;*/
    /*font-size: 105%;*/
}

ul.menu li a.active {
    color: #f8d8a1 !important;
    background: url("images/menu_lite.jpg") no-repeat 0px 4px !important;
}

ul.submenu {
	margin-top: 10px;
	padding-top: 10px;
	margin-left: 25px;
	list-style-type: none;
}

ul.submenu li {
}


ul.submenu li a {
	display: inline;
	color: #f8d8a1;

}

/****** LANGUAGE ******/

div.langnew {
	border: 0px solid red;
	margin-top: 25px;
	float: right;
	margin-right: 40px;
	/*margin-right: 15px;*/
}

ul.langnew {
	list-style: none;
	display: inline;
}

ul.langnew li {
	padding-bottom: 5px;
	margin-right: 12px;
	float: left;
}

ul.langnew li a {
	color: #fff;
}

ul.langnew li a:hover {
	color: #f8d8a1;
}

/****** Original language Styles to delete ******/

div.language {
	border: 0px solid red;
	margin-top: 25px;
	float: left;
	margin-left: 10px;
	/*margin-right: 15px;*/
}

ul.lang {
	list-style: none;
	display: block;
}

ul.lang li {
	padding-bottom: 5px;
}

ul.lang li a {
	color: #fff;
}

ul.lang li a:hover {
	color: #f8d8a1;
}

/****** Nautic Expo ******/

div.nautic {
	width: 115px;
	float: left;
	margin-top: 65px;
	margin-left: 10px;
}



/****** GLOBAL STYLES ******/

h1 {
    font-size: 122%;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;
}

h2 {
    font-size: 115%;
    color: #fff;
    padding-bottom: 10px;
    font-style: italic;
}

h2.blue {
    font-size: 115%;
    color: #000641;
    padding-bottom: 10px;
    font-style: italic;
}

h3 {
    font-size: 110%;
    color: #fff;
    padding-bottom: 10px;
}

h4 {
    font-size: 110%;
    color: #96ffff;
    padding-bottom: 10px;
    font-style: italic;
}

h5 {
    font-size: 115%;
    color: #96ffff;
    font-style: italic;
}

h6 {
    font-size: 110%;
    color: #96ffff;
    font-style: italic;
}

h6.white {
    font-size: 110%;
    color: #fff;
    font-style: italic;
}

h7 {
    font-size: 115%;
    color: #000641;
    padding-bottom: 10px;
    font-style: italic;
}




a, a:visited, a:active {
	text-decoration: none;
	color: #A7AEDF;
}

a.textlink, a:visited.textlink, a:active.textlink {
	display: inline;
	color: #A7AEDF;
	padding: 0;
	border: 0;
}

a:hover, a:hover.textlink {
	color: #96ffff
}

a.newslink p{
	font-weight: bold;
	text-decoration: underline;
	color: #96ffff;
	padding-bottom: 0px;

}

a.newsheading p {
	font-weight: bold;
	font-size: 110%;
}


hr {
	background-color: silver;
	border: 0px;
	height: 1px;
}

hr.white {
	background-color: #fff;
	border: 0px;
	height: 1px;
}

hr.rightbox {
	background-color: silver;
	border: 0px;
	height: 1px;
	margin: 15px 0px 15px 0px;
}

hr.press {
	background-color: silver;
	border: 0px;
	height: 1px;
	margin: 7px 0px 7px 0px;
}

ul.standard {
	list-style-type: square;
	list-style-position: inside;
}

ul.long {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 30px;
}

ul.tech {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
}

ul.tech li {
	margin-bottom: 12px;
}

span.red {
	color: red;
}

span.work {
	font-size: 160%;
	font-weight: bold;
}

span.news {
	color: #00ffff;
}

span.bold {
	font-weight: bold;
}

div.clear {
	clear: both;
}

/***********************************************/
/*****PARAGRAPHS******/

p.standard {
    margin-bottom: 12px;
}

p.space {
	padding-bottom: 100px;
}

p.board {
	width: 180px;
	padding-top: 7px;
}

p.reason {
    padding-top: 5px;
}

p.pubsheadline {
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
}

p.name {
	font-size: 118%;
    font-weight: bold;
    padding-bottom: 10px;
    margin-top: 25px;
}

p.topspace {
	margin-top: 45px;
}

p.newsbild {
	margin-top: 25px;
	padding-left: 20px;
}

p.cyclebild {
	margin-top: 25px;
	/*padding-left: 20px;*/
}

p.xmasbild {
	margin-top: 10px;
	margin-left: 25px;
}

p.newstext {
	color: #fff;
	margin-top: 5px;
	margin-left: 0px;
}

p.readmore {
	color: #fff;
	margin-top: 12px;
	margin-left: 5px;
}

p.newsdate {
	padding-bottom: 0px;
	font-weight: bold;
}




/***********************************************/
/******IMAGES******/

img.border {
	border: 1px solid silver;
	float: left;
}

img.center {
	text-align: center;
}

img.rightbox {
	border: 1px solid silver;
	margin-bottom: 15px;
}

img.fb {
	margin-bottom: 25px;
	margin-top: 40px;
	margin-left: 10px;
}

img.yt {
	float: left;
}

img.prod {
	border: 1px solid silver;
	vertical-align: top;
}

img.prodright {
	border: 1px solid silver;
	margin-left: 24px;
}

img.prodsingle {
	float: right;
	border: 1px solid silver;
}

img.flood {
	margin-top: 15px;
	border: 1px solid silver;
}

img.form {
	border: 1px solid silver;
	float: left;
	margin-right: 25px;
}

img.floorlite {
	border: 1px solid silver;
	float: left;
	margin-right: 25px;
	margin-bottom: 12px;
}

img.tech {
	float: right;
	border: 1px solid silver;
}

img.whyright {
	float: right;
	border: 1px solid silver;
}

img.reason {
	float: left;
}

img.service {
	float: right;
	border: 1px solid silver;
	margin-left: 12px;
}

img.hafen {
	border: 0px;
	margin-top: 20px;
}

img.member {
	margin-top: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
	margin-right: 25px;
	float: left;
	border: 1px solid #686868;
}

img.pubs {
	border: 2px solid #fff;
	margin-top: 3px;
	float: left;
	margin-right: 65px;
}

img.pubsschiff {
	margin-top: 3px;
	float: left;
	margin-right: 50px;
	border: 2px solid #000641;
}

img.links {
	width: 180px;
 	float: left;
 	border: 1px solid silver;
 	margin: 0px 10px 20px 0px;
 	padding: 0;
}

img.newsthumb {
	/*margin-top: 18px;*/
}


/**********************************************/
/*****DIVS*******/

/***Global***/

div.menubottom {
	width: 140px;
	float: left;
}

div.standardtext {
	width: 590px;
}

div.long {
	width: 830px;
	margin-bottom: 25px;
}

div.longbasic {
	width: 830px;
	float: left;
}

div.longbordertop {
	width: 830px;
	margin-bottom: 25px;
	border-top: 1px solid #fff;
	padding-top: 25px;
	margin-top: 12px;
	float:left;
}

div.lefthold {
	float: left;
}

div.rightpic {
	float: right;
	width: 280px;
	margin-top: 30px;
}

div.text295 {
	width: 295px;
	float: left;
}

div.text520 {
	width: 520px;
	float: left;
}

div.text500 {
	width: 500px;
	float: left;
}

div.prodright {
	width: 520px;
	float: right;
	text-align: right;
}

div.yachtstandards {
	width: 265px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

div.yachtstandright {
	width: 265px;
	float: right;
	margin-bottom: 10px;
}

div.text450 {
	width: 450px;
	float: left;
}

div.text400 {
	width: 400px;
	float: left;
	margin-right: 15px;
}

div.text300left {
	width: 300px;
	float: left;
	margin-left: 15px;
}

div.text375 {
	width: 375px;
	float: left;
	margin-left: 15px;
}

div.text300right {
	width: 300px;
	float: right;
}

div.text400free {
	width: 400px;
	margin-right: 15px;
}

div.right {
	width: 280px;
	margin-top: 25px;
	padding-top: 15px;
	padding-left: 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	float: right;
}

div.photos275 {
	width: 275px;
	margin-left: 5px;
	margin-right: 20px;
	float: left;
}

div.siegel {
	width: 500px;
	background: url("images/siegel.jpg") no-repeat bottom right;
	float: left;
}

div.vdo {
	width: 215px;
	float: left;
	padding-left: 30px;
}

div.colorchange {
	margin-bottom: 15px;
	background: url("images/floor/fl-back.jpg") no-repeat;
}

div.floorcolor {
	height: 196px;
}

div.roomcolor {
	height: 364px;
}

div.newshome {
	width: 491px;
	padding: 12px 0px 26px 12px;
	background-color: #101756;
	margin-top: 24px;

	float: left;
	/*border-bottom: 1px solid silver;*/
}

div.newsarticle {
	width: 450px;
	padding: 12px 0px 12px 0px;
	border-bottom: 1px solid silver;
	float: left;
}

div.morenews {
	width: 503px;
	padding-bottom: 12px;
	background-color: #101756;
	margin-bottom: 20px;
	float: left;
}

p.morenews {
	float: right;
	margin-right: 20px;
}

table.news {
	margin-bottom: 0px;
}

table.news td {
	padding: 0px;
}

div.youtube {
	background-color: #000;
	padding: 0px 0px 0px 12px;
	height: 300px;
}

div.youtube2011 {
	background-color: #101756;
	padding: 0px 0px 0px 12px;
	height: 280px;
	margin-bottom: 30px;
}


/******Home ******/

div.homeleft {
	width: 520px;
	float: left;
}


div.homeright {
	width: 290px;
	margin-top: 44px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	float: right;
	padding-left: 15px;
	padding-top: 20px;
}

div.homerightnew {
	width: 290px;
	margin-top: 24px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	float: right;
	padding-left: 15px;
	padding-top: 20px;
}

div.homeright2011 {
	width: 310px;
	/*margin-top: 24px;*/
	/*border-top: 1px solid silver;*/
	/*border-left: 1px solid silver;*/
	float: right;
	/*padding-left: 15px;*/
	/*padding-top: 20px;*/
}

div.boxesright {
	background-color: #101756;
	padding: 10px;
	margin-bottom: 30px;
}

div.address {
	width: 435px;
	float: left;
	margin-right: 15px;
}

div.siegelhome {
	width: 500px;
	background: url("images/siegel.jpg") no-repeat top left;
	float: left;
}

div.board {
	width: 225px;
	height: 150px;
	background: url("images/notice_board.jpg") no-repeat 0px 0px;
	padding-top: 50px;
	padding-left: 30px;
	color: #000641;
}

div.homenews {
	width: 195px;
	height: 215px;
	background: url("images/home_news.jpg") no-repeat 0px 0px;
	padding-top: 3px;
	padding-left: 30px;
	color: #000641;
}

div.aktuelles {
	width: 195px;
	height: 215px;
	background: url("images/home_news.jpg") no-repeat 0px 0px;
	padding-top: 3px;
	padding-left: 30px;
	color: #000641;
}

div.cycle {
	width: 195px;
	height: 175px;
	margin-top: 7px;
	overflow: hidden;

}

div.cycleinner {
	width: 190px;
	height: 173px;
}

/*div.cycleinner img {
	width: 160px;
	height: 80px;
}*/

div.item {
}

div.flash {
	margin-bottom: 12px;
}

div.norm830 {
	width: 830px;
}

div.prod830 {
	width: 830px;
	border-bottom: 1px solid silver;
	float: left;
	padding: 15px 0px 15px 0px;
}

div.whyright {
	float: right;
	width: 400px;
}

div.ruskin {
	float: right;
	width: 400px;
	text-align: center;
}



/***Service***/


div.reason {
	width: 290px;
	float: left;
	margin-bottom: 25px;
}

div.number {
	float: left;
	width: 70px;
}

div.reasontext {
	float: left;
	width: 220px;
}



/***Technical Workmanship***/

div.techscrewleft {
	width: 265px;
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

div.techscrewleft p {
	padding-right: 7px;
}

div.techscrewright {
	width: 265px;
	float: right;
	margin-top: 7px;
}

div.techscrewmid {
	width: 275px;
	float: left;
	margin-right: 11px;
}

div.techscrewmid p {
	padding-left: 12px;
	padding-right: 12px;
}

div.workpic {
	float: left;
	margin-top: 25px;
}

table.work {
	width: 400px;
	margin-top: 40px;
	margin-left: 45px;
}

table.work p.standard {
	font-family: "Lucida Grande", Verdana, Arial,sans-serif;
    font-size: 110%;
    line-height: 140%;
}


/***Events***/

div.eventpic {
	width: 255px;
	float: left;
	margin-bottom: 20px;
}

div.eventpic img {
	border: 0px;
}

/***News & Publications***/

div.pubs {
	border-bottom: 1px solid silver;
	width: 520px;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
}



/***Team - NOT USED ***/

div.team {
	width: 720px;
	float: left;
	border: 1px solid silver;
}

div.members {
	width: 100px;
	margin-top: 40px;
	margin-left: 40px;
	float: left;

}

div.showteam {
	background: #eeeeee;
	border: 1px solid silver;
	float: right;
	margin: 20px;
	width: 475px;
	color: #000641;
}

ul.team {
	list-style-type: none;
}

ul.team li {
	padding-bottom: 7px;
}

ul.team li a, a.active {
	color: #fff;
	font-weight: bold;
}

ul.team li a:hover {
	color: #f8d8a1;
	font-weight: bold;
}

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

/***Links***/

div.links {
	width: 370px;
	height: 125px;
	float: left;
}

div.linkimg {
	float: left;
 	margin-left: 0px;
}

div.linktext {
	float: right;
 	width: 178px;
 	padding: 0;
 	margin: 0;
}

/**********************************************/
/****** GALLERY ******/

div.text400 a.refpic, div.text400 a:hover.refpic {
	display: block;
	margin-bottom: 10px;
}

div.text400 a.refpic span {
	width: 370px;
	height: 200px;
	display: block;
}

a.pic, a:hover.pic, a:visited.pic {
	border: 0; padding: 0;
}

img.gal {
	margin-right: 24px;
	margin-bottom: 24px;
	border: 3px solid #fff;
}

a.galpage {
	background: #242d74;
	border: 1px solid #5a63af;
	color: #fff;
}

a.galactive {
	background: #242d74;
	border: 1px solid #a3aae5;
	color: #fff;
}

span.inactive {
	background: #242d74;
	border: 1px solid #5a63af;
	color: #242d74;
}

a.galgo, input.galgo {
	background: url(images/buttons/button_check.jpg) no-repeat 0 0;
	border: 0px;
	cursor: pointer;
	margin-right: 2px;
	padding: 3px 0px 7px 56px;
}

a.galback {
	background: url(images/buttons/button_back.jpg) no-repeat 0 0;
	padding-left: 18px;
	padding-bottom: 2px;
	display: block;
}

select.ship {
	width: 185px;
	background-color: #242d74;
	color: white;
	padding: 2px;
	border: 1px solid #5a63af;
	margin: 0px;
}

/****** CONTACT ******/

div.conleft {
	width: 350px;
	float: left;
	margin-top: 15px;
}

div.conright {
	width: 400px;
	float: left;
	margin-top: 15px;
}

p.send {
	margin-left: 0px;
	margin-top: 15px;
	font-size: 90%;
}

p.mailsent {
	height: 700px;
}

img.compass {
	margin-top: 40px;
	padding-bottom: 50px;
}

textarea.form {
   background-color: #DFE3EE;
   width: 400px;
   height: 200px;
   }

input, textarea, select {
    background-color: #DFE3EE;
    border-top: 1px solid #5a63af;
    border-left: 1px solid #5a63af;
    border-bottom: 1px solid #9191ff;
    border-right: 1px solid #9191ff;
    padding: 1px 2px 1px 2px;
}

/****** TABLES ******/

table {
    margin-bottom: 1.5em;
    caption-side: top;
    font-size: 1em;
}

td.was {
	background-color: #242d74;
	border-bottom: 1px solid #000033;
	padding-left: 3px;
	vertical-align: top;
}

td.wie {
	background-color: #1f4293;
	border-bottom: 1px solid #000033;
	padding-left: 3px;
}



/*input.calc {
	float: right;
	width: 125px;
	margin-right: 50px;
	margin-top: 15px;
}*/


span.pages {
	background: #242d74;
	border: 1px solid #5a63af;
	color: #fff;
}
span.pagesactive {
	background: #242d74;
	border: 1px solid #a3aae5;
	color: #fff;
}

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


/*--------------------------------------------------*/
/*Login-Fenster und Formular------------------------*/
/*--------------------------------------------------*/
div.log {
position: fixed;

left: 40%;
top: 2%;
width: 300px;
padding: 10px;
/*color: black;*/
border: 2px solid #00c2d9;
z-index: 200;
background-color: #808080;
 filter:alpha(opacity=85);
  opacity:0.85;
}
fieldset.login {
background-color:#8d8d8d;
border:1px solid #CCCCCC;
margin-bottom:1.5em;
padding:0.5em 0.7em;
}
input.login {
	border: 2px inset silver;
	width: 120px;
}
.right {float: right;}
/* ALT */
#log {
    width: 835px;
    border: 1px solid silver;
    margin: 10px 0px 20px 0px;
    padding: 5px;
    overflow: hidden;
}


/*********************************************************/
/* Foto Community    */
/*********************************************************/

div.fogal {
	background: transparent url("images/galbox.png") no-repeat -3px 5px;
	float: left;
	border: 1px solid silver;
	padding-top: 9px;
	margin-bottom: 5px;
}
h2.fogal {
	background: transparent url("images/fogalbar.png") no-repeat 0px 6px;
	/*padding-left: 150px;*/
}
div.fogalpic {
	width: 120px;
	height: 100%;
	float: left;
	padding: 6px 15px 10px 16px;
	text-align: center;
	vertical-align: middle;
}
div.galpicframe {
	height: 150px;
	float: left;
	text-align: center;
	background-color: silver;
	width: 150px;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding-top: 5px;
	margin: 6px 6px 0px 0px;
}
div.galpic {
height: 130px;
}
div.galpedit {
	height: 19px;
	border-top: 1px solid #cccccc;
	vertical-align: bottom;
	text-align: right;
	padding-right: 5px;
}
div.fogaltext {
	width: 630px;
	float: left;

}
div.fogalpic img {float: none; !important}

div.folder {
	width: 100px;
	height: 70px;
	padding-right: 5px;
	background: transparent url("images/fotofolder.png") no-repeat 10px 12px;
	float: left;
	margin-bottom: 5px;
	}

	p.gallery {margin-bottom: 15px; padding-right: 130px; }
/* STYLES FOR MB TOOLTIPS */
#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    border:1px solid;
    background:white;

    padding:5px;
    margin-top:4px;
    font-size:12px;
    color:dimgray;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
}


#tooltip.default{
    border: 2px solid gray;
    background-color: #2248af;
    color: #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-top:2px;
    text-align: left;
}


#tooltip.default #ttimg.top{
	position:absolute;
		margin-top:-8px;
    margin-left:-8px
}
#tooltip.default #ttimg.bottom{
	position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
}
/* ---------------------------------- */
/*#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #2248af;
	/*padding: 5px;*/
/*	width: 200px;
	opacity: 0.85;
}*/
#tooltip h3, #tooltip div { font-size: 0.9em; margin: 0; background: #2248af; padding: 5px; color: #fff;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*.tooltip {
	display:none;
	border: 2px solid gray;
    background-color: #2248af;
	font-size:12px;
	margin-top:2px;
    text-align: left;
    z-index: 20000;
	height:70px;
	width:160px;
	padding:15px;
	color:#fff;
}*/