@charset "iso-8859-1";
/*******************************************************************************
*  typo3.css : 2007.04.19 :            Elemente die mit typo3 eingesetzt werden                        
* ------------------------------------------------------------------------------
*/
/*  Main-template - Header - generell */

  #header {
    height: 15px;
    }

  #headerLogo {
    margin: 0px 10px 15px 25px;
    }

  #headerContentFill {
    height: 65px;
    }

/*  Main-template - Header - breadcrumb */
  
  #breadCrumb {
    font-size: 9px;
    color: #888888;
    text-decoration: none;
    }

  #breadCrumb a {
    text-decoration: none;
    }

  #breadCrumb a:hover {
    color: #444444;
    font-weight: bold;    
    }

  #breadCrumb a:active {
    color: #00babd;
    }

  .breadCrumb_no {
    font-weight: bold;    
    color: #888888;
    }

  .breadCrumb_act {
/*    font-weight: bold;    */
    color: #00babd;
    }

/*  Main-template - Header - metanavi */

  #metaNavi {
    float: right;
    background-color: #defff7;
    margin: 2px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

  #metaNavi li{
    display: inline;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 0px; 
    }

  #metaNavi ul{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    }

  #metaNavi a {
    text-decoration: none;
    }

  #metaNavi a:hover {
    color: #444444;
    font-weight: bold;    
    }

  #metaNavi a:active {
    color: #00babd;
    }

  .meta_no {
    font-weight: bold;    
    color: #888888;
    }

  .meta_act {
    font-weight: bold;    
    color: #00babd;
    }

/*  Main-template - Header - userCenter */

  #userCenter {
    font-size: 9px;
    }  

  #userCenter a {
    text-decoration: none; 
    color: #888888;   
    }

  #userCenter a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #444444;
    }
  
  .loginInfo {
    color: #888888;
    }

  #loginInfoName {
    color: #888888;
    font-weight: bold;
    }

/*  Main-Template - Left-Column - mainnavi */

  .mainNavi {
    background-color: #defff7;
    margin: 12px 0px 0px 1px;
    padding:5px 5px 5px 5px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    } 

  .mainNavi a {
    padding-left: 5px;
    text-decoration: none;
    }

  .mainNavi a:hover {
    font-weight: bold;    
    }

  .mainNavi a:active {
    color: #00babd;
    }

  .mainLevel_no {
    color: #444444;
    }

  .mainLevel_act {
    font-weight: bold;    
    color: #00babd;
    }

  .mainLevel_actifsub {
    font-weight: bold;    
    color: #00babd;
    }

  .mainLevel1 {
    margin: 2px 0px 2px 0px;
    }

  .mainLevel2 {
    margin: 2px 0px 2px 12px;
    } 

  .mainLevel3 {
    margin: 2px 0px 2px 24px;
    }

  .mainLevel4 {
    margin: 2px 0px 2px 36px;
    }

/*  Main-Template - Footer - disclaimer */

  #disclaimer {
    padding: 2px 15px 2px 15px;
    float: left;
    text-align: left;
    font-weight: bold;    
    color: #888888;
    font-size: 10px;
    }

/*  Main-Template - Footer - copyright */

  #copyright {
    padding: 2px 15px 2px 0px;
/*    float: left;    */
    text-align: right;
    color: #888888;
    font-size: 10px;
    }
          
