@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; font: 11px Verdana, Arial, sans-serif; line-height:140%;}

p {font: 11px Verdana, Arial, sans-serif; line-height:140%;}
h1, h2, h3, h4, h5 {color:#7D223C; margin: 10px 0 0 0}
h1 {font-size:18px; margin-bottom:15px}
h2 {font-size:15px; margin-bottom:15px}

a:link {text-decoration: none; color: #7D223C;}
a:visited {text-decoration: none;   color: #7D223C;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
a img {border:none}

#frame {width:975px; margin: 20px auto 0 auto;}
#header {width:100%; height:80px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: left top;}

#dleft{float:left; width:215px;}
#test{float:left; width:215px; padding-left: 00px; padding-top: 113px;}
#dright{float:right; width:745px; padding-bottom: 60px}
#foto{width:745px; height:335px; background:url(../images/foto1.jpg) no-repeat}

#contentframe{width:745px; margin: 10px 0 0 0}
#cleft{width:240px; float:left}
#cright{width:485px; float:right}

div.footer {
    position:fixed;
    bottom:0;
    width:100%;
    height:35px;
    background-color:#DEDEDE;
    padding-top: 0px;
    border-top: 1px solid #7D223C;
}
div.footercontent {
    width:975px;
    height:35px;
    margin: 10px auto 0 auto;
}
div.footerleft {
    float:left;
}
div.footerright {
    float:right;
}

/*-----------------------------Classes-----------------------------------------*/
.clear {clear:both}
.news {font: 11px Verdana, Arial, sans-serif; line-height:140%; color:#000000}
.anews {text-decoration: none; font-size:12px; color:#000; font-weight:bold; margin-bottom:-10px}

/*-----------------------------MENUE -----------------------------------------*/

#navcontainer {width:100%; font-size:12px; height:100%; border-left:1px solid #000; padding:0px 0 0 0px}
#navcontainer ul{list-style-type:none; margin: 0 0 0 0px; padding:0}
#navcontainer li{margin: 0 0 20px 0; padding:0}



#navcontainer ul li.AGENTUR a{display:block; background:url(../images/agentur_off.gif) 0 0 no-repeat; text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px; padding-left:15px;}
#navcontainer ul li.AGENTUR a:hover{display:block; background:url(../images/agentur_on.gif) 0 0 no-repeat; text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px;padding-left:15px;}
#navcontainer ul li.AGENTUR_ACTIVE a{display:block; background:url(../images/agentur_on.gif) 0 0 no-repeat; text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px;padding-left:15px;}

#navcontainer ul li.SPEKTRUM a{display:block; background:url(../images/spektrum_off.gif) 0 0 no-repeat;text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px; padding-left:15px;}
#navcontainer ul li.SPEKTRUM a:hover{display:block; background:url(../images/spektrum_on.gif) 0 0 no-repeat;text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px; padding-left:15px;}
#navcontainer ul li.SPEKTRUM_ACTIVE a{display:block; background:url(../images/spektrum_on.gif) 0 0 no-repeat;text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px; padding-left:15px;}

#navcontainer ul li.PROJEKTE a{display:block; background:url(../images/projekte_off.gif) 0 0 no-repeat;text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px; padding-left:15px;}
#navcontainer ul li.PROJEKTE a:hover{display:block; background:url(../images/projekte_on.gif) 0 0 no-repeat;text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px; padding-left:15px;}
#navcontainer ul li.PROJEKTE_ACTIVE a{display:block; background:url(../images/projekte_on.gif) 0 0 no-repeat;text-decoration:none; width:189px;height:51px; color:#ffffff; font-size:1px; padding-left:15px;}


#navcontainer ul li.SECOND {margin: 5px 0 0px 0; padding:0}
#navcontainer ul li.SECOND a{background:none; font:     display: block; font-weight:bold; padding: 0px 0px 0px 20px; margin: 0px; height: 12px; letter-spacing: 0px;
    color: #000; text-decoration: none; text-transform:none; font: 11px Verdana, Arial, sans-serif; }
#navcontainer ul li.SECOND a:hover{background:none;      display: block; text-decoration: underline; font-weight:bold; padding: 0px 0px 0px 20px; margin: 0px; height: 12px; letter-spacing: 0px;
    color: #7D223C; text-decoration: underline; text-transform:none; font: 11px Verdana, Arial, sans-serif; }
#navcontainer ul li.SECOND a{background:none;     display: block; padding: 0px 0px 0px 20px; margin: 0px; width: height:12px; letter-spacing: 0px;
    color: #000; text-decoration: none; text-transform:none; font-weight: bold; font: 11px Verdana, Arial, sans-serif; }



#navcontainer ul ul {margin: 5px 0 20px 0; padding:0}
#navcontainer ul ul li { margin: 0 0 1px 0; font: 11px Verdana, Arial, sans-serif; padding:0}

#navcontainer ul ul a
{
    display: block; padding: 0px 0px 0px 20px; margin: 0px; width: 135px; letter-spacing: 0px;
    color: #000; text-decoration: none; text-transform:none; font: 11px Verdana, Arial, sans-serif;
}

#navcontainer ul ul a:hover, #navcontainer a.subcurrent {
    color:#7D223C; letter-spacing:0px;
    text-decoration:none;
    font: 11px Verdana, Arial, sans-serif; margin: 0;
    padding: 0px 0px 0px 20px;
}

#navcontainer ul ul ul {padding: 0; margin:0;}

/* ----  menue ende----*/

#events {margin-top: 30px;}


#thumb {float: left; width:120px; height:80px; }
#teaser{float: right; width: 330px; border:dashed 0px; margin: 5px 0px 5px 0px; padding:0px 5px 5px 5px;}
#artikel {width:100%;}


/* ----  Terminliste   ----*/


#monat
{width:100%;  clear: both; padding-top:5px;}

#monatstitel
{text-align:left; margin:5px 0 0 0;  background-color:#FFFFFF; }

#hell
{clear:both}

#hell p {margin: 5px}

#dunkel
{clear:both}

#dunkel p {margin: 5px}

#sp0{width: 30px; float:left;}
#sp1{width: 60px; float:left;}
#sp2{width: 150px; float:left;}
#sp3{width: 200px; float:left;}



/* -------  Contact form  -------*/
div.kontaktformular label {
    float: left;
    width: 100px;
}

div.kontaktformular input {
    vertical-align: middle;
        border: 1px solid #7D223C;
}

div.kontaktformular p.abschicken {
    margin: 0 0 0 100px;
        
}

div.kontaktformular p.abschicken input {
    font-size: 11px;
        background-color: #FFFFFF;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
    width: 300px;
        border: 1px solid #7D223C;
}

div.kontaktformular textarea {
    height: 150px;
        border: 1px solid #7D223C;
}





/* ------ Login Form   ---------- */

#login {width:350px;}

#login input{
    background-color:#FFFFFF;
    border: solid 1px #7D223C;
    font-size:12px;
    width:200px;
    height:auto;
    float: right;
    margin:0 10px 0 0;
}

#login #loginBtn
{
 width:100px;
 float:right;
}







.headline1 {color: #7D223C; font-size:18px;}
.headline2 {color: #7D223C; font-size:15px;}





@charset "utf-8";
/* CSS Document */

/* (en) Styling of article list | (de) Gestalltung für die Artikelliste */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 20px; }
.articlelistItem img { float: left; margin-right: 10px; }
.articlelistItem p.articlelistHeadline { margin: 10px 0 5px 0; }
.articlelistItem a.articlelistHeadline { font-weight: bold; }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }
.articlelistItem p.articlelistContent { }
.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }