div.mobile
{
	/* used from javascript to detect if mobile stylesheet is loaded*/
	display: none;
	height:0;
}
body
{
  padding:0px;
  margin:0px;
  overflow-y: scroll;
}

div 
{ 
  font-family:Arial, sans-serif;
  font-size: 12px; 
  color: #333333;
  line-height: 1.5em
  border-style:none;
}

p
{
  font-family:Arial, sans-serif;
}

label.error
{
  font-family:Arial, sans-serif;
  font-size: 12px; 
  color: #ff0000;
  line-height: 1.5em
}

font.highlight
{
  font-family:Arial, sans-serif;
  font-size: 12px; 
  color: #000000;
  line-height: 1.5em
}

a
{
  font-family:Arial, sans-serif;
  font-size: 12px; 
  color: #00407c;
  text-decoration:none;
  border-style:none;  
}

table
{
  font-family:Arial,sans-serif;
  font-size: 12px; 
  color: #666666;
}


a:hover
{
  font-family:Arial,sans-serif;
  font-size: 12px; 
  color: #00407c;
  text-decoration:underline;
}

a.navi
{
  font-family:Arial,sans-serif;
  font-size: 13px; 
  color: #747475;
  text-decoration:none;
}

a.navi:hover
{
  font-family:Arial,sans-serif;
  font-size: 13px; 
  color: #747475;
  text-decoration:underline;
}

a.hidden_link
{
  font-family:Arial,sans-serif;
  font-size: 12px; 
  color: #333333;
  line-height: 1.5em;
  text-decoration:none;
}

img
{
  border-style:none;  
}


td.outer_frame
{
  width:583px;
}	

td.footer
{
  background-color:#abc6db;
}	

td.left_frame_border
{
  width:11px;
  border-color:#d2e1e9; 
  border-style:solid;
  border-left-width:1px;
  border-right-width:0px;
  border-top-width:0px;
  border-bottom-width:0px;
}

