/**
 * 								F R A M E W O R K
 ******************************************************************************/
.invisible{position:absolute; top:-50000px; left:-50000px;}
.clear{clear:both; display:block; width:100%; height:1px;}
body {
	background-color: #F5F5F5;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow-x:hidden;
}

#page {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1000px;
}

/* newsletter */

.pt-01-01-01 #page {
	width: 550px; /* http://www.campaignmonitor.com/blog/post/2094/maximum-width-for-html-emails/ */
}

/* clearing for elements */
#header,
#main-navigation,
#breadcrumb,
#main,
#footer {
	clear: both;
}

/* global width for elements */
#header-bottom-inner,
#main-navigation-inner,
#main-inner,
#footer-inner {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1000px;
}

/* newsletter */
.pt-01-01-01 #header-top-inner,
.pt-01-01-01 #header-bottom-inner,
.pt-01-01-01 #main-navigation-inner,
.pt-01-01-01 #breadcrumb-inner,
.pt-01-01-01 #main-inner,
.pt-01-01-01 #footer-inner {
	width: 550px;
}

/* width adjustements (border) */

#header-bottom-inner {
	width: 999px;
}

/* newsletter */
.pt-01-01-01  #header-bottom-inner {
	width: 549px;
}

#main-inner {
	width: 998px;
}

/* newsletter */
.pt-01-01-01  #main-inner {
	width: 548px;
}

/* background color for elements */
#header-bottom,
#breadcrumb,
#main {
	background-color: #FFF;
}

/**
 * 									H E A D E R
 ******************************************************************************/

#header-top {
	background-color: #515C54;
	height: 20px;
	text-align:center;
	line-height:20px;
}

/* newsletter */

.pt-01-01-01 #header-top {
	height: 6px;
}

.pt-01-01-01 #header-top * {
	display: none;
}

#header-top-inner {
	height: 100%;
}

#header-bottom {
	border-left: 1px solid #B8C1BB;
	height: 112px;
}

#header-bottom-inner {
	background: url("../images/banner_esf.jpg") no-repeat right top;
	height: 100%;
	position:relative;
}

/* positioning for header elements */

#logo {
	position: absolute;
}

/* meta navigation */

#meta-navigation {
	/*right: 180px;
	top: 0;*/
	color:white;
	text-align:right;
	margin-right:270px; 
}

#meta-navigation a {
	color: #FFF;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none;
	margin:0px 5px;
}

#meta-navigation img{
	margin: -5px;
}


/* search */

#search {
	margin:0 auto;
	position: absolute;
	right:0px;
	top:0px;
	text-align:center;
	width:260px;
}

#search form {
	margin:0px;
	padding:0px;
	width:260px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

#search .field-wrapper {
	display: inline;
	margin-left: 1em;
	margin:0 auto;
}

#search .text {
	/*background-color: #47524A;*/
	background:white;
	border: 0;
	/*color: #FFF;*/
	color:black;
	font-size: 12px;
	height: 14px;
	/*padding: 0 25px 2px 5px;*/
	position: absolute;
	right:32px;
	top:2px;
	width: 230px;
}

#search .button {
	background: url("../images/icon_search_button.png") no-repeat left top;
	border: 0;
	font-size: 0;
	height: 16px;
	position: absolute;
	right: 7px;
	top:2px;
	/*text-indent: -9999px;*/
	width: 25px;
}

/* logo */

#logo {
	left: 20px;
	/*top: 23px;*/
}

/* subtitle */

#subtitle {
	left: 25px;
	top: 50px;
}

/**
 * 							M A I N - N A V I G A T I O N
 ******************************************************************************/

#main-navigation {
	/*background-color: #00792C;*/ /* original colors from logo */
	background-color: #378854;
	overflow:visible;
	height:25px;
}

/* newsletter */

.pt-01-01-01 #main-navigation {
	height: 6px;
}

.pt-01-01-01 #main-navigation * {
	display: none;
}

#main-navigation-inner {
	/*height: 100%;*/
	overflow:visible;
	position:relative;
	z-index:100000000000;
	width:880px;
	float:left;
	height:26px;
}

