@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/OpenSans-CondLight.eot');
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/OpenSans-CondLight.woff) format('woff');
}
@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/FrancoisOne-Regular.eot');
  src: local('Francois One Regular'), local('FrancoisOne-Regular'), url('../fonts/FrancoisOne-Regular.woff') format('woff');
}


body {
	font: 12px/1.5 Helvetica, Arial, sans-serif;
	color: #79b0b0;
	background: #606165;
}


a {
	color: #1CA6E7;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

.nummer
{
	display:block;
	padding:10px;
	background:#fff;
	position:absolute;
	top:0px;
	left:50%;
	font-size:20px;
	color:#000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans Condensed", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
}
img.left {
	float: left;
	margin: 0 15px 0 0;
}
img.right {
	float: right;
	margin: 0 0 0 15px;
}
.dataTable {
	border: 2px solid #699;
	line-height: 1.2;
}
.dataTable th {
	padding: 5px;
	background: #424348;
	text-align: center;
	border: 1px solid #699;
	font-weight: bolder;
	color: #ccc;
	vertical-align: middle;
}
.dataTable td {
	padding: 5px;
	border: 1px solid #424348;
}
tr.odd td {
	background-color: #282828;
}
ul.normal, ol.normal {
	margin-left: 2em;
	list-style: inside;
}
.container { width: 960px; margin: 0 auto; padding: 0; }

#header {
	background: #151d40 url(../img/head-bg.png) repeat-x;
	height: 102px;
	position:relative;
}


#header .container {
	/*background: transparent url(../img/head-eu.png) no-repeat 100% 0;*/
	height: 102px;
	position: relative;
}

#telefon
{
	display:block;
	position:absolute;
	right:10px;
	top:8px;
	color:#fff;
	text-align:center;
	line-height:1.6em;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}

#telefon span
{
	display:block;
	font-size:20px;
	margin:0px !important;
	padding:0px !important;
	font-weight:bold;
}

#telefon p
{margin:0px !important;}

#telefon  a
{text-decoration:underline;}

#telefon  a:hover
{
	color:#fff;
}



#language {
	position: absolute;
	right: 0;
	top: 38px;
}
#language ul {
	position: relative;
}
#language li {
	display: block;
	float: left;
	margin-left: 8px;
}
#language li a, #language li a:hover {
	display: block;
	width:28px;
	height: 14px;
	text-indent: -999em;
}
#language li a#lan-en {
	background: transparent url(../img/lan-en.gif) no-repeat;
}
#language li a#lan-fr {
	background: transparent url(../img/lan-fr.gif) no-repeat;
}
#language li a#lan-ge {
	background: transparent url(../img/lan-ge.gif) no-repeat;
}
#language li a#lan-sp {
	background: transparent url(../img/lan-sp.gif) no-repeat;
}
#language li a#lan-ho {
	background: transparent url(../img/lan-ho.gif) no-repeat;
}
#logo {
	display: block;
	width: 100px;
	height: 102px;
	position: absolute;
	top: 0;
	left: 0;
}
#logo a, #logo a:hover {
	display: block;
	width: 100px;
	height: 102px;
	text-indent: -999em;
	background: transparent url(../img/logo.gif) no-repeat;
}
#menu {
	position: absolute;
	left: 100px;
	top: 79px;
	width:100%;
	font-family:'Open Sans Condensed', sans-serif;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bolder;
}

#menu li {
	display: block;
	margin-left: 12px;
	background: transparent url(../img/ml.gif) no-repeat  0 0;
	padding-left: 14px;
	height: 25px;
	float: left;
	position: relative;
}
#menu li strong a,
#menu li strong span
{
	color: #dde7ea;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	cursor:pointer;
}
#menu li strong a:hover,
#menu li.active strong a,
#menu li strong span:hover
{
	color: #55C3F1;
	-webkit-transition:-webkit-transform 0.2s ease-out; -moz-transition:-moz-transform 0.2s ease-out; transition:transform 0.2s ease-out;
}

