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

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

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

3. Spezielle Seiten
   - Kontaktformular

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

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

   =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: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

html {
    height: 101%;
}

body {
    line-height: 1;
    color: #808080;
    background: #FFE8D6 url(../grafik/page_bg.jpg) repeat-x;
    text-align: center;
}

:focus {
	outline: 0;
}

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

h1 {
    font-size: 150%;
}

h2 {
    font-size: 130%;
    margin-bottom: 1em;
}

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: "";
    }


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

a {
    color: #0040AF;
    text-decoration:none;
}

    a:hover {
        color: #0040AF;
        text-decoration:underline;
    }



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

.kleinschrift {
    font-size: 10px;
}

.accessibility {
    display: none;
}

.floatl {
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}

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

.clear, #clear {
    clear:both;
    font-size:0.1px;
    height:0.1px;
    line-height:0.1px;
}

.picture {
  width:150px;
  float:left;
}

.description {
  width:300px;
  float:left;
}


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

  =2. LAYOUTBEREICHE

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

#pagewrapper {
    width: 960px;
    margin: 0 auto;  /* Zentrierung */
    text-align: left;
    clear: both;
}


/* ===============================
   =KOPFBEREICH
=============================== */
#head {
    height:154px;
    overflow:hidden;
}


    #head #head_searchnavi {
        height:31px
    }


        #head #head_searchnavi ul {
            float:right;
            font-size:80%;
            margin:0;
            text-transform: lowercase;
}

            #head #head_searchnavi ul li{
                line-height:30px;
                display:inline;
            }

                #head #head_searchnavi ul li a{
                    display:inline-block;
                    background:transparent url(../grafik/dot.jpg) no-repeat scroll right center;
                    padding-right:8px;
                    color:#fff;

                }

                    #head #head_searchnavi ul li a.last{
                        display:inline-block;
                        background:none;
                        padding-right:0px;
                    }

    #head #head_logo {
        padding-top:40px;
        float:left;
        width:206px;
    }

    #head #head_img {
        float:right;
        width:754px;
    }

/* ===============================
   =NAVIBEREICH
=============================== */
#left {
    border-color:#0040AF;
    border-style:solid solid none;
    border-width:1px;
    margin:0px;
    width:200px;
    float:left;
}

    #left ul {
        margin: 0 0 0 0;
    }

        #left li{
        display:inline;
        }

        #left li a {
          	height: 23px;
        	text-decoration: none;
            font-size:90%;
            color:#fff;
            text-decoration:none;
            display:block;
            padding:9px 0 0 30px;
            background:transparent url(../grafik/menu.jpg) repeat scroll 0 0;
            border:0;
        }
            #left li a:hover {
                background:transparent url(../grafik/menu.jpg) repeat scroll 0 -32px;
                color:#0040AF;
            }

            #left li a:active {
                background:transparent url(../grafik/menu.jpg) repeat scroll 0 -64px;
            }

                #left li.active a{
                    background:transparent url(../grafik/menu.jpg) repeat scroll 0 -96px;
                    color:#0040AF;
                    font-weight:bold;
                }
                #left li.active a:hover {
                    background:transparent url(../grafik/menu.jpg) repeat scroll 0 -32px;
                }

                #left li.trail a, #left li.submenu a {
                    background:transparent url(../grafik/menu.jpg) repeat scroll 0 -128px;
                    color:#fff;
                    font-weight:bold;
                }

                #left li.trail a:hover, #left li.submenu a:hover {
                    background:transparent url(../grafik/menu.jpg) repeat scroll 0 -128px;
                    color:#0040AF;
                }

                    #left li.trail li a, #left li.submenu li a {
                      	height: 20px;
                        color:#fff;
                        display:block;
                        padding:5px 0 0 45px;
                        background:#90B0D7;
                        font-size:80%;
                        font-weight:normal;
                    }
                        #left li.trail li a:hover, #left li.submenu li a:hover {
                            background:#90B0D7;
                            font-weight:bold;
                        }

                        #left li.trail li a:active, #left li.submenu li a:active {
                            font-weight:bold;
                            color:#0040AF;
                        }

                            #left li.trail li.active a:hover {
                                font-weight:bold;
                                 color:#0040AF;
                            }

                            #left li.trail li.active a{
                                color:#0040AF;
                                font-weight:normal;
                            }

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

