@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);     /***** Copy *****/
@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,500,700);    /***** Head, Main-Nav, etc. *****/
@import url(jquery-jvectormap-1.2.2.css);

* {
margin:0;
padding:0;
border:0;
}

/* COLORS

004594
0063a9
3285c1
60aad9
85cff0

*/

/* Legende 

mr10 	= margin-right:10
btn		= button
act		= aktiv
act		= inaktiv
sf2		= shortfact
arrow	= Doppelpfeil vor Text
trans	= animierter Farbwechsel

*/


body {
color:#333;
}

a {
color:#004594;
color:#0063a9;
}

/*** edit by dr 18.08.2015 | add new link color ***/
#content p a {
color:#0063a9;
}

h1, .h1, h2, h3 {
color:#004594;
color:#0063a9;
}

h5 {
color:#888;
}

#subnav h2,
#subnav h3 {
color:#004594;
color:#0063a9;
}

#subnav ul li a {
color:#666;
}
#subnav ul li a:hover,
#subnav ul li a.act {
color:#004594;
}

#header #topnav {
color:#004594;
}
#header #topnav a {
color:#004594;
}
#header #topnav .language {
float: right; 
display: block; 
margin-left: 15px; 
margin-top: 1px;
}

#content #motiv,
#content #headmotiv,
#content #motiv h2,
#content #motiv h2 a,
#content #headmotiv h2,
#content #headmotiv h2 a,
#content #motiv h3,
#content #motiv h3 a,
#content #headmotiv h3,
#content #headmotiv h3 a {
color:#fff;
}

#footer {
background-color:#0063a9;
color:#fff;
}
#footer a,
#footer p,
#footer p a,
#footer ul li a {
color:#fff;
}

#content .social a,
#content #auszeichnung img {
background-color:#0063a9;
}

#content .social a:hover {
background-color:#004594;
-webkit-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease; 
}

#content #breadcrumb,
#content #breadcrumb a {
color:#666;
}

.table-bg {
background-color:#edf2f6;
}
table thead th {
background-color:#cddaeb;
}

.prev_next_browse b {
border:1px solid #dadada;
padding:4px 8px 5px 8px;
}

.img_author {
position:absolute;
bottom:7px;
left:5px;
font-size:10px;
color:#fff;
opacity:.8;
text-shadow:0 0 3px #000, 0 0 3px #000;
}



/***** FONT *****/

*,
#cms-content h2,
#cms-content h2 a,
.teaser-start h2 {
font-family:Roboto, Arial, Helvetica, sans-serif;
}

h1, .h1,
#motiv h2,
#motiv h2 a,
#headmotiv h2,
#headmotiv h2 a,
#motiv h3,
#motiv h3 a,
#headmotiv h3,
#headmotiv h3 a,
#mainnav ul li a,
#map-tabs a {
font-family:Raleway, Arial, Helvetica, sans-serif;
}

body {
font-weight:400;
}

h1, .h1 {
font-weight:500;
}

h2 {
font-weight:700;
}

h3 {
font-weight:300;
}

h5 {
font-weight:300;
}

#content #startpage #motiv h2,
#content #startpage #motiv h3,
#content #headmotiv h2,
.col-4 .teaserbox h2,
.col-2 .teaserbox h4 {
font-weight:300;
}

.teaser-start h2,
.sidebox h4 {
font-weight:700;
}

#subnav h3 {
font-weight:500;
}

table thead td {
font-weight:700;
}

.teaser-start p a,
.teaser-start article p span {
font-weight:700;
}

#lake_comments .commentbox h4 span.time {
font-weight:400;
}

#content .ho_facts h3,
#content .ho_facts h4,
#content .ho_overview h4 {
font-weight:500;
}

#content .ho_rooms h3 ,
#content .ho_map h3  {
font-weight:700;
}

#footer h4 {
font-weight:700;
}

/***** FONT *****/

body {
text-align:center;
font-size:14px;
}

div {
text-align:left;
}

a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

a.arrow:before,
span.arrow:before,
button.arrow:before {
content:"» "; 
font-size:120%;
}

p, ul, ol {
line-height:22px;
margin-bottom:16px;
}
#content > .col-8 p {
/*** TEST ***/
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
/*** TEST ENDE ***/
}
ul, ol {
margin-top:10px;
margin-bottom:25px;
}
#cms-content p + ul {
margin-top:-7px;
}
#content li {
line-height:22px;
margin-bottom:8px;
margin-left:30px;
}
#content ul.smalllist li {
margin-bottom:2px;
}
#content ul.adminlist li {
float:left;
margin-right:20px;
width:220px;
}

#cms-content li ul {
margin-top:5px;
margin-bottom:20px;
}
#cms-content li ul li {
margin-left:35px;
margin-bottom:3px;
}

#content ul.linklist li {
list-style-type:none;
margin: 0 0 5px 5px;
}
#content ul.linklist li:before  { 
content:"» "; 
color:#004594; 
font-size:18px;
}

#content ul.floated li {
float:left;
width:200px;
}
#content ul.floated.small li {
width:180px;
}
#content #subnav ul.floated li {
float:left;
width:145px;
}
#content #subnav ul.floated li:nth-child(2n+1) {
margin-right:10px;
}

#content ul.linklist.lieblingssee li {
width:220px;
}

h1, .h1 {
font-size:24px;
line-height:30px;
margin-bottom:15px;
}
h1.nomargin {
margin-bottom:3px;
}

h2, h3 {
font-size:17px;
line-height:22px;
margin-bottom:8px;
margin-top:35px;
}
h2.abstand {
margin-top:45px;
}

h3 {
margin-top:10px;
margin-bottom:6px;

margin-top:22px;
margin-bottom:4px;
}

h2 + h3 {
margin-top:10px;
}

h4 {
font-size:13px;
margin-bottom:2px;
margin-top:13px;
}

h5 {
font-size:12px;
line-height: 18px;
margin-top:-10px;
margin-bottom:15px;
}
h1 + h5 {
margin-top:-15px;
}

.table-bg {
margin:0 0 25px 0;
}

table {
width:100%;
border-collapse:collapse;
}

table td,
table th {
border-bottom:1px solid #fff;
}

table td {
padding:4px 10px;
vertical-align:top;
}

table thead th {
padding:6px 10px;
text-align:left;
}

table td a {
display:block;
}

table.tablesorter thead th {
cursor:pointer;
}

img.align-left,
img.align-left-mid {
float:left;
margin-right:20px;
}

img.align-right,
img.align-right-mid {
float:right;
margin-left:20px;
margin-left:0;
margin-right:20px;
}

img.align-full {
padding:0 !important;
margin: 3px 0 5px 0 !important;
}

img.align-big,
img.align-big-8-col {
}

img.original {
float:left;
margin-right:20px;
margin-bottom:10px;
}

.img-wrap {
margin-bottom:20px;
}
.img-wrap img {
float:left;
margin-top:3px;
}

.img-wrap.img-wrap-left,
.img-wrap.img-wrap-right {
margin-bottom:20px;
}

.img-wrap.img-wrap-left {
float:left;
}

.img-wrap.img-wrap-left .col-3-186 {
margin-right:20px;
}

