html {
    height: 100%;
    margin-bottom: 1px;
    overflow-y: scroll;
}

body {
    margin: 0;
    padding:0;
    background-color:#eee;
    font: 14px/16px Arial, Sans-serif;
}

*{
    margin: 0;
    padding: 0;
}

.clear{
    clear: both;
}

.hidden{
    display: none;
}

.center{
    margin: 0 auto;
}

.mb50{
    margin-bottom: 30px !important;
}

.mt50{
    margin-top: 30px !important;
}

.ml15{
    margin-left: 15px;
}

.traueranzeigeFooter .ml15{
    margin-left: 10px;
}

.sprite{
    background: url('../img/sprite.png') no-repeat top left transparent;
}

@font-face {
    font-family: 'GentiumBookBasicRegular';
    src: url('font/GenBkBasR-webfont.eot');
    src: url('font/GenBkBasR-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/GenBkBasR-webfont.woff') format('woff'),
    url('font/GenBkBasR-webfont.ttf') format('truetype'),
    url('font/GenBkBasR-webfont.svg#GentiumBookBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GentiumBookBasicBold';
    src: url('font/GenBkBasB-webfont.eot');
    src: url('font/GenBkBasB-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/GenBkBasB-webfont.woff') format('woff'),
    url('font/GenBkBasB-webfont.ttf') format('truetype'),
    url('font/GenBkBasB-webfont.svg#GentiumBookBasicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

textarea{
    font-family: Arial, sans-serif;
    font-size: 14px;
    resize: none;
}

.article ol{
    font: 14px/18px Arial, sans-serif;
    list-style-position: inside;
}

.article ol li{
    margin: 0 0 10px;
}



/*--------------------------------------------------------------------------------------------------------- Header ---*/

#header {
    background-color: #121314;
    color: #848484;
    height: 74px;
    position:relative;
    /*margin-bottom: 36px;*/
    margin-bottom: 10px;
    font: 25px/27px "futura-pt",arial,sans-serif;
    text-transform: uppercase;
}

#header a, #header a:visited{
    color: #848484;
    text-decoration: none;

}

#header a:hover{
    color: #cccccc;
}

#header-contents, #contents {
    width: 942px;
    margin:auto;
}

#header-contents div {
    position: relative;
}

#header-contents h1 {
    left: 0;
    margin: 25px 0 0 0;
    padding: 0;
    font-size: 29px;
    letter-spacing: 5px;
    float: left;
    font-weight: 300;
}

#seo-texte h2{
    font: 20px/25px "futura-pt", arial, sans-serif;
    margin-bottom: 5px;
}



#header-contents h1 a {
    color: #bebebe !important;
}

#header-contents h1 .header-small{
    font-size: 18px;
    color: #848484;
}

#headSearch, #headAdd {
    float: right;
    font: 16px/16px "futura-pt", arial, sans-serif;
    text-transform: uppercase;
}

#headAdd,.sucheTitle{
    border-left: 1px solid #414243;
}

#headSearch:hover .sucheTitle{
    cursor: pointer;
    color: #CCCCCC;

}

.headRight {
    height: 44px;
    padding: 30px 28px 0;
}

.filterOptions{
    display: none;
    background-color: #121314;
    font-size: 13px;
    padding: 5px 10px;
    z-index: 999;
    margin-left: 1px;
    line-height: 20px;
    width: 140px;
    position: absolute !important;
}

.filterOption{
    height:20px;
    white-space:nowrap;
}

.filterOption .sidebox.name {
    white-space:normal;
}

.sucheTitle {
    height: 44px;
    padding: 30px 35px 0 45px;
    width: 80px;
}

.sucheTitle span.arrow{
    width: 7px;
    height: 5px;
    display: inline-block;
    padding: 0;
    background-position: -13px 0px;
    border: none;
    margin: 0px 0 3px 6px;

}

.linkdiv{
    background: url("../img/arrow.png") no-repeat scroll 130px 5px transparent;
}

.linkdiv:hover{
    color: #CCCCCC;
    cursor: pointer;
}

.sidebox{
    background: none repeat scroll 0 0 #121314;
    width: 200px;
    padding-bottom: 5px;
    left: 138px;
    top: -20px;
    cursor: default;
}

.sidebox form {
    display: block;
    text-align: center;
    padding-top: 10px;
}

.sidebox input {
    margin: 10px 23px 0;
}