#main {
    background:#FFF url(../grafik/content_bg_head.jpg) repeat-x bottom ;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    float:right;
    margin-top:7px;
    padding: 20px;
    width:710px;
}

    #main #breadcrumbs {
        border-bottom:1px solid #808080;
        height:25px;
    }

        #main #breadcrumbs div {
            font-size:80%;
            float:left;
            margin:0;
            line-height:20px;
        }

    #main h1 {
        font-size:120%;
        font-weight:normal;
        margin:1em 0;
    }

    #main h2, .ce_comments h1 {
        font-size:90%;
        font-weight:bold;
        width:447px;
        padding:4px;
        background: url(../grafik/h2verlauf.jpg) repeat-y;
        color:#F97F29;
        }

    #main h3 {
        font-size:80%;
        font-weight:bold;
        margin: 0;
        }

    #main p, #main .ce_download  {
        font-size:80%;
        line-height:1.5;
    }

    #main .ce_download  {
        margin-bottom:10px;
    }

    #main .event  {
        margin-bottom:10px;
        border-bottom:1px solid #ccc;
    }

        #main p.error {
          color:red;
          margin-bottom:0;
          text-transform: uppercase;
          font-size:70%;
          float:left;
        }

        #main p.info {
          margin-bottom:0;
        }

    #main ul {
        font-size:80%;
        line-height:1.5;
        margin-left:17px;
        list-style-type: square;
    }

        #main ul ul {
            font-size:100%;
            list-style-type: circle;
            margin-top:10px;
        }

    #main img {
        border-top:2px solid #2961BC;
        padding-bottom:2px;
        padding-top:2px;
        border-bottom:2px solid #2961BC;
        margin-bottom:10px;
    }

        #main .ce_download img {
            border-top:none;
            padding-bottom:0;
            padding-top:0;
            border-bottom:none;
            margin-bottom:0;
            vertical-align:text-bottom;
        }


    #main span.highlight {
        font-style: italic;
        color:#404040;
    }

    #main p.context {
        margin-bottom:0;
    }

    #main div.even {
        background:#FFF;
        padding:4px;
    }

    #main div.odd {
        background:#FFE8D6;
        padding:4px;
    }

    #main div.explanation {
      background:none;
      margin-top:10px;
    }

    #main div.explanation p{
      margin-bottom:0px;
    }


    #main div.toggler{
       background:transparent url(../grafik/arrow.png) no-repeat scroll left 5px;
       cursor:pointer;
       font-weight:bold;
       padding-left:20px;
       margin-bottom:20px;
       text-decoration:none;
       font-size:80%;
       color:#0040AF;

    }

    #main div.pagination {
        background:#fff;
        padding:4px;
        margin-top:10px;
        border:1px solid #0040AF;
    }

    #main div.pagination p {
        float:right;
        margin-bottom:0;
        margin-right:10px;
    }

    #main div.pagination ul {
        list-style:none;
        float:left;
        margin-bottom:0;
    }

        #main div.pagination ul li{
            display:inline;
            margin-right:5px;
        }

    #main p.url {
        color:#D0D0D0;
    }

    #main #sidebar {
        width:210px;
        border-left:1px dashed #808080;
        margin: 20px 0 0 20px;
        padding-left:20px;
        float:right;
    }

        #main #sidebar h3 {
            border-bottom:2px solid #2961BC;
            padding:3px;
            color:#0040AF;
            font-size:90%;
            font-weight:bold;
        }

        #main #sidebar img {
            margin-top:15px;
            margin-bottom:0px;
        }

    #main #sidebar p {
        border-bottom:2px solid #2961BC;
        padding: 7px 0;
        margin:0;
        line-height:1.2;
        font-size:80%;
    }

    #main #sidebar div {
        margin-bottom:20px;
    }

    #main #sidebar div.image_container,
    #main #sidebar div.mod_eventlist,
    #main #sidebar div.mod_newslist {
        margin-bottom:0px;
    }

    #main #sidebar div.mehr p {
        text-align:right;
        padding-top:5px;
        border-bottom:0;
    }