#menu li ul {
	display: none;
	position: absolute;
	top: 23px;
	left: 0;
	margin: 0;
	padding: 0 0 15px 0;
	background: #282828;
	background: rgba(40, 40, 40, 0.85);
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	width: 150px;
	z-index: 999;
}
#menu li.active ul {
	display: block;
}
#menu li ul li {
	display: block;
	float: left;
	background: none;
	margin: 0 ;
	padding: 0;
	line-height: 1.5;
	position: relative;
}
#menu li ul li a{
	color: #55C3F1;
	padding: 5px 5px 5px 18px;
	display: block;
	width: 127px;
	border-bottom: 1px solid #424348;
}
#menu li ul li a:hover {
	color: #fff;
	background: #1b1b1b;
}
.topBanner {
	width: 100%;
	text-align: center;
	clear: both;
	line-height: 1;
}
.topBanner .bannerImg {
	margin: 0 auto;
}
.plusSlider {
	position: relative;
}
.plusSlider .arrow {
	display: none;
}
.plusSlider .child {
	display: none;
	position: absolute;
	top: 0;
}


#bannerSlider {
	height: 300px;
	width: 100%;
}
#mainBody {
	background: #606165 url(../img/bodytop-bg.jpg) no-repeat 50% 0;
	min-height: 300px;
	padding-top: 45px;
}
#intro {
	width: 210px;
	float: left;
	margin-right: 30px;
}
#intro h1 {
	line-height: 1;
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
}
#intro p {
	line-height: 1.3;
}
a.spasBtn {
	line-height: 1;
	display: block;
	width: 132px;
	height: 33px;
	overflow: hidden;
	text-indent: -999em;
	background: transparent url(../img/more-spas-btn.gif) no-repeat;
}
a.spasBtn:hover {
	background-position: 0 -33px;
}

#newSpasGallery {
	width: 720px;
	height: 180px;
	float: left;
	position: relative;
}
#newSpasGallery .newSpasList {
	display: block;
	width: 660px;
	height: 180px;
	overflow: auto;
	position: absolute;
	left: 30px;
}
#newSpasGallery .newSpasList ul{
	width: 1999px;
	height: 180px;
	margin: 10px 0;
	position: absolute;
	left: 0;
}
.newSpasList li {
	display: block;
	float: left;
	padding: 0 15px;
	text-align: center;
	font-size: smaller;
}
.newSpasList li img {
	display: block;
	width: 135px;
	height: 135px;
	margin-bottom: 10px;
	-moz-opacity: 0.8; 
	-webkit-opacity: 0.8;
	opacity:0.8;
	-webkit-transition:-webkit-transform 0.2s ease-out; 
	-moz-transition:-moz-transform 0.2s ease-out; 
	transition:transform 0.2s ease-out;

}
.newSpasList li a:hover img {
	position: relative;
	z-index: 10;
	-webkit-transform: scale(1.14);
	-moz-transform: scale(1.14);
	-moz-opacity: 1; 
	-webkit-opacity: 1;
	opacity:1;
}
.newSpasList li a span {
	color: #79b0b0;
	display: none;
}
.newSpasList li a:hover span {
	color: #fff;
	display: block;
}
a.carrow {
	display: block;
	line-height: 1;
	width: 20px;
	height: 38px;
	background: transparent url(../img/arror-b.png) no-repeat;
	text-indent: -999em;
}
a.carrow.back {	background-position: 0 0;}
a.carrow.back:hover {background-position: 0 -38px;}
a.carrow.forward {background-position: -20px 0;}
a.carrow.forward:hover {background-position: -20px -38px;}
#newSpasGallery a.carrow {position: absolute;top: 50px;}
#newSpasGallery a.carrow.back {	left: 0;}
#newSpasGallery a.carrow.forward {	right: 0;}
.block {margin-bottom: 15px;}



.catbox
{
	display:block;
	float:left;
	width:310px;
	margin:15px 15px 0px 0;
	height:150px;
	background:#9C9C9D;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	position:relative;
	overflow:hidden;
}

.catbox:hover
{
	-webkit-box-shadow: 0px 0px 10px 0px #000000;
	box-shadow: 0px 0px 10px 0px #000000;
}


.catbox.catbox1
{background:url(../img/cats/cat1.jpg) top left no-repeat;}

.catbox.catbox2
{background:url(../img/cats/cat2.jpg) top left no-repeat;}

.catbox.catbox3
{background:url(../img/cats/cat3.jpg) top left no-repeat;}

.catbox.catbox4
{background:url(../img/cats/cat4.jpg) top left no-repeat;}

