html,body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100.2%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	/*letter-spacing: 0.1em;*/
	background-image:url(images/bg.gif);
	/*background-color: #262a39;*/
}

h1 {
	color: #1c8fb5;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
}

p {
	line-height: 1.4em;
}

img {
	border: none;
}
	
a {
	text-decoration: none;
	outline: 0;
	color: #1c8fb5;
}

input {
	width: 200px;
}

input.Button {
	width: 100px;
	margin-left: 50px;
}

textarea {
  width: 204px;
}


#container {
	position: absolute;
	width: 1000px;
	top: 0px;
	left: 50%;
	margin-left: -500px; /* 50% von der Breite */
	margin-right: auto;
	background-color: #fff;
	overflow: hidden;
	visibility: visible;
	/*border: 1px solid #666666;*/
}

#container_index {
	position: absolute;
	width: 1000px;
	height: 698px;
	top: 0px;
	left: 50%;
	margin-left: -500px; /* 50% von der Breite */
	margin-right: auto;
	background-color: #fff;
	overflow: hidden;
	visibility: visible;
	background-image:url(images/index_bg.jpg);
	/*border: 1px solid #666666;*/
}

#logo {
	margin-top: 5px;
	height: 120px;
	/*border: 1px solid #666666;*/
}

#mainmenu {width:950px; height:120px; position:relative; padding:3px 0 0 25px;}

#mainmenu ul {padding:0; margin:0; list-style:none;}
#mainmenu table {border-collapse:collapse; margin:-1px -10px;}
#mainmenu ul ul {position:absolute; left:-9999px;}
#mainmenu ul div {position:absolute; left:-9999px;}

#mainmenu ul li a b {position:absolute; left:-9999px;}
/* preload images */
#mainmenu ul li a b.seebestattung {background:url(../images/m_seebestattung_a.gif) no-repeat;}
#mainmenu ul li a b.seebestattungsreederei {background:url(../images/m_seebestattungsreederei_a.gif) no-repeat; background-position:0 19px;}
#mainmenu ul li a b.orte {background:url(../images/m_orte_a.gif) no-repeat;}
#mainmenu ul li a b.seeurnen {background:url(../images/m_seeurnen_a.gif) no-repeat; background-position:0 19px;}
#mainmenu ul li a b.partner {background:url(../images/m_partner_a.gif) no-repeat;}
#mainmenu ul li a b.kontakt {background:url(../images/m_kontakt_a.gif) no-repeat; background-position:0 19px;}

#mainmenu ul li {float:left;}
#mainmenu ul li a {display:block; float:left; height:36px;}
#mainmenu ul li a i {display:block; height:36px; cursor:pointer;}

#mainmenu ul li a i#seebestattung {background:url(../images/m_seebestattung.gif) no-repeat; width:144px;}
#mainmenu ul li a i#seebestattungsreederei {background:url(../images/m_seebestattungsreederei.gif) no-repeat; background-position:0 19px; width:263px;}
#mainmenu ul li a i#orte {background:url(../images/m_orte.gif) no-repeat; width:177px;}
#mainmenu ul li a i#seeurnen {background:url(../images/m_seeurnen.gif) no-repeat; background-position:0 19px; width:127px;}
#mainmenu ul li a i#partner {background:url(../images/m_partner.gif) no-repeat; width:115px;}
#mainmenu ul li a i#kontakt {background:url(../images/m_kontakt.gif) no-repeat; background-position:0 19px; width:124px;}

#mainmenu ul li:hover a i#seebestattung {background:url(../images/m_seebestattung_a.gif) no-repeat;}
#mainmenu ul li:hover a i#seebestattungsreederei {background:url(../images/m_seebestattungsreederei_a.gif) no-repeat; background-position:0 19px;}
#mainmenu ul li:hover a i#orte {background:url(../images/m_orte_a.gif) no-repeat;}
#mainmenu ul li:hover a i#seeurnen {background:url(../images/m_seeurnen_a.gif) no-repeat; background-position:0 19px;}
#mainmenu ul li:hover a i#partner {background:url(../images/m_partner_a.gif) no-repeat;}
#mainmenu ul li:hover a i#kontakt {background:url(../images/m_kontakt_a.gif) no-repeat; background-position:0 19px;}

#mainmenu ul li:hover {position:relative;}
#mainmenu ul li a:hover {position:relative;}

#mainmenu ul :hover ul {left:0; top:20px; padding:0;}
#mainmenu ul :hover ul.sixteen {left:0; top:36px; padding:0;}
#mainmenu ul :hover div {left:0; top:20px;}
#mainmenu ul :hover div#kontaktDiv {left:0; top:36px;}

#mainmenu ul li ul li a {height:16px;}
#mainmenu ul li ul li a i {display:block; height:16px; overflow:hidden;}