.sidebox input.send {
    background-color: transparent;
    border: medium none;
    color: #848484;

    font-family: "futura-pt",arial,sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 7px 0 5px;
}

.sidebox input.send:hover {
    color: #CCCCCC;
    cursor: pointer;
}

.sidebox.month {
    padding: 5px 10px;
    width: 110px;
}


/*


#header-contents .header-links {
    position:absolute;
    right:0;
    font-size: 16px;
    line-height: 20px;
}

.header-links .search {
    width: 135px;
}

#headSearch, #headAdd {
    height: 46px;
    padding: 28px 28px 0;
    display: block;
}

#headSearch{
    float: left;
    width: 140px;
    padding: 0;
    height: 164px;
}

#headSearch .head{
    height: 46px;
    border-left: 1px solid #414243;
    border-right: 1px solid #414243;
    padding: 28px 35px 0;
    cursor: pointer;
    cursor: pointer;
}

#headSearch .head:hover{
    color: #ccc;
}

#headAdd{
    float: right;
}

#header-contents .header-links div.last {
    padding-right: 5px;
}


#header-contents .header-links .filterOptions {
    padding: 5px 10px;
    background: none repeat scroll 0 0 #121314;
    display:none;
    font-size: 13px;
    width: 120px;
    z-index: 99;
}

div.search {
    width:100px;
}

.filterOptions .sidebox{
    background: none repeat scroll 0 0 #121314;
    width: 200px;
    position: absolute !important;
    top: 0px;
    z-index: 0;
    left: 120px;
    padding-bottom: 5px;
}

.sidebox.month {
    top: 0px;
    padding: 5px 10px;
    width: 100px;
    left: 120px;
}

.linkdiv{
    cursor: default;
}

.sidebox input{
    margin: 10px 23px 0px;
}

.sidebox form{
    display: block;
    margin-top: 10px;
    text-align: center;
}

.sidebox input.send{
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #848484;
    font-family: "futura-pt",arial,sans-serif;
    font-size: 16px;
    padding: 0;
}

.sidebox input.send:hover{
    color: #ccc;
}




#header-contents .header-links .search:hover{
    color: #ccc;
}    */


/*--------------------------------------------------------------------------------------- Index Floating Container ---*/


.floatingAnzeigenContainer, .thumbnailAnzeigen {
    display: inline-block;
}

/* hide from IE Mac \*/
* html .floatingAnzeigenContainer { height: 1%; }
* html .detailsBoxes { height: 1%; }
* html .thumbnailAnzeigen { height: 1%; }
.floatingAnzeigenContainer, .thumbnailAnzeigen { display: block;
}
/* hide end */

.floatingAnzeigenContainer:after, .thumbnailAnzeigen:after {
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
}

.floatingAnzeigenContainer .fixedAnzeige {
    float:left;
    position:relative;
    width: 0;
    height: 350px;
}

.floatingAnzeigenContainer .fixedAnzeige a {
    position:absolute;
    height: 350px;
    text-decoration: none;
}

.floatingAnzeigenContainer .layout3row0 { margin-top:0 }
.floatingAnzeigenContainer .layout3row1 { margin-top:370px }
.floatingAnzeigenContainer .layout3row2 { margin-top:740px }
.floatingAnzeigenContainer .layout3row3 { margin-top:1110px }
.floatingAnzeigenContainer .layout3row4 { margin-top:1480px }
.floatingAnzeigenContainer .layout3row5 { margin-top:1850px }
.floatingAnzeigenContainer .layout3row6 { margin-top:2220px }
.floatingAnzeigenContainer .layout3row7 { margin-top:2590px }
.floatingAnzeigenContainer .layout3row8 { margin-top:2960px }
.floatingAnzeigenContainer .layout3row9 { margin-top:3330px }
.floatingAnzeigenContainer .layout3row10 { margin-top:3700px }
.floatingAnzeigenContainer .layout3row11 { margin-top:4070px }
.floatingAnzeigenContainer .layout3row12 { margin-top:4440px }
.floatingAnzeigenContainer .layout3row13 { margin-top:4810px }
.floatingAnzeigenContainer .layout3row14 { margin-top:5180px }
.floatingAnzeigenContainer .layout3row15 { margin-top:5550px }
.floatingAnzeigenContainer .layout3row16 { margin-top:5920px }
.floatingAnzeigenContainer .layout3row17 { margin-top:6290px }
.floatingAnzeigenContainer .layout3row18 { margin-top:6660px }
.floatingAnzeigenContainer .layout3row19 { margin-top:7030px }
.floatingAnzeigenContainer .layout3row20 { margin-top:7400px }
.floatingAnzeigenContainer .layout3row21 { margin-top:7770px }
.floatingAnzeigenContainer .layout3row22 { margin-top:8140px }
.floatingAnzeigenContainer .layout3row23 { margin-top:8510px }
.floatingAnzeigenContainer .layout3row24 { margin-top:8880px }
.floatingAnzeigenContainer .layout3row25 { margin-top:9250px }
.floatingAnzeigenContainer .layout3row26 { margin-top:9620px }
.floatingAnzeigenContainer .layout3row27 { margin-top:9990px }
.floatingAnzeigenContainer .layout3row28 { margin-top:10360px }
.floatingAnzeigenContainer .layout3row29 { margin-top:10730px }
.floatingAnzeigenContainer .layout3hide { display:none }