td.left_frame
{
  /*width:215px;*/
  width:225px;
  background:linear-gradient(transparent, #f2f3fa 80%);
}	

td.right_frame_border
{
  width:11px;
  border-color:#d2e1e9; 
  border-style:solid;
  border-left-width:0px;
  border-right-width:1px;
  border-top-width:0px;
  border-bottom-width:0px;
}

td.right_frame
{
  width:185px;
  background:linear-gradient(transparent, #f2f3fa 80%);
}	

td.footer_left
{
  background-color:#ededf9;
}

td.footer_right
{
  background-color:#f2f3fa;
}

div.inner_frame
{
  position:relative; 
  width:539px;
  left:-225px;
  top:0px;
}


div.content
{
  position:relative; 
  top:10px; 
  left:240px; 
  width:555px;
}

img.logo
{
  position:absolute; 
  top:10px; 
  left:60px; 
  width:266px;
  height:62px;
}

img.logo_mobile
{
  display: none;
}

div.logo
{
  background: url(../images/logo.gif);
  background-repeat: no-repeat;
  position:relative; 
  top:10px; 
  left:60px; 
  width:266px;
  height:62px;
}

img.signet
{
	position: absolute;
	top: -2px;
	left: 389px;
}

img.head_left
{
  position:absolute; 
  top:85px; 
  left:0px; 
}

div.head_right {
    position:absolute;
    top:85px;
    left:489px;
    width: 500px;
    height: 150px;
    background-color: #a2c0d6;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.head_right h2{
    color:#fff;
    font-family: Arial,sans-serif;
}
div.head_right p{
    color: #fff;
    font-family: Arial,sans-serif;
}
div.header_right-text{
    padding-left: 30px;
}

img.shade_left
{
  position:absolute; 
  top:235px; 
  left:0px; 
  width:226px;
  height:1750px;
  /* height:100%*/
}

div.shade_bottom_left
{
  position:absolute; 
  top:1200px; 
  left:0px; 
  width:226px;
  height:600px;
  background-color:#ededf9;
}

img.shade_right
{
  position:absolute; 
  top:235px; 
  left:806px; 
  width:182px;
  height:1750px;
}

div.shade_bottom_right
{
  position:absolute; 
  top:1200px; 
  left:806px; 
  width:182px;
  height:600px;
  background-color:#f2f3fa;
}


nav.navigation
{
  position:absolute; 
  top:266px; 
  left:12px; 
  width:198px;
  height:300px;
}

nav.navigation_mobile
{
  display: none;
}

img.button_topic
{
  position:static; 
}

div.button
{
  position:static; 
  width:194px;
  height:18px;
  left:4px;
  top:0px;
  border-color:#ffffff;
  border-style:solid;
  border-width:0px;
  border-bottom-width:1px;
  padding-left: 34px;
  padding-top: 3px;
}

a.impressum
{
  position:absolute; 
  left:857px;
  top:64px;
  font-family:Arial,sans-serif;
  font-size: 11px; 
  color: #666666;
}
a.datenschutz
{
  position:absolute; 
  left:916px;
  top:64px;
  font-family:Arial,sans-serif;
  font-size: 11px; 
  color: #666666;
}

p.infobox_head
{
  font-family:Arial,sans-serif;
  font-size: 11px; 
  color: #03427c;
}


p.infobox_right_top
{
	position: absolute;
	left: 806px;
	top: 261px;
    width: 35%;
}

p.infobox_right_kontakt {
    position: absolute;
    left: 806px;
    top: 320px;
    width: 35%;
    margin: 0;
}
p.infobox_right_kontakt a{
    color: black;
    text-decoration: none;
}


img.infobox_right_bottom
{
	position: absolute;
	left: 806px;
	top: 371px;
}

img.infobox_right_galerie
{
	position: absolute;
    left:806px;
	top: 435px;
}

img.infobox_right_galerie_swimspa
{
	position: absolute;
    left:806px;
	top: 595px;
}

img.infobox_right_angebot
{
  position:absolute; 
  left:806px;
  top:755px;
}

img.infobox_right_info
{
	position: absolute;
	left: 806px;
	top: 755px;
}
h1.headline{
    color: #877d38;
  border-bottom: none;
}


h2.headline2
{
	font-family: Arial,sans-serif;
	font-size: 18px;
	color: #004881;
	font-weight: bold;
	line-height: 1.2em;
}

h3.headline3
{
	font-family: Arial,sans-serif;
	font-size: 20px;
	color: #D80000;
	font-weight: bold;
}



h3.whirlpool_subtitle
{
  position:absolute; 
  top:255px; 	
  left:68px;
  font-family:Arial,sans-serif;
  font-size: 11px; 
  color: #333333;
}


img.whirlpool
{
  position:relative; 
  top:0px; 
  left:0px;
  width:250px;
/*  width:45%; */
}


img.whirlpool_wide
{
  position:relative; 
  top:0px; 
  left:0px;
  width:400px;
}


div.whirlpool_info
{
	position: absolute;
	top: 50px;
	left: 265px;
	font-family: Arial,sans-serif;
	font-size: 12px;
/*	
	color: #00427d;
	border-color: #ff0000;
	border-style: solid;
	border-width: 1px;
*/
}
div.whirlpool_info2
{
	position: absolute;
	top: 55px;
	left: 330px;
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #00427d;
}

div.swimspa_info
{
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #00427d;
}
div.swimspa_info p{
  font-family: Arial,sans-serif;
  font-size: 12px;
  color: #00427d;
}

img.wp_catalina_aussen_braun
{
  position:absolute; 
  top:186px; 
  left:269px;
}

div.wp_catalina_aussen_braun
{
  position:absolute; 
  top:240px; 
  left:269px;
  font-family:Arial,sans-serif;
  font-size: 10px; 
  color: #333333;
}

img.wp_catalina_aussen_grau
{
  position:absolute; 
  top:186px; 
  left:376px;
}

div.wp_catalina_aussen_grau
{
  position:absolute; 
  top:240px; 
  left:376px;
  font-family:Arial,sans-serif;
  font-size: 10px; 
  color: #333333;
}

td
{
  vertical-align:top;
}

td.headline_left
{
  height:19px;
  width:138px;
  background-image:url(../images/wp_tabelle_masse.gif);
  background-repeat:no-repeat;  
}

tr
{
  height:10px;
}

div.headline
{
  height:19px;
  width:556px;
}

/*
div.headline_border
{
	position: relative;
	top: 22px;
	left: 0px;
	height: 0px;
	width: 556px;
	border-color: #93b2ca;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 2px;
	z-index: -1;
	bottom: 1px;
}
*/

div.headline_border_bottom
{
  position:relative;
  top:500px;
  left:0px; 
  height:19px;
  width:556px;
  border-color:#93b2ca;
  border-style:solid;
  border-width:0px;
  border-bottom-width:2px;
}

.hid
{
  opacity:0.0;
  filter:'Alpha(opacity=0)';
}

.vis
{
  opacity:1.0;
  filter:'Alpha(opacity=100)';
}


div.spacer
{
	height:270px;
	width:100%;
}

div.spacer2
{
	height:180px;
	width:100%;
}

div.spacer3
{
	height:350px;
	width:100%;
}

div.spacer4
{
	height:450px;
	width:100%;
}

div.banner
{
	left:5px;
	height: 231px;
	width: 556px;
	color: #333333;
}

img.banner_left
{
	height: 231px;
	width:287px;
	float:left;
}

img.banner_right
{
	height: 231px;
	width:260px;
	float:left;
}

div.banner_space
{
	height:40px;
	width:100%;
}

img.banner
{
	position:relative;
	left:0px
}

.slicknav_menu {
	display:none;
}

img.whirlpool_beverly_hills1
{
	width:248px;
	height:248px
}

img.whirlpool_beverly_hills2
{
	width:305px;
	height:200px
}

td.whirlpool_table_left
{
	width:150px;
}

td.whirlpool_table
{
	width:280px;
}

img.whirlpool_table
{
}

tr.whirlpool_table
{
	height:330px;
	color:#333333;
}


table.kontakt
{
	width:400px;
}

td.kontakt
{
	width:180px;
}

textarea.kontakt
{
	width:365px;
	height:150px
}

img.galerie
{
	position:absolute;
	top:50px;
	left:0px;
}

div.arrow_left
{
  position:absolute; 
  height:400px;
  width:280px; 
  top:50px;
  left:0px;
  cursor:pointer;
  opacity:0.0;
  filter:'Alpha(opacity=0)';
/*
  background-color:ffffff;
  border-style:solid;
  border-color:#ff0000;
  border-width:1px;
*/
}

div.arrow_right
{
  position:absolute; 
  height:400px; 
  width:280px; 
  top:50px;
  left:281px;
  cursor:pointer;
  background-color:ffffff;
  opacity:0.0;
  filter:'Alpha(opacity=0)';
/*
  border-style:solid;
  border-color:#00ff00;
  border-width:1px;
*/
}

img.arrow_left
{
	position:absolute;
	top:420px;
	left:10px;
}

img.arrow_right
{
	position:absolute;
	top:420px;
	left:520px;
}

img.gallery_large
{
    width:550px;
    float: left;
}

img.gallery_small
{
	height:120px;
	width:182px;
    float: left;
}
img.gallery_medium
{
    width: 275px;
    float: left;
}

div.address_start_page
{
	display: none;
}

tr.navi_mob
{
	display: none;
}
/*Anpassungen für SEO*/

h1.whirlpool_headline{
    font-family: Arial, sans-serif;
    color: #004881;
    font-weight: lighter;
    margin-top:0;
}
h1.swimspa_headline{
  font-family: Arial, sans-serif;
  color:#877d38;
  font-weight: lighter;
  margin-top:0;
}
h2.whirlpool_headline{
    font-family: Arial, sans-serif;
    font-size: 22px;
    color: #004881;
    font-weight: lighter;
    margin:0;
}
h2.headline-green {
    font-family: Arial, sans-serif;
    font-size: 20px;
    color: #877d38;
    margin-bottom: 0;
    font-weight: 100;
}
.headline h2{
    background-color: #6591b4;
    color: white;
    font-size: 15px;
    font-weight: lighter;
    line-height: 1em;
    padding: 2px 5px;
    width: 150px;
    margin-bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.headline{
    border-bottom: solid 2px #93b2ca;
}
h2.headline2{
  color: #004881;
  margin-bottom: 0;
}
ul.list { padding: 0; }

li.list-item {
    list-style-type: none;
}

span.arrow {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #004881;
    font-weight: bold;
    line-height: 1.2em;
}
.button-thick {
    height:  30px;
    color: #275e8f;
    background: linear-gradient( to bottom,#fff 0%, rgba(225, 236, 244 ,1 ) 100% );
    position: relative;
}
a.navi-thick{
    font-weight: bold;
    font-size: 15px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}
a.navi-thick:hover{
    text-decoration: none;
}
h3.product-description{
  text-transform: uppercase;
  color: #1a5387;
  margin-bottom: 0px;
}
tr.swimspa_table{
  height:250px;
  width: 100%;
}
tr.swimspa_table a{

}
img.swimspa{
  position:relative;
  top:0px;
  left:0px;
  width:300px
}
a.angebot_anfragen{
    color: white;
    background-color: #af251f;
    border: solid 1px #fff;
    float: right;
    padding:10px 20px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
section{
  clear: both;
}
.ws {
  height: 75px;
}