.catbox.catbox5
{background:url(../img/cats/cat5.jpg) top left no-repeat;}

.catbox.catbox6
{background:url(../img/cats/cat6.jpg) top left no-repeat;}


.catbox span.catname
{
	display:block;
	background:#fff;
	color:#1B7CAB;
	font-size:18px;
	padding:7px 0 5px 15px;
	display:block;
	width:295px;
	position:absolute;
	bottom:15px;
	line-height:18px;
	-webkit-box-shadow: 0px 0px 2px 0px #000000;
	box-shadow: 0px 0px 2px 0px #000000;
}

.catbox span.catname span
{
	margin:0px;
	display:block;
	font-size:12px;
	color:#212121;
}



.catbox .last
{
	margin-right:0px;
}



.roundbox {	width: 960px; }
.roundbox .roundboxTop {
	display: block;
	width: 960px;
	height: 20px;
	background: transparent url(../img/bbody-top.png) no-repeat;
}
.roundboxBody {
	padding: 0 30px 30px 30px;
	background: #2c2c2c url(../img/bbody-bot.jpg) no-repeat 0 100%;
	min-height: 300px;
}
#homeFeaturesList h2 {
	display: block;
	line-height: 1;
	width: 335px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 15px;
}
#homeFeaturesList h2 a {
	display: block;
	width: 335px;
	height: 52px;
	background: transparent url(../img/spas-difference_title.gif) no-repeat;
	text-indent: -999em;
}
#homeFeaturesList h3 {
	text-align:center;
	font-weight: bolder;
	margin-bottom: 30px;
}
#homeFeaturesList h3  a {
	color: #fff;
}
.featuresList li {
	display: block;
	float: left;
	width: 430px;
	min-height: 120px;
overflow:hidden;
	margin: 0px 20px 20px 0;
}

.featuresList .featuresImg {
	display: block;
	float: left;
	margin: 0 15px 0 0;
}
.featuresList h5 {
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 8px;
	color: #1ca6e7;
}
.featuresList h5 a {
	color: #1ca6e7;
}
.featuresList h5 a:hover {
	color: #fff;
}

.featuresList .featurebox{
	display:block;
width:280px;
float:left;
}

.featuresList p{
	line-height: 1.3;
	margin-bottom: 0;
}


#mainBody{margin-bottom: 30px;}
#footer {
	background: #424348 url(../img/footer-bg.jpg) no-repeat 50% 0;
	min-height: 300px;
}
#footer .container {
	padding: 130px 0 30px 0;
	font-size: 11px;
	line-height: 1.3;
}
#footer a {
	color: #79b0b0;
}
#footer a:hover {
	color: #ccc;
}
.copyright {
	color: #ccc;
}
#copyrightInfo {
	width: 300px;
	float: left;
	margin-right: 15px;
}
#footerNav {
	float: left;
}
#footerNav li {
	display: block;
	width: 114px;
	float: left;
	margin-right: 15px;
}
#footerNav li dt {
	font-weight: bolder;
	border-bottom: 1px solid #699;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: -1px;
	background: transparent url(../img/scarrow-d.gif) no-repeat right center;
	color: #ccc;
}
#footerNav li dd {
	line-height: 1.2;
}
#footerNav li dt a {
	color: #ccc;
}
#footerNav li dt a:hover {
	color: #fff;
}

.pageTitle {text-align: center;margin-top: -20px;margin-bottom: 20px;}
.pageTitle h1 {
	font-size: 32px;
	font-family: 'Francois One', sans-serif;
	line-height: 1;
	font-weight: normal;
	text-transform: uppercase;
	color: #ccc;
	margin: 0;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}