.floatingAnzeigenContainer .layout3column0 a { left:0 }
.floatingAnzeigenContainer .layout3column1 a { left:320px }
.floatingAnzeigenContainer .layout3column2 a { left:640px }

.floatingAnzeige, .column {
    float:left;
}

.column.first {
    margin-left: 8px;
}

.floatingAnzeige, .box {
    margin-top:10px;
    margin-bottom:10px;
    border: 1px solid #CCC;
    background-color:#fff;
    box-shadow: 1px 2px 4px #d6d6d6;
}

.floatingAnzeige:hover{
    box-shadow: 1px 2px 3px #bfbfbf;
}

.counter{
    color: #666666;
}

.centeredAnzeigenContainer {
    margin: auto;
    background-color: #ffffff;
    padding: 1px 0 21px;
}

.detailsBoxes {
    margin: 0 -8px;
}

.column .box{
    margin-top: 2px;
}

.column .box.first{
    margin: 20px 0 0;
    background-position: 0 -34px;
    background-repeat: repeat-x;
    height: 66px;
}

.column.middle{
    margin: 0 19px;
}

.oneColumn, .box {
    width: 300px;
}

.twoColumns {
    width: 620px;
}

.threeColumns {
    width: 942px;
}

.traueranzeige {
    height:250px;
    margin: 20px 20px 0;
    border: 3px solid #666666;
    padding: 10px;
    background-color:#fff;
    font: 16px/16px GentiumBookBasicRegular, Georgia, Garamond, Times, serif;
    color: #464646;
}

.floatingAnzeige.oneColumn .traueranzeige{
    border-width: 2px;
    height: 252px;
}

.traueranzeigeFooter {
    margin: 13px 21px;
    color: #999999;
    text-decoration: none;
    font: 14px/24px Arial, sans-serif;
    display: block;
}

.traueranzeigeFooter div.readmore{
    width: 12px;
    height: 25px;
    float:right;
    background-position: 0px 4px;
}

/*------------------------------------------------------------------------------------------------- Box Text Index ---*/

.traueranzeige div{
    text-align: center;
}

.traueranzeige .name {
    font-size: 30px;
    Font-weight: bold;
    margin: 10px 0 0;
    line-height: 30px;
    color: #231f20;
    font: 33px/30px Georgia, Garamond, Times, serif;
}

.traueranzeige .intro {
}

.traueranzeige .town{
    margin-top: 2px;
}

.floatingAnzeige.twoColumns .resize, .centeredAnzeigenContainer.twoColumns .resize{
    width: 350px;
    float: right;
}

.floatingAnzeige.threeColumns .resize, .centeredAnzeigenContainer.threeColumns .resize{
    width: 600px;
    float: right;
}


