/* CSS Document */

/* header('Content-type: text/x-component');
include('iepngfix.htc'); */

/* img, div { behavior: url(iepngfix.htc) } */

/* hier befinden sich saemtliche styles fuer die

- SEITE
- LIGHTBOX
- MENUEBAR */

body {
	background:#357ebe url(../img/higu_body.jpg) repeat-y fixed center top;
	font-family:'Lucida Sans Unicode','Lucida Grande',Garuda,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#000000;
	margin:0px;
	padding:0px;
}

p {
	margin:0px;
}

p.fliessText {margin-bottom:7px;}

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

#mainWrapper {
	width:1000px;
	position:relative;
	margin:0px auto;
	background:#94d1ff;
	padding-bottom:40px;
}

#head {
	width:1000px;
	height:79px;
	position:relative;
	display:block;
	background:#ffffff url(../img/headline_mscn.gif) 140px 40px no-repeat;
	border-bottom:5px solid #78b8ea;
}

#head .miniNavi {
	width:250px;
	text-align:right;
	position:absolute;
	bottom:20px;
	right:20px;
}

#head .miniNavi p {
	color:#0d3a88;
}

#head .miniNavi a {
	color:#0d3a88;
	text-decoration:none;
}

#head .miniNavi a:hover {
	text-decoration:underline;
}

#logoHead {
	width:93px;
	height:113px;
	position:absolute;
	top:30px;
	left:20px;
	z-index:500;
}

/* hier beginnt die NAVIGATION */
#mainNavi {
	background:#0d3a88 url(../img/higu_naviTopFade.jpg) top left repeat-y;
	height:35px;
	display:block;
	position:relative;
	border-bottom:1px solid #94d1ff;
	z-index:100;
}

#menu-container { display:block; position:relative; width:700px; margin:0px 0px 0px 250px; }


/*#drop_down_menu { display:block; position:absolute; clear:both; margin:0px; padding:0px; text-align:left; list-style-type:none; width:700px; float:none; left:0px; top:0px; }

#drop_down_menu div {position:absolute !important;}
#drop_down_menu li { font-size:17px; font-weight:normal; float:left; color:#ceeaff;  cursor:pointer; background:none; height:35px; line-height:21px;}
#drop_down_menu li a { display:block; padding:7px 10px 7px 9px; text-decoration:none; color:#ceeaff;}
#drop_down_menu li a:hover {background:#94d1ff; text-decoration:none; color:#0d3a88;}
#drop_down_menu li a.mainNaviActive {background:#94d1ff; text-decoration:none; color:#0d3a88;}
#drop_down_menu li ul { margin:0px; padding:0px; list-style-type:none; padding-top:0px;}
#drop_down_menu li ul li { display:block; float:none; clear:both; height:27px; font-size:13px; width:250px; overflow:hidden; background:red;}
#drop_down_menu li ul li a { color:#0d3a88; background:#94d1ff; font-weight:normal; text-decoration:none; display:block; padding:7px 10px 6px 7px; overflow:hidden; width:233px;}
#drop_down_menu li ul li a:hover { text-decoration:none; color:#94d1ff; background:#0d3a88;}*/

/* #drop_down_menu #naviPunktEins {width:90px;}
#drop_down_menu #naviPunktZwei {width:220px;}
#drop_down_menu #naviPunktDrei {width:90px;}
#drop_down_menu #naviPunktVier {width:90px;}
#drop_down_menu #naviPunktFuenf {width:90px;}

#drop_down_menu .firstlink {padding-top:0px !important;} */

/* hier endet die NAVIGATION */

/* hier beginnt der HAUPTBEREICH */
#mainContent {
	width:1000px;
	position:relative;
	z-index:10;
}

#imageContainer { 
	width:1000px;
	position:relative;
	height:399px;
	background:url(../img/higu_content_motorboot.jpg) top left no-repeat;
}

#imageContainerContent {
	height:200px;
	width:1000px;
	position:relative;
	background:url(../img/higu_content_motorboot.jpg) center left no-repeat;
	border-bottom:1px solid #78b8ea;
}

