@charset "UTF-8";
/**
 * Stylesheet für das Bildschirm-Layout
 *
 */
  /*-- 0. Includes -----------------------------------------------------------*/
  @import url("/c125753600550a4e/files/slim_base.css/$file/slim_base.css");  /* YAML Base */
  @import url("/c125753600550a4e/files/navigation.css/$file/navigation.css");        /* Navigation + Menüs */
  @import url("/c125753600550a4e/files/content.css/$file/content.css");           /* Typographie */
  @import url("/c125753600550a4e/files/lightbox.css/$file/lightbox.css");          /* Lightbox */
@media screen
{
  /*-- 1. Layout -------------------------------------------------------------*/
  body { padding: 0 10% 0 0; background-color: #fff; min-height: 800px;}
  /*---- 1.1. Seite ----------------------------------------------------------*/
  #page_margins { width: auto;  min-width: 780px; max-width: 90em; background: #fff; }
  #page
  {
    background:url(/c125753600550a4e/files/bg_page-rightborder-gradient.png/$file/bg_page-rightborder-gradient.png?openelement) repeat-y right top #fff;
    padding:10px 10px 0 40px;
    background-color: #fff;
  }
  #header
  {
    position:relative;
    overflow:hidden;
    padding-bottom:0.7em;
    /* background:url(/c125753600550a4e/files/bg_header-gradient.png/$file/.png) repeat-x left bottom #fff; */
  }
  #cat00 #header
  {
    margin-bottom:2.8em;
  }
  /* Kamp-Lintfort Logo */
  #header a#logo, #header img#logo { display:block; margin:0; padding:0; width:200px; height:71px; position:absolute; top:6px; left:0;}
  #header a#logo img { margin:0; padding:0; }
  /* Bilderleiste */
  #header #picture-row
  {
    margin-top:2px;
    border-top: solid 8px #21B3D9;
    padding-top:1px;
    height:162px;
    width:auto;
    margin-left: 240px;
    z-index:10;
  }
  #header #picture-row .static
  {
    height:162px;
    width:100%;
    background:url(/c125753600550a4e/files/header-image_00.jpg/$file/header-image_00.jpg?openelement) no-repeat right top transparent;
    z-index:10;
  }
  #cat00 #header #picture-row .static
  {
    background-image:url(/c125753600550a4e/files/header-image_00.jpg/$file/header-image_00.jpg?openelement);
  }
  #cat01 #header #picture-row .static
  {
    background-image:url(/c125753600550a4e/files/header-image_01.jpg/$file/header-image_01.jpg?openelement);
  }
  #cat02 #header #picture-row .static
  {
    background-image:url(/c125753600550a4e/files/header-image_01.jpg/$file/header-image_01.jpg?openelement);
  }
  #cat03 #header #picture-row .static
  {
    background-image:url(/c125753600550a4e/files/header-image_02.jpg/$file/header-image_02.jpg?openelement);
  }
  #cat04 #header #picture-row .static
  {
    background-image:url(/c125753600550a4e/files/header-image_03.jpg/$file/header-image_03.jpg?openelement);
  }
  #cat99 #header #picture-row .static
  {
    background-image:url(/c125753600550a4e/files/header-image_99.jpg/$file/header-image_99.jpg?openelement);
  }
  /* Stichwortsuche */
  #header form.keywordsearch
  {
    position:absolute;
    width:178px;
    padding: 2.75px 2.75px 2.75px 2.75px;
    /* background:url(/c125753600550a4e/files/bg_header-gradient.png/$file/.png) repeat-x left bottom transparent; */
    left:0;
    bottom:-0.5em;
    margin-bottom:15px;
    z-index:0;
    background-color: #435B65;
  }
    form.keywordsearch input,
    form.keywordsearch button
    {
        width:130px;
        border-style:solid;
        border-color:#ccc;
        line-height:1;
        padding-left:10px;
        padding-right:10px;
        float:left;
    }
    form.keywordsearch button
    {
        background:url(/c125753600550a4e/files/bg_searchform-gradient.png/$file/bg_searchform-gradient.png?openelement) repeat-x left top #fff;
        width:auto;
        padding-left:9px;
        padding-right:0;
        width:25px;
        height: 22px;
        text-align:left;
        border-style:none;
    }
    form.keywordsearch span.button
    {
        border-style:solid solid solid none;
        border-color:#ccc;
        line-height:1;
        border-width:1px;
        display:block;
        float:left;
    }
    form.keywordsearch button img
    {
        background-color:transparent;
    }
  /*---- 1.2. Startseite -----------------------------------------------------*/
  #cat00 .subcolumns
  {
    border-top:double 3px rgb(220,221,221);;
    padding-top:1em;
    padding-bottom:1em;
  }
  #cat00 #main
  {
    border-style:none;
    padding:0;
  }
  #cat00 .c50l { /* width: 48.4%; */ width: 48%; }
  #cat00 .c50r { /* width: 51.5%; */ width: 52%; }
  #cat00 .current-news ul, #cat00 .brochures-int ul, #cat00 .dates ul, #cat00 .information ul,  #cat00 .fast-access ul, #cat00 .link-list ul, .lang ul,
  #cat00 .current-news ul li, #cat00 .brochures-int ul li, #cat00 .dates ul li, #cat00 .information ul li, #cat00 .fast-access ul li, #cat00 .link-list ul li, .lang ul li
  {
    list-style:none;
    margin:0; padding:0;
  }
  /* Aktuelles */
  .current-news
  {
    position:relative;
    top:-0.5em;
    padding-bottom:2em;
    color:#000;
  }
  #cat00 .current-news ul li
  {
    padding:8px 2.5em 8px 155px;
    position:relative;
    min-height:95px;
  }
  #cat00 .current-news ul li img
  {
    position:absolute;
    top:0;
    left:0;
  }

#cat00 .current-news .floatbox
{
margin: 0 0 1.5em 0;
}

  .current-news h3
 {
   font-weight:lighter;
    color: #E0001B;
    font-size:1.25em;
    padding:0;
    margin:0 0 0.65em 0;
  }
  .current-news p
  {
     margin:0 0 1.5em 0;
  }
  .current-news a:link, .current-news a:visited
  {

  }
  .current-news a:hover, .current-news a:focus
  {
  }
  /* Topnews */
  #cat00 .c25l
  {
    /* width:25.75%; */
    width:26%;
  }
  #cat00 .c25l .subc
  {
    border-left:solid 1px rgb(197,198,198);
    border-right:solid 1px rgb(197,198,198);
    padding-left:1em;
    padding-right:1em;
    overflow:hidden;
  }
  /* Int-Downloads und Schnellsprunglinks */
  #cat00 .c25r
  {
    /* width:25.75%; */
    width:26%;
  }
  #cat00 .c25r .subcr
  {
    padding-left:1em;
    padding-right:1em;
  }
  .brochures-int
  {
    border-right: solid 8px #E0001B;
    width:auto;
    min-height:145px;
/*    background-color:rgb(220,221,221); */
    background-color:#E0E7DF;
    color:#000;
    padding:10px 1.4em;
    margin-bottom:2.125em;
  }
 .lang
  {
    border-right:solid 4px rgb(199,1,1);
    width:auto;
    min-height:145px;
/*    background-color:rgb(220,221,221); */
    background-color:#E0E7DF;
    color:#000;
    padding:10px 1.4em;
    margin-bottom:0;
  }
  .brochures-int ul, .lang ul
  {
    font-size:0.9em;
    margin:0;
    padding:0;
  }
  #cat00 .brochures-int ul li, .lang ul li
  {
    margin:0 0 0.7em 0;
    padding-left:33px;
    min-height:16px;
    background:url(/c125753600550a4e/files/ico_lang-en.png/$file/ico_lang-en.png?openelement) no-repeat left center transparent;
  }
  #cat00 .brochures-int ul li.en, .lang ul li.en { background-image:url(/c125753600550a4e/files/lang-gb.png/$file/lang-gb.png?openelement); }
  #cat00 .brochures-int ul li.nl, .lang ul li.nl { background-image:url(/c125753600550a4e/files/lang-nl.png/$file/lang-nl.png?openelement); }
  #cat00 .brochures-int ul li.fr, .lang ul li.fr { background-image:url(/c125753600550a4e/files/lang-fr.png/$file/lang-fr.png?openelement); }
  #cat00 .brochures-int ul li.pl, .lang ul li.pl { background-image:url(/c125753600550a4e/files/lang-pl.png/$file/lang-pl.png?openelement); }
  #cat00 .brochures-int ul li.tr, .lang ul li.tr { background-image:url(/c125753600550a4e/files/lang-tr.png/$file/lang-tr.png?openelement); }
  #cat00 .brochures-int ul li.zh, .lang ul li.zh { background-image:url(/c125753600550a4e/files/lang-cn.png/$file/lang-cn.png?openelement); }
  .brochures-int h2, .fast-access h2, .link-list h2
  {
    font-size:1.25em;
    margin:0 0 1.3em 0;
    padding:0;
    color: #E0001B;
  }
  #main .brochures-int a span.nowrap
  {
    font-style:normal;
  }
  .fast-access
  {
    padding-bottom:2em;
  }
  #cat00 .fast-access ul li
  {
    background:url(/c125753600550a4e/files/ico_listpoint-small.png/$file/ico_listpoint-small.png?openelement) no-repeat left 0.6em transparent;
    padding-left:13px;
  }
  /* Veranstaltungen und Informationen */
    #cat00 .dates ul li, #cat00 .information ul li
  {
    padding-left:25px;
    margin-bottom:1em;
    background:url(/c125753600550a4e/files/ico_listpoint-big.png/$file/ico_listpoint-big.png?openelement) no-repeat 5px 0.4em #E0E7DF;
    color: #2C3336;
  }
  #cat00 .information ul li
  {
    margin-right:40px;
  }
  /*---- 1.3. Spalten --------------------------------------------------------*/
  #main
  {
    border-top: solid 1px rgb(197,198,198);
    padding-top:1em;
    padding-bottom:1em;
  }
  #col1 { float: left; width: 200px;  margin:0; }
  #col2 { float: right; width: 240px;  margin:0; }
  #col2_extra { float: right; width: 360px;  margin:0; }
  #col3 { width: auto; margin: 0 240px 0 200px; }
  #col3_extra { width: auto; margin: 0 360px 0 200px; }
  body.hidecol1 #col1 { display:none; }
  body.hidecol1 #col2 { float: right; width: 240px;  margin:0; }
  body.hidecol1 #col3 { width: auto; margin: 0 240px 0 0}
  body.hidecol2 #col1 { float: left; width: 200px;  margin:0; }
  body.hidecol2 #col2 { display:none; }
  body.hidecol2 #col3 { width: auto; margin: 0 0 0 200px}
  body.hideboth #col1 { display:none; }
  body.hideboth #col2 { display:none; }
  body.hideboth #col3 { width: auto; margin: 0; }
  #col1_content
  {
    padding:0 1em 0 0;
  }
  #col2_content
  {
    padding:0 1em 0 1em;
  }
  #col3_content
  {
    width:auto;
    border-left: solid 1px rgb(197,198,198);
    border-right: solid 1px rgb(197,198,198);
    padding:0 1em;
  }
  body.hidecol1 #col3_content, body.hideboth #col3_content
  {
    border-left:none;
    padding-left:10px;
  }
  body.hidecol2 #col3_content, body.hideboth #col3_content
  {
    border-right:none;
    padding-right:1em;
  }
  /*---- 1.4. Footer ---------------------------------------------------------*/
 #footer
  {
    height: 10px;
    font-size:0.9em;
    overflow:hidden;
    color: #000;
    line-height:1.4;
    padding: 0 0 0 10px;
/*    background:url(/c125753600550a4e/files/bg_footer.png/$file/.png) no-repeat right top transparent; */
    padding-bottom:4.5em;
    background-color: #E0E7DF;
    border-top: solid 8px #21B3D9;
}
  #footer address
  {
    width:80%;
    float:left;
    padding:2em 0 0 0;
    margin:0;
    font-size:1em;
    font-style:normal;
  }
  #footer address span.spacer
  {
    background:url(/c125753600550a4e/files/ico_footer-spacer.png/$file/ico_footer-spacer.png?openelement) no-repeat right center transparent;
    display:inline-block;
    padding:0 13px 0 0;
    margin-right:10px;
  }
  #footer p.backlink
  {
    float:right;
    padding-right:1.5em;
    padding-top:2em;
  }
  #footer p.backlink a
  {
    display:inline-block;
    padding-left:16px;
    background:url(/c125753600550a4e/files/ico_backtotop.png/$file/ico_backtotop.png?openelement) no-repeat left center transparent;
    text-decoration:none;
    color:#000;
    font-style:normal;
  }
  #footer p.backlink a:link, #footer p.backlink a:visited
  {
    text-decoration:none;
  }
  #footer p.backlink a:hover, #footer p.backlink a:focus
  {
    text-decoration:underline;
  }
}
@media all
{
  /*---- 1.5. Mobil ---------------------------------------------------------*/
  #ym-mobi
  {
      display:none;
  }
}
@media screen and (max-width: 640px)
{
  #ym-mobi {
        background: #cfcfcf;
        bottom: 0;
        display: block;
        font-size: .8em;
        margin: 0;
        opacity: .9;
        padding: 0;
        position: fixed;
        z-index: 3000;
        width: 100%;
  }
  #ym-mobi.ym-nope {
        display: none;
  }
  #ym-mobi a {
        color: #000;
        display: block;
        margin-left: 3em;
        padding: .5em 1.2em .5em 0;
  }
  #ym-mobi a.ym-mobi-close {
        background: transparent url(/c125753600550a4e/files/ico-close-black.png/$file/ico-close-black.png?openelement) no-repeat 50% 50%;
        background-size: 11px 12px;
        display: block;
        height: 10px;
        left: 1.2em;
        margin-left: 0;
        padding: 0;
        position: absolute;
        top: .8em;
        width: 10px;
  }
}