.floatingAnzeige.twoColumns .bwImage, .centeredAnzeigenContainer.twoColumns .bwImage{
    width: 190px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

.floatingAnzeige.threeColumns .bwImage, .centeredAnzeigenContainer.threeColumns .bwImage{
    width: 260px;
    float: left;
    background: url('../img/bg1.png') no-repeat center center transparent;
    height: 100%;
}

.traueranzeige b{
    font: bold 16px/16px GentiumBookBasicBold, Georgia, Garamond, Times, serif;
}

.traueranzeige .date, .traueranzeige .personInfo {
    margin: 6px 0 0;
}

.traueranzeige .date .dateOfBirth {
    margin-right: 30px;
    background-position: -93px -14px;
    padding-left: 10px;
}

.traueranzeige .date .dateOfDeath {
    background-position: -93px 3px;
    padding-left: 10px;
}

.traueranzeige .mourners {
    margin: 15px 0 0;
    font: 16px/16px GentiumBookBasicRegular, Georgia, Garamond, Times, serif;
}

.traueranzeige .funeralInfo {
    margin: 10px 0 0;
}


/*----------------------------------------------------------------------------------------------- Box Text Special ---*/

.centeredAnzeigenContainer.oneColumn, .centeredAnzeigenContainer.twoColumns{
    margin: 20px auto;
    border: 1px solid #CCC;
    box-shadow: 1px 2px 4px #d6d6d6;
}

#top-frame, #link-frame {
    width: 942px;
    border: 1px solid #CCC;
    box-shadow: 1px 2px 4px #d6d6d6;
    margin: 0 auto;
}

#link-frame{
    margin-top: 45px;
}

.box h2 {
    margin: 0;
    padding: 26px 0 0 20px;
    font: 18px/18px "futura-pt",arial,sans-serif;
    color: #666;
    text-transform: uppercase;
}

.subBox {
    background-color: #fff;
    border: 1px solid #CCC;
    box-shadow: 1px 2px 4px #d6d6d6;
    margin: 2px 0 0;
    font: 14px/18px Arial, Sans-serif;
    width: 300px;
    color: #231F20;
}

.subBox .boxContent{
    padding: 17px 20px 12px;
}

.subBox .addedDate {
    color: #999 ;
    font-size: 12px;
    padding: 5px 20px 8px;
}

.box form {
    padding: 20px 20px 10px;
    text-align: right;
}

.box a.add, .box a.add:visited{
    text-decoration: none;
    font: 14px/14px Arial, sans-serif;
    color: #848484;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
    background-position: 105px -18px;
    margin: 15px 0 0 150px;
    padding-right: 11px;
    width: 100px;
}

.box a.add:hover{
    color: #333;
}

.box form input, .box form textarea {
    width: 250px;
    background-color: #f0f0f0;
    border: none;
    padding: 10px 5px;
    font: 14px/18px arial,sans-serif;
}

::-webkit-input-placeholder  {
    font-style: italic !important;
    color: #666666 !important;
}

:-moz-placeholder {
    font-style: italic !important;
    color: #666666 !important;
}

textarea { overflow: auto; } /* for IE */

.box form textarea {
    resize: none;
    height: 56px;
    font: 14px/18px arial, sans-serif;
}

.nearest {
    background: #e5e5e5 ;
    box-shadow: 0 0 12px #ccc inset;
    margin-top: 30px;
}

.nearestTitle {
    text-align: center;
    color: #666;
    font: 18px/18px "futura-pt",arial,sans-serif;
    margin: 20px 0 0;
    padding: 25px 0 25px;
    text-transform: uppercase;

}

.thumbnailAnzeigen {
    width:760px;
    margin:auto;
}

.thumbnailAnzeigeFrame {
    float:left;
    width:240px;
    height: 160px;
}

.thumbnailAnzeigeFrame a {
    color:#000;
    text-decoration: none;
}

.thumbnailAnzeigeFrame .bxBox{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 2px 4px #D6D6D6;
    margin: 10px;
}

.thumbnailAnzeige {
    margin:10px;
    border: 2px solid #666;
    padding: 0 10px;
    background-color:#fff;
    font: 33px/30px Georgia,Garamond,Times,serif;
    height: 90px;
}

.thumbnailAnzeige .date, .thumbnailAnzeige .town {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    margin: 5px 0 0;
}

.thumbnailAnzeige .date .dateOfBirth{
    margin-right: 5px;
    background-position: -93px -12px;
    padding-left: 9px;
}

.thumbnailAnzeige .date .dateOfDeath{
    margin-left: 5px;
    background-position: -93px 2px;
    padding-left: 9px;
}

.thumbnailAnzeige .name{
    font-size: 18px;
    line-height: 18px;
    text-align: center;
}

.contact-info {
    margin: 20px auto 0;
    width: 960px;
    text-align: center;
    font: 12px/14px Arial, Sans-Serif;
    color: #666666;
}

#kondolenz-name, #trauerspruch-name{
    margin-top: 5px;
}

#trauerlied-name {
    margin-top: 7px;
}

