/********************** Beginn CSS-Style allgemein *******************************************/

a:link
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    text-decoration: none;
}


body {
    /*background-image: url(images/back.jpg);*/
    background-color: #193a84;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    text-align: center;
    color: #000000;
}
.header{
   font-weight: bold;
   color: #193a84;
   font-size:0.95em;
   text-align: right;
   background-image: url(images/head_back.gif);
   background-repeat: no-repeat;
   height: 21px;
   margin: 0 0 30px 0;
   
}

p {
    font-size: 0.8em;
    text-align: left;
    clear: both;
}

p.center{
    text-align: center;
}

p.right{
    text-align: right;
}

p.fehler{
    color: #FF0000;
    font-weight: bold;
}
p.under{
    text-decoration: underline;
}
p.kursiv{
    font-style: italic;
}

.image-border {
    border: 1px solid #000000;
}

a.text-link{
    color: #193a84;
    text-decoration: none;
}
a.text-link:hover{
    color: #5674ba;
}

.text-liste{
    list-style-type: none;
       font-size: 0.8em;
       margin: 0px;
       padding: 0px;
}
.text-liste li{
    background-image: url(images/icons/kugel2.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 15px;
    margin: 0px;
}
.imagelink {
       border: 0px;
       text-decoration: none;
}

.grbutton {
      font-size: 0.9em;
      height: 20px;
      background-color: #ffffff;
      color: #ffffff;
      width: 150px;
      background-image: url(images/button_hg.gif);
      border: 1px #193a84 solid;
}
.loginbutton {
      font-size: 0.9em;
      height: 20px;
      background-color: #ffffff;
      color: #ffffff;
      width: 80px;
      background-image: url(images/button_hg.gif);
      border: 1px #193a84 solid;
}
.optfeld{
      height: 15px;
      background-color: transparent;
      border: 1px #193a84 solid;
      width: 200px;
  
}
.namefeld{
      height: 15px;
      background-color: transparent;
      border: 1px #193a84 solid;
      width: 150px;
  
}

.textfeld{
      height: 80px;
      background-color: transparent;
      border: 1px #193a84 solid;
      width: 400px;
      scrollbar-base-color:#193a84;
      scrollbar-3dlight-color:#193a84;
      scrollbar-arrow-color:#FFFFFF;
      scrollbar-darkshadow-color:#193a84;
      scrollbar-face-color:#193a84;
      scrollbar-highlight-color:#ffffff;
      scrollbar-shadow-color:#193a84;
      scrollbar-track-color:#f4f5f8;
      max-width: 400px;
}


/********************** Ende CSS-Style allgemein *********************************************/


/********************** Beginn CSS-Style für Index.php ***************************************/

.main {            /* MainBereich - index.php*/
    padding: 0px;
    margin: 20px auto 20px auto;
    width: 780px;
    border: solid 1px #000000;
    color: #000000;
    background-color: #e8e9eb;
    border-collapse: collapse;
    /*overflow:scroll;*/

}

.main-left {            /* Berich des Menüs - index.php */
       width: 163px;
       padding: 0px;
       vertical-align: top;
      text-align: center;
       background-color: #d3d9e6;
       border-right: 1px solid #000000;
       border-collapse: collapse;
       border-spacing: 0px;
   
}

.main-right {        /* Beriech der Anzeige */   
       width: 616px;
       height: 450px;
       padding: 0px;
       text-align: center;
       vertical-align: top;
}

.content-main{
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 520px;
    min-height: 80%;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 10px;
    text-align: left;
}


/****************************** Ende CSS-Style für Index.php ****************************************/



/************************************ Beginn CSS-Style für Profil ***************************************/
/********************** wirueberuns.php , anfahrt.php , agb.php , impressum.php *************************/


.agblistemain{
       font-weight: bold;
       list-style-type: decimal;
       padding-bottom: 10px;
       font-size: 0.8em;
       margin: 0px;
       padding-left: 30px;
}
.agblistesub{
       list-style-type: decimal;
       margin:0px 0px 0px 10px;
       padding:5px 10px 5px 10px;
       font-weight: normal;
       text-align: justify;
       font-size: 1em;
}
/************************************ Ende CSS-Style für Profil *****************************************/



/************************************* Beginn Style für kontakt **********************************/
.anfrage{
    padding: 10px;
    margin: 30px auto 0 auto;
    text-align: left;
    width: 90%;
    border: 1px #000000;
    border-style: dotted;
    background-image: url(images/anfrage_back.jpg);
    background-repeat: no-repeat;
    background-position: center;
    
}
.anfrage-table{
    font-size: 0.8em;
    margin: 0px;
    padding: 0px;
}

.anfrage-table td{
    width: 230px;
    
}
.ansprech{
    font-size: 0.75em;
    width: 100%;
}
.ansprech th{
    text-align: center;
    padding: 5px;
    text-decoration: underline;
}
.ansprech td{
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
.kontakt{
    font-weight: bold;
    font-size: 0.8em;
}
/************************************* Ende Style für kontakt ***********************************/

/************************************* Beginn Style für Banner **************************************/



.banner {            /* BannerBereich - index.php*/
    height: 129px;
    width: 778px;
    background-image: url(images/banner.jpg);
       background-repeat:no-repeat;
       background-position:  center;
    border-collapse: collapse;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    
}

.banner-menue{            /* Hauptbereich des Bannermenues */
    width: 600px;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 22px 0 0 165px;
    padding: 0px;
    text-align: left;
}
a.banner-menue-left:hover {            /* Link hover des Menüs im Banner */
       color: #000000;
}

a.banner-menue-right:hover {        /* Link hover des Menüs im Banner */
       color: #000000;
}

.banner-menue-left{                /* linker Unterbereich des Bannermenues */
    height: 18px;
    margin: 0 0 0 10px;
    padding-top: 2px;
    color: #FFFFFF;
}

.banner-menue-left-act{                /* linker Unterbereich des Bannermenues activer Link*/
    height: 18px;
    margin: 0 0 0 10px;
    padding-top: 2px;
    color: #000000;
}

.banner-menue-right{            /* rechter Unterbereich des Bannermenues */
    height: 18px;
    margin: 0 0 0 20px;
    padding-top: 2px;
    color: #FFFFFF;
}

.banner-menue-right-act{            /* rechter Unterbereich des Bannermenues activer Link*/
    height: 18px;
    margin: 0 0 0 20px;
    padding-top: 2px;
    color: #000000;
}

/************************************* Ende Style für Banner *************************************/
/****************************** Bereich für linkes Menue ***************************************/

.menue-left-main{
    width: 163px;
    padding: 0px;
    margin-top: 30px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    font-weight: bold;
}
.menue-left-main td{
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-collapse: collapse;
    border-spacing: 0px;
    height: 17px;
}
.menue-left-main a{
    margin: 0px;
    display: block;
    height: 100%;
}
.menue-left-link{
    color: #ffffff;
    padding: 3px 0px 0px 5px;
    background-image: url(images/menue_main.gif);
    font-size: 0.8em;

    
}
.menue-left-link-sub1{
    background-color: #ffffff;
    color: #000000;
    background-image: url(images/eckig.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding: 3px 0px 0px 20px;
    height: 100%;
    font-size: 0.65em;
}

.menue-left-link-sub1-act{
    background-color: #ffffff;
    color: #000000;
    background-image: url(images/eckig_over.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding: 3px 0px 0px 20px;
    font-size: 0.65em;
}


a.menue-left-link-sub1:hover{
    background-color: #ffffff;
    color: #000000;
    background-image: url(images/eckig_over.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

.menue-left-link-sub2{
    background-color: #ffffff;
    color: #000000;
    background-image: url(images/eckig.gif);
    background-position: 15px 5px;
    background-repeat: no-repeat;
    padding: 3px 0px 0px 30px;
    height: 100%;
    font-size: 0.65em;
}

.menue-left-link-sub2-act{
    background-color: #ffffff;
    color: #000000;
    background-image: url(images/eckig_over.gif);
    background-position: 15px 5px;
    background-repeat: no-repeat;
    padding: 3px 0px 0px 30px;
    font-size: 0.65em;
}


a.menue-left-link-sub2:hover{
    background-color: #ffffff;
    color: #000000;
    background-image: url(images/eckig_over.gif);
    background-position: 15px 5px;
    background-repeat: no-repeat;
}


.spruch{
    text-align: center;
    margin: 30px auto 0px auto;
}


/****************************** Ende Bereich für linkes Menue **********************************/


/****************************** Bereich für Support ********************************************/
.faq-liste{
    list-style-type: decimal;
       font-size: 0.8em;
       margin: 0px;
       padding-left: 30px;
}
.faq-table{
    border: 1px solid #000000;
    margin: 10px 0px ;
    padding: 0px;
    border-collapse: collapse;
}
.faq-table td{
    border: 1px solid #000000;
    margin: 0px;
    padding: 3px;
    vertical-align: top;
}

.download-table{
    border: 1px solid #000000;
    border-collapse: collapse;
    font-size: 0.8em;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    width: 400px;
}
.download-table td{
    border: 1px solid #000000;
    vertical-align: middle;
    padding: 2px 5px;
}
.download-table-left{
    width: 60px;
    font-weight: bold;
}

.login-table{
    font-size: 0.8em;
}
/****************************** Ende Bereich für Support ***************************************/
/****************************** Bereich Programm ***********************************************/
.programm-liste{
    list-style-type: none;
       margin: 0px 0px 0px 25px;;
       padding: 0px;
    font-size: 0.75em;
}
.programm-liste li{
    list-style-image: url(images/icons/pfeil.gif);
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}
.programm-header{
    font-size: 1em;
    text-align: center;
    color: #193a84;
}
.programm-link{
    display: inline;
    float: left;
    margin: 0px 25px 5px 5px;
    padding: 0px;
    text-decoration: none;
    border: 0px;
    clear: both;
}
.ref-list{
    margin: 20px 0px 0px 0px;
    text-align: left;
}
.ref-list td{
    vertical-align: top;
    padding: 0px 0px 0px 5px;
}
.aktuelles{
    padding: 0px;
    margin: 10px 0px 20px 0px;
    border-bottom: 2px dotted #000000;
}
.referenz-foto{
    width: 120px;
    text-align: center;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}
.referenz-text{
    text-align: left;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}
/****************************** Ende Bereich Programm ******************************************/
.rcs-link{
    text-align: right;
    padding: 0px 30px 0px 0px;
}