/*******************************************************************************
*  Extention-templates                         
* ------------------------------------------------------------------------------
*/
/*  newloginbox - login */

  #loginBlock {
    border: 0px solid black;
    width: 600px;
    }
  
  #loginHeader, #loginSuccessHeader, #logoutHeader, #loginForgotHeader, #loginForgotSentHeader {
    margin: 50px 0px 50px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    border: 0px solid blue;
    }

  #loginData {
    float: left;
    }

  #loginUser label {
    float: left;
    color: #444444;
    margin: 20px;
    font-weight: bold;
    }
  
  #loginUser input {
    margin: 20px 20px 20px 10px;
    border: 2px solid #00babd;
    width: 150px;
    }
  
  #loginPassword label{
    float: left;
    color: #444444;
    margin: 20px;
    font-weight: bold;
    } 
  
  #loginPassword input {
    margin: 20px 20px 20px 10px;
    border: 2px solid #00babd;
    width: 150px;
    }
  
  #loginText {
    float: left;
    margin: 5px 20px 20px 20px;
    padding: 15px;
    width: 160px;
    font-size: 9px;
    text-align: justify;
    background-color: #defff7;
    }  
  
  #loginSubmit {
    float: left;
    }

  #loginButton input, #logoutButton input {
    float: left;
    margin: 5px 0px 25px 194px;
    background-color: #defff7;  
    text-align: center;
    border: 2px solid #00babd;
    color: #00babd;
    }  

  #loginPerma #permalogin {
    float: left;
    margin: 10px 5px 25px 42px;
    border: 0px;
    }

  #loginPerma label {
    float: left;
    color: #444444;
    font-size: 9px;
    margin: 12px 5px 23px 0px;
    }

  #loginForgotPassword {
    margin: 0px 10px 10px 194px;
    }

  #loginForgotPassword a {
    text-decoration: none; 
    color: #888888;   
    }

  #loginForgotPassword a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #444444;
    }

  #loginSuccessMessage, #logoutText {

    margin: 80px 100px 80px 100px;
    text-align: center;
    }

  #loginForgotText, #loginForgotSentText {

    margin: 80px 100px 40px 100px;
    text-align: center;
    }

  #loginForgotEmail input {
    margin: 0px 0px 10px 254px;
    border: 2px solid #00babd;
    width: 250px;
    }
  
  #loginForgotButton input {
    margin: 25px 0px 40px 314px;
    background-color: #defff7;  
    text-align: center;
    border: 2px solid #00babd;
    color: #00babd;
    }

  #loginForgotSentBack {
    margin: 0px 10px 10px 314px;
    }

  #loginForgotSentBack a {
    text-decoration: none; 
    color: #888888;   
    }
    
  #loginForgotSentText em {
    font-weight: bold;
    font-style: normal;
    }  

  #loginForgotSentBack a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #444444;
    }
  
  .loginClear {
    clear: both;
    }

/* -----------------------------------------------------------------------------
/*  sr_feuser_register - registrieren erfassen */

  .registerHeader {
    margin: 15px 0px 15px 20px;
    font-size: 16px;
    font-weight: bold;
    Color: #444444;
    }
  
  .registerInfo {
    float: right;
    margin: 10px 20px 10px 0px;
    padding: 5px 5px 5px 5px;
    background-color: #defff7; 
    }            

  .registerInfoHead {
    margin: 7px 0px 0px 0px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    Color: #444444;
    } 
 
  .registerInfoText {
    margin: 0px 0px 7px 0px;
    font-size: 9px;
    text-align: justify;
    Color: #444444;
    width: 200px;
    } 
 
  .registerInfoLeer400 {
    height: 400px;
    }

  .registerMoreFields {
    margin: 20px 60px 20px 60px;
    font-size: 9px;
    text-align: justify;
    Color: #444444;
    }

  .tx-srfeuserregister-pi1-notice{
    margin: 0px 5px 0px 0px;
    text-align: right;
    font-size: 9px;
    Color: #888888;
    }

  #tx-srfeuserregister-pi1-fe_users_form fieldset {
    margin: 0px 0px 0px 0px;
    border: 1px dashed;
    Color: #00babd;
    }

  #tx-srfeuserregister-pi1-fe_users_form legend {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-weight: bold;
    Color: #444444;
    }
  #tx-srfeuserregister-pi1-fe_users_form dl {
    float: left;
    }

  #tx-srfeuserregister-pi1-fe_users_form dt {
    margin: 5px 0px 0px 40px;
    font-size: 9px;
    Color: #444444;
    }

  #tx-srfeuserregister-pi1-fe_users_form input {
    margin: 0px 0px 10px 0px;
    border: 2px solid #00babd;
    }
 
  .tx-srfeuserregister-pi1-password-again {
    margin: 10px 0px 0px 0px;
    font-size: 9px;
    Color: #444444;
    }

  #tx-srfeuserregister-pi1-gender {
    margin: 10px 0px 0px 40px;
    padding: 0px 0px 0px 0px;
    }  

  #tx-srfeuserregister-pi1-gender label {
    margin: 0px 20px 0px 2px;
    padding: 0px 0px 0px 0px;
    font-size: 9px;
    color: #444444;
    }  
    
  .tx-srfeuserregister-pi1-radio {
    border: 0px solid black !important;  
    }

  .tx-srfeuserregister-pi1-error {
    color: red;
    }

  .tx-srfeuserregister-pi1-submit {
    font-size: 14px;  		
    background-color: #defff7;
    border: 2px solid #00babd;
    color: #00babd;
    }  

  .registerSubmit {
    margin: 35px 0px 10px 0px;
    padding: 3px 6px 3px 6px;
    text-align: center;  
    }

  .registerDelete {
    text-align: right;
    font-size: 9px;
    } 

  .registerDelete a {
    text-decoration: none; 
    color: #888888;   
    }

  .registerDelete a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: red;
    }

  .registerClear {
    clear: both;
    }
  