.img-wrap.img-wrap-right {
float:right;
}
.img-wrap.img-wrap-right img {
margin-right:0;
margin-left:20px;
}

.img-caption {
clear:both;
font-size:11px;
line-height:15px;
padding:3px 4px 0 2px;
color:#888;
margin-top:2px;
margin-bottom:0 !important;
}






.clear {
clear:both;
}
.clear-block:before,
.clear-block:after {
content:" ";
display:table;
clear:both;
}

.border-bottom {
border-bottom:1px solid #ccc;
padding-bottom:3px;
}

.autowidth {
width:auto !important;
}

#wrap  {
margin:0 auto;
width:1140px;
text-align:left;
}

#wrap-980  {
margin:0 auto;
width:980px;
box-shadow:0px 0px 15px 0px #ddd;
padding-top:5px;
}

#wrap-1010  {
float:left;
width:1010px;
width:980px;
text-align:left;
background-color:#fff;
/*background:url(../img/page-bg.png) repeat-y center #fff;*/
}

#header  {
position:relative;
width:940px;
height:70px;
margin:15px 20px 15px 20px;
}

#header #topnav {
font-size:11px;
float:right;
margin:0;
}

#header #topsuche {
position:absolute;
right:0;
top:89px;
}

#header #topsuche input {
border:1px solid #004594;
padding:2px 4px;
height:21px;
width:210px;
background:none;
}

#header .mp_partner {
clear:both;
display:block;
position:absolute;
right:0;
top:35px;
}
#header .mp_partner img {
float:right;
}

#header #logo {
float:left;
position:absolute;
}

#content {
margin:0 20px 50px 20px;
}

#content #motiv  {
/*background: url(../img/motiv01.jpg) no-repeat;*/
background:none;
width:940px;
height:440px;
margin-bottom:10px;
overflow:hidden;
}

#content #headmotiv {
height:280px;
margin-bottom:20px;
position:relative;
}

#content #motiv .shadow,
#content #headmotiv .shadow {
position:absolute;
z-index:15;
height:280px;
width:940px;
box-shadow:inset 0 -150px 150px -150px #000;
}
#content #motiv .shadow {
height:440px;
}

#content #headmotiv img {
position:absolute;
z-index:10;
}

/*
#content #motiv .text,
#content #headmotiv .text {
display:table-cell;
padding:0 0 0 25px;
vertical-align:bottom;
height:0;
}
*/


#content #motiv .text,
#content #headmotiv .text {
position:absolute;
/* top:auto; */
bottom:30px;
display:table-cell;
padding:0 0 0 25px;
vertical-align:baseline;
width:780px;
z-index: 30;
}

#content #motiv a {

}

#content #motiv .text {
/* height:400px; */
position:relative;
padding:0 0 0 60px;
}
#content #motiv .slides div > a {
position: absolute;
height: 100%;
width: 100%;
z-index: 30;
text-decoration:none;
}

#content #motiv h2,
#content #headmotiv h2 {
position:relative;
/* z-index:20; */
font-size:48px;
line-height:44px;
margin-bottom:0;
/*margin-top:10px;*/
margin-top:0;
text-shadow: 1.3px 1.3px 0.5px #000;
}

#content #motiv h3,
#content #headmotiv h3 {
position:relative;
/* z-index:20; */
font-size:18px;
line-height:23px;
margin-bottom:7px;
margin-top:5px;
text-shadow:1px 1px 4px #000;
}

#content #motiv h2,
#content #motiv h3 {
top:310px;
}
#content #motiv h2 a,
#content #motiv h3 a {
text-decoration:none;
}

#content #headmotiv h2,
#content #headmotiv h3 {
/* top:170px; */
top:auto;
}

#content #headmotiv .photo {
display:block;
position:absolute;
z-index:20;
font-size:10px;
font-weight:400;
bottom:4px;
right:8px;
color:#fff;
text-align:right;
opacity:.7;
}
#content #headmotiv .photo a {
color:#fff;
}

#content #headmotiv .signet {
display:block;
position:absolute;
z-index:30;
top:0;
left:800px;
font-size:0;
}



#content .flexslider {
border:0;
border-radius:0;
box-shadow:none;
margin:0;
background-color:#f0f8fd;
}

#content .flexslider li {
margin:0;
}

#content .flexslider .slides img {
position:absolute;
width:auto;
z-index:10;
}

#content .flexslider .slides > div {
position:relative;
height:440px;
}

#content .flexslider .photo {
display:block;
position:absolute;
z-index:30;
font-size:10px;
font-weight:400;
bottom:4px;
right:8px;
color:#fff;
text-align:right;
opacity:.7;
text-shadow:0 0 3px #000, 0 0 3px #000;
}

#content .flexslider .photo a {
color:#fff;
}

#content .flexslider .flex-viewport {
height:440px;
}

#content .flexslider .flex-control-nav {
bottom:35px;
height:0;
}

#content .flexslider .flex-control-nav li {
margin:5px;
}

#content .flex-direction-nav a  {
width:60px !important; 
height:440px !important; 
line-height:440px;
margin:0 !important;
top:0 !important}

#content .flex-control-paging li a.flex-active { 
background: #f3f3f3 !important;  
background: rgba(255,255,255,0.7) !important; 
}

#content .flex-control-paging li a:hover { 
background: #fff !important; 
background: rgba(255,255,255,0.9) !important; 
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}



#content #auszeichnung {
float:right;
font-size:10px;
margin-left:10px;
width:250px;
text-align:right;
}

#content #auszeichnung p {
line-height:13px;
}

#content #auszeichnung img {
float:right;
width:36px;
height:36px;
margin-left:5px;
margin-bottom:20px;
}

#content #breadcrumb {
font-size:10px;
line-height:13px;
height:30px;
margin-bottom:30px;
}

#content #breadcrumb b {
padding:0 3px;
}

#content .social {
height:60px;
margin-bottom:5px;
}

#content .social a {
display:block;
float:left;
width:36px;
height:36px;
line-height:0;
margin-right:6px;
font-size:0;
background-image:url(../img/picto-social.png);
background-repeat:no-repeat;
}

#content .social .facebook {
background-position:0 0;
}
#content .social .twitter {
background-position:-42px 0;
}
#content .social .googleplus {
background-position:-84px 0;
}


#content .map-full {
margin:20px 0 25px 0;
}

/***** LEFT-COL *****/

#left-col .teaser {
margin-bottom:30px;
}

#left-col .teaser h2 {
border-bottom: 1px solid #DADADA;
font-size:15px;
line-height:15px;
margin:0 0 8px;
padding:0px 10px 4px 1px;
}

#left-col .teaser p,
#left-col .teaser li {
font-size:12px;
line-height:20px;
margin-bottom:6px;
}

#left-col .teaser li {
list-style:none;
line-height:17px;
margin-bottom:4px;
}

/***** AD-COL *****/

.ad-col .teaser {
margin-bottom:30px;
}

#content .ad-col .teaser p {
margin-bottom:4px;
}

/***** SUBNAV *****/


#subnav {
font-size:13px;
margin-bottom:40px;
}

