/*
 * ----------- General --------------------------------------------------------------------------------------------------------------
 */

    body{
        margin:0px;
        position:absolute;
        top:40px;
        left:40px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }
    
    a {
        text-decoration:underline;
        color:#000;
    }
    
    a:hover {
        color:#2c4579;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: Georgia;
        color: #000;
    }
    
    h1 {
        font-size: 1.6em;
        color: #2c4579;
    }
    
    h1,
    .h1 {
        margin: 0.8em 0;
        display: block;
    }
    
    .error {
        color: red;
    }

    img {
        border:none;
    }
    
    .hide {
        visibility:hidden;
    }
    
    .left {
        float: left;
    }    
    
    .right {
        float: right;
    }
    
    .center {
        text-align: center;
    }
    
/*
 * -------- // General --------------------------------------------------------------------------------------------------------------
 */


/*
 * -------- Layout -------------------------------------------------------------------------------------------------------------------
 */

    .col_left,
    .col_left_space,
    .col_right,
    .col_right_space {
        position: absolute;
        top: 80px;
        height: 325px;
        width: 300px;        
    }
    
    .col_left,
    .col_left_space {
        left: 300px;
        padding-left: 10px;
        background-color: #FFF;
    }
    
    .col_left_space,
    .col_right_space {
        padding: 5px;
        width: 290px;
    }
    
    .col_left_space {
        padding-left: 15px;
    }
    
    .col_right,
    .col_right_space {
        margin-left: 10px;
        left: 610px;
    }
 
    .col_2cols,
    .col_2cols_space {
        background-color:#FFFFFF;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        left: 300px;
        padding:0 0 0 10px;
        position:absolute;
        top:80px;
        width:610px;
        height: 325px;
    }
    
    .col_2cols_space {
        padding: 5px;
        height: 315px;
        width: 595px;
    }
 
    .scroll {
        overflow: auto;
    }
    
    #theme_pic {
        overflow:hidden;
        position:absolute;
        background-image:url('/tl_files/pj/pics/themes/default-background.jpg');
        width:650px;
        height:325px;
        top:80px;
        left:-40px;
    }
    
    /* Footer Boxes */
    
    #box1,
    #box2,
    #box3 {
        overflow:hidden;
        height:200px;
        width:300px;
        position:absolute;
        top:415px;
    }
    
    #box1 {
        left:0px;    
    }
    
    #box2 {
        left:310px;    
    }
    
    #box3 {
        left:620px;    
    }
    
    #box1 .innerContent,
    #box2 .innerContent,
    #box3 .innerContent {
        margin:10px;
    }
    
    #box1 a,
    #box2 a,
    #box3 a {
        text-decoration: none;
        color: #000;
    }

    #box1 a:hover,
    #box2 a:hover,
    #box3 a:hover{
        text-decoration: none;
        color: #000;
    }    
 
/*
 * -------- // Layout ----------------------------------------------------------------------------------------------------------------
 */

 
/*
 * ----------- Navigation ------------------------------------------------------------------------------------------------------------
 */

    #navigation,
    #navigation a {
        border-bottom:1px #dcebf8 solid;
    }
 
    #navigation {
        width:620px;
        height:40px;
        position:absolute;
        top:0px;
        left:300px;
    }
    
    #navigation ul {
        float:right;
        list-style:none;
        height:40px;
        margin: 0;
        padding: 0;
    }
    
    #navigation li {
        display: block;
        float:left;
        padding:21px 0px 6px 20px;
        font-weight:bold;
        color:#CCCCCC;
    }
    
    #navigation a {
        padding-bottom:6px;
        text-decoration:none;
        color:#000;
        dispaly:block;
    }
    
    #navigation a:hover {
        color:#2c4579;
        border-bottom:1px solid #2c4579;
    }
    
    #navigation p, 
    #navigation_footer p {
        margin:0;
        padding:0;
        color: #CCC;
    }
    
    #navigation_footer {
        width:920px;
        position:absolute;
        top:500px;
    }
    
    #navigation_footer ul{
        list-style:none;
        height:25px;
        margin:0px;
        padding:0px;
    }
    
    #navigation_footer li{
        float:left;
        padding-right:20px;
    }    

