/* +-- General HTML Definitions --+ */
html, 
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
	line-height: 16px;
}

div {text-align: left;}

h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	line-height: 32px;
}

h1.cond {
	font-weight: normal;
	padding: 0px;
}

h1.small {
	font-size:20px;
	line-height:25px;
	margin: 10px 0px 0px 0px;
}

h1.big {
	font-size:28px;
	line-height: 38px;
	margin: 0px 0px 20px 0px;
}

h1.skipper {
	margin: 0px;
}

h2 {
	margin: 0px; 
	padding: 0px;
}

/* page headline */
h2.title {
	color: white;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
}

/* Buttons in Side Col */
h2.buttonSmall {
	display: inline;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	color: white;
	height: 50px;
}


h2.buttonBig {
	display: inline;
	font-weight: bold;
	font-size: 35px;
	line-height: 35px;
	color: white;
	
}


/* box headline */
h3 {
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: black;
}

/* small headline e.g. place at mediatext */
h4 {
	font-size: 9px;
	font-weight: bold;
	color: #A1A1A1;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/* navigation headline */
h5 { 
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	line-height: 24px;
}

h5.navi {
	margin: 10px 0px 3px 0px;
	padding: 0px;
	font-weight: bold;
}

/* +-- Link --+ */
a, 
a:visited, 
a:focus, 
a:hover, 
a:active  {
	text-decoration: none;
	color: #073771;
}

a:hover {
	color: #F89A1B;
}

a.blank, 
a.blank:visited, 
a.blank:focus, 
a.blank:hover, 
a.blank:active  {
	text-decoration: none;
	color: #4B4B4B;
}

a.blank:hover {
	color: #4B4B4B;
}

/* +-- HTML Form --+ */
form 	{
	margin: 0px;
	padding: 0px;
}

input, 
textarea,
select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
	color: #404040;
}

input {
	height: 15px;
	padding: 1px 3px;
	margin: 2px 0px;
}

textarea {
	height: 80px;
	padding: 1px 3px;
	margin: 2px 0px;
}

input.radio,
input.checkbox {
	width: 15px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
}

input.text,
textarea.text {

}

input.button {
	padding: 0px 6px;
	width: 125px; height: 25px;
	line-height: 14px;
	background: url(../images/bkg_button.gif) no-repeat; 
	color: #8E5A04;
	margin-top: 15px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
}

input.button:hover{
	color: #5A3903;
}

select {
	padding: 0px;
	margin: 0px;
}


/* +-- HTML table --+ */
table	{table-layout: fixed;}


/* +-- Modules --+ */
.p3		{padding: 3px;}
.p5		{padding: 5px;}
.pr3	{padding-right: 3px;}
.pt20	{padding-top:20px;}

.mt3	{margin-top: 3px;}
.mt10	{margin-top: 10px;}
.mb3	{margin-bottom: 3px;}
.mb20	{margin-bottom: 20px;}
.mr3	{margin-right: 3px;}
.mrb3	{margin-right: 3px; margin-bottom: 3px;}
.m6		{margin: 6px;}
.mr5	{margin: 5px;}

.w15	{width: 15px;}
.w50	{width: 50px;}
.w120	{width: 120px;}
.w180	{width: 180px;}
.w250	{width: 250px;}

.h20	{height: 20px;}
.h100	{height: 100px;}
.h120	{height: 120px;}
.h180	{height: 180px;}
.h230	{height: 230px;}
.h320	{height: 320px;}
.h370	{height: 370px;}

.cWhite				{color: white;}