#subnav h2,
#finder-filter h2 {
font-size: 16px;
font-weight: 400;
line-height:15px;
border-bottom: 1px solid #abb7d8;
padding:6px 10px 4px 1px;
margin:0;
margin-bottom:10px;
padding-bottom: 10px;
}

#subnav h3 {
font-size:14px;
line-height:12px;
padding:0 0 0 10px;
margin:25px 0 0 0;
}

#subnav ul {
margin-bottom: 25px;
margin-top: 10px;
}

#subnav ul li {
margin:0;
line-height:17px;
list-style:none;
}

#subnav ul li ul {
margin-left:12px;
margin-top:5px;
}

#subnav ul li ul li ul {
margin-left:12px;
margin-top:2px;
margin-bottom:7px;
}

#subnav ul li a:hover, #subnav ul li a.act {
color: #fff;
}

#subnav ul li a {
padding-left: 15px;
}

#subnav li a:hover,
#subnav li a.act,
ul.subnav > li:hover > a,
ul.subnav > li.act > a  {
background:#0063a9;
color:#fff;
text-decoration:none;
background: url("../img/picto-image.png") no-repeat scroll 2px -738px #0063a9 ;  
}

/***** COL *****/

.col {
float:left;
margin-right:20px;
}
.col:last-child {
margin-right:0;
}
.col-1 {
width:60px;
}
.col-2 {
width:140px;
}
.col-3 {
width:220px;
}
.col-4 {
width:300px;
}
.col-5 {
width:380px;
}
.col-6 {
width:460px;
}
.col-7 {
width:540px;
}
.col-8 {
width:620px;
}
.col-9 {
width:700px;
}
.col-10 {
width:780px;
}
.col-11 {
width:860px;
}
.col-12 {
width:940px;
}

.lastcol {
margin-right:0;
}

.row {
clear:both;
}
.row:before,
.row:after {
content:" ";
display:block;
clear:both;
}

.emptycol-1 {
margin-left:80px;
}
.emptycol-2 {
margin-left:160px;
}
.emptycol-3 {
margin-left:240px;
}
.emptycol-4 {
margin-left:320px;
}

#content .col-2 p {
font-size:11px;
line-height:17px;
margin-bottom:20px;
}
#content .col-2 img {
display:block;
}
#content .col-2 h4 {
margin-top:0;
margin-bottom:0;
}



/***** FOOTER *****/

#footer {
clear:both;
min-height:170px;
width:940px;
margin:0 20px 0 20px;
font-size:10px;
}

#footer .inner {
padding:16px 0 20px 0;
}

#footer a {
font-size:10px;
}

#footer p a {
font-size:10px;
}

#footer p {
font-size:10px;
}

#footer h4 {
font-size:10px;
line-height:16px;
margin-top:0;
margin-bottom:0;
}

#footer ul {
list-style:none;
margin-top:0;
margin-bottom:22px;
}

#footer ul li {
font-size:10px;
line-height:13px;
/*background-image:url(../img/picto-image.png);
background-repeat:no-repeat;
background-position:1px -395px;
padding-left: 5px;
*/
}
#footer ul li:before { 
content: "»"; 
font-size:14px;
}

#footer ul li a {
padding-left:4px;
}

#footer .footernav {
clear:both;
}

#footer .footernav p {
border-top:1px solid #6383c2;
margin:0;
padding:4px 1px 5px 1px;
margin-right:20px;
line-height:15px;
}

#footer .footernav p b {
padding:0 3px;
}



/***** TEASERBOX MIT HOVER-EFFEKT *****/

.col-4 .teaserbox {
position:relative;
background:#f2f2f2;
width:300px;
height:150px;
overflow:hidden;
margin-bottom:20px;
float:left;
}
#startpage .col-4 .teaserbox {
margin-bottom:40px;
}

.col-4 .teaserbox .text {
position:relative;
z-index:20;
width:300px;
height:150px;
background-color:rgba(0, 51, 153, 0.85);
background-color:rgba(255, 255, 255, 0.9);
margin-top:115px;
}
.col-4 .teaserbox.green .text {
background-color:rgba(153, 204, 0, 0.85);
}

.col-4 .teaserbox.teaserheight-200,
.col-4 .teaserbox.teaserheight-200 .text {
height:200px;
}
.col-4 .teaserbox.teaserheight-200 .text {
margin-top:165px;
}

.col-4 .teaserbox:hover .text {
margin-top:40px;
}
.col-4 .teaserbox.teaserheight-200:hover .text {
margin-top:77px;
}

.col-4 .teaserbox .text,
.col-4 .teaserbox:hover .text {
transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in-out;
/*behavior:url("./ie-css3.htc");*/
behavior:url("/seen_db/static/layout/css/ie-css3.htc");
}

.col-4 .teaserbox img {
position:absolute;
z-index:10;
}

.col-4 .teaserbox h2 {
line-height:25px;
padding:5px 10px 5px 10px;
font-size:16px;
color:#fff;
color:#004594;
margin-bottom:0;
margin-top:0;
}
.col-4 .teaserbox h2 a:before {
content: "»" "  "; 
color:#004594; 
font-size:20px;
}

.col-4 .teaserbox p {
padding:0px 10px 8px 10px;
margin:0;
font-size:12px;
color:#fff;
color:#004594;
line-height:20px;
line-height:19px;
}

#content .col-4 .teaserbox a {
color:#fff;
color:#004594;
display:block;
}

.col-2 .teaserbox,
.col-4 .col-2 .teaserbox {
margin-top:0;
width:140px;
}

.col-2 .teaserbox img,
.col-4 .col-2 .teaserbox img {
position:relative;
display:block;
}

.col-2 .teaserbox h4 {
height:45px;
}

.col-2 .teaserbox h4,
.col-4 .col-2 .teaserbox h4 {
font-size:14px;
background-color:#004594;
background-color:#0063a9;
color:#fff;
margin-top:0;
line-height:18px;
}

.col-2 .teaserbox h4 a,
.col-4 .col-2 .teaserbox h4 a {
display:block;
color:#fff;
padding:4px 5px 5px 8px;
}


.teaser-start {
width:300px;
margin-bottom:40px;
}

.teaser-start h2,
#cms-content .ad-col h2,
.ad-col h2 {
/*color:#004594;*/
padding-bottom:3px;
font-size:15px;
margin-bottom:0;
margin-top:0;
line-height:16px;
}
.teaser-start h2 a {
color:#0063A9;
}

.teaser-start h3,
.ad-col h3 {
color:#999;
font-size:10px;
text-transform:uppercase;
margin:0;
line-height:16px;
}
.teaser-start h3 a:before {
content: "»" "  "; 
font-size:15px;
}

.teaser-start h4 {
font-size:11px;
text-transform:uppercase;
margin-bottom:0;
margin-top:0;
}

.teaser-start h4 a {
color:#999;
}

.teaser-start p {
color:#666;
font-size:12px;
line-height:18px;
margin-bottom:0;
}

.teaser-start p a,
.teaser-start article p span {
color:#333;
display:block;
padding:5px 0;
}
.teaser-start p a:before,
.teaser-start article p span:before {
content: "»" "  "; 
font-size:15px;
}
.teaser-textonly p a {
display:inline;
padding:0;
font-size:12px;
}
.teaser-textonly p a:before {
content:none;
}