#main-navigation ul {
	margin-left: 20px;
	overflow:visible;
	position:relative;
	z-index:100000000000;
}

#main-navigation li {
	float: left;
	position:relative;
	z-index:100000000000;
}

#main-navigation a {
	color: #FFF;
	display: block;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
	text-decoration: none;
}

#main-navigation a.cur,
#main-navigation a.curifsub,
#main-navigation a.actifsub {
	background-color: #FFFFFF;
	/*border-bottom: 1px solid #00792C;*/
	border-top: 1px solid #00792C;
	color: #00792C;
	height: 25px;
	line-height: 25px;
}

#main-navigation-inner ul{margin-left:27px;}

#main-navigation li ul.submenu, #main-navigation li ul.submenu ul{
	position:absolute;
	left:-50000px;
	top:-50000px;
	/*top:24px;
	left:0px;*/
	width:250px;
	z-index:100000000000;
	background:white;
	margin-left:0px;
}

#main-navigation li:hover ul.submenu{
	top:25px;
	left:16px;
	border:2px solid white;
	border-width:0px 2px 0px 2px;}

#main-navigation-inner li.active:hover ul{left:0px;}

#main-navigation ul.submenu li {
	line-height: 15px;
	height:auto;
	border-bottom:2px solid white;
}

#main-navigation ul.submenu a {
	background: url("../images/icon_arrow_right.gif") #DFEAE2 no-repeat 8px 10px;
	display: block;
	font-size: 11px;
	height: 1%;
	text-decoration: none;
	width: auto;
	color:black;
}

#main-navigation ul.submenu a:hover{
	background-color:#378854;
	background-image:url('../images/icon_arrow_right_white.gif');
	color:white;
}

#main-navigation li.right:hover ul.submenu{
	left:auto;
	right:16px;
	margin-left:0px;
}

#main-navigation li ul.submenu li{
	clear:both;
	float:none;
}

#main-navigation li ul.submenu li:hover ul{
	top:0px;
	left:250px;
	margin-left:0px;
}

#main-navigation li.right ul.submenu li:hover ul{
	left:auto;
	right:250px;
}

#main-navigation ul.submenu ul a {
	background-color: transparent;
	border-bottom: 1px dotted #B3B3B3;
	margin-bottom: 0;
}

/* socialcloud */
ul#socialcloud{width:120px; float:left; margin:0px; padding:0px; margin-left:0px;}
ul#socialcloud li{float:left; width:24px; height:24px; margin-left:4px;}
ul#socialcloud li a{display:block; width:100%; height:100%; background: transparent no-repeat center top; padding:0px;}
ul#socialcloud li.twitter a{background-image:url('../images/aquaticus/24x24/twitter.png');}
ul#socialcloud li.facebook a{background-image:url('../images/aquaticus/24x24/facebook.png');}
ul#socialcloud li.googleplus a{background-image:url('../images/aquaticus/24x24/googleplus.png');}
ul#socialcloud li.rss a{background-image:url('../images/aquaticus/24x24/feed.png');}
ul#socialcloud li.youtube a{background-image:url('../images/aquaticus/24x24/youtube.png');}

/* logout */
ul.logout a{color:white; line-height:26px;}
ul.logout li{background:#374386; height:25px; line}
/**
 * 								B R E A D C R U M B
 ******************************************************************************/

#breadcrumb {
	border-left: 1px solid #B8C1BB;
	border-right: 1px solid #B8C1BB;
	line-height: 2em;
	padding:4px 20px;
}

.pt-01-01-01 #breadcrumb {
	display: none;
}

#breadcrumb span {
	font-weight: 700;
}

#breadcrumb a {
	color: #000;
}

/* page template #01.01 [1 col: content] AND page template #01.04 [1 col: content with padding] */

.pt-01-01 #breadcrumb,
.pt-01-04 #breadcrumb {
	display: none;
}

/**
 * 						M A I N  C O L U M N  ( 3 | 1 | 2 )
 ******************************************************************************/

/* D E F A U L T */
/* page template #01.01 [1 col: content] */

#main {
	border-left: 1px solid #B8C1BB;
	border-right: 1px solid #B8C1BB;
	float: left;
}

/* column 1 */