#infoTransContainer {
	width:725px;
	height:197px;
	position:absolute;
	bottom:20px;
	right:0px;
	padding-left:25px;
	padding-top:10px;
	background:#FFFFFF;
}

#infoTransContainer h1 {
	color:#0d3a88;
	font-size:27px;
	line-height:34px;
	margin:0px;
	font-weight:normal;
	margin-bottom:15px;
}

#infoTransContainer p {
	color:#0d3a88;
	font-size:14px;
	line-height:18px;
	width:450px;
}

#infoTransContainer a {
	color:#0d3a88;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #0d3a88;
}

#infoTransContainer a:hover {
	border-bottom:1px solid #0d3a88;
}

#infoTransContainer #infoTransIMG {
	width:252px;
	position:absolute;
	bottom:0px;
	right:0px;
}

#infoTransContainer #infoTransIMG a {
	border-bottom:none;
}

/* SPALTEN im Inhalt */

#ColumnHolder {
	background:#6bb5e7 url(../img/higu_mainFade.jpg) top left repeat-x;
	width:1000px;
	font-size:13px;
	line-height:16px;
	color:#ceeaff;
}

.startColumnBG {
	background:#5496cf url(../img/higu_columnHolderStart.jpg) top left no-repeat !important;
}

#ColumnHolder p {
	font-size:13px;
	line-height:17px;
	color:#FFFFFF;
	padding-right:20px;
}

#ColumnHolder h1 {
	color:#ceeaff;
	font-size:27px;
	line-height:auto;
	font-weight:normal;
	margin:15px 0px 20px 0px;
}

#ColumnHolder h2 {
	font-size:16px;
	line-height:auto;
	font-weight:normal;
	color:#ceeaff;
	margin:15px 0px 10px 0px;
}

#ColumnHolder h2 a {
	text-decoration:none;
	color:#ffffff;
}

#ColumnHolder h3 {
	font-size:16px;
	line-height:auto;
	font-weight:normal;
	color:#ceeaff;
	padding-left:25px;
	margin:15px 0px 10px 0px;
	background: url(../img/ico_steuerrad.gif) left center no-repeat;
	line-height:20px;
}

#content #ColumnHolder h3 {
	color:#FFFFFF;
	background-image:url(../img/ico_steuerradWhite.png);
	background-position:left center;
	background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/55555/img/ico_steuerradWhite.png');
	_background-image: none;
}

#ColumnHolder h3 a {
	text-decoration:none;
	color:#ceeaff;
}

#content #ColumnHolder h3 a, #content #ColumnHolder h5 a, #content #ColumnHolder h6 a {
	color:#FFFFFF;
}

#content #ColumnHolder h5 {
	color:#ffffff;
	font-size:15px;
	line-height:17px;
	margin:0px;
}

#content #ColumnHolder h6 {
	color:#ffffff;
	font-size:13px;
	line-height:17px;
	margin:0px 0px 4px 0px;
}

#ColumnHolder a {
	color:#ceeaff;
	text-decoration: none;
}

#ColumnHolder a:hover {
	text-decoration:underline;	
}

#ColumnHolder a.moreLink {
	border-bottom:1px dotted #ceeaff;
	text-decoration:none;
}

#ColumnHolder a.moreLink:hover {
	border-bottom:1px solid #ceeaff;
}

#ColumnHolder .listTrenner {
	clear:both;
	height:10px;
}

#ColumnHolder .lineClearer {
	color:#6596c9;
	float:left;
	background:none;
	background:url(../img/border_bottomLightBlueDot.gif) bottom left repeat-x;
	height:6px;
	line-height:1px;
	font-size:1px;
	width:210px;
	margin-bottom:6px;
}

#ColumnHolder ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#ColumnHolder ul li {
	padding-left:11px;
	float:left;
	width:199px;
	line-height:auto;
	margin-bottom:6px;
	background: url(../img/arrow_lightBlue.gif) left center no-repeat;
}

