
BODY {
	background: #FFFFFF;
	font-family: arial, helvetica; 
	font-size: 12px; 
	color: #777777; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	line-height: 160%;
	}
	
#rahmen {text-align: left; margin: 0 auto; padding:0; background: transparent; width: 990px; position: relative; border: 0;}
#banner	{overflow: hidden; width: 990px; height: 240px; margin: 0; padding: 0; background: transparent url(sysimg/banner-bg.gif) no-repeat top left; position: relative; border: 0px solid green; text-align: right;}
#saison {position: absolute; top: 29px; left: 200px;}
#meta	{width: 990px; height: 28px; margin: 0; padding: 0; background: transparent url(sysimg/meta-bg.gif) no-repeat top left; text-align: right; color: red; border: 0;}
#meta A {color: red; font-size: 12px; line-height: 26px; text-decoration: none;}
#meta A:hover {color: white;}

#menu {border: 0px solid lime; float: left; display: inline; background: transparent url(sysimg/menu-top.gif) no-repeat top left; width: 194px; margin: 0; padding: 4px 0 0 0; }
#menuinner {border: 0px dotted lime; background: transparent url(sysimg/menu-bot.gif) no-repeat bottom left; width: 194px; margin: 0; padding: 0 0 4px 0;}
#menuinner UL {list-style: none; margin: 0; padding: 0; border-left: 1px solid #dedede; border-right: 1px solid #dedede;}
#menu li {margin:0; padding:0; font-size: 12px; position: relative;}
#menu li A {display: block; height:25px; line-height:200%; margin: 0 2px; color: #777777;  text-decoration: none; border-top: 1px solid #e6e6e6; border-bottom: solid 1px white;}
#menu ul li A:hover { background: url(sysimg/menu-hover-bg.gif);}
#grR {background-color: #e6e9ee; padding-left: 20px;}
#grA {background-color: #f8f8f8; padding-left: 20px;}
#grB {background-color: #fefefe; padding-left: 40px; font-size: 10px;}

#menu .active {color: #FF0000; font-weight: bold;}

#main A {color: #777777;}

