/* CSS Document */

.haupt{
	background-color: #dbdbdb;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 12px;
	color: gray;
	text-align: center;
	z-index: 1;
	background-image: url(../bilder/hintergrund.jpg);
}

#website{
	position: relative;
	height: 661px;
	width: 812px;
	top: 12px;
	text-align: left;
	margin: 0 auto;
	z-index: 2;
	background-color: #FFFFFF;
}

#start{
	position: absolute;
	width: 800px;
	left: 6px;
	top: 6px;
	z-index: 3;
	height: 649px;
	float: left;
}

#navistart{
	position: absolute;
	width: 630px;
	left: 6px;
	top: 467px;
	z-index: 4;
	height: 30px;
	float: left;
}

#navioben{
	position: absolute;
	width: 790px;
	left: 10px;
	top: 10px;
	z-index: 4;
	height: 30px;
	float: left;
}



        /* Menu1 */

#menu1 {
	width: 786px;
	height: 30px;
	z-index:6;
	font-size: 15px;
	font-style: italic;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2px;
	border-right-color: #FFFFFF;
	list-style-type: disc;
	list-style-position: inside;
}

#menu1 ul {
	margin: 0;
	padding: 0;
}

#menu1 li {
	display: inline;
	list-style-position: inside;
	list-style-type: disc;
}

#menu1 a {
	display: block;
	float: left;
	width: 100px;
	height: 30px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	color: #3366CC;
	background-color:#FFFFFF;
	font-weight: 600;
	line-height: 30px;
}

#menu1 a:hover {
	background-color: #CCCCCC;
	color: #FFFFEE;
}

#menu1 .active a:hover {
	background-color: #CCCCCC;
	color: #999999;
}

#menu1 .active a {
	color: #3366CC;
	background-color: #DFDFDF;
}
        /* Menu1 Ende */
		
		
        /* Menu2 */

#menu2 {
	width: 630px;
	height: 30px;
	z-index:6;
	font-size: 15px;
	font-style: italic;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 11px;
	border-right-color: #FFFFFF;
	list-style-type: disc;
	list-style-position: inside;
}

#menu2 ul {
	margin: 0;
	padding: 0;
}

#menu2 li {
	display: inline;
	list-style-position: inside;
	list-style-type: disc;
}

#menu2 a {
	display: block;
	float: left;
	width: 103px;
	height: 30px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	color: #3366CC;
	background-color:#FFFFFF;
	font-weight: 600;
	line-height: 30px;
}

#menu2 a:hover {
	background-color: #CCCCCC;
	color: #FFFFEE;
}

#menu2 .active a:hover {
	background-color: #CCCCCC;
	color: #999999;
}

#menu2 .active a {
	color: #3366CC;
	background-color: #DFDFDF;
}
        /* Menu2 Ende */
		
		/* Menu3 */

#menu3 {
	width: 400px;
	height: 30px;
	z-index:6;
	font-size: 15px;
	font-style: italic;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 63px;
	border-right-color: #FFFFFF;
	list-style-type: disc;
	list-style-position: inside;
}

#menu3 ul {
	margin: 0;
	padding: 0;
}

#menu3 li {
	display: inline;
	list-style-position: inside;
	list-style-type: disc;
}

#menu3 a {
	display: block;
	float: left;
	width: 103px;
	height: 30px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	color: #3366CC;
	background-color:#FFFFFF;
	font-weight: 600;
	line-height: 30px;
}

#menu3 a:hover {
	background-color: #CCCCCC;
	color: #FFFFEE;
}

#menu3 .active a:hover {
	background-color: #CCCCCC;
	color: #999999;
}

#menu3 .active a {
	color: #3366CC;
	background-color: #DFDFDF;
}
        /* Menu3 Ende */

#punkt{
	font-size: 14px;
	line-height: 30px;
	font-weight: 800;
	vertical-align: super;
	height: 30px;
	width: 2px;
}

#video-produkte{
	position: absolute;
	width: 800px;
	left: 0px;
	top: 135px;
	z-index: 7;
	height: 516px;
	float: left;
	text-align: left;
	background-image: url(../bilder/produkte_3.jpg);
	background-repeat: no-repeat;
}

#video-anfahrt{
	position: absolute;
	width: 800px;
	left: 0px;
	top: 346px;
	z-index: 8;
	height: 305px;
	float: left;
	text-align: left;
	background-image: url(../bilder/anfahrt-halle.jpg);
	background-repeat: no-repeat;
}

#googlemap{
	position: absolute;
	width: 800px;
	left: 0px;
	top: 36px;
	z-index: 7;
	height: 305px;
	float: left;
	text-align: left;
}

