﻿/*###############################*/
/*###    Print CSS of         ###*/
/*###    4plus Homepage       ###*/
/*###############################*/

/*==========================*/
/*===    ALL TEMPLATE    ===*/
/*==========================*/

html, body { 
    margin:              0;
    background-color:    #ffffff;
}

b { 
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         bold;
    color:               #990000;
}

h1 { 
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           18px;
    font-weight:         normal;
    color:               #000000;
}

h2 { 
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           24px;
    font-weight:         normal;
    color:               #990000;
}

h3 { 
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           18px;
    font-weight:         normal;
    color:               #000000;
}
h4 { 
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         bold;
    color:               #000000;
}
h5 {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           24px;
    font-weight:         bold;
    color:               #000000;
    margin-bottom:       10px;
}

a:link                             { text-decoration: none;      font-weight: bold;   color: #990000; }
a:visited                          { text-decoration: none;      font-weight: bold;   color: #990000; }
a:hover                            { text-decoration: none;      font-weight: bold;   color: #cc0000; }
a:active                           { text-decoration: none;      font-weight: bold;   color: #666666; }

a.mail:link                        { text-decoration: underline; font-weight: normal; color: #990000; }
a.mail:visited                     { text-decoration: underline; font-weight: normal; color: #990000; }
a.mail:hover                       { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.mail:active                      { text-decoration: underline; font-weight: normal; color: #666666; }


a.external-link-new-window:link    { text-decoration: underline; font-weight: normal; color: #990000; }
a.external-link-new-window:visited { text-decoration: underline; font-weight: normal; color: #990000; }
a.external-link-new-window:hover   { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.external-link-new-window:active  { text-decoration: underline; font-weight: normal; color: #880000; }

a.internal-link-new-window:link    { text-decoration: underline; font-weight: normal; color: #990000; }
a.internal-link-new-window:visited { text-decoration: underline; font-weight: normal; color: #990000; }
a.internal-link-new-window:hover   { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.internal-link-new-window:active  { text-decoration: underline; font-weight: normal; color: #666666; }

a.internal-link:link               { text-decoration: underline; font-weight: normal; color: #990000; }
a.internal-link:visited            { text-decoration: underline; font-weight: normal; color: #990000; }
a.internal-link:hover              { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.internal-link:active             { text-decoration: underline; font-weight: normal; color: #666666; }

a.download:link                    { text-decoration: underline; font-weight: normal; color: #990000; }
a.download:visited                 { text-decoration: underline; font-weight: normal; color: #990000; }
a.download:hover                   { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.download:active                  { text-decoration: underline; font-weight: normal; color: #666666; }

a.link-application-menu:link       { text-decoration: underline; font-weight: normal; color: #990000; }
a.link-application-menu:visited    { text-decoration: underline; font-weight: normal; color: #990000; }
a.link-application-menu:hover      { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.link-application-menu:active     { text-decoration: underline; font-weight: normal; color: #666666; }

img      { border: 0px solid #D8D8D8; display: block; }
fieldset { border: 0px;                               }

.csc-textpic-intext-left-nowrap {
   width:                550px;
   text-align:           justify;
}

/*===========================*/
/*===    MAIN TEMPLATE    ===*/
/*===========================*/

.csc-print-logo{
    position:            absolute;
    top:                 0px;
    right:               30px;
}
.csc-print-address{
    position:            absolute;
    top:                 100px;
    left:                30px;
}
.csc-print-strip-left {
    position:            absolute;
    left:                0px;
    top:                 130px;
    text-align:          justify;
}

/**************************************/
/*** Hide certain screen-view items ***/
/**************************************/

.csc-print-hide {
    display:             none;
}

/**************************/
/*** 3. row style items ***/
/**************************/

.csc-print-content {
    position:            absolute;
    top:                 180px;
    left:                60px;
    width:               600px;
    text-align:          justified;
    font-family:         Verdana, Arial, Helvetica, sans-serif; 
    color:               #000000;
    background:          #ffffff;
    z-index:             2;
}
.third-row_left-content {   
    border:              none;
    padding-top:         15px;
    padding-left:        15px;
    padding-right:       0px;
    text-align:          justify;
    vertical-align:      top;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
}
.third-row_main-content {
    border:              0px;
    padding-left:        15px;
    padding-right:       15px;
    text-align:          justify;
    vertical-align:      top;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
}                      
.third-row_right-content {       
    border:              none;
    padding-top:         15px;
    padding-left:        0px;
    padding-right:       15px;
    text-align:          justify;
    vertical-align:      top;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
}

/*==================================*/
/*===    APPLICATION TEMPLATE    ===*/
/*==================================*/

table.table_application {
    text-align:          left;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
    width:               660px;
}
table.table_content {
    border:              none;
    padding-top:         0px;
    padding-left:        0px;
    padding-right:       0px;
    padding-bottom:      0px;
    text-align:          left;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
}

td.td_strip_left { 
    vertical-align:      top;     
    padding-bottom:      100px; 
} 
/********************************/
/*** Initiativebewerbung Form ***/
/********************************/

td.td_initiative { 
    vertical-align:      top;     
    text-align:          left;  
    padding-left:        30px;
    padding-bottom:      50px;  
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
}

table.table_initiative {

    text-align:          left;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
    width:               660px;
}
