/*  =========================================================

1. Allgemeine Selektoren
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen
   - Non-Layout IDs

2. Layoutbereiche
   - Wrapper
   - Kopfbereich
   - Navibereich
   - Textbereich
   - Fussbereich

3. Spezielle Seiten
   - Kontaktformular
   - Suche
========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

html {
    background:  url(../grafik/content_bg.png) repeat-y  center;
    height: 101%;
}

body {
    line-height: 1;
    color: white;
    background-image:url(../grafik/page_bg.jpg);
    background-repeat:repeat-x;
    text-align: center; /* Zentrierung für den <IE 5.x */
}

:focus {
	outline: 0;
}

/* ===============================
   =Block-Elemente
=============================== */

h1 {
    font-size: 100%;
    color: #5F7D9C;
    margin: 10px 0;
    font-weight: bold;
}

h2 {
    color: #5F7D9C;
    font-size: 90%;
    margin: 10px 0;
}

p, ul, ol {
    margin: 0 0 1em 0;
}

ol, ul {
    list-style: none;
}


/* Tabellen brauchen immernoch 'cellspacing="0"' im HTML! */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: "" "";
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
    	content: "";
    }

i, em {
  font-style: italic
}



/* ===============================
   =Inline-Elemente
=============================== */
strong {
  font-weight:bold;
}

a {
    text-decoration:none;
    color:#e43d4b;
}

    a:hover {
     text-decoration:underline;
    }

/* ===============================
   =Classes allgemeiner Art
=============================== */
.center {
    text-align: center;
}

.kleinschrift {
    font-size: 10px;
}

.accessibility {
    display: none;
}

.floatl {
    float:left;
    padding: 3px;
    /*border: 5px solid #ccc;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

.floatr {
    float:right;
    padding: 3px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.clear {
    clear:both;
}

.tab
{width:110px;display:block;float:left;}

#inhalt p.info {
    margin: 0;
    color:#c0c0c0;
    font-size:70%;
}


/* ========================================

  =2. LAYOUTBEREICHE

========================================= */

#pagewrapper {
    width: 960px;
    margin: 0 auto;  /* Zentrierung */
    text-align: left;
}
#contentwrapper {
    background:  url(../grafik/content_head_bg.png) no-repeat left top;
}


/* ===============================
   =KOPFBEREICH
=============================== */

#head {
    background: url(../grafik/head_bg.jpg) no-repeat center;
    height:298px;
}

    #logo {
        width: 289px;
        float:left;
    }

        #logo img {
            margin: 12px 0 0 58px;
        }

    #adresse {
        font-size:90%;
        line-height:1.2;
        margin: 0 0 0 42px;
        padding-top:20px;
        height:90px;
    }

        #adresse a{
            color:#abcabc;
        }

    #flaggen {
        text-align:right;
        margin:4px 22px 9px 22px;
    }

/* ===============================
   =NAVIBEREICH
=============================== */

#main_menue ul {
    width:662px;
    float:right;
    height:58px;
    background: url(../grafik/nav_item_off.png) -165px 0 no-repeat;
    border-left:3px double #EFEFEF;
}

    #main_menue ul li {
        width:165px;
        float:left;
        text-align:right;
        font-weight:bold;
        font-size:80%;
        letter-spacing:1px;
        text-transform: uppercase;
}

        #main_menue ul li a {
            position:relative;
            display:block;
            text-decoration:none;
            width:152px;
            padding:25px 8px 5px 5px;
            height:28px;
            background: url(../grafik/nav_item_off.png) no-repeat center;
            float:right;
            color:#505050;
        }

            #main_menue ul li a span{
                font-size:85%;
                font-weight:normal;
                letter-spacing:auto;
                color:#909090;
                text-transform: lowercase;
                }

        #main_menue ul li a:hover,
        #main_menue ul li a.used,
        #main_menue ul li.active a,
        #main_menue ul li.trail a{
            color:#e43d4b;
            background: url(../grafik/nav_item_on.png) no-repeat center;
        }

            #main_menue ul li a:hover span{
                color:#505050;
            }

/* ===============================
   =SUBNAVI
=============================== */
#subnavi {
    float:left;
    display: block;
    width: 250px;
    background: url(../grafik/subnavi-verlauf.gif) top no-repeat;
    margin: 11px 0 0 20px;
}

#subnavi-foot {
    background: url(../grafik/subnavi-foot.gif) top no-repeat;
    height: 18px;
}

#subnavi ul {
    width: 224px;
    padding: 5px 0 5px 14px;
    margin: 0px;
}

#subnavi ul ul  {
    width: 200px;
    padding: 0 0 0 14px;
    margin: 0px;
}

#subnavi ul li {
    width: 224px;
}

#subnavi ul li ul li {
    width: 200px;
}

#subnavi ul li a {
    display: block;
    text-align: left;
    font-size: 90%;
    height: 27px;
    color: #C3C3C3;
    padding: 15px 0 0 40px;
    text-decoration: none;
    background: url(../grafik/subnavi.gif) no-repeat;
}