.bcDrkBlue		{background-color: #073771; color: white;}
.bcLghtGray 	{background-color: #EBEBEB;}
.bcXLghtGray	{background-color: #F7F7F7;}
.bcDrkGray 		{background-color: #4F4F4F; color: white;}
.bcWhite			{background-color: white;}
.bcBlack			{background-color: black;}
.bcLghtBlue		{background-color: #D3EAFD;}

.bcWMRTBlue		{background-color: #013662; color: white;}
.bcWMRTLghtBlue	{background-color: #4472AD;}
.bcMRA		    {background-color: white; border: 1px solid #df1b1c;}

.bkgGray		{background: url(../images/bkg_gray.gif) #4B4B4B; color: white;}
.bkgTWhite		{background-image: url(../images/bkg_white50.png); color: black;}
.bkgBlue		{background: url(../images/bkg_blue.gif) #073771; color: white;}

.bbGray			{border-bottom: 1px solid #4F4F4F;}
.blGray			{border-left: 1px solid #4F4F4F;}
.bbWhite		{border-bottom: 3px solid white;}

.fl					{float: left;}
.clear 			{line-height:1px; margin: 0px; padding: 0px; clear: both;}
.inline			{display: inline;}
.pointer		{cursor: pointer;}
.lost 			{display:none;}

.source 		{font-size:8px; line-height: 10px; color: black; }

/* +-- PAGE Element --+ */
#page {
	width: 920px;
	float: none;
	margin-bottom: 20px;
}

#disclaimer , #copyright {
	width: 914px; height: 16px;
	font-size: 9px;
	padding: 3px;
	color: #D2D2D2;
	font-weight: bold;
}

#disclaimer a, 
#disclaimer a:visited, 
#disclaimer a:focus, 
#disclaimer a:hover, 
#disclaimer a:active  {
	text-decoration: none;
	color: #D2D2D2;
	font-weight: bold;
}

#disclaimer a:hover {
	color: #F89A1B;
}

/* +-- NAVIGATION Elements --+ */
#header {
	width: 100%;
	margin-bottom: 3px;
}

#navigation {width: 695px; min-height: 138px;}

.naviBox {
	width: 135px; min-height:138px;
	float: left;
	border-left: 1px solid #434343;
	padding: 0px 0px 0px 2px;
	overflow: visible;
}

.naviLink,
.naviLink:visited, 
.naviLink:focus, 
.naviLink:hover, 
.naviLink:active{
	display: block;
	color: #4B4B4B;
	font-weight: normal;
}

.naviLink:hover {
	color: #FF9B2A;
}

#mrgLogo {
	width: 225px; height: 138px;
}

/* +-- CONTENT Elements --+ */
#content {
	width: 690px;
	margin-right: 3px;
	float: left;
}

.contentCol {

}

.cC_100 {width:690px;}
.cC_85	{width:575px;}
.cC_65	{width:460px;}
.cC_50	{width:345px;}
.cC_35	{width:230px;}
.cC_30	{width:224px;}
.cC_25	{width:168px;}
.cC_15	{width:115px;}

#headline {
	width: 690px; height: 40px;
	margin-bottom: 3px;
}

#opening {
	width: 690px; height:315px;
	margin-bottom: 3px;
}

/* +-- SKIPPER Elements --+ */
#skipper{
	/* position: relative;
	top:0px; left: 0px;
	height: 543px; */
}

#skipperimage {
	/*width: 300px; height: 300px;*/
	width: 517px;
	float: left;
	background-color: white;
	padding: 12px 150px 12px 12px;
}

#skipperinfo {
	/* position: absolute;
	top: 190px; left: 190px; */
	margin-left: -290px;
	margin-top: 50px;
	float: left;
	width: 280px; height: 300px;
	background: url(../images/bkg_white50.png) white;
	padding: 3px;
	color: #4B4B4B;
	overflow: auto;
}

/* +-- GALLERY --+ */
#gallery{
	position: relative;
	top:0px; left: 0px;
	height: 500px;
}

#bigImage {
	position: absolute;
	top: 20px; left: 20px;
}

#picOverview {
	position: absolute;
	top: 30px; right: 9px;
	width: 140px; height: 440px;
	overflow:hidden;
}

#picDesc {
	position: absolute;
	top: 350px; left: 350px;
	width: 125px; height: 125px;
	background-color: #F7F7F7;
	padding: 3px;
	display: none;
}

#thumbnails {
	position: absolute;
	top: 0px; left: 0px;
	width: 160px; height: 460px;
	overflow: scroll;
}

#downcontrol {
	position: absolute;
	top: 470px; right: 9px;
	width: 140px; height: 10px;
	padding: 5px 0px 15px 2px;
}

#upcontrol {
	position: absolute;
	top: 0px; right: 9px;
	width: 140px; height: 10px;
	padding: 15px 0px 5px 2px;
}

/* +-- sidecol --+ */
#sidecol {
	width: 227px; 
	float: left;
}

.clickBanner {
	margin-bottom: 3px;
	height: 130px;
}

.clickBanner a,
.clickBanner a:visited, 
.clickBanner a:focus, 
.clickBanner a:hover, 
.clickBanner a:active{
	display: block;
	width: 227px; height: 40px;
	color: white;
	padding: 90px 0px 0px 0px;
}

.clickBanner a:hover {
	background: url(/images/bkg_black50.png) repeat;
}

#videoOverlay{
	position:relative;
	bottom: 175px;
	left:0px;
  width: 680px;
  height: 250px;
	color: white;
	font-size: 30px;
	line-height: 40px;
}