/* -- RESET STYLES -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: Arial, Helvetica, sans-serif;
/* font-family: inherit; */
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
#pink .pink {
color: #E56AC5;
text-align: center;
}
#center .center {
text-align: center;
}
.pink {
color: #E56AC5;
text-align: center;
}
span.pink {
color: #E56AC5;
text-align: right;
}
.black {
color: #000000;
text-align: right;
}
/*Neue Class für pink Highlights even und odd */
.even_pink {
color: #E56AC5 ;
background-color: #d7f8f5;
}
.odd_pink {
color: #E56AC5 ;
}
/*Neue Class für Sonnenplätze Törnplan_Preise */
.sonnenplatz_pink {
color: #E56AC5 ;
margin-top: 30px;
}
:focus {
outline: 0;
}
html {
height: 100%;
overflow-y: scroll;
}
body {
background: #A4D4D0 url(../images/layout/background_x.png) left top repeat-x;
color: #505050;
font-size: .63em;
line-height: 1;
height: 100%;
}
input, select, textarea {
color: #505050;
font-family: Arial, Helvetica, sans-serif;
font-size: 99%;
margin: 0;
padding: 0;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
strong {
font-weight: bold;
}
em {
font-style: oblique;
}
a,
a:link,
a:visited {
color: #E56AC5;
}
a:hover,
a:focus,
a:active {
color: #505050;
}
hr {
background-color: #ffffff;
border: 0 none;
color: #505050;
font-size: 0;
height: 1px;
margin: 5px 0;
}
/* -- CLEARING -- */
.clear {
clear: both;
height: 0;
line-height: 0;
visibility: hidden;
width: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
iframe {
background-color: #EFFAF9;
border: 1px solid #3AC1B4;
height: 256px;
padding: 1px;
width: 486px;
}
#wrapper {
background: transparent url(../images/layout/background_y.png) left top repeat-y;
margin: 0 auto;
min-height: 100%;
padding: 0 10px 20px 10px;
position: relative;
width: 825px;
}
#header {
background: transparent url(../images/layout/background_header.jpg) left top no-repeat;
height: 415px;
left: 10px;
position: absolute;
top: 0;
width: 825px;
z-index: 1;
}
#column-left {
font-size: 1.2em;
float: left;
line-height: 1.6em;
margin: 250px 45px 20px 45px;
position: relative;
width: 490px;
z-index: 10;
}
#column-left h6 {
color: #F0FAF9;
font-size: 1.25em;
font-weight: bold;
letter-spacing: .05em;
margin-bottom: 2em;
text-align: right;
text-transform: uppercase;
}
.cufon-active #column-left h5 {
color: #3AC1B3;
}
#column-left h5 {
color: #F0FAF9;
font-size: 1.25em;
font-weight: bold;
letter-spacing: .05em;
margin-bottom: 2em;
margin-top: 1em;
text-align: right;
text-transform: uppercase;
}
.cufon-active #column-left h5 {
color: #919393;
}
#column-left .headline-lookalike {
color: #696767;
font-size: 1.8em;
margin-bottom: .3em;
text-align: center;
}
.cufon-active #column-left .headline-lookalike {
color: #696767;
}
#column-left .subheadline-lookalike {
color: #F0FAF9;
font-size: 1.2em;
margin-bottom: 2em;
text-align: center;
}
.cufon-active #column-left .subheadline-lookalike {
color: #919393;
}
#column-left h1 {
border-bottom: 2px solid #E56AC5;
color: #F0FAF9;
font-size: 1.3em;
margin-bottom: .5em;
padding-bottom: .2em;
}
.cufon-active #column-left h1 {
color: #E56AC5;
}
#column-left h2 {
border-bottom: 1px solid #999999;
color: #999999;
font-size: 1.1em;
margin-bottom: 1em;
}
#column-left h3 {
border-bottom: 2px solid #3AC1B3;
clear: both;
color: #3AC1B3;
font-size: 1.1em;
font-weight: bold;
margin-bottom: .5em;
margin-top: 2em;
}
#column-left h4 {
font-weight: bold;
margin-bottom: .25em;
}
#column-left p,
#column-left ul {
margin-bottom: 1em;
}
#column-left p {
text-align: justify;
}
#column-left p.highlight {
background: transparent url(../images/layout/palme_rechts.gif) left center no-repeat;
padding: 6px 0 6px 35px;
}
#column-left div.palm-subline {
height: 29px;
padding-top: 27px;
position: relative;
}
#column-left div.palm-subline span.palme {
background: transparent url(../images/layout/palme.png) left top no-repeat;
display: block;
height: 56px;
left: 15px;
position: absolute;
top: 0;
width: 47px;
}
#column-left div.palm-subline p {
background-color: #3AC1B3;
color: #ffffff;
font-weight: bold;
padding: 5px 0 5px 50px;
text-align: center;
text-transform: uppercase;
}
#column-left div.palm-subline2 {
height: 29px;
padding-top: 0px;
position: relative;
}
#column-left div.palm-subline2 span.palme2 {
background: transparent url(../images/layout/palme.png) left top no-repeat;
display: block;
height: 56px;
left: 15px;
position: absolute;
bottom:0;
width: 47px;
}
#column-left div.palm-subline2 p {
background-color: #3AC1B3;
color: #ffffff;
font-weight: bold;
padding: 5px 0 5px 50px;
text-align: center;
text-transform: uppercase;
}
#column-left .teaser {
float: left;
}
#column-left .halfsized {
margin-right: 1em;
width: 47%;
}
#column-left .thumbnail-gallery li {
float: left;
margin-bottom: .5em;
margin-right: .5em;
}
#column-left .thumbnail-gallery li.last-in-row {
margin-right: 0;
}
#column-left .thumbnail-gallery li a,
#column-left .thumbnail-gallery li a:link,
#column-left .thumbnail-gallery li a:visited {
border: 1px solid #3ac1b4;
display: block;
}
#column-left .thumbnail-gallery li a:hover,
#column-left .thumbnail-gallery li a:focus,
#column-left .thumbnail-gallery li a:active {
border: 1px solid #E56AC5;
}
#column-left .thumbnail-gallery li img {
display: block;
height: 60px;
width: 90px;
}
#column-left .small {
font-size: .85em;
}
#column-left dl.image {
margin-bottom: .8em;
}
#column-left dl.w280 {
width: 280px;
}
#column-left dl.image img {
display: block;
}
#column-left dl.left {
float: left;
margin-right: .8em;
}
#column-left dl.right {
float: right;
margin-left: 1.2em;
}
#column-left dl.center {
text-align: center;
width: 100%;
}
#column-left dl.center dt img {
display: inline;
}
#column-left dl.no-subline dd {
display: none;
}
#column-left dl.follow {
margin-right: 0;
}
#column-left dl.image dd {
color: #aaaaaa;
font-size: .9em;
}
#column-left dl.with-interferer {
margin-bottom: 4em;
}
#column-left dl.with-interferer dd {
margin-top: -4em;
}
#column-left table {
margin-bottom: 1em;
width: 100%;
}
#column-left table tbody th {
font-weight: bold;
}
#faq tbody td {
vertical-align: bottom;
}
#column-left table.default {
font-size: .9em;
clear: both;
}
#column-left table.default thead tr {
background-color: #3ac1b4;
}
#column-left table.default thead th {
border-bottom: 1px solid #EFFAF9;
color: #ffffff;
font-weight: bold;
padding: .2em .4em;
text-align: center;
}
#column-left table.default tbody th {
background-color: #bbf4ef;
border-bottom: 1px solid #EFFAF9;
color: #E56AC5;
font-weight: bold;
padding: .2em .4em;
text-align: left;
}
#column-left table.default tbody th.scope-row {
background-color: #bbf4ef;
border-bottom: 1px solid #EFFAF9;
border-right: 1px solid #EFFAF9;
color: #E56AC5;
font-weight: bold;
padding: .2em .4em;
text-align: center;
vertical-align: middle;
}
#column-left table tbody tr.even {
background-color: #d7f8f5;
}
#column-left table tbody tr.odd {
background-color: #EFFAF9;
}
#column-left table.default tbody td {
border-bottom: 1px solid #EFFAF9;
padding: .2em .4em;
text-align: center;
}
#column-left table.default tbody td p.right {
text-align: right;
}
#column-left table.default tbody td.left {
text-align: left;
}
#column-left table.textalign-left tbody td {
text-align: left;
}
#column-left table.default tbody td.even {
background-color: #d7f8f5;
border-left: 1px solid #EFFAF9;
border-right: 1px solid #EFFAF9;
text-align: left;
}
#column-left table.default tbody td.description {
color: #E56AC5;
text-align: left;
}
#column-left #faq td {
font-size: .9em;
padding: 3px 5px;
}
#column-left ul.inline li {
display: inline;
}
#column-left ol {
list-style: decimal;
margin-left: 2em;
}
span.default {
color: #505050;
font-weight: normal;
}
#column-right {
float: left;
padding-bottom: 20px;
position: relative;
width: 245px;
z-index: 10;
}
#navigation {
font-size: 1.2em;
font-weight: bold;
padding: 6px 0;
text-transform: uppercase;
}
#navigation li a,
#navigation li a:link,
#navigation li a:visited {
background-color: #3AC1B3;
color: #ffffff;
display: block;
padding: 4px 15px;
text-decoration: none;
}
#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active {
background-color: #1F9394;
}
#navigation li ul {
background-color: #3AC1B3;
margin-top: 7px;
padding: 7px 0;
text-align: center;
}
#navigation li ul li {
display: inline;
}
#navigation li ul li a,
#navigation li ul li a:link,
#navigation li ul li a:visited {
display: inline;
padding: 2px 4px;
}
#navigation li ul li a.english,
#navigation li ul li a.english:link,
#navigation li ul li a.english:visited {
background: transparent url(../images/layout/flagge_gb.png) 4px 5px no-repeat;
padding-left: 22px;
}
#navigation li ul li a.english:hover,
#navigation li ul li a.english:focus,
#navigation li ul li a.english:active {
background-color: #1F9394;
}
#logo {
margin-bottom: 5px;
}
#logo a,
#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:focus,
#logo a:active {
background-color: transparent !important;
}
.navimage {
margin-top: 7px;
position: relative;
}
.navimage img {
display: block;
position: relative;
}
.navimage.first {
margin-top: 15px;
}
#stoerer {
display: block;
position: absolute;
right: 5px;
top: 280px;
}
/* FORMS */
form {
margin-bottom: 2em;
}
form label {
display: block;
clear: left;
float: left;
font-weight: bold;
line-height: 1.7em;
width: 10em;
}
form input.text, form textarea {
border: 1px solid #cecece;
float: left;
margin-bottom: 3px;
padding: 2px;
width: 250px;
}
form input.w-zipcode {
margin-right: 4px;
width: 50px;
}
form input.w-city {
width: 190px;
}
form input.button {
clear: left;
margin-left: 10em;
}
.metanavigation {
clear: both;
font-size: 1.1em;
margin: 8px 45px;
text-align: center;
}
.metanavigation li {
border-right: 1px solid #bbbbbb;
display: inline;
margin-right: 3px;
padding-right: 5px;
}
.metanavigation li.last {
border: 0 none;
margin: 0;
padding: 0;
}
.metanavigation li a,
.metanavigation li a:link,
.metanavigation li a:visited {
color: #bbbbbb;
text-decoration: none;
}
.metanavigation li a:hover,
.metanavigation li a:focus,
.metanavigation li a:active {
text-decoration: underline;
}
.content_neu { background-color:#D7F8F5; }
#nachobennavi { border-bottom: 1px solid #3AC1B3; color: #3AC1B3; font-size: 0.9em; font-weight: bold; margin-bottom: 1em; margin-top: 3em; }