.pageTitle em {
	text-transform: capitalize;
	color: #1ca6e7;
	font-size: smaller;
}
.breaNav {
	font-family: "Open Sans Condensed", sans-serif;
	text-transform: uppercase;
	display: block;
	text-align: left;
	color: #699;
	font-weight: bolder;
	clear: both;
}
.pageTitle p.breaNav {
	font-size: 14px;
	text-align: center;
}
#spasHeader .breaNav, #swimHeader .breaNav {
	font-size: 11px;
}
#swimHeader {
	margin-top: -30px;
}
#swimHeader .breaNav {
	text-align: right;
}
.breaNav a {
	color: #699;
}
.breaNav a:hover {
	color: #ccc;
}
.breadcrumb-separator {
	color: #606165;
	padding-left: 5px;
	padding-right: 5px;
}
.spasShowcaseList li {
	display: block;
	padding: 0 10px;
	width: 205px;
	margin: 0 0 30px 0;
	float: left;
	text-align: center;
}
.spasShowcaseList li img {
	display: block;
	height: 180px;
	width: 180px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.spasShowcaseList  strong, .swimSpasList  strong {
	font-size: 16px;
	color: #FFF;
}

.spasShowcaseList span.personen
{
	display:block;
	color:#fff;
}


span.preis
{
	display:block;
	color:#fff;
font-size:1.4em;
border-top:1px dashed #4D4E52;
margin:7px 0 0 0;
padding:7px 0 0 0;
}

span.tax
{color:#7E7E7E;}


.abb-hinweis
{display:block;
text-align:center;
color:#fff;
font-size:1.2em;}


.swimSpasList li {
	width: 205px;
	height: 450px;
	padding: 0 10px;
	margin: 0 0 30px 0;
	text-align: center;
	float: left;
	font-weight: bolder;
}
.swimSpasList li img{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
#spasHeader {
	position: relative;
	z-index: 10;
	bottom: -60px;
	margin-top: -60px;
}
#spasIntro {
	width: 525px;
	float: left;
	margin-right:30px;
	color: #ccc;
}
#spasIntro h2 {
	font-family: 'Francois One', sans-serif;
	font-weight: normal;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.8);
}

#spasIntro h5 {
	color: #fff;
	font-weight: bolder;
	line-height: 1.2;
}

.spasTxt {
	line-height: 1.3;
}
#spsBigImg {
	width: 405px;
	float: left;
	text-align: center;
	background: transparent url(../img/spas-shadow.jpg) no-repeat center bottom;
	
}
#spaSize {
	font-size: 12px;
	font-weight: bolder;
	color: #79b0b0;
	padding-top:8px;
}
#spsBigImg img {
	display: block;
	margin: 0 auto;
}
#spasGallery {
	width: 460px;
	height: 70px;
	position: relative;
}
#spasGallery .spasGalleryList {
	display: block;
	width: 460px;
	height: 70px;
	overflow: auto;
	position: absolute;
	left: 0;
}
#spasGallery .spasGalleryList ul {
	height: 70px;
	margin: 0;
	position: absolute;
	left: 0;
}
.spasGalleryList li{
	display: block;
	width: 105px;
	height: 70px;
	/*background: transparent url(../img/ajaxLoad.gif) no-repeat 50% 50%; */
	float:left;
	padding-right: 10px;
}
.spasGalleryList li img {
	display: block;
	width: 100px;
	height: 65px;
	border: 2px solid #ccc;
}
.spasGalleryList li a:hover img {
	border-color: #fff; 
} 
#spasGallery a.carrow {position: absolute;top: 15px;}
#spasGallery a.carrow.back {left: -25px;}
#spasGallery a.carrow.forward {	right: -20px;}

#spasShowBody .roundboxBody {
	padding-top: 30px;
}


#spasShowBody .pricebox,
#swimShowBody .pricebox
{float:right;
display:block;
width:218px;
}

#swimShowBody .pricebox
{
width:auto;
}


#spasShowBody .pricebox p,
#swimShowBody .pricebox p
{margin:0px !important;
display:block;
}

#spasShowBody .pricebox p.tax,
#swimShowBody .pricebox p.tax
{font-size:14px;
color:#7E7E7E;
line-height:1em;
padding:0 0 5px 0;
}