#subnavi ul li ul li a {
    background: none;
    padding: 0 0 0 26px;
}

#subnavi ul li a:hover, #subnavi ul li a.used  {
    color: #e43d4b;
    background: url(../grafik/subnavi.gif) 0 -42px no-repeat;
}

#subnavi ul li a:hover.submenu, #subnavi ul li a.used.submenu, #subnavi ul li a.trail.submenu   {
    color: #e43d4b;
    background: url(../grafik/subnavi-submenu.gif) 0 -42px no-repeat;
}

#subnavi ul li ul li a:hover, #subnavi ul li ul li a.used {
    background: none;
}

#subnavi ul .used.submenu, #subnavi ul .trail.submenu {
    background: url(../grafik/subnavi-trenner.gif) no-repeat;
    background-position: bottom;

}

/* ===============================
   =TEXTBEREICH
=============================== */

#content {
    padding: 10px 13px;

}

    .teaserbox {
        float:left;
        display:inline;
        background: url(../grafik/box_head_bg.png) no-repeat;
        margin: 0 9px 10px 9px;
        width:291px;
        padding-bottom:0px;
    }

    .teaserbox .badge img{
        margin: 12px 0pt 10px 13px;
        position: relative;
        width:270px;
        z-index: 1;
    }

           #badge_aktuelles,  #badge_aktuelles_en, #badge_info {
                width:291px;
                height:161px;
                position:absolute;
                z-index:2;
            }

           #badge_aktuelles {
                background: url(../grafik/badge_aktuelles.png) no-repeat;
            }

           #badge_aktuelles_en {
                background: url(../grafik/badge_aktuelles_en.png) no-repeat;
            }

            #badge_info {
                background: url(../grafik/badge_info.png) no-repeat;
            }

        .teasercontent, .teaserform {
            background: url(../grafik/box_foot.png) no-repeat bottom;
            padding-bottom:5px;
        }

            .teasercontent h2, .teaserform h2{
                margin: 0 10px 10px 15px;
                color:#505050;
                font-size:80%;
                font-weight:bold;
                line-height:1.5;
            }

            .teaserform h2{
                margin-top: 15px;
            }

            .teasercontent p, .teaserform p{
                margin: 10px 10px 0 15px;
                color:#505050;
                font-size:80%;
                line-height:1.4;
            }


            .teaserform input, .teaserform label, .teaserform textarea{
                margin: 10px 10px 0 15px;
                color:#505050;
                font-size:80%;
            }

            .teaserform h2{
                margin-top: 15px;
            }


#inhalt {
    display: block;
    float:right;
    margin-right:29px;
    margin-top: 10px;
    width: 560px;
}

#inhalt h1{
    color: #5F7D9C;
    margin: 15px 0;
    line-height: 1.5;
    font-weight:bold;

}

#inhalt h2{
    color: #5F7D9C;
    line-height: 1.5;
    font-weight:bold;
}

#inhalt p {
    color: #717879;
    line-height: 1.5;
    font-size: 80%;
}


#inhalt ul{
    color: #717879;
    line-height: 1.5;
    font-size: 80%;
  list-style: disc;
  margin-left:20px;
}

#inhalt ul ul{
    font-size: 100%;
}

#inhalt .mod_sitemap ul{
    font-weight:bold;
}

#inhalt .mod_sitemap ul ul{
    font-weight:normal;
    margin-left:15px;
}


#inhalt .mod_search h3{
    font-size: 80%;
    font-weight:bold;
    margin-bottom:5px;
}

#inhalt .mod_search .relevance{
    color: #717879;
    font-weight:normal;
}

#inhalt .mod_search .highlight{
  font-style: italic;
  color:#303030;
}

#inhalt .mod_search div.even{
    padding:8px 8px 3px 8px;
    margin:5px 0;
    border-bottom:1px solid #D3D3D3;
    background-color:#eee;
}

#inhalt .h1{
    margin:5px 0;
    border-bottom:1px solid #D3D3D3;
}

#inhalt .mod_search div.odd{
    padding:8px 8px 3px 8px;
}

.pagination{
    padding:8px 8px 3px 8px;
    border-top:1px solid #D3D3D3;
}

  .pagination p {
          float:left;
          margin-right:25px;
    font-weight:bold;
      }

  .pagination ul li {
          display:inline;
          border-right:1px solid #C3C3C3;
          margin-right:5px;
          padding-right:8px;
      }

      .pagination ul li.last {
          border-right:0;
          margin-right:0;
          padding-right:0;
      }

#inhalt img {
    float: right;
    margin: 0 0 15px 15px;
    border:3px double #D3D3D3;
    padding:5px;

}

#inhalt .pdf_link img {
    float: right;
    margin:0;
    border:0;
    padding:0px;
}

#inhalt .borderless img {
    float: right;
    margin: 0 0 10px 10px;
    border:0;
    padding:5px;

}