.teaser-start img {
float:left;
margin:4px 0 6px 0;
}

.teaser-start img.align-left {
margin-right:30px;
}

.teaser-start .linkbox img.t_140_95 {
width:140px;
height:95px;
font-size:9px;
background-color:#f0f8fd;
}

.teaser-start .linkbox img.t_300_150 {
width:300px;
height:150px;
font-size:9px;
background-color:#f0f8fd;
}

.teaser-start .linkbox img.align-left {
margin-right:10px;
}

.lake_country {
float:right;
font-weight: normal;
color:#333;
margin-top:-1px;
}

.lake_country span {
font-size:12px;
margin-left:10px;
}

.lake_country img {
padding-left:5px;
}


/***** Teaser Content *****/

.teaser-small img,
.teaser-small img.align-left,
.teaser-small img.align-right,
.teaser-big img.align-left,
.teaser-big img.align-right {
margin-top:3px;
}

.teaser-small {
margin-bottom:30px;
}
.teaser-small h3 {
margin-bottom:4px;
}

.teaser-mid {
margin-bottom:35px;
}

.teaser-big {
margin-bottom:20px;
}
.teaser-big h2 {
margin:20px 0 3px 0;
}


.teaser-small:before,
.teaser-small:after,
.teaser-mid:before,
.teaser-mid:after,
.teaser-big:before,
.teaser-big:after {
content:" ";
display:table;
clear:both;
}


/***** Teaser Article *****/


.teaser-start article,
.teaserbox article,
.teaser article {
position: relative;
}

.teaser-start article figcaption,
.teaserbox article figcaption,
.teaser article figcaption {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
line-height: 300px;
z-index: 1;
}

.teaser-start article:hover,
.teaserbox article:hover,
.teaser article:hover  {
opacity: 0.9;
font-weight: normal;
}

.teaser-start article:hover span,
.teaser article:hover h2, 
.teaser article:hover span   {
text-decoration: underline;
}

.teaser article span   {
color: #004594
}


/***** CMS-CONTENT *****/

#cms-content h2 {
margin-top:35px;
}

#cms-content .teaser {
clear:both;
}

#cms-content .info {
margin-top:10px;
}

#content .info a {
background-image:url('../img/pictos/pic_info.gif');
background-repeat:no-repeat;
background-position:left 2px;
padding-left:20px;
margin-left:0;
padding-bottom:0;
padding-right:3px;
}
#content .info b a,
#content .info strong a {
background-position:left 0px;
}

#content a.pic_link,
#content a.pic_link.pic_info {
background-image:url('../img/pictos/pic_info.gif');
background-repeat:no-repeat;
background-position:left 2px;
padding-left:20px;
margin-left:2px;
padding-bottom:0;
padding-right:2px;
}
#content b a.pic_link,
#content strong a.pic_link,
#content b a.pic_link.pic_info,
#content strong a.pic_link.pic_info {
background-position:left 0px;
}

#content a.pic_link.pic_ext {
background-image:url('../img/pictos/pic_ext.gif');
}

#content a.pic_link.pic_end {
background-position:right 2px;
padding-right:19px;
margin-right:3px;
padding-left:0;
margin-left:0;
}
#content b a.pic_link.pic_end,
#content strong a.pic_link.pic_end {
background-position:right 0px;
}

#pjax-loading {
display:none;
position:absolute;
width:620px;
height:820px;
z-index:9999;
}

#pjax-loading .curtain {
position:absolute;
width:620px;
height:620px;
background-color:#fff;
opacity:0.8;
}

#pjax-loading .text {
position:absolute;
text-align:center;
width:620px;
font-size:28px;
padding-top:140px;
}



.sidebox {
margin-top:30px;
background-color:#f1f1f1;
}

.sidebox h4 {
background-color:#ffa826;
color:#fff;
padding:6px 10px 6px 10px;
margin-bottom:14px;
font-size:15px;
}

.sidebox h4 a {
color:#fff;
background-image: url("../img/picto-image.png");
background-position: 0 -92px;
background-repeat: no-repeat;
padding-left: 12px;
}

.sidebox .item {
padding:0 23px 10px 22px;
}

.sidebox .item .text b a {
color:#333;
}


#event {
background-color:#e6e9ee;
padding:10px;
color:#666;
}
#event h4 a {
font-size:14px;
color:#036;
}
#event .date {
font-size:11px;
padding-top:10px;
}
#event p a {
padding-top:10px;
}


#newsletter {
background: url(../img/newsletter-bg.jpg) #f9950c no-repeat;
padding: 8px 12px;
color:#fff;
}
#newsletter h4 { 
color:#fff;
font-size:16px;
}
#newsletter p { 
color:#fff;
}
#newsletter input {
background:none;
height:25px;
color:#333;
font-size:11px;
padding:3px 5px 4px 5px;
width:162px;
}
#newsletter input.send {
cursor:pointer;
width:auto;
padding:0 30px;
}

.adsense {
margin-top:15px;
margin-bottom:20px;
padding:7px 0;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
}

#left-col .adsense {
border:0;
}

.freizeit {
/*background-color:#f1f1f1;*/
padding:15px 0 5px 0;
margin-top:0px;
margin-bottom:15px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.freizeit div.item {
float:left;
height:46px;
width:145px;
margin-left:10px;
line-height:16px;
font-size:13px;
}

.freizeit div span {
display:block;
float:left;
height:36px;
width:36px;
margin-right:10px;
}

.freizeit span.fi-act {
background-color: #FFFFFF;
background-repeat: no-repeat;
background-image: url("../img/pictos/picto-activities-act.png");
}

.freizeit-teaser p {
display:inline;
}


#lake_comments {
margin:25px 0 0px 0;
}

#lake_comments_form_div {
position:relative;
margin:0 0 5px 0;
}

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

#lake_comments_form_div input {
width:154px;
margin-right:10px;
}
#lake_comments_form_div textarea {
width:374px;
height:60px;
}

#lake_comments_form_loading,
#ho_requests_form_loading {
display:none;
position:absolute;
height:100%;
width:100%;
background-color:#fff;
opacity:.75;
/*padding:4px;*/
color:#000;
}
#lake_comments_form_loading p,
#ho_requests_form_loading p {
text-align:center;
padding-top:60px;
font-weight:bold;
font-size:18px;
}



#lake_comments .commentbox {
background-color:#f6f6f6;
padding:10px 15px;
margin-bottom:12px;
cursor:pointer;
}

#lake_comments .commentbox:hover a {
text-decoration:underline;
}

#lake_comments .commentbox.nocur {
cursor:auto;
}

#lake_comments .commentbox.red_com {
background-color:#edf2f6;
}

#lake_comments .commentbox h4 {
margin-top:0;
margin-bottom:4px;
}

#lake_comments .commentbox h4 span.time {
color:#888;
float:right;
font-size:10px;
line-height:19px;
padding-right:5px;
}

#lake_comments .commentbox p {
font-size:11px;
line-height:16px;
white-space:pre-line;
word-wrap:break-word;
margin-bottom:3px;
}

#lake_comments .commentbox .hide a {
display:inline;
}