/*  sr_feuser_register - registrieren preview */

  .feuser_register_create_preview_header {
    margin: px 0px px 0px;
    padding: 0px 0px 20px 0px;
    text-align: center;
    font-size: 12px;
    }  

  .feuser_register_create_preview_label {
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 200px;
    font-size: 12px;
    }  

  .feuser_register_create_preview_data {
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 200px;
    font-size: 12px;
    font-weight: bold;
    }  

  .feuser_register_create_preview_data a {
    margin: 0px 0px 0px 10px;
    }

  .feuser_register_create_preview_data a {
    text-decoration: none; 
    color: #888888;   
    }

  .feuser_register_create_preview_data a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #444444;
    }

  .feuser_register_create_preview_clear {
    clear: left;
    }  

  #feuser_register_create_finish_header {
    margin: 25px 25px 20px 25px;
    padding: 0px 0px 0px 0px; 
    font-size: 20px;
    font-weight: bold;
    }
    
  .feuser_register_create_finish_info, .feuser_register_create_confirm_info, .feuser_register_create_cancel_info, .feuser_register_create_delete_info, .feuser_register_edit_delete_info {
    margin: 10px 25px 5px 25px;
    padding: 0px 0px 0px 0px; 
    font-size: 12px;
    text-align: justify;
    }      
  
  #feuser_register_create_finish_foot, #feuser_register_create_cancel_foot, #feuser_register_create_delete_foot, #feuser_register_edit_delete_foot {
    margin: 25px 25px 10px 25px;
    padding: 0px 0px 0px 0px; 
    font-size: 16px;
    font-weight: bold;
    }
  
  #feuser_register_create_confirm_header, #feuser_register_create_cancel_header, #feuser_register_create_delete_header, #feuser_register_edit_delete_header {
    margin: 25px 25px 20px 25px;
    padding: 0px 0px 0px 0px; 
    font-size: 16px;
    font-weight: bold;
    }

/* -----------------------------------------------------------------------------
/*  tt_news - latest rechte Spalte */

  .news-latest-container {
    border: 1px solid #00babd;
    margin: 2px 2px 2px 2px; 
    padding: 2px 2px 2px 2px;
    }

  .newsLatestRightHeader {
    background-color: #defff7;
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: #00babd;
    font-size: 12px;
    font-weight: bold;
    }
    
  .news-latest-date {
    margin: 5px 0px 0px 0px;
    color: #888888;
    font-size: 9px;
    }
    
  .newsLatestRightTitle {
    font-size: 11px;
    }
    
  .newsLatestRightTitle a {
    text-decoration: none; 
    font-weight: bold; 
    color: #444444;   
    }

  .newsLatestRightTitle a:hover {
    text-decoration: none; 
    font-weight: bold; 
    color: #00babd;
    }

  .newsLatestRightSubHeader .bodytext {
    color: #888888;
    font-size: 9px;
    text-align: justify;
    margin: 4px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    }
 
  .news-latest-morelink {
    margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    font-size: 9px;
    text-align: right;  
    }
    
  .news-latest-morelink a {
    text-decoration: none; 
    font-weight: bold; 
    color: #888888;   
    }

  .news-latest-morelink a:hover {
    text-decoration: none; 
    font-weight: bold; 
    color: #00babd;
    }

  .news-latest-morelink .bodytext {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

  .news-latest-container .clearer {
    border: 1px solid #defff7;
    }
  
  .news-latest-gotoarchive {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    text-align: right;
    font-size: 9px;
    }
    
  .news-latest-gotoarchive a {
    text-decoration: none; 
    font-weight: bold;
    color: #888888;   
    }

  .news-latest-gotoarchive a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #00babd;
    }