.trauerlied-preview {
    width: 260px;

}

.boxContent .yt-container{
    min-height: 208px;
}




img.desaturate{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.contact-info .highlight{
    color: #333333;
}

.contact-info .highlight a, .contact-info .highlight a:visited {
    color: #333333;
    text-decoration: none;
}

.successbox{
    font: 12px/14px Arial, Sans-Serif;
    color: #666;
    padding: 20px;
    text-align: center;
}

.errorbox ul{
    font: 12px/14px Arial, Sans-Serif;
    color: #666;
    list-style-type: none;
    padding:0;
    text-align: center;
}

.bx-wrapper{
    margin: 0 auto;
}

.bx-wrapper .bx-prev{
    width: 20px;
    height: 25px;
    display: block;
    background-position: -28px 0;
    left: -23px;
    top: 60px;
}

.bx-wrapper .bx-next{
    width: 25px;
    height: 25px;
    display: block;
    float: right;
    background-position: -45px 0px;
    right: -30px;
    top: 60px;
}

.bx-prev, .bx-next{
    background: url(../img/sprite.png) no-repeat top left transparent;
    font-size: 0px;
    position: absolute;
}

.iebox{
    display: none;
    margin: 8px 0 5px;
    text-align: left;
    color: #848484;
    font: 14px/16px Arial, Sans-Serif;
}

#link-frame h3{
    color: #666666;
    font: 18px/18px "futura-pt",Arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 15px;
}

#link-frame ul{
    padding: 0;
    text-align: center;
}

#link-frame ul li{
    list-style-type: none;
    font: 14px/16px Arial, Sans-Serif;
}

#link-frame ul li a, #link-frame ul li a:hover, #link-frame ul li a:visited{
    text-decoration: none;
    color: #333333;
}

.pdf-link{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../img/sprite.png") no-repeat scroll -13px -11px transparent;
}

.play-button{
    width: 36px;
    height: 24px;
    display: block;
    position: relative;
    top: 120px;
    background-position: 0px -101px;
    left: 112px;
    z-index: 999;
    margin-top: -24px;
}

.subBox .boxContent div:hover .play-button:active{
    background-position: -72px -101px !important;
}

.subBox .boxContent div:hover .play-button:hover{
    background-position: -36px -125px;
}

.subBox .boxContent div:hover .play-button{
    background-position: -36px -101px;
}

.subBox .boxContent div:hover{
    cursor: pointer;
}

.boxContent h4{
    margin: 0 0 15px;
    color: #333;
    font-weight: normal;
}

#addLink{
    margin: 20px 0 20px;
    font: 14px/16px Arial,Sans-Serif;
    color: #333333;
    text-align: center;
    min-height: 15px;
}

#addLink .box{
    padding: 20px 20px 10px;
    width: 260px;
    margin-bottom: 15px;
}

#addLink #linkUrl{
    margin-bottom: 7px;
}

#addLink input{
    background-color: #F0F0F0;
    border: medium none;
    font: 14px/18px arial,sans-serif;
    padding: 10px 5px;
    width: 250px;
}

#addLink label{
    margin-right: 10px;
}

#linkUrl{
    margin-right: 30px;
}

/*----------------------------------------------------------------------------------------------- Anzeige aufgeben ---*/

#traueranzeigeFormular {
    width: 696px;
    margin: 0 auto 30px;
    font: 14px/16px Arial, Sans-Serif;
    color: #333;
    border-spacing: 5px;
    cell-spacing: 5pt;
}

#traueranzeigeFormular input{
    height: 23px;
    border: 1px solid #ccc;
    padding: 0 5px;
}

#traueranzeigeFormular #telefon, #traueranzeigeFormular #email, #traueranzeigeFormular #personInfo{
    width: 391px;
}

#traueranzeigeFormular .webseiteTitle{
    margin-left: 11px;
    width: 163px;
}

#traueranzeigeFormular .webseiteUrl{
    width: 205px;
}

#traueranzeigeFormular #postalCode{
    margin-right: 11px;
    width: 100px;
}

#traueranzeigeFormular #town{
    width: 268px;
}

#traueranzeigeFormular #dateOfBirth,#traueranzeigeFormular #dateOfDeath  {
    width: 184px;
}

#traueranzeigeFormular #dateOfBirth{
    margin-right: 11px;
}