#lake_comments .commentbox .hide {
display:none;
}

#lake_comments .ecke {
display:block;
height:20px;
width:20px;
float:right;
background-image:url(../img/picto-image.png);
background-repeat:no-repeat;
background-position:0 -60px;
margin-top:10px;
margin-right:15px;
}

#lake_comments #show_all_comments {
display:none;
}

#lake_comments #show_all_comments a {
background-color:#F1F1F1;
border:1px solid #B7B7B7;
display:block;
text-align:center;
width:180px;
padding:4px 0;
}


.lake_facts h4 {
border-bottom: 1px solid #EEE;
color: #004594;
font-size: 14px;
margin-bottom: 0;
margin-top: 13px;
padding-bottom: 8px;
}

#content .lake_facts li {
background: url("../img/picto-image.png") no-repeat scroll 0 -293px rgba(0, 0, 0, 0);
display: block;
line-height: 22px;
margin-bottom: 2px;
margin-left: 4px;
padding-left: 20px;
}

.lake_facts table,
.lake_facts ul  {
margin-bottom: 40px;
}

.lake_facts table td {
border-bottom: 1px solid #EEE;
font-size: 14px;
padding: 4px 10px 4px 4px;
}


/***** START-PAGE *****/



/***** START-PAGE *****/



/***** FORMULARE *****/

input, select, textarea {
border: 1px solid #dadada;
background-color:#fff;
font-size:12px;
padding:2px;
width:140px;
color: #757575;
padding: 4px;
}

input:hover, select:hover, textarea:hover,
#finder-suche input:hover {
border: 1px solid #d1d1d1;
}

textarea {
width:380px;
}

input.submit,
button.cr_button,
a.cr_button {
background-color:#0063a9;
color: #fff;
font-weight: bold;
border:0;
cursor:pointer;
width:auto !important;
padding: 5px 25px;
}

input.submit:hover,
button.cr_button:hover,
a.cr_button:hover,
#finder-suche .finder-submit:hover,
.cities  .finder-submit:hover {
background-color: #004594;
}

button.cr_button, a.cr_button {
    display: inline;
}

table tr td .cr_button {
    padding: 2px 20px;
}

.layout_form input {
width: 240px;
}

.layout_form label.itemname {
width: 80px;
float:left;
}

.layout_form .cr_ipe_item  {
margin-bottom:10px;
}

/***** FORMULARE *****/



/***** TRANSITIONS *****/

.trans {
-webkit-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease; 
}

/***** TRANSITIONS *****/


/***** GALLERY *****/

#content .gallery {
margin:20px 0 25px 0;
}

#content .gallery ul {
list-style:none;
}

#content .gallery ul li {
float:left;
margin:0;
padding:0 10px 10px 0;
}

#content .gallery ul li a {
display:block;
background-color:#F1F1F1;
border:1px solid #B7B7B7;
padding:3px;
}
#content .gallery ul li a:hover {
border:1px solid #ddd;
}

#content .gallery ul li a img {
display:block;
width:135px;
}

/** Lightbox **/

.lb-caption a {
color:#bbb;
text-decoration:underline;
}
.lb-caption a:hover {
color:#eee;
}


/***** GALLERY *****/



/***** HOTEL *****/

#content .ho_gal  .ho_detail h2 {
margin-top:20px;
}

#content .ho_gal  .bigimg {
float:left;
margin:0 0 4px 0;
}

#content  .ho_gal .thumb {
float:left;
margin:0 0 4px 4px;
}

#content .ho_gal .first {
float:left;
margin-left: 0;
}

#content .hide {
display:none;
}

#content  .ho_facts p {
font-size:10px;
margin-bottom: 10px;
line-height: 14px;
}

#content .ho_facts  a {
color: #333;
background-image: url("../img/picto-image.png");
background-position: 0 4px;
background-repeat: no-repeat;
padding-left: 12px;
}

#content .ho_facts  small a {
background-image: none;
padding: 0;
}

#content .ho_facts h3 {
color:#333;
font-size:11px;
margin:20px 0 10px 0;
line-height: 14px;
}
#content .ho_facts h3.first {
margin-top:0;
}

#content .ho_facts h4 {
font-size:10px;
margin:15px 0 2px 0;
}

#content .ho_facts img {
display:inline;
}

#content .ho_facts ul li {
background: url("../img/picto-image.png") no-repeat 0 -296px ;
color: #666666;
display: block;
padding-left: 15px;
margin: 0 0 6px 2px;
}

#content .ho_facts ul li ,
#content .ho_interior ul li,
#content .ho_rooms ul li,
#content .ho_overview ul li {
background: url("../img/picto-image.png") no-repeat 0 -296px ;
color: #666666;
display: block;
padding-left: 15px;
margin-left: 2px;
}

#content .ho_facts ul li {
margin: 0 0 6px 2px;
}

#content .ho_rooms ul li,
#content .ho_overview ul li {
background: url("../img/picto-image.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
padding-bottom:2px;
color: #333333;
}

#content .ho_rooms_desc ul {

margin-top: 2px;
margin-bottom: 17px;
width:300px;
}

#content .ho_interior ul {
margin-bottom: 30px;
}

#content .ho_facts .bigger {
color: #666;  
font-size:18px;
margin: 3px 0 15px 0;
line-height: 18px;
}

#content .ho_facts .prospekt img {
margin-top:20px;
box-shadow:4px 4px 4px #666;
}

#content .ho_facts .prospekt a {
background-image: none;
padding: 0;
}

.stars-1 {
background: url("../img/stars.png") no-repeat 0 0 ;
height: 22px;
}
.stars-2 {
background: url("../img/stars.png") no-repeat 0 -22px ;
height: 22px;
}
.stars-3 {
background: url("../img/stars.png") no-repeat 0 -44px ;
height: 22px;
}
.stars-4 {
background: url("../img/stars.png") no-repeat 0 -66px ;
height: 22px;
}
.stars-5 {
background: url("../img/stars.png") no-repeat 0 -88px ;
height: 22px;
}

.fee-0 {
background: url("../img/fee.png") no-repeat 0 0 ;
height: 22px;
}
.fee-1 {
background: url("../img/fee.png") no-repeat 0 -22px ;
height: 22px;
}
.fee-2 {
background: url("../img/fee.png") no-repeat 0 -44px ;
height: 22px;
}

#content .ho_requests {
margin:30px 0 25px 0;
padding: 0 0;
}

#ho_requests_form_div {
position:relative;
margin:17px 0 25px 0;
}

#ho_requests_form_div input {
width:127px;
margin-right:10px;
margin-bottom:10px;
}

#ho_requests_form_div textarea {
width:427px;
height:60px;
margin-bottom:10px;
}

#content .ho_footernav {
clear:both;
margin-top:40px;  
border-top: 1px solid #999;
}

#content .ho_footernav ul li  {
background: url("../img/picto-image.png") no-repeat 0 5px ;
color: #666666;
display: inline;
padding: 0 10px 0 12px;
margin-left: 0;
}

#content .ho_footernav li a {
color: #666;
}

#content .ho_overview img{
/*width:300px;*/
/*height:200px*/
}

