* {
	padding: 0;
	margin: 0;
}

html {
	overflow-x: hidden;
	overflow-y: auto;
}


body {
	margin:0px; 
	background:url(../gfx/bg_body.jpg) no-repeat center top black; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px;
	height: 1016px;
}

#wrapper {
	width:980px; 
	margin:0px auto; 
	padding-top:40px; 
	position:relative;
}

#logo {
	margin-bottom:50px; 
	padding-left:50px;
}

#supSecondLogo {
	position: absolute;
	left: 500px;
	top: 0;
}

#printLogo {
	display:none;
}

#selection {
	width:220px; 
	position:absolute; 
	right:0px; 
	top:340px;
}

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

#selection ul li {
	margin-bottom:10px;
}

#selection ul li a	{
	display:block; 
	padding:3px 8px; 
	color:#008ac9; 
	font-weight:bold; 
	background:#333333; 
	text-decoration:none;
}

#selection ul li a span	{
	color:white; 
	font-weight:normal;
}

#selection ul li a:hover {
	background:white;
}

#selection ul li a:hover span {
	color:black;
}

#selection form	{
	margin:0px; 
	padding:0px; 
	color:white;
}

#page {
	width:850px; 
	/*position:absolute; 
	right: 120px;*/
	padding-top:10px;
	/* ow 100205 -> */
	position: absolute;
	left: 50%;
	margin-left: -525px;
}

#right_prod	 {
	/*float:right; */
	width:200px; 
	padding-top:182px;
	/* ow 100205 -> */
	position: relative;
	margin-left: 852px;
}

#right_prod .rightcolumn-wrap {
	margin-top: -14px;
}

#right {
	position: relative;
	left: 853px;
	/*top: 318px;*/
	top: 322px;
	width:200px; 
}

.box {
	background:#333333; 
	padding:10px; 
	margin-bottom:5px;
	color:white;
}

.box h1	{
	font-weight:bold; 
	color:#008ac9; 
	font-size: 12px; 
	text-transform:uppercase;
}

.box a		{
	color:#008ac9; 
	font-weight:bold; 
	text-decoration:none;
}

#search	{
	height:48px; 
	margin-bottom:5px; 
	color:white; 
	font-weight:bold; 
	padding:7px 0px;
}

#search form {
	margin:0px; 
	padding:5px 0 0 0;
}

#search input.text {
	margin-right:10px; 
	width:140px;
}

#page #wrapper {
	width:650px;
	margin:inherit; 
	padding:0px; 
	/*position:static;*/
	/* ow 100205 -> */
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -230px;
}

#wrapper #logo {
	margin:0px; 
	padding:0px;
}

#topnav	{
	height:30px; 
	background:#333333; 
	margin:5px 0;
	margin-top: 10px !important;
}

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

#topnav ul li {
	float:left;
}

#topnav ul li a {
	display:block; 
	color:white; 
	text-decoration:none; 
	padding:6px 15px 8px 15px;
}

#topnav ul li a:hover {
	background:#008ac9;
}

#toppix {
	height:150px; 
	margin-bottom:5px;
}

#navi {
	height:48px; 
	margin-bottom:5px; 
	background:white;
}

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

#navi ul li {
	float:left;
}

#navi ul li a {
	display:block; 
	width:116px; 
	margin-right:5px; 
	height:38px; 
	background:url(../gfx/bg_navi.png) no-repeat; 
	font-weight:bold; 
	text-decoration:none; 
	font-style:italic; 
	font-size:18px; 
	padding:10px 0 0 9px;
}

#navi ul li.active a span {
	color:black; 
	opacity:1.0;
}

#navi ul li a span {
	color:white; 
	opacity:0.6;
}

#navi ul li a:hover span {
	color:white; 
	opacity:1.0;
}

#navi ul li.last a {
	margin-right:0px;
}

#navi ul li a.wet {
	background-position:0px -192px;
}

#navi ul li a.swim {
	background-position:0px -144px;
}

#navi ul li a.race {
	background-position:0px -96px;
}

#navi ul li a.fun {
	background-position:0px -48px;
}

#navi ul li a.free {
	background-position:0px 0px;
}

#navi ul li.active a.sup {
	position: absolute;
	left: 520px;
}

#content {
	background:white; 
	padding:15px 3px 15px 15px;
}

#content h1, #content h3 {
	color:#008ac9; 
	margin:0px; 
	font-size: 14px;
	margin-bottom: 10px !important;
}

#teaser	 {
	float:right; 
	width:290px;
}

span.clear {
	clear:right;
}