#traueranzeigeFormular #lastName{
    width: 147px;
    margin-top: 5px;
}
#traueranzeigeFormular #title{
    width: 50px;
    margin-right: 11px;
}

#traueranzeigeFormular #firstName{
    width: 147px;
    margin-right: 11px;
}

#traueranzeigeFormular textarea{
    width: 391px;
    height: 55px;
    border: 1px solid #ccc;
    padding: 3px 5px;
}

.centeredAnzeigenContainer.threeColumns.preview{
    margin-bottom: 20px;
}

#traueranzeigeFormular select{
    width: 196px;
    height: 25px;
    border: 1px solid #ccc;
    padding: 3px 5px;
}

.button.button-submit{
    width: 200px;
    border: 1px solid #ccc;
    background: url("../img/sprite.png") repeat-x 0 -34px transparent;
    box-shadow: 1px 2px 4px #D6D6D6;
    font: 16px/16px "futura-pt", Arial, sans-serif;
    height: 40px;
    text-transform: uppercase;

}

.button.button-submit:hover{
    background-position: 0 -62px;
    box-shadow: 0 1px 2px #d9d9d9;
    cursor: pointer;
}

.sprite.buttonAddLink{
    font: 14px/14px Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 auto 0;
    color: #848484;
    cursor: pointer;
    background-position: 123px -18px;
    text-align: left;
    padding-right: 10px;
}

.sprite.buttonAddLink:hover{
    color: #333;
}

.button.addUrl{
    background: url("../img/sprite.png") repeat-x scroll 0 -34px transparent;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 2px 4px #D6D6D6;
    cursor: pointer;
    float: right;
    font: 17px/22px "futura-pt",Arial,sans-serif;
    height: 23px;
    text-align: center;
    width: 23px;

}

.button.addUrl:hover{
    background-position: 0 -62px;
    box-shadow: 0 1px 2px #d9d9d9;
    cursor: pointer;
}


.linkbox {
    background-color: #F7F7F7;
    padding: 15px 20px;
    text-align: justify;
}
* {
    margin: 0;
    padding: 0;
}
body {
    color: #333333;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
}
body:not([id]) {
    cursor: auto !important;
}

p.tipp {
    font-size: 12px;
    padding-top: 4px;
    color: #666;
}

p.tipp a{
    text-decoration: none;
    color: #333;
}

p.tipp a:hover{
    color: #666;
}

.detailsBoxes p.tipp{
    text-align: center;
    width: 300px;
}

/*---------------------------------------------------------------------------------------------- Fließtext-Seiten --- */

.article h2 {
    font: bold 14px/18px Arial, sans-serif;
    margin: 14px 0;
    padding:0;
}

#privacy .article h2 {
    font-size: 18px;
    line-height: 20px;
    margin: 14px 0;
    padding:0;
    color: #666;
}

#privacy .article h3 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    margin: 30px 0 0;
    padding:0;
}

#privacy .article h4 {
    text-decoration: underline;
    padding:0;
    margin-top: 20px;
}
#privacy ul {
    list-style-position: inside;
    font: 14px/18px Arial, sans-serif;
}
.article p {
    font: 14px/18px Arial, sans-serif;
    margin: 14px 0;
    padding:0;
}
/*-------------------------------------------------------------------------------------------------------- Footer --- */

#footer {
    border-top: 1px solid #ccc;
    height: 145px;
    padding-top: 30px;
}

#footer .innerwrap{
    width: 960px;
    margin: 0 auto;
    font: 12px/16px "futura-pt", Arial, sans-serif;
    text-transform: uppercase;
}

#footer .innerwrap ul{
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 960px;
    text-align: center;
}

#footer .innerwrap ul a, #footer .innerwrap ul a:visited{
    text-decoration: none;
    color: #666666;
}

#footer .innerwrap ul a:hover{
    color: #333333;
}

#footer .innerwrap ul li{
    display: inline-block;

}

#footer .innerwrap ul span.splitter{
    height: 11px;
    border-left: 1px solid #b0b0b0;
    width: 0px;
    display: block;
    margin: 3px 20px 0;
}

#pager ul{
    list-style-type: none;
    height: 25px;
    margin: 57px auto 65px;
    padding: 0;
    width: 960px;
    text-align: center;
}

#pager ul li{
    font: 16px/20px "futura-pt", Arial, sans-serif;
    display: inline-block;
    font-weight: 300;
}

#pager ul li span{
    padding: 0 10px;
}