.spasCertifiedBox {
	width: 220px;
	height: 90px;
	float: left;
	margin-right: 20px;
}
.spasOptionsIcon li {
	display: block;
	width: 73px;
	float: left;
	line-height: 1;
	text-align: center;
	font-size:10px;
	color: #fff;
}
.spasOptionsIcon li span {
	display: block;
	width: 60px;
	height:60px;
	margin: 0 auto;
	text-indent: -999em;
	background: transparent url(../img/spas-options_icon.png) no-repeat 0 0;
	overflow: hidden;
	margin-bottom: 5px;
}
.spasOptionsIcon li span.Icon-Seating {background-position: -30px 0; }
.spasOptionsIcon li span.Icon-Lounge {background-position: -120px 0; }
.spasOptionsIcon li span.Icon-Jets {background-position: -210px 0; }
.spasOptionsIcon li span.Icon-Weight {background-position: -300px 0; }
.spasOptionsIcon li span.Icon-Dimension {background-position: -390px 0; }
.spasOptionsIcon li span.Icon-Barrier {background-position: -480px 0; }
.spasOptionsIcon li span.Icon-Ozone {background-position: -570px 0; }
.spasOptionsIcon li span.Icon-Digital {background-position: -660px 0; }
.spasOptionsIcon li span.Icon-LED {background-position: -750px 0; }


.colSide {
	width: 220px;
	float: left;
	margin-right: 20px;
}
.colContent {
	width: 660px;
	float: left;
}
.swimColContent {
	width: 605px;
	float: left;
}
.colSide h5, .swimColSide h5 {
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 3px;
	border-bottom: 1px solid #424348;
	margin-bottom: 15px;
	line-height: 1.3;
}
.sideItemList li{
	display: block;
	width: 63px;
	height:85px;
	padding-right:10px;
	float: left;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 10px;
	line-height: 1;
}
.sideItemList li img {
	display: block;
	margin-bottom: 5px;
	width: 63px;
	height: 63px;
	
}

.pdfDownloadLink a {
	display: block;
	height: 35px;
	background: transparent url(../img/pdf-icon.gif) no-repeat 0 0;
	padding: 10px 0 0 40px;
	line-height: 1.2;
	font-size: 10px;
}

.spasTable {
	border: none;
	width: 100%;
	border-top:2px solid #606165;
	line-height: 1.2;
}
.spasTable thead tr th {
	font-weight: bolder;
	background: #1B1B1B;
	color: #ccc;
	padding: 5px 0;
	text-align: left;
}
.spasTable tbody th {
	text-align: left;
	font-weight: bolder;
	border-bottom: 1px solid #424348;
	padding: 5px 0;
}
.spasTable tbody td {
	border-bottom: 1px solid #424348;
	padding: 5px 0;
}
.spasTable tbody tr.odd th, .spasTable tbody tr.odd td {
	background-color: #282828;
}
.spasTable tbody tr:hover th, .spasTable tbody tr:hover td {
	background-color: #222;
}
.spasTable tr strong {
	color: #fff;
}
.colHeader {
	background: transparent url(../img/hline.jpg) no-repeat center bottom;
	padding-bottom: 11px;
	margin-bottom: 11px; 
	line-height: 1;
}
.colHeader ul {
	margin-left: 150px;
}
.colHeader li {
	display: block;
	float: left;
	margin-right: 1px;
}
.colHeader li a {
	display: block;
	float: left;
	width: 150px;
	height: 40px;
	background: transparent url(../img/tabnav-bg.gif) no-repeat -150px 0;
	overflow: hidden;
	font-family: "Open Sans Condensed", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	color: #699;
	line-height: 30px;
}
.colHeader li a.current {
	background-position: 0 0;
	color: #fff;
}
.colHeader li a:hover, .colHeader li a.current:hover {
	color: #fff;
}
.sideZoom {
	display: block;
	width: 15px;
	height:15px;
}
.sideZoom a {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -999em;
	background: transparent url(../img/zoom-icon.gif) no-repeat 0 0;
}
.sideZoom a:hover {
	background-position: 0 -15px;
}
.colSide .sideZoom {
	float: right;
	margin: -33px 0 0 0;
}

.featuresBoxList li {
	display: block;
	width: 900px;
	border-bottom: 1px solid #424348;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.featuresImg {
	width: 225px;
	float: left;
	margin-right: 15px;
}
.featuresInfo {
	float: left;
	width: 660px;
}