/*#mainmenu ul li div#seebestattungDiv {background:url(dropImages/productsDiv.png); width:144px; height:80px;}
#mainmenu ul li div#orteDiv {background:url(dropImages/servicesDiv.png); width:177px; height:60px;}
#mainmenu ul li div#kontaktDiv {background:url(dropImages/outletsDiv.png); width:124px; height:40px;}*/

#mainmenu ul li ul li a i#damals {background:url(../images/m_damals.gif) no-repeat; width:144px;}
#mainmenu ul li ul li a i#ablauf {background:url(../images/m_ablauf.gif) no-repeat; width:144px;}
#mainmenu ul li ul li a i#angehoerigen {background:url(../images/m_angehoerigen.gif) no-repeat; width:144px;}
#mainmenu ul li ul li a i#stille {background:url(../images/m_stille.gif) no-repeat; width:144px;}

#mainmenu ul li ul li a i#nordsee {background:url(../images/m_nordsee.gif) no-repeat; width:177px;}
#mainmenu ul li ul li a i#ostsee {background:url(../images/m_ostsee.gif) no-repeat; width:177px;}
#mainmenu ul li ul li a i#weltmeeren {background:url(../images/m_weltmeeren.gif) no-repeat; width:177px;}

#mainmenu ul li ul li a i#anfrageformular {background:url(../images/m_anfrageformular.gif) no-repeat; width:124px;}
#mainmenu ul li ul li a i#impressum {background:url(../images/m_impressum.gif) no-repeat; width:124px;}

#mainmenu ul li ul li a:hover i#damals {background:url(../images/m_damals_a.gif) no-repeat; width:144px;}
#mainmenu ul li ul li a:hover i#ablauf {background:url(../images/m_ablauf_a.gif) no-repeat; width:144px;}
#mainmenu ul li ul li a:hover i#angehoerigen {background:url(../images/m_angehoerigen_a.gif) no-repeat; width:144px;}
#mainmenu ul li ul li a:hover i#stille {background:url(../images/m_stille_a.gif) no-repeat; width:144px;}

#mainmenu ul li ul li a:hover i#nordsee {background:url(../images/m_nordsee_a.gif) no-repeat; width:177px;}
#mainmenu ul li ul li a:hover i#ostsee {background:url(../images/m_ostsee_a.gif) no-repeat; width:177px;}
#mainmenu ul li ul li a:hover i#weltmeeren {background:url(../images/m_weltmeeren_a.gif) no-repeat; width:177px;}

#mainmenu ul li ul li a:hover i#anfrageformular {background:url(../images/m_anfrageformular_a.gif) no-repeat; width:124px;}
#mainmenu ul li ul li a:hover i#impressum {background:url(../images/m_impressum_a.gif) no-repeat; width:124px;}


#content {
	width: 1000px;
	border: 1px solid #666666;
}

#photo-left {
	float:left;
	position: relative;
	width: 150px;
	top: 3px;
	/*border: 1px solid #666666;*/
}

.headline {
	height: 30px;
	/*width: 300px;*/
	/*border: 1px solid #666666;*/
}

#text-left {
	float: left;
	position: relative;
	left: 19px;
	width: 300px;
	padding-bottom: 120px;
	/*border: 1px solid #666666;*/
}

#text-left-karte {
	float: left;
	position: relative;
	left: -30px;
	width: 400px;
	padding-bottom: 120px;
	/*border: 1px solid #666666;*/
}
/* alle ausser IE6 */
html>body #text-left-karte {
	left: 19px;
}

#photo-text-left {
	float: right;
	position: relative;
	right: 0;
}

#text-margin {
	margin-left:50px;
}

#text-right {
	float: left;
	position: relative;
	left: 57px;
	width: 300px;
	padding-bottom: 120px;
	/*border: 1px solid #666666;*/
}

/* alle ausser IE6 */
html>body #text-right {
}

#karte {
	float: left;
	position: relative;
	left: 11px;
	width: 300px;
	padding-bottom: 120px;
	/*border: 1px solid #666666;*/
}
/* alle ausser IE6 */
html>body #karte {
	left: 60px;
}

#seeurnen img {
	padding-right: 16px;
	padding-bottom: 16px;
}

#seeurnen {
	width: 500px;
}

#photo-text-right {
	position: relative;
	left: 0;
}

#photo-text-right img {
	float: left;
	display: inline;
}

#photo-right {
	float: right;
	position:relative;
	top: 45px;
	right: 0;
}

table#kontakt {
}

table#kontakt td {
	font-size: 0.9em;
	padding-top: 8px;
}	

/* alle ausser IE6 */
html>body .nav_r {
	margin-left: 415px;
}

#left_radius {
	z-index: 99;
	position: absolute;
	top: 525px;
}

/* alle ausser IE6 */
html>body #footer {
	position: absolute;
	bottom: 0px;
	height: 100px;
	width: 1000px;
	background: url(images/wellen-abschluss.gif) no-repeat;
}

.clearfloat { 
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloat-l { 
	clear: left;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}