#pager ul a, #pager ul a:visited{
    text-decoration: none;
    color: #666666;
    padding: 0 10px;
}

#pager ul a:hover{
    color: #333333;
}

#pager ul li.page{
    text-transform: uppercase;
    color: #666666;
}

#seo-texte{
    width: 940px;
    margin: 0 auto 0px;
    font: 14px/18px Arial, Sans-Serif;
    color: #999;
}


.seo-text {
    float: left;
    width: 390px;
    margin: 0 40px 30px;
}

.seo-text p{
	text-align: justify;
}

#seo-texte h1 {
    margin: 0 40px 20px;
    font: 23px/27px "futura-pt",arial,sans-serif;
    text-align: center;
}

.seo-link {
    text-align: right;
}

.seo-link a{
    color: #999;
    text-decoration: none;
}


.aboveFooter {
    border-top: 1px solid #CCCCCC;
    padding-top: 30px;
}

.aboveFooter a, .aboveFooter a:visited{
	color: #666;
	text-decoration: none;
}

.aboveFooter a:hover{
	color: #333;
}


/* ------------------------------------------------------------------------------------------- secure social media ---*/

.social_share_privacy_area {
    clear: both;
    margin: 20px auto !important;
    list-style-type: none;
    padding: 0 0 0 77px !important;
    width: 300px;
    height: 25px;
    display: block;
}
.social_share_privacy_area li {
    margin: 0 !important;
    padding: 0 !important;
    height: 21px;
}
.social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit;
}
.social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
    width: 160px;
    display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
    width: 140px !important;
    float: left;
}
.social_share_privacy_area li div.tweet {
    width: 115px;
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
    width: 152px;
    float: right;
}
.social_share_privacy_area li div.gplusone {
    width: 90px;
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
    display: none;
    text-indent: -9999em;
    background: transparent url('images/socialshareprivacy_on_off.png') no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer;
}
.social_share_privacy_area li .switch.on {
    background-position: 0 -12px;
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
    position: relative;
}
.social_share_privacy_area li.help_info .info,
.social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}
.social_share_privacy_area li.help_info.display .info,
.social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
.social_share_privacy_area li .help_info.icon {
    background: #fff url('images/socialshareprivacy_info.png') no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: none;
    vertical-align: top;
    border: 2px solid #e7e3e3;
    border-right-width: 0;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
    border-top-width: 0;
    border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
    border-right-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
    position: relative;
    top: -2px;
}
.social_share_privacy_area li.settings_info a {
    text-decoration: none;
    margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px #c1c1c1;
    -webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
    border-width: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
    display: none;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
    text-indent: -9999em;
    display: inline-block;
    background: #fff url('images/settings.png') no-repeat center center scroll;
    width: 25px;
    height: 20px;
    border: 2px solid #e7e3e3;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #ddd;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
    border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
    clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    -moz-transition: color .5s ease-in;
    -webkit-transition: color .5s ease-in;
    transition: color .5s ease-in;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
    color: #090;
}
/* Settings/Info end */

/* --- Presse --- */

#presse h2, #presse p{
    margin: 0;
    padding: 0;
}

#presse h1, #errorPage h1{
    font: 23px/27px "futura-pt",arial,sans-serif;
    margin-bottom: 10px;
    margin: 80px 0 10px;
}

#presse h2{
    margin: 30px 0 10px;
    font-family: "futura-pt", arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

#presse h2 a{
    font-family: "futura-pt",arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-decoration: underline;
}

#presse p{
    text-align: justify;
}

span.presseDatum{
}

#presse a.readmore{
    text-decoration: underline;
}

#presse a, #presse a:visited, .article a, .article a:visited{
    color: #333;
    text-decoration: underline;
    font-family: arial,sans-serif;
    font-style: italic;
}

#presse a:hover, .article a:hover{
    color: #848484;

}

#presse .pressemitteilung{
    margin: 25px 0;
}

#presse.presseDetail p{
    margin: 14px 0;
}

#presse h2.trennerTop{
    background: url('../img/trenner.png') no-repeat center top transparent;
    padding-top: 40px;
}

#presse p.trennerBottom, #presse div.trennerBottom, #errorPage .trennerBottom{
    background: url('../img/trenner.png') no-repeat center bottom transparent;
    padding-bottom: 40px;
}

#presse p#presseKontakt1{
    float: left;
    margin-right: 205px;
}

#presseKontakt2 span.pressLabel {
    display: block;
    float: left;
    width: 66px;
}

#presseKontakt1, #presseKontakt2{
    margin-bottom: 50px !important;
}

#pressSlider div{
    text-align: center;
}

#pressSlider{
    width: 500px;
    margin: 0 auto;
}


/* Presse end */

/* --- Bewertung --- */

#pageRating{
    margin: 20px auto 0;
    width: 960px;
    color: #333;
    font: 14px/16px Arial, Sans-Serif;
    text-align: center;
}

#pageRating .small{
    font: 12px/14px Arial, Sans-Serif;
    color: #666;
}

#ratingComment{
    margin-bottom: 3px;
    text-align: left;
}

#ratingContainer{
    width: 450px;
    display: inline-block;
}

ul.starBanner{
    display: block;
    width: 61px;
    height: 12px;
    background: url("../img/stars.png") no-repeat scroll left -14px transparent;
    padding: 0 0 0 1px;
    margin: 2px 5px 3px 0;
    float: left;
}

ul.starBanner li{
    list-style: none;
    float: left;
    background: url('../img/stars.png') no-repeat -100px -208px;
    height: 12px;
    position: absolute;
    cursor: pointer;
}

ul.starBanner li:hover, ul.starBanner li.active{
    background-position: -1px -27px;
}


ul.starBanner li#starStatus{
    position: relative;
    background-position: -1px -1px;
    width: 0%;
}

ul.starBanner li#star1{
    width: 12px;
}

ul.starBanner li#star2{
    width: 24px;
}

ul.starBanner li#star3{
    width: 36px;
}

ul.starBanner li#star4{
    width: 48px;
}

ul.starBanner li#star5{
    width: 60px;
}




/* Bewertung end */


/* --- 404/500 --- */

#errorPage .left{
    float: left;
    width: 480px;
    text-align: justify;
}

#errorPage .left h1 {
    margin-top: 30px;
}


#errorPage .right{
    float: right;
    width: 404px;
    font: 222px/222px "futura-pt", arial, sans-serif;
    color: #ddd;
    font-weight: lighter;
    margin-top: 0px;
    text-shadow: 0px -1px 0px #999, 0px 1px 0px #fff;
}

/* --- Errors --- */

.errors {
    padding: 15px 20px;
    background-color: #ddd;
    border: 1px solid #999;
}

.errors h1{
    font-size: 18px;
    padding-bottom: 10px;
}

.errors ol{
    padding-left: 20px;
}

/* --- Cookie Notice --- */

#cookieNotice {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    background-color: #eee;
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    border-top: 1px solid #ccc;
    line-height: 22px;
}

#cookieNotice a {
    color: #666;
    text-decoration: underline;
}

#cookieNotice a:hover {
    text-decoration: none;
}

#cookieNotice .cookie-notice-close{
    display: inline;
    padding: 5px 10px;
    margin-left: 15px;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
}

.vmn-banner-horizontal {
    /*background: #2d2327;*/
    background: #cdcdd9;
    text-align: center;
    height: 68px;
    overflow: hidden;
}
.vmn-banner-horizontal.centered {
    width: 946px;
    margin: 0 auto 12px;
}
.vmn-banner-horizontal a {
    position: relative;
}
.vmn-banner-horizontal a, .vmn-banner-horizontal img {
    display: inline-block;
    /*width: 100%;*/
    height: 100%;
}
.vmn-banner-horizontal a .marker {
    font-size: 9px;
    color: #000;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50px;
    left: 0;
    padding: 1px;
}

.vmn-banner-horizontal .banner-desktop {
    display: block;
}
.vmn-banner-horizontal .banner-mobile {
    display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
    .vmn-banner-horizontal {
        height: auto;
    }
    .vmn-banner-horizontal img {
        width: 100%;
        height: auto;
    }
    .vmn-banner-horizontal .banner-desktop {
        display: none;
    }
    .vmn-banner-horizontal .banner-mobile {
        display: block;
    }
}

.vmn-banner-vertical {
    /*background: #2d2327;*/
    width: 200px;
}
.vmn-banner-vertical.left {
    width: 200px;
    float: left;
    margin-left: -210px;
}
.vmn-banner-vertical.right {
    width: 200px;
    float: right;
    margin-right: -210px;
}
.vmn-banner-vertical img {
    width: 200px;
    height: 320px;
}