.halfBoxList li {
	display: block;
	width: 430px;
	padding-right:20px;
	float: left;
}
.halfBoxList li p {
	line-height: 1.2;
}
#warrantyList.halfBoxList li {
	height: 120px;
}
#warrantyList.halfBoxList li img.left {
	padding: 5px 0;
}
.optionsList li {
	display: block;
	width: 150px;
	height: 200px;
	float: left;
	text-align: center;
	line-height: 1.2;
	margin: 0 30px 0 0;
}
.optionsList li img {
	display: block;
	width: 150px;
	height: 150px;
	margin-bottom: 5px;
}
.colorOptionsList li {
	display: block;
	width: 96px;
	height: 135px;
	text-align: center;
	float: left;
	margin: 0 20px 0 0;
	line-height: 1.2;
}
.colorOptionsList li img {
	display: block;
	border: 3px solid #424348;
}
.colorOptionsList li:hover img, .colorOptionsList li a:hover img, .colorOptionsList li a.slected img {
	border-color: #699;
}
.colorOptionsList li a.slected {
	color: #fff;
}
#gotopBtn {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto;
	margin-top: -32px;
}
#gotopBtn a {
	display: block;
	width: 34px;
	height: 34px;
	text-indent: -999em;
	background: transparent url(../img/gotop.png) no-repeat;
}
 #gotopBtn a:hover {
 	background-position: 0 -34px;
 }
 .featuresBox li {
 	display: block;
	width: 200px;
	height: 180px;
	text-align: center;
	float: left;
	margin: 0 25px 0 0;
 }
 .seriesBoxList {
 	text-align: center;
 }
 .seriesBox {
 	width: 290px;
	height: 400px;
	float: left;
	margin: 0 5px 25px 5px;
	overflow: hidden;
 }
.last {
 	margin-right: 0 !important;
 }
 
.seriesBox p {
	padding: 0 15px;
	margin: 0;
}
.seriesBox  h3{
	margin: 0; padding: 0;
	line-height: 1;
}
.seriesBox  h3 a {
	display: block;
	width: 290px;
	height: 400px;
	line-height: 1;
	text-indent: -999em;
}

 #platinum-series h3 a{
 	background: transparent url(../img/platinum-box.jpg) no-repeat;
 }
 #oasis-series h3 a{
 	background: transparent url(../img/oasis-box.jpg) no-repeat;
 }
 #daydream-series h3 a{
 	background: transparent url(../img/daydream-box.jpg) no-repeat;
 }
 #OceanDream1-series h3 a {
 	background: transparent url(../img/ocean-dream01-box.jpg) no-repeat;
 }
 #OceanDream2-series h3 a {
 	background: transparent url(../img/ocean-dream02-box.jpg) no-repeat;
 }
 .swimColContent .colHeader ul {
 	margin-left: 0;
 }
 .optionSmallList li {
 	width: 70px;
	height: 85px;
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
 }
 .optionSmallList li img {
 	display: block;
	width: 65px;
	height: 65px;
	border: 2px solid #ccc;
 }
.swimColSide {
 	width: 265px;
	float: right;
 }
 #exhibitionBox {
 	font-size: 16px;
	text-align: center;
 }
 #exhibitionBox a {
 	color: #fff;
	font-weight: bolder;
	text-decoration: underline;
 }
 #exhibitionBox a:hover {
 	color: #ccc;
 }
 #exhibitionBox strong {
 	text-transform: uppercase;
	color: Yellow;
 }
 .newsTitle {
 	font-size:16px;
	font-weight: bolder;
	line-height: 1; 
 }
 .newsTag {
 	font-size: 10px;
	font-weight: bolder;
	color: #606165;
	display: block;
	margin-bottom: 8px;
 }
 #lastNews {
 	width: 210px;
	height: 150px;
 }
 #lastNews a {
 	color: #fff;
 }
 #lastNews a:hover {
 	color: #55c3f1;
 }
 #lastNews h4 {
 	font-weight: bolder;
	line-height: 1;
	margin-bottom: 8px;
 }

.lastNews .plusSlider-controls a {
	display: block;
	float: left;
	margin-right: 2px;
	line-height: 1;
	width: 20px;
	border-bottom: 4px solid #699;
	height: 1px;
	text-indent: -999em;
}
.lastNews .plusSlider-controls a:hover, .lastNews .plusSlider-controls a.current {
	border-bottom: 4px solid #ccc;
}


