/* CSS Iduna */
/* General */
body {
	margin:0;
	padding:0;
	font: .7em Verdana;
	color:#083B58;
	text-align:center;
	background: #083D5D url(../images/bgbody.jpg) top left repeat-x;
}

td {
	font: 100% Verdana;
	color:#083B58;
}

a:link, a:visited {
	color:#083B58;
	text-decoration:underline;
}

a:hover, a:active {
	color:#999;
	text-decoration:underline;
}

a.linkhome:link, a.linkhome:visited {
	color:#083B58;
	font:120% Verdana;
	text-decoration:none;
}

a.linkhome:hover, a.linkhome:active {
	color:#999;
	font:120% Verdana;
	text-decoration:none;
}

img {
	border:none;
}

img.imgspace {
	margin:0 10px 0 0;
}

img.imgleft {
	float:left;
	margin:0 10px 0 0;
}

h1 {
	font: 1em Verdana;
	font-weight:bold;
}

/* Layout */
/* General */
#maincontainer {
	margin:12px auto auto auto;
	padding:0;
	width:936px;
	/*height:260px;*/
}

#leftframe {
	float:left;
	text-align:left;
	width:180px;
	height:250px;
	border-right:1px #ccc dotted;
	margin:0;
	padding:0;
}

#logo {
	float:left;
	width:180px;
	margin:18px 0 0 0;
	padding:0;
}
	
#mainmenu {
	float:left;
	text-align:right;
	width:160px;
	margin:30px 0 0 0;
	padding:0 20px 0 0;
}
/* Main Menu */
#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	}
					
#mainmenu li a, #mainmenu a:link, #mainmenu a:visited {
	font-size: 90%;
	line-height: 20px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #333;
	}
				
#mainmenu li a:hover, #mainmenu li a:active {
	color: #999;
	font-size: 90%;	
	line-height: 20px;
	padding: 0;
	margin: 0;
	text-decoration: none;				
	}
.active {
	color: #999;
	font-size: 90%;	
	line-height: 20px;
	padding: 0px 0 0 0;
	margin: 0;
	text-decoration: none;				
	}
/* end Main Menu */

#rightframe {
	float:right;
	width:725px;
	text-align:left;
	margin:26px 0 0 30px;
	padding:0;
}

#visual {
	float:left;
	width:715px;
	height:180px;
	margin:0;
	padding:6px 3px 4px 7px;
	background:url(../images/bgvisual.jpg) top center no-repeat;
}

#submenu {
	float:left;
	width:715px;
	text-align:right;
	margin:0 0 20px 0;
	padding:5px 10px 0 0;
}
#submenu ul
	{
	text-align: right;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	}
	#submenu li
	{
	text-align: center;
	display: inline;
	padding: 0;
	}
	#submenu li a:link, #submenu li a:visited {
	text-decoration: none;
	padding: 0 10px 0 20px;
	margin:0;
	display: inline;
	}
	#submenu li a:hover, #submenu li a:active {
	color: #848587;
	text-decoration: none;
	padding: 0 10px 0 20px;
	margin:0;
	display: inline;
	}
	#submenu li.subactive {
	color: #848587;
	text-decoration: none;
	padding: 0 10px 0 20px;
	margin:0 0px 0 0px;
	display: inline;
	}
li.verticalline {
	border-right:1px #333 solid;
	height:10px;
	
}

#contentcontainer {
	width:100%;
	float:left;
	text-align:center;
	margin:0;
	padding:0 0 20px 0;
	background:#F1F1F0;
}

#contentframe {
	width:710px;
	margin:20px auto auto auto;
	padding:0 0 0px 210px;
}

*html #contentframe {
	width:710px;
	margin:20px 0 20px 220px;
	padding:0;
	left:0;
}

#content {
	float:left;
	text-align:left;
	width:395px;
	margin:0 30px 0 0;
	padding:0;
	/*background:#F1F1F0;*/
}

#contentwide {
	float:left;
	text-align:left;
	width:710px;
	margin:0 30px 0 30px;
	padding:0;
	/*background:#F1F1F0;*/
}

#rightvisuals {
	float:right;
	width:270px;
	margin:0;
	padding:0;
}

#footer {
	float:left;
	width:100%;
	height:125px;
	margin: 0;
	background:url(../images/bgbodybottom.jpg) left top repeat-x;
}
		
/* Home */
#rightframehome {
	float:right;
	width:725px;
	height:550px;
	text-align:left;
	margin:26px 0 0 30px;
	padding:0;
}

#flash {
	float:left;
	width:715px;
	height:335px;
	margin:0;
	padding:6px 3px 4px 7px;
	background:url(../images/bgflash.jpg) top center no-repeat;
}	

#banners {
	float:left;
	height:160px;
	margin:0;
	padding:0;
}
.banner {
	float:left;
	color:#666;
	text-align:left;
	width:239px;
	margin:0 4px 0 0;
	padding:0;
}
.bannerright {
	float:left;
	color:#666;
	text-align:left;
	margin:0;
	padding:0;
}

/* Iduna Today - technical specs */
.info {
	position:absolute;
	top: 70%;
	left: 45%;
	margin-top:-165px;
	width:240px;
	height:180px;
	background: #fff;
	border:1px #ccc solid;
	color:#083B58;
	text-align:left;
	padding:4px;
	text-decoration:none;
}
table.infotext {
	font-size:110%;
}

/* Iduna Experience */
#contentexperience {
	width:710px;
	margin:20px auto auto auto;
	padding:0 0 0 198px;
}
#flashexperience {
	float:left;
	background:#fff;
	border:1px #ccc solid;
	width:707px;
	height:344px;
	padding:5px 3px 2px 4px;
}


#flashvideo{
	float:left;
	background:#fff;
	border:1px #ccc solid;
	width:640px;
	height:360px;
	padding:5px;
}
/* Chartering */
#flashchartering {
	width:270px;
	height:210px;
	background:url(../images/bgflashchartering.jpg) top center no-repeat;
	padding:7px 5px 2px 2px;
}
table.tblcontact {
	width:100%;
	padding:2px;
}
td.formtext {
	vertical-align:top;
}
.required {
	font-style:italic;
}