/**********************************************************
    D O N 'T   M O D I F Y   T H I S   F I L E  !!!
**********************************************************/

/* CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  */

@media screen, projection, tv {

    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 {

        margin: 0;

        padding: 0;

        border: 0;

        outline: 0;

        font-weight: inherit;

        font-style: inherit;

        font-family: inherit;

        vertical-align: baseline;

    }

}







body {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    background: white;

    color: #666666;

    font-size: 100%;

    font-family: Helvetica, Arial, sans-serif;

    font-weight:normal;

    line-height:1em;

}



td, th  {

    vertical-align: top;

}




/* Right top left */
.rtl {
    direction: rtl;
}







/* GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL     */

strong {

    font-weight: bold;

}



em {

    font-style: italic;

}



a{

    text-decoration: none;

    color: #006699;

}



a:hover{

    text-decoration: underline;

}



.hide {

    display: none;

}



.clear {

    clear: both;

    font-size: 0px;

    line-height: 0px;

    height: 0px;

}



.aligncenter {

    text-align: center;

}

.aligncenter .image {

    margin-left: auto;

    margin-right: auto;

}

.alignleft {

    float: left;

    margin-right: 10px !important;

/*

    margin-bottom:4px !important;

*/

}

.alignright {

    float: right;

    margin-left: 10px !important;

}