#content .ho_overview {
border-top: 1px solid #999;
margin:30px 0;
}

#content .ho_overview_basic {
margin:20px 0;
}
#content .ho_overview.ho_overview_basic h2 {
margin-top:15px;
}

#content .ho_overview  a {
color: #333;
}

#content .ho_overview h2,
#content .ho_interior h2 {
margin:20px 0 3px 0;
}

#content .ho_overview h2 a {
color:#004594;
}

#content .ho_overview p{
margin:0 0 10px 0;
}
#content p.subline {
font-size:12px;
color:#666;
line-height:12px;
margin-bottom:15px;
}
#content p.subline a {
color:#666;
}
#content p.subline a:hover {
color:#333;
}

#content .ho_overview   .ho_desc2 {
margin: 15px 0 20px 0;
width: 95%;
}

#content .ho_overview .mr10 {
margin-right:10px;
}

#content .shortfacts {
float:left;
margin:0 0 3px 0;
width:125px;
position:relative;
}
#content .shortfacts.sf2 {
width:80px;
}
#content .shortfacts.sf3 {
width:95px;
}
#content .shortfacts p{
color: #666;  
font-size:16px;
line-height: 18px;
}
#content .shortfacts h4 {
font-size:10px!important;
margin:0 0 0px 0;
}
#content .shortfacts img.eco {
position: absolute;
right:-36px;
top:0;
}

#content .btn,
#layer_text .btn_row .btn_item .btn {
background:url("../img/picto-image.png") no-repeat 8px -21px;
background-color:#0063A9;
color:#fff !important;
font-size:14px;
margin-top:7px;
padding-left:10px;
float:left;
display:block;
height:28px;
line-height:25px;
width:135px;
text-decoration:none;
text-align:left;
}
#content .btn:hover,
#layer_text .btn_row .btn_item .btn:hover {
background-color:#004594;
}

#content .btn.autowidth,
#layer_block .btn.autowidth {
padding-right:30px;
}

#content .btn.btn_basic {
background-color: #4093D9;
float: right;
margin-top: 16px;
margin-left: 20px;
padding-right: 20px;
height: 24px;
line-height: 21px;
}

#content .ho_overview .act {
background-color: #0063A9;
}

#content .ho_overview .act:hover {
background-color: #004594;
}

#content .ho_overview .inact {
background-color: #8ba0cd;
}

#content .ho_rooms  {
margin-bottom:50px;
}

#content .ho_rooms p  {
margin-bottom:15px;
}

#content .ho_rooms h2 ,
#content .ho_map h2  {
margin:20px 0 10px 0;
}

#content .ho_rooms h3 ,
#content .ho_map h3  {
font-size:14px;
line-height:18px;
margin:20px 0 10px 0;
}

#content .ho_rooms h3  {
margin-top:30px;
}

#content .ho_rooms img  {
margin:0 0 30px 0;
}

#content .ho_map iframe {
margin:20px 0 0 0;
}

/***** HOTEL *****/


.tablesorter .headerSortDown {
background-image:url(../img/tablesorter/asc.gif) 
}

.tablesorter .headerSortUp {
background-image:url(../img/tablesorter/desc.gif) 
}

.tablesorter .headerSortDown,
.tablesorter .headerSortUp {
background-repeat:no-repeat;
background-position:right center;
}

.tablepager {
margin-bottom:40px;
}

.tablepager .pagedisplay {
float:left;
border:0;
background:none;
color:#333;
text-align:center;
width:85px;
height:24px;
}

.tablepager .first,
.tablepager .prev,
.tablepager .next,
.tablepager .last {
display:block;
float:left;
font-size:28px;
line-height:19px;
display:inline;
cursor:pointer;
text-decoration:none;
padding:0 8px 8px 8px;
background-color:#F1F1F1;
}

.tablepager input,
.tablepager select {
font-size:14px;
padding:0;
}

/***** FINDER *****/

#finder-suche {
padding-bottom:20px;
}

#finder-suche input {
background-color: #fff;
border: 1px solid #dadada;
font-size: 20px;
color: #757575;
padding: 8px;
width: 95%;
}

#finder-suche .finder-submit,
.cities  .finder-submit{
background-color:#0063a9;
font-size:20px;
color: #fff;
font-weight: bold;
padding: 8px;
width: 95%;
float: right;
height: 45px;
cursor: pointer;
}

.finder-switch {
float: left;
margin: 6px 0 20px 0;
}

.finder-switch a{
border: 1px solid #dadada;
padding: 5px 8px 5px 30px;
margin-right:8px;
color: #858585;
text-decoration: none;
}

.finder-switch a.btn-list-act,
.finder-switch a.btn-list:hover {
background:url("../img/picto-image.png") no-repeat 8px -590px; 
color: #004594;
}

.finder-switch a.btn-detail-act,
.finder-switch a.btn-detail:hover {
background:url("../img/picto-image.png") no-repeat 8px -640px; 
color: #004594;
}

.finder-switch a.btn-list {
background:url("../img/picto-image.png") no-repeat -77px -590px; 
}

.finder-switch a.btn-detail {
background:url("../img/picto-image.png") no-repeat -77px -640px; 
}

.finder-radius, 
.finder-region {
float: right;
overflow: hidden;
/* background:url("../img/picto-image.png") no-repeat 142px -694px;  */
background:url("../img/pictos/select-arrow.png") no-repeat right ; 
border: 1px solid #dadada;
width: 170px;
}

.finder-region {
border: 1px solid #dadada;
border-top: 0;
width: 298px;
}

.finder-radius select,
.finder-region select {
background: #fff;
color: #858585;
font-size:14px;
color: #858585;
padding:4px;
width: 322px;
height: 29px;
cursor: pointer;
background: transparent;
border: 0;
border-radius: 0;
line-height: 1;
-webkit-appearance: none;
}

.finder-radius select:hover,
.finder-region select:hover {
color: #004594;
}

.finder-radius select {
width: 195px;
}

.finder-radius select option,
.finder-region select option  {
background: #fff;
}

#finder-filter {
margin-top: 60px;
}

.finder-picto {
margin-bottom: 20px;
}

.finder-picto a{
font-size: 12px;
color: #666;
float:right;
margin-top:-10px;
position: relative;
padding-right:16px;
text-decoration:none;
}

.finder-picto a:after {
content:' >';
font-size:15px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
position: absolute;
right:1px;
top:-1px;
}

.finder-picto a:hover {
color: #004594;
}

#finder-filter .finder-picto ul.pictolist {
margin-bottom:5px;
}

#finder-filter .finder-picto ul li  {
color: #666666;
display: block;
height: 70px;
width: 40px;
margin: 0;
}
#finder-filter .finder-picto ul li.off  {
color: #666666 !important;
}
#content .teaser-big ul.pictolist li {
float:left;
display:block;
width:35px;
height:35px;
margin:0;
}

#finder-filter .finder-picto ul li.btn-filter {
background-color: #FFFFFF;
background-repeat: no-repeat;
height:65px;
width:75px;
}

#finder-filter .finder-picto ul li.btn-filter:hover,
#finder-filter .finder-picto ul li.btn-filter.active {
color: #0062a8;
}