h1 {font-size: 16px; font-weight: normal; line-height: 160%;}
h1.gross {font-size: 22px;}
h1.rot {color: #FF0000;}
h2

P {}
TABLE, TD  {
	font-family: arial, helvetica; 
	font-size: 12px; 
	color: #777777; 
	text-align: left; 
	margin: 0; 
	padding: 0;
	line-height: 160%;
	}
	td.rechts {text-align: right; }

A {}
A:visited {color: #aaaaaa;}
A:hover {text-decoration: underline;}

#yachtrechts {float: right; display: inline; width: 274px; margin: 0; padding: 0; border: 0;}
#box1	{background: transparent url(sysimg/yacht-techn-box-top.gif) no-repeat top left; width: 274px; margin: 0 0 15px 0; padding:0;}
#box1inner	{ background: transparent url(sysimg/yacht-techn-box-bot.gif) no-repeat bottom left;  padding: 20px 20px 15px 20px; line-height: 150%; font-size: 14px;}
#box2	{background: transparent url(sysimg/yacht-foto-box-mid.gif) repeat-y bottom left; width: 274px; margin: 0 0 15px 0; padding:0;}
#box2inner	{background: transparent url(sysimg/yacht-foto-box-top.gif) no-repeat top left; padding: 1px 20px 2px 20px; line-height: 150%; font-size: 14;px}
#box2inner ul {margin:0; padding:0;}
#box2inner li {display:inline; float:left; margin: 0 12px 12px 0; padding: 0;}
#box2inner li a {text-decoration: none; margin:0; padding:0;}
#box2inner li a:hover {text-decoration: underline;}
#box2inner li a:hover img {border: 1px solid #909090;}
#box2inner li a img {border: 1px solid white;}

#yachtbut UL {list-style: none; margin: 15px 0 0 0; padding: 0; border:0;}
#yachtbut li {margin: 0 15px 0 0; padding:0; font-size: 12px; float: left; display: inline;}
#yachtbut li A {background: url(sysimg/button.gif) no-repeat; display: block; height:36px; width: 116px; text-align: center; line-height:250%; margin: 0; text-decoration: none;}
#yachtbut li A:hover {background: url(sysimg/button-mo.gif) no-repeat; color: white;}

#graybox {background: transparent url(sysimg/box-bot.gif) no-repeat bottom left; width: 261px; margin: 0 0 15px 0; padding:0;}
#graybox-normal {background: transparent url(sysimg/box-top.gif) no-repeat top left;  padding: 1px 9px 5px 10px; line-height: 150%; font-size: 14px;}
#graybox-neu {background: transparent url(sysimg/box-top-neu.gif) no-repeat top left;  padding: 20px 9px 5px 10px; line-height: 150%; font-size: 14px;}
#graybox-klaus {background: transparent url(sysimg/box-top-klaus.gif) no-repeat top left;  padding: 40px 9px 5px 10px; line-height: 150%; font-size: 14px;}
#graybox H1 {line-height: 1.2em;}

A.grayboxlink {display: block; margin: 5px 0; color: silver; text-align: right; text-decoration: none; line-height: 100%; font-size: 12px;}
A.grayboxlink:hover {color: red; text-decoration: none;}

#klaustafel {background: transparent url(sysimg/klaustafel-bot.jpg) no-repeat bottom left; width: 261px; margin: 0 0 15px 0; padding:0;}
#klaustafelinner {background: transparent url(sysimg/klaustafel-top.jpg) no-repeat top left; padding: 8px 0 28px 10px; line-height: 150%; font-size: 12;}
#klaustafel H1 {font-size: 14px; margin: 0 0 5px 0;}

#bild-rechts {float:right; margin: 0 0 5px 5px; font-size: 10px;}
#bild-rechts img {border: 0px solid #777777;}
#bild-links {float:left; margin: 0 5px 5px 0;}
#bild-links img {border: 0px solid #777777; font-size: 10px;}

#preisliste A:hover {color:red;}
#preisliste TABLE {cell-spacing:1px; border:0;}
#preisliste TR {border-bottom: 1px solid #ff0000;}
#preisliste TH {background: #f4f5f9; padding: 1px 3px;}
#preisliste TD {background: white url(sysimg/tablebg.gif) top left repeat-x; padding: 1px 3px;}
#preisliste TD.1 {background: white url(sysimg/tablebg1.gif) top left repeat-x; padding: 1px 3px; text-align:right;}
#preisliste TD.2 {background: white url(sysimg/tablebg2.gif) top left repeat-x; padding: 1px 3px; text-align:right;}
#preisliste TD.3 {background: white url(sysimg/tablebg3.gif) top left repeat-x; padding: 1px 3px; text-align:right;}


A.lastminute {background: url(sysimg/button.gif) no-repeat; display: block; height:36px; width: 116px; text-align: center; line-height:250%; margin: 0; text-decoration: none;}
A.lastminute:hover {background: url(sysimg/button-mo.gif) no-repeat; color: #ffffff; text-decoration: none;}

#lmanfrage UL {list-style: none; margin: 0; padding: 0; border:0;}
#lmanfrage li {margin: 0 15px 0 0; padding:0; font-size: 12px; float: left; display: inline;}
#lmanfrage li A {background: url(sysimg/button.gif) no-repeat; display: block; height:36px; width: 116px; text-align: center; line-height:250%; margin: 0; text-decoration: none;}
#lmanfrage li A:hover {background: url(sysimg/button-mo.gif) no-repeat; color: white;}


#newsletterbestellung {}
#newsletterbestellung input {width: 200px;}

#wonko {display: none;}

#menuneu {vertical-align: middle; border: 0; position: relative; top: +2px; left: +4px; }

.telbut {color: #777777; border: 1px solid transparent; padding: 3px 6px; text-decoration: none; display: block;}
.telbut:hover {color: #777777; border: 1px solid #777777; padding: 3px 6px; text-decoration: none;}