/*  tt_news - Liste */

  .news-list-item {
    width: 100%
    }            

  .news-list-item hr {
    border: 1px solid #defff7;
    }

  .news-list-text {
    float: left;
    width: 80%;
    }
    
  .news-list-date {
    font-size: 9px;
    font-weight: bold;
    color: #888888;
    }  

  .news-list-title {
    font-size: 14px;
    }  
  
  .news-list-title a {
    text-decoration: none; 
    font-weight: bold;
    color: #444444;   
    }

  .news-list-title a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #00babd;
    }

  .news-list-subheader p {
    margin: 3px 10px 3px 15px;
    color: #888888;
    text-align: justify;
    font-size: 12px;
    }
  
  .news-list-category{
    display: none;
    float: left;
    font-size: 9px;
    margin: 0px 0px 0px 8px;
    color: #888888;
    }
  
  .news-list-morelink {
    float: right;
    font-size: 9px;
    margin: 0px 20px 0px 5px;
    }
  
  .news-list-morelink a {
    text-decoration: none; 
    font-weight: bold;
    color: #888888;   
    }

  .news-list-morelink a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #00babd;
    }

  .tx-ttnews-browsebox p {
    margin: 0px 0px 0px 0px;
    font-size: 9px;
    color: #888888; 
    text-align: right; 
    }
    
  .tx-ttnews-browsebox-strong {
    font-weight: bold;
    }    

  .tx-ttnews-browsebox a {
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    color: #888888;   
    }
    
  .tx-ttnews-browsebox a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #444444;
    }

  .tx-ttnews-browsebox-SCell a {
    text-decoration: none; 
    font-weight: bold;
    color: #00babd;
    }

  .news-list-clear {
    clear: both;
    } 
    
/*  tt_news - Liste */

  .news-single-item {
    margin: 5px 5px 5px 5px;
    width: 100%;
    }

  .news-single-text {
    float: left;   
    }

  .news-single-title {
    font-size: 18px;
    font-weight: bold;
    color: #444444;
    text-align: center;
    }

  .news-single-subheader {
    font-size: 14px;
    font-weight: bold;
    color: #888888;
    text-align: justify;
    }

  .news-single-image {
    margin: 15px 0px 0px 0px;
    float: right;
    width: 30%; 
    text-align: center;

    }

  .news-single-imgcaption {
    margin: 0px 0px 15px 0px;
    font-size: 9px;
    font-weight: bold;
    color: #888888;
    text-align: center;
  
    }

  .news-single-content {
    float: left;
    width: 69%;
    font-size: 12px;
    color: #888888;
    text-align: justify;
    }

  .news-single-content p {
    margin: 0px 0px 0px 0px;
    }

  .news-single-timedata {
    margin: 10px 0px 0px 0px;
    font-size: 10px;
    font-weight: bold;
    color: #888888;
    }

  .news-single-author {
    margin: 1px 0px 0px 0px;
    font-size: 9px;
    color: #888888;
    }

  .news-single-author a {
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
    color: #888888;   
    }
    
  .news-single-author a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #00babd;
    }

  .news-single-backlink {
    margin: 15px 0px 0px 0px;
    font-size: 12px;
    }

  .news-single-backlink a {
    text-decoration: none;
    font-weight: bold;
    color: #888888;   
    }
    
  .news-single-backlink a:hover {
    text-decoration: none; 
    font-weight: bold;
    color: #00babd;
    }

  .news-single-clear {
    clear: both;
    } 
       
/*  contact - form */

  .contact-text {
    margin: 20px 0px 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    border: 0px solid blue;
    }
   
   .csc-mailform {
    margin: 0px 0px 0px 0px;
    border: 0px black;
   }
   
   .csc-mailform-field {
    margin: 10px 0px 0px 0px;
    font-size: 10px;
    color: #444444;
    clear: both;
    border: 0px black;
   }
      
   .csc-mailform-radio {
    margin: 0px 0px 0px 10px;
    float: left;
    border: 0px green;
   } 
   
   #mailform {
    margin: 0px 0px 0px 90px;
    border: 0px red;
    clear: both;
   } 
   
   #mailform label {
   border: 0px black;
   float: left;
   }
   
   .csc-mailform-submit {
    font-size: 14px;  		
    background-color: #defff7;
    border: 2px solid #00babd;
    color: #00babd;
    margin: 15px 0px 0px 0px;
    padding: 3px 6px 3px 6px;
    text-align: center; 
    float: left; 
    }

    .contact-addon {
    float: right;
    font-size: 10px;
    color: #444444;
    margin: 0px 0px 10px 0px;
    border: 0px black;
    }

/*  Einschaltungen */    
    .link-to-info {
    margin: 0px 0px 0px 0px;
    font-size: 9px;
    color: #888888;
    }