#produkte{
	position: absolute;
	width: 650px;
	left: 88px;
	top: 68px;
	z-index: 6;
	height: 100px;
	float: left;
	text-align: left;
}

#bootsbau{
	position: absolute;
	width: 423px;
	left: 88px;
	top: 50px;
	z-index: 6;
	height: 250px;
	float: left;
	text-align: left;
	line-height: 18px;
}

#bootsbau a:link { color: #8a8a8a; text-decoration: none; }

#bootsbau a:visited { color: #8a8a8a; text-decoration: none; }

#bootsbau a:hover { color: #484848; background-color: #ffffdb; text-decoration: none; border: dotted 1px gray; }

#bootsbau a:active { color: #484848; background-color: #ffffdb; text-decoration: none; outline: dotted 1px gray; }

#bootsdruck{
	position: absolute;
	width: 210px;
	left: 300px;
	top: 50px;
	z-index: 8;
	height: 250px;
	float: left;
	text-align: left;
	line-height: 18px;
}

#bootsdruck a:link { color: #8a8a8a; text-decoration: none; }

#bootsdruck a:visited { color: #8a8a8a; text-decoration: none; }

#bootsdruck a:hover { color: #484848; background-color: #ffffdb; text-decoration: none; border: dotted 1px gray; }

#bootsdruck a:active { color: #484848; background-color: #ffffdb; text-decoration: none; outline: dotted 1px gray; }

#service{
	position: absolute;
	width: 360px;
	left: 425px;
	top: 58px;
	z-index: 6;
	height: 580px;
	float: left;
	text-align: left;
}

#service a:link { color: #8a8a8a; text-decoration: none; }

#service a:visited { color: #8a8a8a; text-decoration: none; }

#service a:hover { BORDER-BOTTOM: gray 1px dotted; BORDER-LEFT: gray 1px dotted; BACKGROUND-COLOR: #ffffdb; COLOR: #484848; BORDER-TOP: gray 1px dotted; BORDER-RIGHT: gray 1px dotted; TEXT-DECORATION: none; }

#service a:active { BACKGROUND-COLOR: #ffffdb; OUTLINE-STYLE: dotted; OUTLINE-COLOR: gray; OUTLINE-WIDTH: 1px; COLOR: #484848; TEXT-DECORATION: none; }


#kontakt{
	position: absolute;
	width: 360px;
	left: 425px;
	top: 178px;
	z-index: 6;
	height: 470px;
	float: left;
	text-align: left;
}

#kontakt a:link { color: #8a8a8a; text-decoration: none; }

#kontakt a:visited { color: #8a8a8a; text-decoration: none; }

#kontakt a:hover { BORDER-BOTTOM: gray 1px dotted; BORDER-LEFT: gray 1px dotted; BACKGROUND-COLOR: #ffffdb; COLOR: #484848; BORDER-TOP: gray 1px dotted; BORDER-RIGHT: gray 1px dotted; TEXT-DECORATION: none; }

#kontakt a:active { BACKGROUND-COLOR: #ffffdb; OUTLINE-STYLE: dotted; OUTLINE-COLOR: gray; OUTLINE-WIDTH: 1px; COLOR: #484848; TEXT-DECORATION: none; }

#kontakt H1 {
	MARGIN-BOTTOM: 0px; COLOR: #005298; FONT-SIZE: 14px; FONT-WEIGHT: normal
}

table {
  font-family: arial, helvetica, geneva, verdana; font-size: 12px
}
.kiste_lang {
  border-bottom-style: none; border-right-style: none; outline-style: solid; outline-color: gray; outline-width: 1px; width: 200px; font-family: arial, helvetica, geneva, verdana; border-top-style: none; height: 16px; color: gray; font-size: 10px; border-left-style: none
}
.button {
  width: 80px; font-family: arial, helvetica, geneva, verdana; height: 20px; color: gray; font-size: 12px
}
.kiste_kurz {
  border-bottom-style: none; border-right-style: none; outline-style: solid; outline-color: gray; outline-width: 1px; width: 50px; font-family: arial, helvetica, geneva, verdana; border-top-style: none; height: 16px; color: gray; font-size: 10px; border-left-style: none
}
.kiste_dick {
  border-bottom-style: none; border-right-style: none; margin-top: 2px; outline-style: solid; outline-color: gray; outline-width: 1px; width: 200px; font-family: arial, helvetica, geneva, verdana; border-top-style: none; height: 90px; color: gray; font-size: 10px; border-left-style: none
}