ul.pr_list {
	margin:0px; 
	padding:0px; 
	list-style-type:none;
}

ul.pr_list li {
	float:left; 
	width:90px; 
	height:185px; 
	margin:10px 9px;
}

ul.pr_list li a	{
	border:1px solid white;
}

ul.pr_list li a:hover {
	border:1px solid #008ac9;
}

#content a.link	 {
	font-size:14px; 
	font-weight:bold; 
	color:#008ac9; 
	text-decoration:none; 
	background:url(../gfx/bg_link.png) no-repeat right 50%; 
	padding-right:30px;
}

#content a.link:hover {
	text-decoration:underline;
}

#breadcrumb	{
	margin-bottom:10px;
}

#breadcrumb a {
	color:black; 
	text-decoration:none;
}

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

#pr_wrapper {
	margin-top:10px;
}
					
#pr_infos {
	width:180px;
	float:right;
}

#pr_infos div {
	margin-bottom:10px;
}

#pr_image {
	width:408px; 
	margin-left:44px; 
	text-align:center;
}

#pr_icons {
	width:44px; 
	float:left;
}

#pr_icons img {
	margin-bottom:5px;
}

h4 {
	background:#dddddd; 
	color:#333333; 
	padding:3px 10px; 
	width:600px;
}

.pr_descr {
	padding: 10px 10px; 
	width:600px;
}

.pr_descr p {
	margin-top:0px;
}

a.backlink {
	text-decoration:none; 
	color:black; background:url(../gfx/bg_backlink.png) no-repeat 0px 50%; 
	padding-left:15px;
}

a.backlink:hover {
	text-decoration:underline;
}

a.function			{
	font-weight:bold; 
	color:black; 
	text-decoration:none; 
	padding:6px 0 0 5px;
}

a.function:hover {
	color:#888; 
	text-decoration:underline;
}

.pr_table td {
	border-bottom:1px solid black; 
	padding:3px 0px;
}

#subnav {
	text-align:center; 
	color:white; 
	padding:10px 0;
}

#subnav a {
	text-decoration:none; 
	color:white;
}

#subnav a:hover {
	color:#008ac9;
}

#prodnav {
	position:absolute; 
	left:-11px;
	width:200px;
	text-align:right; 
	color:white; 
	padding-top:238px; 
	font-size:14px; 
	font-weight:bold;
}

#prodnav ul {
	margin:20px 0 0 0; 
	padding:0px; 
	list-style-type:none; 
	font-size:12px; 
	font-weight:normal;
}

#prodnav ul ul {
	margin:5px 0 0 0;
}

#prodnav ul ul li a {
	background:url(../gfx/bg_prod_ul.png) no-repeat !important; 
	font-weight:normal;
}

#prodnav ul li {
	margin-bottom:5px;
}

#prodnav ul li a {
	display:block; 
	text-decoration:none; 
	padding:3px 5px 3px 0; 
	font-weight:bold; 
	color:white;
}

#prodnav ul li a.active	{
	color:black;
}

#prodnav ul li a:hover	{
	background:white !important; 
	color:black;
}

#prodnav ul li.wet a {
	background:#008ac9;
}

#prodnav ul li.wet ul li a	{
	background-position:0px 0px;
}

#prodnav ul li.wet ul li a.active	{
	background:#008ac9 !important; 
	color:white; 
	font-weight:bold;
}

#prodnav ul li.swim a {
	background:#96BDEB;
}

#prodnav ul li.swim ul li a	{
	background-position:0px -22px;
}

#prodnav ul li.swim ul li a.active	{
	background:#96BDEB !important; 
	color:white; 
	font-weight:bold;
}

#prodnav ul li.race a {
	background:#1CBBEA;
}

#prodnav ul li.race ul li a	{
	background-position:0px -44px;
}

#prodnav ul li.race ul li a.active	{
	background:#1CBBEA !important; 
	color:white; 
	font-weight:bold;
}

#prodnav ul li.fun a {
	background:#71CEDA;
}

#prodnav ul li.fun ul li a	{
	background-position:0px -66px;
}

#prodnav ul li.fun ul li a.active {
	background:#71CEDA !important; 
	color:white; 
	font-weight:bold;
}

#prodnav ul li.free a {
	background:#096D8B;
}

#prodnav ul li.free ul li a	{
	background-position:0px -88px;
}

#prodnav ul li.free ul li a.active	{
	background:#096D8B !important; 
	color:white; 
	font-weight:bold;
}

#prodnav ul li.needs a {
	background: #008ac9;
}