#content {
	float: right;
	margin: 0;
	width: 100%;
}

/* column 2 */

#sidebar-right {
	display: none;
}

/* column 3 */

#sidebar-left {
	display: none;
}

/* page template #01.04 [1 col: content with padding] */

.pt-01-04 #content-inner  {
	padding: 90px 30px 30px;
}

/* newsletter */

.pt-01-01-01 #content-inner .content {
	padding: 0 15px;
}

/* page template #01.02 [2 cols: sidebar left and content] */

.pt-01-02 #content {
	margin: 50px 0 0 -768px;
	width: 768px;
}

/* page template #01.02 [2 cols: sidebar left and content] */
/* page template #01.03 [3 cols: sidebar left/right and content] */

.pt-01-02 #main,
.pt-01-03 #main {
	padding-bottom: 20px;
}

.pt-01-03 #content {
	1background-color: red;
	float: right;
	margin: 50px 260px 0 -768px;
	width: 508px;
}

.pt-01-02 #content-inner,
.pt-01-03 #content-inner {
	padding: 0 30px;
}

.pt-01-02 #sidebar-right {
	display: none;
}

.pt-01-03 #sidebar-right {
	1background-color: blue;
	display: block;
	float: right;
	margin: 50px 0 0 0;
	width: 260px;
}

.pt-01-03 #sidebar-right-inner {
	padding-right: 30px;
}

.pt-01-02 #sidebar-left,
.pt-01-03 #sidebar-left {
	1background-color: yellow;
	display: block;
	float: left;
	margin-left: 0;
	margin-right: -5px;
	width: 230px;
}

/**
 * 							S I D E B A R - L E F T
 ******************************************************************************/

/* sub navigation */

#sub-navigation li {
	line-height: normal;
}

#sub-navigation a {
	background: url("../images/icon_arrow_right.gif") #DFEAE2 no-repeat .75em .6em;
	display: block;
	font-size: 11px;
	height: 1%;
	margin-bottom: 2px;
	padding: .25em 1em .25em 1.75em;
	text-decoration: none;
	width: auto;
}

#sub-navigation li li li a:hover {
	background-position: 1.75em .6em;
}

#sub-navigation li li li li a:hover {
	background-position: 3em .6em;
}

#sub-navigation li li li li li a:hover {
	background-position: 4.75em .6em;
}

#sub-navigation li li li li li li a:hover {
	background-position: 6.5em .6em;
}

#sub-navigation a.cur,
#sub-navigation a.curifsub,
#sub-navigation a.actifsub {
	background: url("../images/icon_arrow_right_white.gif") #619975 no-repeat .75em .6em;
	color: #FFF;
	font-weight: 700;
}

#sub-navigation li li a {
	background-color: transparent;
	background-image: none;
	border-bottom: 1px dotted #B3B3B3;
	margin-bottom: 0;
}

#sub-navigation li li a.cur,
#sub-navigation li li a.curifsub,
#sub-navigation li li a.act,
#sub-navigation li li a.actifsub {
	background-color: #BED6C7;
	background-image: none;
	border-bottom: 1px solid #D2D3C6;
	color: #000;
}

#sub-navigation li li ul {
	border-bottom: 1px dotted #B3B3B3;
}

#sub-navigation li li li a {
	background-color: #EEF4F0;
	background-image: none;
	border-bottom: 0 !important;
	padding: .25em 1em .25em 3em;
}

#sub-navigation li li li a.cur,
#sub-navigation li li li a.curifsub,
#sub-navigation li li li a.act,
#sub-navigation li li li a.actifsub {
	background-color: #EEF4F0;
	nackground-image: none;
	color: #000;
}

#sub-navigation li li li a.curifsub,
#sub-navigation li li li a.actifsub {
	1font-weight: 400;
}

#sub-navigation li li li a.cur,
#sub-navigation li li li a.curifsub {
	background-color: #DFEAE2;
}

#sub-navigation li li li ul {
	border-bottom: 0;
}

#sub-navigation li li li li a {
	padding: .25em 1em .25em 4.75em;
}

#sub-navigation li li li li li a {
	padding: .25em 1em .25em 6.5em;
}