/* ===============================
   =FUSSBEREICH
=============================== */
#foot {
    background:#DBECF9;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    float:right;
    padding: 0 20px 10px 20px;
    width:710px;
    height:30px;
}

    #foot #adresse {
        border-top:1px solid #808080;
        padding-top:5px;
    }

        #foot #adresse p {
            font-size:80%;
            margin:0;
            line-height:20px;
            text-align:center;
            margin-right:10px;
        }

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

   =3. Spezielle Seiten

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

/* ===============================
   Kontaktformular
=============================== */
#suche {
    display:inline;
    margin:3px 15px 0 206px;
    float:left;
}

    #suche form {
        margin:0;
    }

        #suche form .formbody {
            background:transparent url(../grafik/search_field.jpg) no-repeat scroll left center;
            height:25px;
            width:230px;
        }

            #suche form .formbody input {
                background:transparent none repeat scroll 0 0;
                border:0 none;
                color:#808080;
                margin:0;
                padding:4px 0 0 10px;
                width:180px;
                font-size:80%;
            }

                #suche form .formbody input.submit {
                  color:#CCCCCC;
                  display:inline;
                  height:20px;
                  width:25px;
                }

form {

}

    label {
        font-size:80%;
        display: block;
        width: 150px;
        margin-top: 10px;
        font-weight:bold;
    }


    input,
    select,
    textarea { /* Alle Labels UND Formularelemente ausw�hlen */
        width: 450px; /* Breite.*/
        border:  	 1px solid #999;
        margin-top: 5px;
        font-size:80%;
    }

    textarea {
        height: 150px;font-family: Verdana, Arial, Helvetica, sans-serif; 
    }

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

        input.submit, #main .ce_comments form input.submit{ /* den Submit-Button */
            width: 150px;
            background-color:#0040AF;
            margin-top:10px;
            color:#fff;
            border:1px solid #2961BC;
        }


        input.submit:hover, #main .ce_comments form input.submit:hover { /* den Submit-Button */
            background-color:#2961BC;
            border:1px solid #0040AF;
        }

        input.captcha { /* den Submit-Button */
            width: 200px;
        }

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

    form .captcha_text {
      font-size:80%;
    }


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

   Kontaktformular

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

.ce_comments {
    margin: 10px 0 0 ;
}

.ce_comments form {
    margin: 10px 10px 5px 5px;
    padding: 20px 0;
    border-bottom: 1px solid #BBB;
    border-top: 1px solid #BBB;
}

.ce_comments label      {display: inline; margin: 5px 2px 0 2px; padding: 0;}

#main .ce_comments form label {font-size:80%;font-weight:normal;}
#main .ce_comments form .mandatory {font-size:80%;}
#main .ce_comments form .captcha_text {font-size:100%;margin: 10px 0 0 2px;}
#main .ce_comments form input,
#main .ce_comments form textarea,
#main .ce_comments form select  {margin: 0 0 10px 0px; color:#505050; font-size:80%;}

#main .ce_comments form  input.captcha { /* den Submit-Button */
            width: 450px;
        }


#main .ce_comments .comment_default {
    background-color: #EFEFEF;
    border-bottom: 1px solid #BBB;
    border-top: 1px solid #BBB;
    padding:0;
    margin-bottom:10px;
}


#main .ce_comments .comment_default p {
color: #fff;
background-color:#BBB;
padding:8px;
}

#main .ce_comments .comment_default .comment {
padding:8px;
font-size:80%;
line-height:1.5;
}

/*


#main .ce_comments p.confirm {
    color: #004D85;
    font-size:80%;
    margin: 10px 10px 10px 20px;
    font-weight: bold;
}

#main .ce_comments p.error {
    color: #e43d4b;
    font-weight: regular;
    padding:0;
    font-size: 70%;
    margin: 5px 10px 0 10px;
    text-transform: uppercase;
}

EoF */