#finder-filter .finder-picto ul li.btn-filter:last-child {
margin-right: 0;
}

#finder-filter .finder-picto ul li.fi-info {background-image: url("../img/pictos/picto-infos.png")}
#finder-filter .finder-picto ul li.fi-info.off {background-image: url("../img/pictos/picto-infos.png") !important}
#finder-filter .finder-picto ul li.fi-info:hover,
#finder-filter .finder-picto ul li.fi-info.active {background-image: url("../img/pictos/picto-infos-act.png")}
.teaser-big ul.pictolist li.fi-info {background-image: url("../img/pictos/picto-infos-small.png");background-repeat: no-repeat;}

#finder-filter .finder-picto ul li.fi-act {background-image: url("../img/pictos/picto-activities.png")}
#finder-filter .finder-picto ul li.fi-act.off {background-image: url("../img/pictos/picto-activities.png") !important}
#finder-filter .finder-picto ul li.fi-act:hover,
#finder-filter .finder-picto ul li.fi-act.active {background-image: url("../img/pictos/picto-activities-act.png")}
.teaser-big ul.pictolist li.fi-act {background-image: url("../img/pictos/picto-activities-small.png");background-repeat: no-repeat;}

#finder-filter .finder-picto ul li.fi-lodg {background-image: url("../img/pictos/picto-lodging.png")}
#finder-filter .finder-picto ul li.fi-lodg.off {background-image: url("../img/pictos/picto-lodging.png") !important}
#finder-filter .finder-picto ul li.fi-lodg:hover,
#finder-filter .finder-picto ul li.fi-lodg.active {background-image: url("../img/pictos/picto-lodging-act.png")}
.teaser-big ul.pictolist li.fi-lodg {background-image: url("../img/pictos/picto-lodging-small.png");background-repeat: no-repeat;}


#finder-filter  .finder-picto span,
.teaser-big ul.pictolist li span {
display: inline-block;
font-size: 10px;
font-weight: normal;
margin-top:38px;
overflow: hidden;
white-space: nowrap;
width: 75px;
text-align: center;
line-height:12px;
}
.teaser-big ul.pictolist li span {
width:35px;
margin-top:30px;
}

#finder-filter .fi-button {
color: #666666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin: 8px auto 0;
text-align: center;
}

#finder-filter .finder-picto ul li {
float: left;
}

#finder-filter .finder-picto ul li.fpic001 {
background-position: 17px 0;
}

#finder-filter .finder-picto ul li.fpic002 {
background-position: 17px -78px;
}

.clr:before, 
.clr:after {
content: "";
display: table;
}
.clr:after {
clear: both;
}

.finder-map {
border: 1px solid #dadada;
margin-top:-1px;
}

#map-tabs {
margin-top:8px;
font-size:15px;
display:block;
height:28px;
line-height: 26px;
}

#map-tabs a {
font-weight:700;
color:#c9c9c9;
padding:5px 10px;
border: 1px solid #dadada;
border-bottom: 0;
border-collapse:separate;
}

#map-tabs a:last-child {
border-left:0;
}

#map-tabs  a.tab-act {
color: #004594;
background-color: #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}





#layer_curtain {
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:999980;
width:100% !important;
height:100%;
background-color:#111;
opacity:.8;
cursor:pointer;
/* transition:all .3s; */
}

#layer_block {
display:none;
position:fixed;
left:50%;
top:45%;
transform:translate(-50%, -55%);
z-index:999999970;
/* transition:all .3s; */
}

#layer_block .btn-close {
position:absolute;
right:-15px;
top:-16px;
cursor:pointer;
}

#layer_content {
background-color:#fff;
border:5px solid #fff;
}

#layer_content h2,
#layer_content .h1 {
margin:0 0 15px 0;
}

#layer_content.curtain_urlaub {
background-image:url('/seen_db/static/img/slider/layer/layer-bg-uralub-am-see.jpg');
background-position:bottom;
background-repeat:no-repeat;
width:930px;
min-height:430px;
}

#layer_text {
padding:25px;
}

#layer_text .btn_row {
position: absolute;
bottom: 30px;
}

#layer_text .btn_row .btn_item {
float:left;
margin-right:10px;
}
#layer_text .btn_row .btn_item:last-child {
margin-right:0;
}

#layer_text .btn_row .btn_item a.btn {
display:block;
width:247px !important;
height:38px;
line-height:36px;
font-size:17px;
}





input.votebutton {
width:240px !important;
height:29px !important;
background-image: url('../img/btn/btn-vote-dl14.png');
font-size:0;
}

#mdm_ad_top {
float:right;
/* max-height:90px; */
/* width:728px; */
/*overflow:hidden;*/
/*height:90px;
background-color:#ff00ff;*/
}

#mdm_ad_top img {
float:right;
}

#mdm_ad_right {
float:left;
max-width:160px;
/*background-color:#ff00ff;*/
}


/***** Cities *****/

p.citiesheader {
font-size: 17px;
color: #004594;
margin-top:30px;
font-weight: bold;
}

.cities #map {
margin-bottom: 20px;
}

.cities  .laketype {
background-image: url("../img/pictos/picto-badesee.png");
background-repeat: no-repeat;
background-position: 8px 6px;
}

.cities  .finder-submit {
margin: 20px 0;
width: 300px;
float: left;
height: 80px;
padding: 12px 0 12px 30px;
}

#content .cities  .finder-submit  li {
font-size:13px;
margin-left: 14px;
}

.cities .button {
background-color: #0063A9;
background-image: url("../img/pictos/button-arrow.png");
background-position: 0 0;
background-repeat: no-repeat;
color: #FFFFFF;
cursor: pointer;
float: left;
font-size: 18px;
font-weight: bold;
height: 80px;
margin: 20px 0;
padding: 10px 14px 0 50px;
position: relative;
}

.cities .button:hover {
background-color:#004594;
}

.cities .button a {
color: #000;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #3382ba;
opacity: 0; 
filter: alpha(opacity=1);
text-decoration: none;
z-index: 100;
}

#content .cities .button li {
line-height: 15px;
font-size: 13px;
font-weight: normal;
margin-left: 14px;
}



/***** Teaser Linkbox-Test *****/

.linkbox {
position: relative;
}
 
.linkbox a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
background-color: #FFF;
opacity: 0;
filter: alpha(opacity=1); 
text-decoration: none;
}

.teaser-start .linkbox p span {
color: #333333;
display: block;
padding: 5px 0;
font-weight: 700;
}

.teaser-start .linkbox p span:before {
content: "»" " ";
font-size: 14px;
}

.teaser-start .linkbox:hover  {
opacity: 0.9;
font-weight: normal;
}

.teaser-start .linkbox:hover  span{
text-decoration: underline;
}


/***** menulayer *****/

#mainnav_layer  {
width:940px;
height:40px;
}

ul.mainnav {
list-style:none;
position:relative;
float:left;
clear:both;
height:36px;
list-style-type:none;
margin:0 20px;
}

ul.mainnav > li {
padding-bottom:2px;
float:left;
}

ul.mainnav > li > a {
display:block;
font-family: Raleway,Arial,Helvetica,sans-serif;
font-weight: 500;
height:36px;
line-height:35px;
font-size:19px;
padding:0 15px;
-webkit-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease; 
}