#sub-navigation li li li li li li a {
	padding: .25em 1em .25em 8.25em;
}

/**
 * 									F O O T E R
 ******************************************************************************/

#footer {
	background-color: #515C54;
	border-top: 6px solid #00792C;
	color: #FFF;
	padding-bottom:10px;
}

/* newsletter */

.pt-01-01-01 #footer {
	height: 35px;
}

#footer-inner {
	height: 100%;
}

#footer a {
	color: #FFF;
	text-decoration: none;
}

#footer-left {
	width: 98%;
	margin:1% 1% 0 1%;
	text-align:center;
}

#footer-left-top {
	font-size: 11px;
	margin-top: 15px;
	display:inline;
}

#footer-inner ul.bigmenu{
	margin:20px;
	clear:both;
}

#footer-inner ul.bigmenu li{
	float:left;
	width:160px;
	height:auto;
	line-height:15px;
}

#footer-inner ul.bigmenu li.last:after{
	content:'';
	clear:both;
}

#footer-inner ul.bigmenu li a{
	color:white;
	text-decoration:none;
	font-size:12px;
	border-bottom:1px solid white;
	padding-bottom:3px;
}

#footer-inner ul.bigmenu li ul li a:hover{
	text-decoration:underline;
}

#footer-inner ul.bigmenu li ul{
	padding:7px 7px 0px 0px;
}

#footer-inner ul.bigmenu li ul li{
	float:none;
	width:auto;
}

#footer-inner ul.bigmenu li ul li a{
	font-size:10px;
	border:none;
	padding-bottom:0px;
	margin-bottom:3px;
}

/* newsletter */

.pt-01-01-01 #footer-left-top {
	display: none;
}

#footer-left-bottom {
	bottom: 0;
	font-size: 9px;
	margin-bottom: 15px;
	display:inline;
}

#footer-left-bottom-left {
	float: left;
}

/* newsletter */

.pt-01-01-01 #footer-left-bottom-left {
	display: none;
}

#footer-left-bottom-right {
	float: left;
}

#footer-right {
	font-size: 11px;
	width: 48%;
	margin:1%;
	float:left;
}

/* newsletter */

.pt-01-01-01 #footer-right {
	display: none;
}

#footer-right img {
	float: left;
	margin-right: 15px;
}

#footer-right p {
	line-height: 1.4em;
}

/**
 * 									P R I N T
 ******************************************************************************/

@media print {
	
	* {
		color: #000 !important;
	}
	
	body {
		background-color: #FFF !important;
		width: auto;
		height:auto;
	}
	
	a {
		text-decoration: underline;
	}
	
	h1.page-header {
		padding-left: 0 !important;
		position: static !important;
		width: 100% !important;
	}
	
	#header-top-inner,
	#header-bottom-inner,
	#main-navigation-inner,
	#breadcrumb-inner,
	#main-inner,
	#footer-inner,
	#page {
 
	position: static;
        width: auto !important;
}
	
	
	#main {
		border: 0 none !important;
	}
	#main-inner {
		width:auto !important;
	}

	/* hide elements */
	 
	#header,
	#main-navigation,
	#breadcrumb,
	#sub-navigation,
	.news-single-backlink,
	#sidebar-right,
	#feEditAdvanced-container,
	#wibiyaToolbar,
	.csc-textpic-caption {
		display: none !important;
	}

	/* avoid page breaks right after headings */

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
	}

	/* linearize columns  */

	#content,
	#content-inner {
		border: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%!important;
		font-family: serif;
		font-size: 12pt;
		float: none !important;
	}

	/* #sidebar-right,
	#sidebar-right-inner {
		border: 0 !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}*/	

	#sidebar-left,
	#sidebar-left-inner {
		border: 0 !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
	
	.content h1 {
		border-bottom: 1px dotted #000000;
	}
		
	#footer {
	background-color: #000000;
	border-top: 1px solid #000000;
	}
	
	#footer-right,
	#footer-left-top,
	#footer-left-bottom-left {
		display: none !important;
		width: 0%;
		position: absolute;
	}
	
	#footer-left-bottom-right {
		position: absolute;
		width: 100%;
		left: 700px;
	}	

}