.bannerSlider .plusSlider-controls-wrapper {
	position: absolute;
	display: block;
	width: 960px;
	height: 25px;
	margin-left: -480px;
	left: 50%;
	bottom: 2px;
	z-index: 200;
}
.bannerSlider .plusSlider-controls {
	float: right;
}
.bannerSlider .plusSlider-controls a {
	display: block;
	float: left;
	margin-left: 1px;
	padding: 5px;
	font-size: 11px;
	width: 12px;
	height: 12px;
	background: #008CBB;
	color: #fff;
}
.bannerSlider .plusSlider-controls a:hover, .bannerSlider .plusSlider-controls a.current {
	background: #55c3f1;
	font-weight: 800;
}
.bannerSlider .arrow {
	display: none!important;
	position: absolute;
	top: 131px;
	line-height: 1;
	width: 20px;
	height: 38px;
	background:	transparent url(../img/arror-b.png) no-repeat;
	text-indent: -999em;
	z-index: 200;
}
.bannerSlider .arrow.prev {
	left: 2em;
}
.bannerSlider .arrow.next{
	right: 2em;
	background-position: -20px 0;
}
.bannerSlider .prev:hover {
	left: 1.9em;
	background-position: 0 -38px;
}
.bannerSlider .next:hover {
	right: 1.9em;
	background-position: -20px -38px;
}


.coTitle {
	margin-bottom: 1em;
	color: #fff;
	text-align:center;
}
.coTitle strong {
	color: #55c3f1;
}
.colorListArea {
	width: 380px;
	float: left;
}
.colorViewArea {
	width: 500px;
	float:right;
	height: 410px;
}
.colorViewArea div {
	display: block;
	position: relative;
}
.colorViewArea div img {
	position: absolute;
	left: 0;
	top:0;
}


/*********************************************/
/**************Kontakt Formular***************/
/*********************************************/

#kontaktformular
{
	display:block;
	margin:20px auto 20px auto;
}


.errorbox,.thankyoubox
{
	border:2px solid #ff0000;
	padding:10px;
	width:363px;
}


.thankyoubox
{
	border:2px solid #4a8102;
	background:#e3f9c7;
}


.spendeerror
{
	color:#ff0000;
	font-weight:bold;
}

.errorbox p
{
	font-weight:bold;
}

.errorbox p,
.errorbox ul,
.thankyoubox p,
.thankyoubox ul
{
	margin:0px !important;
	color:#fff;
}


label
{
	float:left;
	display:block;
	width:160px;
	margin:3px 0px 0 0;
}


fieldset
{
	border:1px solid #cecece;
	margin:0 0 20px 0 ;
	padding:15px;
}

legend
{
	background:#cecece;
	padding:3px 5px 3px 5px;
	color:#000;
}

.formfeld,
.formfelderror,
.formfeldmessage,
.formfeldmessageerror,
#kontaktformular select
{
	display:block;
	width:220px;
	border:1px solid #B7C2C4;
	padding:2px;
	background:#F5F5F5;
	font-size:1em;
	margin:0 0 0px 0px !important;
}

#form_spende1,#form_spende1
{
	display:block;
	float:left;
}


#captcha
{
	float:left;
}

#form_bot
{
	width:190px !important;
	float:left;
	font-size:1.3em;
	height:21px;
	margin:0 0 0 10px !important;
}



select
{
	width:227px !important;
}

.formfelderror,.formfeldmessageerror
{
	border:1px solid #ff0000;
}


.formfeldmessage,.formfeldmessageerror
{
	width:300px;
	font-size:1.1em;
	font-family:arial;
}

.buttonnormal
{
background:#00a695;
color:#fff;
border:0px;
padding:4px;
width:205px;
position:relative;
left:260px;
top:20px;
cursor:pointer;
}

.rueckruf 
{
	display.block;
	width:230px;
	padding:10px;
}

.rueckruf .rueck_feld,
.rueckruf .rueck_felderror,
rueck_feldmessage,
.rueck_feldmessageerror
{margin:0 0 5px 0;line-height:20px !important; padding:5px !important; border:1px solid #cecece; background:#fff; width:200px; height:20px !important;}

.rueckruf .rueck_felderror,
.rueck_feldmessageerror
{
	background:#ff0000;
	color:#fff;
}

#hinweis
{
display:block;
background:url(../img/bg-hinweis.gif) no-repeat top left;
width:960px;
color:#fff;
font-size:25px;
height:40px;
line-height:40px;
text-align:center;
margin:14px 0 0 0;
overflow:hidden;
-webkit-border-radius: 7px;
	border-radius: 7px;
}