/*###############################*/
/*###    Screen CSS of        ###*/
/*###    4plus Homepage       ###*/
/*###############################*/

/*==========================*/
/*===    ALL TEMPLATE    ===*/
/*==========================*/

body { 
    margin:              0px;
    width:               100%;
    height:              100%;
    background-color:    #ffffff;
}

b { 
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         bold;
    color:               #980000;
}

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:               #980000;
}
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;
}
h6 {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         bold;
    color:               #980000;
    text-decoration:     blink;
}

a:link                             { text-decoration: none;      font-weight: bold;   color: #980000; }
a:visited                          { text-decoration: none;      font-weight: bold;   color: #980000; }
a:hover                            { text-decoration: none;      font-weight: bold;   color: #cc0000; }
a:active                           { text-decoration: none;      font-weight: bold;   color: #666666; }
                                   
a.internal-link:link               { text-decoration: underline; font-weight: normal; color: #980000; }
a.internal-link:visited            { text-decoration: underline; font-weight: normal; color: #980000; }
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.internal-link-new-window:link    { text-decoration: underline; font-weight: normal; color: #980000; }
a.internal-link-new-window:visited { text-decoration: underline; font-weight: normal; color: #980000; }
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.external-link-new-window:link    { text-decoration: underline; font-weight: normal; color: #980000; }
a.external-link-new-window:visited { text-decoration: underline; font-weight: normal; color: #980000; }
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.download:link                    { text-decoration: underline; font-weight: normal; color: #980000; }
a.download:visited                 { text-decoration: underline; font-weight: normal; color: #980000; }
a.download:hover                   { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.download:active                  { text-decoration: underline; font-weight: normal; color: #666666; }

a.mail:link                        { text-decoration: underline; font-weight: normal; color: #980000; }
a.mail:visited                     { text-decoration: underline; font-weight: normal; color: #980000; }
a.mail:hover                       { text-decoration: underline; font-weight: normal; color: #cc0000; }
a.mail:active                      { text-decoration: underline; font-weight: normal; color: #666666; }
a.mail {
    padding-left:        20px;
    background-image:    url('../img/template/mail.gif');
    background-repeat:   no-repeat;
}

img { border: 0px; display: block; }


/*===========================*/
/*===    MAIN TEMPLATE    ===*/
/*===========================*/


table.table_main {
    width:               100%;
    height:              100%;
    vertical-align:      top;
    border:              none;
}

ul {
    list-style-image:    url('../img/template/list_bullet_diamont.gif');
    text-align:left;
}
ol {
    list-style-image:    url('../img/template/list_bullet_diamont.gif');
    text-align:left;
}
li {  
    padding-top:         2px;
    padding-bottom:      2px;
}

/************************************************/
/*** Overwrites values of standard stylesheet ***/
/************************************************/
dd.csc-textpic-caption{
	font-size: 10px

}


/*****************************/
/*** Hide print-view items ***/
/*****************************/

.csc-print-logo{
    display:             none;
}
.csc-print-address{
    display:             none;
}
.csc-print-strip-left{
    display:             none;
}

/**************************/
/*** 1. row style items ***/
/**************************/

.first-row-bkg {                                         
    width:               45px;
    height:              150px;
    padding-top:         150px;
    background-image:    url('../img/template/first_row_bkg.gif');
    background-repeat:   repeat;
   
   
}
.first-row_main-image {
    position:            absolute;
    top:                 0px;    
    left:                45px;    
    z-index:             2;
  //  background-color:	 #d8d8d8;  //temporarily for construction page
   
}
/*
.test {
     position:            absolute;
    top:                 50px;    
    left:                700px;   
    z-index:             3;
   
}
*/

.first-row_fade-out-with-logo {
    position:            absolute;
    top:                 0px;
    right:               0px;
    z-index:             3;
}                  


/**************************/
/*** 2. row style items ***/
/**************************/

.second-row_left-side-top-img {
    height:              22px;
    width:               45px;
    background-image:    url('../img/template/leftside_top_img.gif');
    background-repeat:   no-repeat;
}
.second-row_left-side-top-line {
    height:              22px;
    text-align:          left;    
    vertical-align:      top;
    background-image:    url('../img/template/leftside_top_line.gif');
    background-repeat:   repeat-x;
}
.second-row_language-menu {
    width:               34px;
    height:              20px;
    text-align:          left;
    vertical-align:      middle;
}
.second-row_mainmenu-align {
     height:             22px;
     vertical-align:     top;
}
.second-row_mainmenu-bkg {
     padding-left:       5px;
     background-image:   url('../img/template/mainmenu_bkg.gif');
     background-repeat:  repeat-x;
}
.second-row_mainmenu-bkg-fade-out {
     left:               0px;     
     width:              100%;
}

.second-row_mainmenu-items {
    vertical-align:      middle;
    text-align:          center;
    padding-left:        10px;
    padding-right:       10px;
}
.second-row_mainmenu {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         bold;
    text-decoration:     none;
    color:               #980000;
    display:             inline;
}  
.second-row_mainmenu-selected {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
    color:               #980000;
    display:             inline;
}
a.link-mainmenu:link     { text-decoration: none; font-weight: bold; color: #980000; }
a.link-mainmenu:visited  { text-decoration: none; font-weight: bold; color: #980000; }
a.link-mainmenu:hover    { text-decoration: none; font-weight: bold; color: #cc0000; }
a.link-mainmenu:active   { text-decoration: none; font-weight: bold; color: #666666; }

/**************************/
/*** 3. row style items ***/
/**************************/

.third-row_leftside-bkg {
    background-image:    url('../img/template/leftside_bkg.png');
    background-repeat:   repeat-x;
}
.third-row_leftside-stretch {
    position:            relative;
    width:               45px;
    height:              100%;
    padding-top:         10px;
    background-image:    url('../img/template/leftside_stretch.gif');
    background-repeat:   repeat-y;
}
.third-row_left-side-bottom {
    width:               45px;
    height:              147px;
    text-align:          left;
    vertical-align:      top;
    background-image:    url('../img/template/leftside_bottom_img.gif');
    background-repeat:   no-repeat;
}
#print-view_leftside-div {
    height:              100%;
    position:            relative;
}

.third_row-leftside-menu-align {
    position:            relative;
    top:                 20px;

    padding-top:         0px;
    padding-left:        4px;
    padding-right:       4px;

    text-align:          center;
    vertical-align:      top;
}

.third-row_leftside-menu-items {
    text-align:          left;
}

.third-row_leftside-menu-beforeImg {
    width:               15px;
    padding-right:       5px;
    text-align:          left;
    vertical-align:      middle;
}
.third-row_leftside-menu {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         bold;
    color:               #980000;
    display:             inline;
}
.third-row_leftside-menu-selected {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
    color:               #980000;
    display:             inline;
}
a.link-leftside-menu:link     { text-decoration: none; font-weight: bold; color: #980000; }
a.link-leftside-menu:visited  { text-decoration: none; font-weight: bold; color: #980000; }
a.link-leftside-menu:hover    { text-decoration: none; font-weight: bold; color: #cc0000; }
a.link-leftside-menu:active   { text-decoration: none; font-weight: bold; color: #666666; }

.third-row_left-content {   
    border:              none;
    position:            relative;
    top:                 10px;
    padding-top:         5px;
    padding-left:        15px;
    padding-right:       5px;
    padding-bottom:      10px;
    text-align:          justify;
    vertical-align:      top;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
}
.third-row_main-content {
    border:              none;
    position:            relative;
    top:                 20px;
    padding-top:         0px;
    padding-left:        15px;
    padding-right:       15px;
    padding-bottom:      10px;
    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;
    position:            relative;
    top:                 10px;
    padding-top:         5px;
    padding-left:        0px;
    padding-right:       15px;
    padding-bottom:      10px;
    text-align:          justify;
    vertical-align:      top;    
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
}

.third-row_news-content {
    position:            relative;
    top:                 20px;
    padding-top:         5px;
    padding-left:        15px;
    padding-right:       15px;
    padding-bottom:      10px;
    text-align:          left;
    vertical-align:      top;	
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           10px;
    font-weight:         bold;
    color:               #980000;
}

.third-row_backlink-text {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
    color:               #980000;
    display:             inline;
}
/**************************/
/*** 4. row style items ***/
/**************************/

.fourth-row_img {
    padding-bottom:      10px;
    text-align:          left;
    vertical-align:      top;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           10px;
    color:               #736f6d;
}

/**************************/
/*** 5. row style items ***/
/**************************/

.fifth-row_bottommenu-align {
    vertical-align:      middle;
    text-align:          center;
    background-color:    #980000;
}

.fifth-row_bottommenu-items {
    vertical-align:      middle;
    text-align:          center;
    padding-left:        10px;
    padding-right:       10px;
}
.fifth-row_bottommenu {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           10px;
    font-weight:         bold;
    color:               #ffffff;
    display:             inline;
}  
.fifth-row_bottommenu-selected {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           10px;
    font-weight:         bold;
    color:               #736f6d;
    display:             inline;
}

a.link-bottom-menu:link       { font-weight: bold; color: #ffffff; }
a.link-bottom-menu:visited    { font-weight: bold; color: #ffffff; }
a.link-bottom-menu:hover      { font-weight: bold; color: #ffffff; }
a.link-bottom-menu:active     { font-weight: bold; color: #ffffff; }


/*==================================*/
/*===    BEWERBUNGEN TEMPLATE    ===*/
/*==================================*/


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_teaser_header {
    line-height:		30px;
}

.img_application_logo {
    position:            absolute;
    top:                 70px;
    left:                520px;
}
.img_application_left {
    position:            absolute;
    top:                 140px;
    left:                15px;
    padding-bottom:      50px;
}
.img_application_left-text {
    text-align:          left;
    vertical-align:      middle;
}
.img_application_strip {
    width:               50px;
    text-align:          right;
    vertical-align:      top;
}
.img_application_horizontal-line {
    text-align:          left;
    vertical-align:      top;
    padding-top:         46px;
}
.table_application-content {
    position:            absolute;
    top:                 205px;
    left:                115px;
    width:               580px;
    padding-bottom:      50px;
    text-align:          justify;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
}

/**********************/
/*** Feedback Form ****/
/**********************/

td.td_feedback-anrede {
    font-family:         Georgia;
    font-size:           12px;
    color:               #4d4037;
}
td.td_feedback   { 
    vertical-align:      top;     
    padding-bottom:      10px;  
} 

/********************************/
/*** Initiativebewerbung Form ***/
/********************************/

table.table_initiative {
    text-align:          left;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           12px;
    font-weight:         normal;
    width:               660px;
}

/*==================================*/
/*===    ROUTEPLANER TEMPLATE    ===*/
/*==================================*/

table.table_route {
    width:               500px;
    font-family:         Verdana, Helvetica, Arial;
    font-size:           10px;
}

/************************/
/*** Routeplaner Form ***/
/************************/

td.td_route-top {
    height:              25px;
    text-align:          left;
    vertical-align:      center; 
    background-color:    #f7f7f7;
    font-family:         Arial, Helvetica, sans-serif;
    font-size:           11px;
}
td.td_route-icon {
    height:              25px;
    padding-left:        14px;
    vertical-align:      center; 
    background-color:    #f7f7f7;
}
td.td_route-plz {
    width:               65px;
    padding-top:         6px;
    padding-left:        5px;
}
td.td_route-plz_en {
    width:               65px;
    padding-top:         6px;
    padding-left:        5px;
    padding-right:       5px;
}
td.td_route-input-fromplz {
    padding-top:         6px;
}
td.td_route-input-fromcity {
    padding-top:         6px;
    padding-left:        16px;
}
td.td_route-input-img {
    width:               170px;
    text-align:          right;
    vertical-align:      middle;
    padding-top:         5px;
    padding-right:       5px;
}
td.td_route-input-img_en {
    width:               105px;
    text-align:          left;
    vertical-align:      middle;
    padding-top:         5px;
    padding-left:        20px;
}
td.td_route-strasse {

    padding-top:         5px;
    padding-left:        5px;

    width:               55px;
    text-align:          left;
}
td.td_route-input-fromstreet {
    width:               220px;
    padding-top:         5px;
}