#ColumnHolder ul li.noArrow {
	padding-left:0px;
	background:none;
	width:210px;
}

#ColumnHolder ul.textListe {
	list-style-type:square;
	padding-left:20px;
}

#ColumnHolder ul.textListe li {
	background:none;
	color:#ffffff;
	float:none;
	width:430px;
	padding-left:0px;
	line-height:17px;
	margin:10px 0px 7px 0px;
}

#ColumnHolder ul.textListe ul li {
	list-style-type:square;
	background:none;
	color:#ffffff;
	float:none;
	width:400px;
	padding-left:0px;
	line-height:17px;
	margin-bottom:00px;
	margin-left:20px;
}

#ColumnHolder .singleColumn {
	width:230px;
	float:left;
	padding-left:20px;
	padding-bottom:15px;
}

#ColumnHolder .doubleColumn {
	width:480px;
	min-height:550px;
	height:auto !important;
	height:550px;
	float:left;
	padding-left:20px;
	padding-bottom:30px;
	background:#276ab0;
}

#ColumnHolder .doubleColumn h2 {
	border-bottom:1px solid #5991c8;
	padding-bottom:3px;
	margin-top:25px;
}

#ColumnHolder .triColumn {
	background:#94d1ff url(../img/higu_mainFade.jpg) top left repeat-x;
}

#ColumnHolder .lastColumn {
	width:230px;
	float:left;
	padding-bottom:15px;
	padding-left:20px;
}

#breadCrum {
	font-size:11px;
	color:#ceeaff;
	height:20px;
	padding-top:15px;
	padding-bottom:2px;
}

#breadCrum a {
	color:#ceeaff;
	text-decoration:none;
	border-bottom:1px dotted #ceeaff;
}

#breadCrum a:hover {
	text-decoration:none;
	border-bottom:1px solid #ceeaff;
}

#breadCrum span {
	color:#ffffff;
	font-style:italic;
}

#subNaviHolder {
	width:248px;
	background:#94d1ff;
	float:left;
	padding:0px;
	border-left:1px solid #94d1ff;
	border-right:1px solid #94d1ff;
}

#subNaviHolder h2 {
	margin-left:20px;
}

#subNaviHolder h2 a {
	color:#0d3a88;	
}

#subNaviHolder ul {
	list-style-type:none;
}

#subNaviHolder ul li {
	background:none;
	padding-left:0px;
	margin-bottom:0px;
}

#subNaviHolder ul li a {
	color:#0d3a88;
	display:block;
	padding:6px 0px 6px 20px;
	width:228px;
	text-decoration:none;
	background:url(../img/border_bottomBlueDot.gif) top left repeat-x;
}

#subNaviHolder ul li a:hover {
	color:#0d3a88;
	background-color:#cae8ff;
	text-decoration:none;
}

#subNaviHolder ul li a.subNaviActive {
	color:#0d3a88;
	background-color:#cae8ff;
}

#ColumnHolder .pueContainer {
	margin-top:10px;
}

#ColumnHolder .pueContainer img {
	/*border:1px solid #78b8ea;*/
	float:left;
	margin-right:10px;
	margin-top:2px;
}

#ColumnHolder .pueContainer p {
	color:#ffffff;
}

#ColumnHolder .pueContainer p .boldArrow a {
	font-weight:bold;
	background:url(../img/arrow_lightBlue.gif) 0px 4px no-repeat;
	padding-left:9px;
	color:#ffffff;
}

#ColumnHolder .dotTrenner {
	background:url(../img/border_bottomLightBlueDot.gif) bottom left repeat-x;
	height:20px;
	margin-bottom:20px;
	margin-right:20px;
}

#ColumnHolder #mehrwertColumn {
	width:250px;
	background:#94d1ff;
	color:#0d3a88;
	float:left;
	padding:0px;
}

#ColumnHolder #mehrwertColumn h3 {
	margin-left:20px;
	background-image:url(../img/ico_steuerradBlue.gif);
	line-height:20px;
}

#ColumnHolder #mehrwertColumn h3 a {
	color:#0d3a88;	
}

#ColumnHolder #mehrwertColumn p {
	margin-left:45px;
	margin-bottom:10px;
	color:#0d3a88;
}

#ColumnHolder #mehrwertColumn .mehrwertArrow {
	background:url(../img/arrow_blue.gif) 0px 4px no-repeat;
	padding-left:9px;
	color:#0d3a88;
}

/* hier endet der HAUPTBEREICH */

/* hier beginnt der FOOTER */

#footerNavi {
	width:1000px;
	height:35px;
	position:relative;
	background:#276ab0;
	border-top:5px solid #94d1ff;
}

#footerNavi p {
	float:left;
	color:#ceeaff;
	width:480px;
	display:inline;
	margin-bottom:11px;
	line-height:16px;
	margin-top:8px;
	padding:0px 0px 0px 20px;
}

#footerNavi a {
	color:#ceeaff;
	text-decoration:none;
}

#footerNavi a:hover {
	text-decoration:underline;
}

#footerNavi .miniNaviFooter {
	float:left;
	width:500px;
	text-align:right;
}

#footerNavi .miniNaviFooter p {
	padding:0px 20px 0px 0px;
}

#footerCopyright {
	padding:8px 20px;
	color:#185ea8;
	font-size:11px;
	line-height:16px;
}

#footerCopyright a {
	text-decoration:none;
	color:#185ea8;
	border-bottom:1px dotted #185ea8;
	/*background:url(../img/border_bottomBlueDot.gif) bottom left repeat-x;*/
}

#footerCopyright a:hover {
	/*background:none;*/
	border-bottom:1px solid #185ea8;
}

/* hier endet der FOOTER */

/* das KONTAKTFORMULAR */

#ColumnHolder label {
	cursor: pointer;
}
#ColumnHolder select {
	color:#0D3A88;
	font-family:'Lucida Sans Unicode','Lucida Grande', Garuda, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#ColumnHolder input {
	width:280px;
	display:inline;
	color:#0D3A88;
	font-family:'Lucida Sans Unicode','Lucida Grande', Garuda, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#ColumnHolder input#strasse, #ColumnHolder input#ort {width:221px;}
#ColumnHolder input#hausnummer, #ColumnHolder input#plz {width:50px;}

#ColumnHolder input#imageField {
	width:151px;
	height:35px;
}

#ColumnHolder textarea {
	width:280px;
	height:70px;
	color:#0D3A88;
	font-family:'Lucida Sans Unicode','Lucida Grande', Garuda, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#ColumnHolder #warn {
	color:#ff0000;
	background:#ffffff;
	padding:2px 4px;
}

/* der LIGHTBOXCONTAINER */

#ColumnHolder .lightBoxContainer a img {float:left; margin:0px 13px 13px 0px; border:3px solid white;}
#ColumnHolder .lightBoxContainer a:hover img {border:3px solid #94d1ff;}

/* die Styles aus der LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1500; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerbildContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#bildContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#bildContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 1400; width: 100%; height: 500px; background-color: #000; }


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 17px;
	line-height:35px;
	cursor: default;
	width: auto;
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
	background:none;
}
/* Submenus should appear below
their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 17px;
	z-index: 1020;
	cursor: default;
	width: 15.2em;
	position: absolute;
	left: -1000em;
	line-height:29px;
	background:#94d1ff;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 15.2em;
	border-bottom:1px solid #ffffff;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: none;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background:none;
	padding: 0px 7px 0px 7px;
	color: #ceeaff;
	text-decoration: none;
	font-size:17px;
}
ul.MenuBarHorizontal a.LinkActive {
	background-color:#cae8ff;
	color: #0d3a88;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #94d1ff;
	color: #0d3a88;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #94d1ff;
	color: #0d3a88;
}

ul.MenuBarHorizontal ul li a {
	background:#94d1ff;
	color: #0d3a88;
	font-size:14px;
	height:30px;
}
ul.MenuBarHorizontal ul li a:hover {
	background:#CAE8FF;
}
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../SpryAssets/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: none;
	}
}