#inhalt .no_float img {
    float: none;
    margin: 0 10px 10px 0;  
}

#inhalt .ce_downloads img, #inhalt .ce_download img, #inhalt .enclosure img, #inhalt #flags img   {
    float: none;
    margin: 0;
    border:0;
    padding:0;
    vertical-align: middle;
}

#inhalt .ce_gallery img {
    float: none;
    margin: 0;
    border:1px double #D3D3D3;
    padding:2px;

}

.layout_short {
    padding-bottom:5px;
    margin-bottom:15px;
    border-bottom:1px solid #D3D3D3;
}


.pdf_link{
    font-size: 80%;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #D3D3D3;
    text-align:right;
}

.pdf_link a
  {
   display:inline-block;
   padding-left:25px;
   line-height:15px;
   background-repeat:no-repeat;
   background-position:center left;
   border:0px;
  }

/*
.pdf_link a
  {
   display:inline-block;
   background-image:url('../../../system/themes/default/images/iconPDF.gif');
   padding-left:25px;
   line-height:15px;
   background-repeat:no-repeat;
   background-position:center left;
   border:0px;
  }
*/


a.extern
  {
   display:inline-block;
   background-image:url('../grafik/extern.gif');
   padding-left:15px;
   background-repeat:no-repeat;
   background-position:center left;
   border:0px;
   }

/* ===============================
   =FUSSBEREICH
=============================== */

#foot {
    background: url(../grafik/foot_bg2.png) no-repeat center;
    height:60px;
}

    #foot ul {
        padding:24px 0 0 120px;
        font-size:80%;
        color:#505050;
        float:left;
    }

    #foot img {
        padding:8px 0 0 40px;
        font-size:80%;
        color:#505050;
        float:left;
    }

    #foot ul li {
        display:inline;
        border-right:1px solid #C3C3C3;
        margin-right:5px;
        padding-right:8px;
    }

    #foot ul li.last {
        border-right:0;
        margin-right:0;
        padding-right:0;
    }


/* ===============================

   =3. Spezielle Seiten

=============================== */

/* ===============================
   Kontaktformular
=============================== */

form {

}

    label {
        display: block;
        margin-top: 5px;
        padding-right: 1em;
    }

    #inhalt .ce_form form label
            {
              color: #717879;
              font-size:80%;
            }

    #inhalt .ce_form form input,  #inhalt .ce_form form textarea,  #inhalt .ce_form form select
            {
                margin: 10px 10px 0 0;
                color:#505050;
                font-size:80%;
            }

#inhalt .ce_form input.captcha {width:175px;}
#inhalt .ce_form .captcha_text {color:#717879; font-size:80%;}

    p.error{
        color: #e43d4b;
        font-size:60%;
        font-weight:bold;
        padding:0;
        margin-top:0;
        text-transform: uppercase;
        }

     #inhalt .ce_form p.error{
        color: #e43d4b;
        font-size:60%;
        font-weight:bold;
        padding:0;
        margin:0;
        text-transform: uppercase;
        }

     #inhalt .ce_form input, #inhalt .ce_form textarea, #inhalt .ce_form select{
        width:350px;
        }

    input,
    select,
    textarea { /* Alle Labels UND Formularelemente auswählen */
        width: 260px; /* Breite.*/
        border:  	 1px solid #999;
    	font-family: Arial, Helvetica, sans-serif;
    }



    input:focus,
    select:focus,
    textarea:focus,
    input:hover,
    select:hover,
    textarea:hover  { /* Alle Labels UND Formularelemente auswählen */
        border:  	 1px solid #e43d4b;
    }

    textarea {
        height: 100px;
    }


        input.submit, #inhalt input.submit{ /* den Submit-Button */
            width: auto;
            color:white;
            background: url(../grafik/form_button.png) no-repeat left;
            border:0px;
            width:113px;
            padding:6px 0;
            text-align:center;
            font-size:11px;
            font-weight:bold;
        }

    form br { /* Alle Zeilenumbrüche in Formularen auswählen */
      clear: left; /* das floating der labels und inputs aufheben */
    }

#map input                          {width: 250px;margin-top:5px;}
#directions                         {font-size: 80%; color:#717879;line-height: 1.6;}
#directions img                     {border:0; float:none;}
.gmnoprint                          {color:#717879;font-size:90%;}



/* ===============================
   Suchformular
=============================== */
#suche {
    width: 660px;
    float:right;
    background: url(../grafik/search_bg.png) no-repeat left;
}

    #suche form{
        margin:30px;
    }

    #suche form .formbody {
        margin-left:30px;
        height:22px;
        width:200px;
        background: url(../grafik/search_field_bg.png) no-repeat left;
    }

        #suche form .formbody input{
            border:0px;
            padding:0 0 0 5px;
            margin:0px;
            background:transparent;
            width:166px;
        }

            #suche form .formbody input.submit{
                width:24px;
                display:inline;
                color:#0c0c0c;
                height:18px;
            }
/* EoF */