/*
 * -------- // Navigation ------------------------------------------------------------------------------------------------------------
 */


/*
 * ----------- Content ---------------------------------------------------------------------------------------------------------------
 */
 
    .highlight_box {
        background: url(/tl_files/pj/pics/boxes/bg_blau_box.png) repeat-x;
        padding: 10px 10px 0 10px;
        border: 1px solid #A5B8D6;
        height: 313px;
    }    
    
    .pdf_download {
        width: 25px;
        margin-right: 2x;
        float: right;
    }
    
/*
 * -------- // Content ---------------------------------------------------------------------------------------------------------------
 */

 
/*
 * ----------- Formular --------------------------------------------------------------------------------------------------------------
 */ 

    form .text,
    form label {
        font-size: 1.5em;
    }
 
    form .text {
        width: 150px;
        border: 1px solid #1b2f86;
    }

    form input.error {
        border: 2px solid red;
        color: #000;
    }
    
    form td {
        padding: 10px 0;
    }
 
/*
 * -------- // Formular --------------------------------------------------------------------------------------------------------------
 */ 
 

/*
 * ----------- Kontakt-Formular ------------------------------------------------------------------------------------------------------
 */ 

    form#kontakt .text,
    form#kontakt label {
        font-size: 1.0em;
    }
 
    form#kontakt .text,
    form#kontakt .select,
    form#kontakt .textarea {
        width: 150px;
        border: 1px solid #1b2f86;
    }
    
    form#kontakt .select,
    form#kontakt .textarea {
        width: 210px;
    }    
    
    form#kontakt td {
        padding: 2px 0;
    }
    
    form#kontakt .col_0 {
        padding-right: 6px;
    }
    
/*
 * -------- // Kontakt-Formular ------------------------------------------------------------------------------------------------------
 */

 
/*
 * ----------- Aktuelle Ausgabe ------------------------------------------------------------------------------------------------------
 */ 

    #editorial {
        height: 295px;
    }
    
    .cat_current_issue .editorial,
    .cat_current_issue .preview_image {
        width: 290px;
        padding: 0 5px;
    }
    
    .cat_current_issue .editorial {
        float: left;
    }
    
    .cat_current_issue .editorial .editorial_scroll {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 300px;
        width: 295px;
    }    
    
    .cat_current_issue .preview_image {
        float: right;
        text-align: center;
    }
    
    .cat_current_issue .preview_image img {
        border: 1px solid #CCC;
    }
 
 
/*
 * -------- // Aktuelle Ausgabe ------------------------------------------------------------------------------------------------------
 */ 

 
/*
 * ----------- Archiv ----------------------------------------------------------------------------------------------------------------
 */ 

    #archiv .col_2cols {
        overflow: hidden;
    }
    
    #archiv .single .title {
        font-weight: bold;
    }
    
    #archiv .single .download-icon {
        position: absolute;
        display: inline;
        top: 180px;
        right:10px;
    }
    
    /* Hintergrund-Farbe Archiv */
    .carousel-component {
        background:#dcebf8;
    }
    
    /* Hintergrund-Farbe Archiv Tabs */
    .domtabs .active {
        background-color:#dcebf8;
    }
    
    .domtabs a {
        text-decoration: none;
    }
    
/*
 * -------- // Archiv ----------------------------------------------------------------------------------------------------------------
 */
 

/*
 * ----------- Tooltip ---------------------------------------------------------------------------------------------------------------
 */ 

    .tooltip {
        color:#FFFFFF;
        font-family:arial;
        font-size:0.8em;
        font-weight:bold;
        line-height:120%;
    }
    
/*
 * -------- // Tooltip ---------------------------------------------------------------------------------------------------------------
 */


 /*
 * ----------- Partner ---------------------------------------------------------------------------------------------------------------
 */ 

    #partner .ce_table .col_1 {
        padding: 1em;
    }
    
    #partner .ce_table .col_0 {
        width: 160px;
    }
    
/*
 * -------- // Partner ---------------------------------------------------------------------------------------------------------------
 */

 
/* Selfmade Components */
/* Global Width: 660px */