ul.mainnav div {
display:none;
position:absolute;
top:36px;
border-top:4px solid #fff;
left:0;
/*background:#f5f8ff;*/
background:#fff;
width:925px;
height:260px;
padding:10px 0 20px 15px;
/*box-shadow:0 10px 10px -5px #333;*/
box-shadow:0 10px 20px -17px #333;
box-shadow:0 10px 25px -15px #333;
}

ul.mainnav div ul li a {
display:block;
text-decoration:none;
color:#222;
padding:2px 2px 2px 4px;
margin:2px;
font-size:12px;
}

ul.mainnav li ul {
list-style:none;
float:left;
width:150px;
width:176px;
width:188px;
margin-right:20px !important;
}

ul.mainnav li ul:last-child {
margin-right:0 !important;
width:301px;
overflow:hidden;
}

li.mainnav_head {
color:#004594;
font-size:16px;
margin-bottom:10px;
padding-bottom:6px;
border-bottom:1px solid #abb7d8;
font-family:Roboto, Arial, Helvetica, sans-serif;
}

#mainnav ul li a ,
#subnav ul li a {
display:block;
color:#004594;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight: 500;
height: auto;
font-size:12px;
line-height:16px;
padding:6px 0 6px 14px;
border-bottom: 1px solid #dfe5f3;
margin: 0;
background:url("../img/picto-image.png") no-repeat 2px -688px;
-webkit-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease; 
}

/*#mainnav ul li a:before {
content: "»" " ";
font-size:16px;
}*/

#mainnav a:hover,
#mainnav a.act,
ul.mainnav > li:hover > a,
ul.mainnav > li.act > a  {
background:#0063a9;
color:#fff;
text-decoration:none;
}

#mainnav li div ul li a:hover {
background-color:#0063a9;
background-image:url("../img/picto-image.png");
background-repeat:no-repeat;
background-position:2px -738px;
}

ul.mainnav > li:hover div {
z-index:9999;
display:block;
}

#mainnav  li.mainnav_ad {
margin-top:28px;
}

#mainnav  li.mainnav_ad a {
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
}

#mainnav  li.mainnav_ad a:before {
content: none;
}

#mainnav  li.mainnav_ad a:hover {
background-color: transparent;
}

.display-none {
display:none !important;
}


/* Urlaub am See */

/* #cms-content .btn,
#content-pjax .btn {
background:url("../img/picto-image.png") no-repeat 8px -21px;   
color:#fff;
font-size:14px;
margin-top:8px;
padding-left:10px;
display:block;
height:28px;
line-height:25px;
width:150px;
text-decoration:none;
text-align:left;
} */

#cms-content .act {
background-color: #0063A9;
}

#cms-content  .act:hover {
background-color: #004594;
}

#cms-content .teaser-angebot {
margin:0px 0 40px 0;
position:relative;
}

#cms-content .teaser-angebot a {
display:block;
}

#cms-content .teaser-angebot h3,
#cms-content .teaser-angebot a,
#cms-content .teaser-angebot a span,
#cms-content h2.angebot a {
font-family:Raleway, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot p.price  {
padding-top:10px;
text-align: right;
}

#cms-content .teaser-angebot .price span {
font-size: 30px;
}

#cms-content h2.angebot {
font-weight: 600;
font-size: 20px;
margin-top:20px;
}

#cms-content .teaser-angebot h3 {
margin:0;
}

#cms-content .teaser-angebot a.one_link {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:block;
}

#cms-content .teaser-angebot-private {
transition:all .3s;
margin-bottom:60px;
}

#cms-content .teaser-angebot-private:hover {
opacity:.85;
}

#cms-content .teaser-angebot-private img {
margin-bottom:2px;
}

#cms-content .teaser-angebot-private h3 {
margin-bottom:5px;
line-height:1.2em;
}

#cms-content .teaser-angebot-private p {
font-size:12px;
line-height:1.4em;
margin-bottom:0.4em;
}

#cms-content .teaser-angebot-private p.price {
float:right;
padding-top:5px;
font-family:Raleway, Arial, Helvetica, sans-serif;
color:#0063a9;
}

#cms-content .teaser-angebot-private p.price span.price_big {
font-size:28px;
padding-left:2px;
font-family:Raleway, Arial, Helvetica, sans-serif;
font-weight:500;
}

#cms-content .teaser-angebot-private p.price span.price_euro {
padding-left:4px;
font-family:Raleway, Arial, Helvetica, sans-serif;
font-size:90%;
}


/* Shop - Produktscout */

#cms-content .teaser-angebot-shop {
margin:12px 0 30px 0;
font-family:Raleway, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot-shop a {
font-family:Raleway, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot-shop p {
color:#004594;
margin-top:10px;
font-size:12px;
line-height:20px;
}

#cms-content .teaser-angebot-shop p.price a {
font-family:Roboto, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot-shop p.price span {
padding-top:10px;
font-weight:bold;
}

#cms-content .teaser-angebot-shop h3 {
margin:15px 0 0 0;
}

.cc_container .cc_btn,
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active,
.cc_container .cc_btn:visited {
background-color:#0063a9 !important;
color:#fff !important;
}

.cc_container .cc_btn:hover {
text-decoration:underline !important;
}

.infobox {
background-color:#e7f5fc;
background-color:#edf2f6;
padding:15px 20px 20px 20px;
margin-top:20px;
margin-bottom:30px;
}

.infobox h4 {
margin-top:0;
color:#0063a9;
margin-bottom:4px;
font-size:14px;
}

.infobox p {
margin-bottom:0;
font-size:12px;
line-height:19px;
}



#debug-bar {
color:#fff;
text-align:left;
line-height:1.4em;
position:fixed;
left:0px;
top:0px;
width: 100%;
background-color:#333;
box-shadow:0 0 3px 3px rgba(0,0,0,0.3);
padding:0;
transition:all .2s;
}

#debug-bar:hover {
opacity:1;
}

#debug-bar h2, #debug-bar h3, #debug-bar a {
    color: #fff;
}
#debug-bar > .left { width: 50%; float:left; margin: 10px;}
#debug-bar > .right { width: 45%; float:right; text-align: right; margin: 10px; }
#debug-bar a.button { background: #fff; color: #000; padding: 3px; border-radius: 3px; margin: 3px;  }
#debug-bar .green { color: #0e0; }
#debug-bar .red { color: #e00; }
.debug-margin { margin-top:40px;}


#content a.btn-book {
-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
box-shadow:inset 0px 1px 0px 0px #fce2c1;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
background-color:#ffc477;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #eeb44f;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:15px;
font-weight:700;
padding:4px 24px;
text-decoration:none;
text-shadow:0px 0px 2px #6C3F00;
margin-bottom:30px;
}

#content a.btn-book:before {
content:"» "; 
font-size:120%;
}

#content a.btn-book:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
background-color:#fb9e25;
}

#content a.btn-book.btn-book-left {
float:left;
margin-right:20px;
margin-bottom:7px;
}
#content a.btn-book.btn-book-right {
float:right;
margin-left:20px;
margin-bottom:7px;
}