@media screen, projection, tv {

    hr, div.hr  {

        background: url(../images/layout/hr.png) no-repeat center center transparent;

        border: none;

        width: 100%;

        height: 3px;

        padding: 1px;

    }





    code {

        background: url(../images/layout/code_bg.gif);

        border: 1px solid #CCC;

        display: block;

        font-family: 'Courier New', Courier, monospace;

        font-size:12px;

        line-height:18px;

        margin-left:20px;

    }



    sup {
        font-size:75%;
        margin-bottom:6px;
        vertical-align:top;
    }



    #dialog {

        display: none;

        background: white;

        border: 1px solid gray;

        position: relative;

        padding: 10px;

        font-size:0.75em;

    }

    #dialog .button {

        font-size:0.9167em;

    }



    #dialog .headline {

        background-color:#FF66CC;

        border-bottom:4px solid #FFFFFF;

        color:#FFFFFF;

        float:left;

        font-size:1.5em;

        padding:6px 16px 6px 8px;

    }

    .dialogCloseButton {

        font-weight: bold;

        position:absolute;

        right: 10px;

        top: 10px;

    }

    .dialogSocialMediaButton{
        border:1px solid #444444;
        background-color: #999999;
        color: #ffffff;
        padding: 5px 15px 5px 15px;
        margin-right:4px;
        font-weight: bold;
    }
    
    #simplemodal-container {

    }

    #simplemodal-overlay {

        background-color: black;

    }



    /*

    #dialog  input.error, #dialog  textarea.error{

        background-Color: #F6CECE;

        color: white;

    }

    */

    #dialog .error span {

        display: block !important;

    }



    #dialog span.error {

        display: none;

        color: red;

        font-weight: bold;

    }





    .button {

        cursor: pointer;

        background:transparent url(../images/layout/button.png) no-repeat scroll left top;

        display: inline-block;

        color:white;

        font-weight:bold;

        margin: 3px 6px 0 3px !important;

        padding:1px 3px 0 6px;

        position:relative;

        text-decoration:none;

        vertical-align:middle;

        white-space:nowrap;

        height:19px;

    }

    .button:hover{

       text-decoration: none;

    }

    .button span {

        cursor: pointer;

        background:transparent url(../images/layout/button.png) no-repeat scroll right top;

        display:inline-block;

        margin:0;

        padding-right: 6px;

        position:absolute;

        right:-3px;

        height:20px;

        top:0;

    }



    #dialog .button {
        font-size:0.9167em;
    }





    /* MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN   */


    .wrapper{

        position: relative;

        left: -5px;

        width: 980px;
/*        overflow: hidden;              because of navi dropdown better to not cut away overflow   */

        margin: 0 auto;

        font-size:0.75em;

    }

    .rtl .wrapper{
        left: auto !important;
        right: 5px !important;
    }




    .main {

        position: relative;

        overflow: hidden;

    }



    .ie6warning {

        width:100%;

        background:#787878 url(../images/layout/bg_ie6_warning.png) repeat-x left bottom;

        vertical-align:middle;

        overflow:hidden;

    }

    .ie6warning .attention {

        height:23px;

        background-color:#ff0000;

        padding:6px 12px 6px 12px;

        margin: 10px;

        vertical-align:middle;

        font-size:1.5em;

        color:white;

        float:left;

        line-height:23px;

    }

    .ie6warning .advice {

        margin: 10px;

        vertical-align: middle;

        font-size: 13px;

        color: white;

    }

    .ie6warning .advice  a{

        color: white;

        text-decoration: underline;

    }











    /* HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER     */

    .header {

        position: relative;

        z-index: 100;

        height: 125px !important;

    }

    .header .logo a span{

        display: none;

    }

    .header .logo a {

        display: block;

        width: 450px;

        height: 75px;

    }



    .header .breadcrumb {

        display: none;

    }















    /* CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT   */



    .content {

        position: relative;

        margin-right: 10px;

        float: left;

        display: inline;

        width:470px;

        overflow: hidden;

    }



    .contentMainHeadline {

        position: relative;

/*      margin-bottom: 8px; */

    }





    .backLink {

        position: relative;
        background: #CCFFFF no-repeat 23px 6px;

        height: 22px;

        display: block;

        overflow: hidden;

        margin-bottom:4px;

    }
    .backLink .backlinkarrow {
        position: absolute;
        top: 7px;
        left: 10px;
        width: 10px;
        height: 20px;
        background: url(../images/layout/back_arrow.png) no-repeat;
    }
    .backLink:hover .backlinkarrow {
        background-image: url(../images/layout/back_arrow_hover.png);
    }
    .backLink .backlinktext {
        background-color: #CCFFFF;
        background-position: 23px 6px;
        background-repeat: no-repeat;
        display:block;
        font-size:0px;
        height:20px;
        text-indent:1000px;
        overflow: hidden;
        visibility: hidden;
    }
    .backLink:hover .backlinktext {
        visibility: visible;
    }

    .rtl .backLink .backlinkarrow {
        left: auto;
        right: 10px;
    }
    .rtl .backLink, .rtl .backLink .backlinktext  {background-position: 94% 6px !important;}        /* normaler content mit 2 sidebars */
    .rtl .wide2 .backLink, .rtl .wide2 .backLink .backlinktext  {background-position: 96% 6px !important;}      /* breiter content mit 1 sidebar */
    .rtl .wide3 .backLink, .rtl .wide3 .backLink .backlinktext  {background-position: 97% 6px !important;}      /* full content mit 0 sidebar */





    .wide2 .content {

        width:715px !important;

    }

    .wide3 .content {

        width:960px !important;

    }

    .sidebarleft .content {

        margin-left: 245px;

    }

    .sidebarleft .sidebar0 {

        margin-left: -725px;

    }

    .wide2 .sidebarleft {

        margin-left: -970px;

    }




    /* Right to left overwrite */
    .rtl .content {
        float: right;
        margin-right: auto;
        margin-left: 10px;
    }
    .rtl .sidebarleft .content {
        margin-right: 245px;
    }
    .rtl .sidebarleft .sidebar0 {
        margin-left: auto;
        margin-right: -725px;
    }
    .rtl .wide2 .sidebarleft {
        margin-left: auto;
        margin-right: -970px;
    }







    /* .content  */

    h1, h5 {

        text-align:left;

        background-repeat: no-repeat;

        background-position: 10px 8px;

        overflow: hidden;

        border-bottom: 4px solid white;

        padding: 8px 5px 2px 8px;

    }

    .content .contentMainHeadline {width: 470px;}

    .wide2 .content .contentMainHeadline {width: 715px;}

    .wide3 .content .contentMainHeadline {width: 960px;}





    h1 img, h2 img, h5 img {

        margin-right:6px;
    }

    h1 span, h2 span, h5 span {

        display: none;

    }

    h1.nolinebreak b, h2.nolinebreak b, h5.nolinebreak b {

        display: block;

        height: 25px;

        width: 2000px;

    }

    h1.nolinebreak b img, h2.nolinebreak b img, h5.nolinebreak b img {

        float: left;

    }

    /* Right to left overwrite */
    .rtl h1, .rtl h2, .rtl h5 {
        text-align: right;
        background-position: 97% center;
    }
    .rtl h1 img, .rtl h2 img, .rtl h5 img {
        margin-left: 6px;
        margin-right: auto !important;
    }
    .rtl h1.nolinebreak b img, .rtl h2.nolinebreak b img, .rtl h5.nolinebreak b img {
        float: right;
    }

    .rtl .sidebar h1, .rtl .sidebar h2, .rtl .sidebar h5 {
        background-position: 85% center;
    }









    a.lightblue {

        color: #66ccff;

    }



    a.arrow {

        font-weight:bold;

        padding-left: 10px;

        background: url(../images/layout/arrow_darkblue.png) no-repeat left center;

    }



    a.arrow_lightblue {

        color: #66ccff;

        font-weight:bold;

        padding-left: 10px;

        background: url(../images/layout/arrow_lightblue.png) no-repeat left center;

    }





    a.back_to_top {

        font-size:8pt;

        font-weight:bold;

        padding: 3px 3px 3px 13px;

        background: #CCFFFF url(../images/layout/arrow_up.png) no-repeat 3px 8px;

    }







    .content h2 {

        font-weight: normal;

        font-size: 1.5em;

        color: #3385ad;

        margin-bottom: 3px;

        line-height:1.15em;

    }

    .content h3 {

        font-weight: normal;

        font-size: 12pt;

        color: #FF66CC;

        margin-bottom: 8px;

    }



    .content h4 {

        font-weight: bold;

        font-size: 100%;

    }



    .content .headline_sep {

        height: 10px;

    }



    .content .image  .subtitle {

        padding: 3px 3px 0 3px;

        font-size: 80%;

        color: #663366;

        text-align: left;

    }


    .content .teaser  img {
        float:left;
        margin-right:12px;
    }


    .content ol li,

    .content ul li {

        margin-bottom:0.4em;

        margin-left: 22px;

    }


    .content .paragraph, .content .image, .content .image_lightbox, .content .teaser, .content .morelink , .content .headline, .content .application, .content .video {

        margin-bottom: 10px;

    }


    .footnotes {
        font-size:0.8333em;
    }



    .paragraph p {

        margin-bottom: 10px;
    }

    .content .linkbox {
        float:right;
        background-color: #E5E5E5;
        padding:12px;
        width:245px;
        margin-bottom: 10px;
    }

    .content .video {

        background: url(/html/images/layout/ajax-loader.gif) center center no-repeat;

        width: 100%;

        text-align: center;

        position: relative;

    }

    .content .video object{

        width: 470px;

        background-color: #E5E5E5;

    }

    .content .video_youtube {height: 402px;}                    /* 370 of standard 4:3 youtube video + 32 of share app */

    .content .video_youtube object {height: 370px;}

    .content .video_youtube_widescreen {height: 322px;}     /* 290 of widescreen 16:9 youtube video + 32 of share app */

    .content .video_youtube_widescreen object {height: 290px !important;}



    .content .video_custom {height: 407px;}                 /* 375 of standard 4:3 custom video + 32 of share app */

    .content .video_custom object {height: 375px;}

    .content .video_custom_widescreen {height: 317px;}      /* 285 of widescreen 16:9 costom video + 32 of share app */

    .content .video_custom_widescreen object {height: 285px !important;}





















    /* SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR */

    .sidebar {

        display: inline;

        position: relative;

        margin-right: 10px;

        overflow: hidden;

        float: left;

        width: 235px;

    }


    .rtl .sidebar {
        float: right;
        margin-right: auto;
        margin-left: 10px;
    }


    /*  PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET   */
    .portlet {

        position: relative;

        margin-bottom: 10px;

        overflow: hidden;

    }



    .portlet .spacer {

        height: 4px;

        background-color: white;

        width:100%;

        overflow:hidden;

    }





    .portlet .paragraph, .portlet .image, .portlet .morelink , .portlet .headline {

        padding: 5px 10px;

    }



    .portlet .morelink {

        font-size:0.9167em;

    }



    .portlet .firstElement {

        padding-top: 10px;

    }

    .portlet .lastElement {

        padding-bottom: 10px;

    }



    .portlet .portlet  h2 {

        border-bottom:4px solid white;

        width: 235px;

    }











    /*  content background in portlet  */

    .contentStyle_lightblue  {background-color: #66ccff;}

    .contentStyle_lightblue  a {color: #006699;}

    .contentStyle_blue  {background-color: #0099cc;}

    .contentStyle_blue  a {color: #FFFFFF;}

    .contentStyle_darkblue  {background-color: #006699;}

    .contentStyle_lightturquoise  {background-color: #ccffff;}

    .contentStyle_turquoise  {background-color: #99ffff;}

    .contentStyle_green  {background-color: #99CC00;}

    .contentStyle_orange  {background-color: #FF9900;}

    .contentStyle_pink {background-color: #ff66cc;}

    .contentStyle_red {background-color: #e00042;}

    .contentStyle_yellow  {background-color: #FFFF00;}
    .contentStyle_blackblue {background-color: #030a34;}









    .jquery-corner {

        z-index: 10;

        position: relative

        /*

            width: 100%;

            position: absolute;

        */

    }









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

    .footer {

        position: relative;
        clear: both;

        font-size: 1em;

        margin: 20px 10px 20px 0;

        padding: 3px 0;

        border-top: 1px solid #66ccff;

    }
    .rtl .footer {
        margin: 20px 0px 20px 10px;
    }



    .footer .logo {

        position: absolute;
        top: 3px;
        right: 0px;
        width: 300px;

        height: 15px;

        background: no-repeat right top;

        text-indent: 10000px;

        overflow: hidden;

    }

    .rtl .footer .logo {
        right: auto;
        left: 0px;
        background: no-repeat left top;
    }


    .footer  .additional_text {

        margin-top: 4px;

        clear: both;

    }



    .footer_links {

        height: 20px;

        float: left;

        margin: 0px;

        padding: 0px;

    }
    .rtl .footer_links {
        float: right;
    }
    .footer_links  li{

        height: 9px;

        float: left;

        margin: 3px 10px 0 0;

        padding: 0 0 0 10px;

        list-style: none;

        border-left: 1px solid #006699;



    }
    .rtl .footer_links  li{
        float: right;
    }
    .footer_links  li.first /*, .footer_links  li.last*/ {

        padding-left: 0px;

        border-left: none;

    }

    .rtl .footer_links  li.first {
        border-left: 1px solid #006699;
        padding: 0 0 0 10px;
        margin-right: 0px;
    }
    .footer_links  li a{

        position: relative;

        top: -3px;

    }















    /***    FORMS SUBMIT> fuer love talk und couple of the week  ***/



    form.submitform {

        width: 440px;

        background:#f8f8f8;

        padding-left:20px;

    }



    form.submitform  label {

        display: block;

        color:#838383;

        font-size:11px;

        line-height:19px;

        margin-top:5px;

    }



    form.submitform fieldset {

        margin:15px 0 0 0;

    }



    form.submitform legend {

        color:#007aaa;

        font-size:17px;

        line-height:25px;

        font-weight:bold;

        padding-left:25px;

        padding-top: 8px;

    }



    form.submitform legend.num1 {

        background:url(/html/images/love_talk/num1.png) no-repeat scroll 0px 10px;

    }

    form.submitform legend.num2{

        background:url(/html/images/love_talk/num2.png) no-repeat scroll 0px 10px;

    }

    form.submitform legend.num3 {

        background:url(/html/images/love_talk/num3.png) no-repeat scroll 0px 10px;

    }

    form.submitform legend.num4 {

        background:url(/html/images/love_talk/num4.png) no-repeat scroll 0px 10px;

    }





    form.submitform input, form.submitform select , #lovetalk textarea{

        border:1px solid #424242;

    }



    form.submitform .error, form.submitform  input.error, form.submitform  select.error, form.submitform  textarea.error {

        border: 1px solid #e90550;

    }

    label.avatarlabel {

        clear:both;

    }



    img.avatar {

        cursor:pointer;

    }



    div.avatarholder {

        width:400px;

    }



    form.submitform div#userimgshow {

        width:60px;

        height:60px;

        margin-right:10px;

        margin-bottom:10px;

        background:#efefef;

        float:left;

        text-align:center;

    }



    form.submitform  .noborder {

        border:0px;

    }



    form.submitform  .large {

        width:420px;

    }



    form.submitform  .small {

        width:200px;

    }



    form.submitform  .leftcol {

        width:220px;

        float:left;

        clear:both;

    }



    form.submitform  .bdcol {

        float:left;

        width:260px;

        clear:both;

    }



    form.submitform .rightcol, form.submitform .gendercol{

        float:left;

        width:200px;

    }



    form.submitform label.error{

        display:block;

        width:375px;

        margin-top:5px;

        margin-bottom:5px;

        padding:10px;

        padding-left:35px;

        background:white;

        color:#e90550;

        background:url(/html/images/love_talk/error.png) no-repeat 10px 10px #FFF;



    }



    form.submitform  p.leftcol label.error , form.submitform  p.rightcol label.error{

        width:155px;

    }



    form.submitform p.genders {

        position:relative;

    }

    form.submitform p.genders label.error{

        position:absolute;

        top:50px;

    }



    form.submitform #fileupload {

        float:left;

        width:300px;

    }



    form.submitform #fileupload label.error{

        width:200px;

    }



    form.submitform  span.noerrormsg label.error {

        display:none;

        width:0px;

        height:0px;



    }



    /***  FORMS SUBMIT  -  ENDE  ***/


}





/*   PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS    */

@media print, aural, braille, embossed, handheld, tty {

    .countrySelectorWrapper, .main_links, .sidebar, .backLink, h2 img, .footer_links, .back_to_top {

        display: none;

    }



    h2 {

        background: none;

    }

}

/* Media Center */

.wide2 .content h2 {
    margin-top: 20px;
}

/* Flipping Book */

.prettyPhoto_media_report a.pp_close {
    top:-40px!important;
    right:-50px!important;
}
.prettyPhoto_media_report div.pp_content {
    height:580px!important;
}