#prodnav ul li.needs ul li a {
	background-position: 0px 0px;
}

#prodnav ul li.needs ul li a.active,
#prodnav ul li.distribution a.active {
	background: #008ac9 !important;
	color: white;
	font-weight: bold;
}

#prodnav ul li.sup a,
#prodnav ul li.sup a.active {
	background: #096d8b !important;
	color: white;
	font-weight: bold;
}

#prodnav ul li.sup ul li a:hover {
	background: white !important;
	color: black;
}


#prodnav ul li.distribution a {
	background:url(../gfx/bg_prod_ul.png) no-repeat !important; 
}
			
/* 2-Col FCE */

.col_wrap {
	padding: 5px;
}

.col1 {
	float: left;
	width: 48%;
	padding: 5px;
}

.col2 {
	float: left;
	width: 48%;
	padding: 5px;
}

/* Products 3-Col FCE */

.prod_col_wrap {
	padding: 5px;
}

.prod_col1 {
	float: left;
	width: 20%;
	padding: 5px;
	margin-top: 10px;
}

.prod_col2 {
	float: left;
	width: 20%;
	padding: 5px;
	margin-top: 10px;
}

.prod_col3 {
	float: right;
	margin-right: 0px;
	width: 30%;
	padding: 5px;
	margin-top: 10px;
}

.prod_col3 .csc-textpic-imagerow {
	display: inline;
}


/* Content */

/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 2px solid black;
	padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }

/* Formhandler */

.Tx-Formhandler label {
	float: left;
	width: 200px;
}

.Tx-Formhandler input {
	width: 200px;
}

.Tx-Formhandler input#reset,
.Tx-Formhandler input#submit {
	width: 100px;
}

.Tx-Formhandler input#senddocumentation,
.Tx-Formhandler input#meeting,
.Tx-Formhandler input#callback {
	float: left;
	width: 15px;
	margin-right: 10px;
	margin-left: -3px;
}

.Tx-Formhandler .error,
.Tx-Formhandler .error-message {
	color: red;
	font-weight: bold;
}

.Tx-Formhandler .error-message li {
	list-style-type: none;
	display: none;
}

.Tx-Formhandler textarea {
	margin-left: 200px;
	width: 350px;
	height: 100px;
}

.Tx-Formhandler .tx_mailformplus_submit {
	padding-left: 200px;
}

/* tt_news */

.news-latest-item h2 {
	color: white;
	font-size: 12px; 
	text-transform:uppercase;
}

.news-single-item .news-single-head .news-single-timedata {
	float: left;
	padding-right: 10px !important;
}

.news-single-item .news-single-head h3 {
	float: left;
	/*margin-top: -2px !important;*/
}

.news-single-image {
	width: 200px !important;
}

.news-single-item IMG {
	float: left;
	padding-right: 15px;
	margin-bottom: 10px;
}

.news-single-content {
	float: left;
	padding-right: 10px;
}

.news-list-item {
	margin-bottom: 10px;
}

.news-list-item IMG {
	margin-bottom: 10px;
	float: left;
	padding-right: 15px;
}

.news-list-content p {
	float: left;
}

.news-list-morelink a {
	padding-left: 10px;
}

/* ow_sailfishproducts */

.tx-owsailfishproducts-pi1 td.labeltext {
	padding-right: 10px;
}

.tx-owsailfishproducts-pi1 a {
	font-weight:bold; 
	color:black; 
	text-decoration:none; 
	padding:6px 0 0 5px;
}

.tx-owsailfishproducts-pi1 a:hover {
	color:#888; 
	text-decoration:underline;
}

.tx-owsailfishproducts-pi1 #products-top {
	margin-bottom: 10px;
}

.tx-owsailfishproducts-pi1 .printicon {
	float: right;
	margin-right: 55px;
	margin-top: -20px;
}

.tx-owsailfishproducts-pi1 .lupe {
	position: relative;
	top: 260px;
	left: 370px;
}

#content .contentinner p { 
	padding-left: 30px !important;
	padding-right: 30px;
}

#content .contentinner ol {
	margin-left: 2.5em;
	padding-right: 20px;
}

#content .col1 p {
	margin-bottom: 10px;
}

#content a {
	color: #008ac9;
	text-decoration: none;
}

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

/* Indexed_search */

.tx-indexedsearch .tx-indexedsearch-browsebox {
	margin-bottom: 20px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox LI { 
	margin: 0 !important; 
	padding: 0 !important; 
	display:inline; 
	margin-right:5px !important; 
	background: none !important;
}