/* reset styles */
@import url(reset.css);

/* site elements */
@import url(type.css);
@import url(forms.css);


/*============================================================
 base styles
============================================================ */
body {
         font-family:Arial,Helvetica,sans-serif;
         color:#545454;
         font-size:75%;
         background:url(../images/bg.jpg) repeat-x left top; }

strong {
         font-weight:bold;
         color:#444; }
hr {
         margin:10px 0;
         clear:both;
         border:0;
         border-bottom:1px solid #ccc; }

.clear {
         clear:both;
         margin-bottom:35px;}
.f_left {
         float:left;
         margin:0 10px 0 0;
}
.f_right {
         float:right;
         margin:0 0 0 10px;
}
.cpic {
         border:1px solid #e9eaec;
}
/*============================================================
 main elements
============================================================ */

/* sitebuilding */
#wrap {
         width:952px;
         margin:0 auto;
         position:relative;
}
#header {
         height:77px;
         width:359px;
         margin:0; padding:0;
         position:relative;
         top:0;left:0;
}
#head {
         position:absolute;
         top:0; left:359px;
         width:593px;

}
#search {
         position:absolute;
         top:17px; left:380px;
         width:200px;
}
ul#meta {
         position:absolute;
         top:53px;
         left:380px;
         width:243px;
         font-size:0.9em;
}
ul#meta li {
         float:left;
         background:url(../images/arrow_meta.jpg) left 4px no-repeat;
         padding:0 0 0 10px;
         margin:0 25px 0 0;
}
ul#navigation {
         background:url(../images/level1_bg.jpg) top left no-repeat;
         height:36px;
         width:952px;
         position:relative;
         top:0px; left:0;
}
ul#navigation li {
         float:left;
         height:36px;
         width:120px;
         font-size:0.9em;


}
ul#navigation li ul li {
         float:left;
         height:45px;
         background:url(../images/line_2nd.jpg) right 6px  no-repeat;
    font-size:1em;
}
ul#navigation ul {
         background:url(../images/level2.jpg) top left no-repeat;
         height:45px;
         width:952px;
         position:absolute;
         top:36px;
         left:0;
         font-size:0.9em;
}
#content {
         width:910px;
         border-left:1px solid #aec6d6;
         border-right:1px solid #aec6d6;
         background:#fff;
         float:left;
         margin-top:45px;
         padding:17px 20px 10px 20px;
}
#foot {
         background:url(../images/foot.jpg) top left no-repeat;
         height:18px;
         padding:20px 20px 10px 20px;
         clear:both;
         font-size:0.9em;
}
#foot .copy {
         float:left;
         width:350px;
}
#foot .by {
         float:right;
         text-align:right;
         width:350px;
}
.box {
         float:left;
}
.small {
         width:217px;
}
.big {
         width:456px;
}
.box p, .box h3, .box h4, .box h5 {
         padding:0 10px 0 15px;
}
.box p {
         margin:10px 0 10px 0;
}
.marg {
         padding:0 10px 0 0;
}
.box p.category {
         font-size:0.9em;
         color:#a7a7a7;
         margin:5px 0 5px 0;
         padding:0 10px 5px 15px;
         border-bottom:1px solid #e6e6e6;
}
.box p.rss {
         background: url(../images/rss.jpg) left top no-repeat;
         margin:15px 10px 5px 15px;
         padding:0 10px 5px 25px;
         font-size:0.9em;
}
.box p.rss a:hover {color:#1f8ce7;text-decoration:none; border-bottom:1px solid #d1d1d1;}
.box p.rss a {         color:#979797;text-decoration:none; border-bottom:1px solid #d1d1d1;}

/*============================================================
 forms
============================================================ */

input.submit {
         background:url(../images/suche.jpg) top left no-repeat;
         height:24px;
         width:56px;
         border:0;
         cursor: pointer;
}
.button_medium {
        background:url(../images/button.jpg) top left no-repeat;
        width:147px;
        height:26px;
        font-size:0.9em;
        margin:0 0 0 15px;
}
.button_medium a:hover {
         display:block;
         color:#fff;
         text-decoration:none;
         font-weight:bold; }
.button_medium a {
         display:block;
         color:#fff;
         text-decoration:none;
         font-weight:bold;
         padding:6px 0 0 29px; }
.box .button_medium p {
    margin: 0;
    padding: 0;
}
.contenttable {
    width:900px;
    font-size:0.9em;
}
.contenttable p {
    margin:3px 0 3px 0;
}
.csc-sitemap ul {
    margin:0 0 0 50px;
}
.csc-sitemap ul li ul{
    margin:0 0 20px;
}
.csc-sitemap ul li ul li{
    padding:0 0 0 20px;
}

/*============================================================
 news
============================================================ */

div.news-image {
    float: right;
    margin: 0 0 10px 10px;
}

div.news-single-img div {
    float: left;
    margin: 0 10px 10px 0;
    height: 250px;
}

div.news-single-img p.news-single-imgcaption {
    font-size: 0.8em;
}

dl.news-single-files {
  margin-bottom: 30px;
}

dl.news-single-files dt {
  font-weight: bold;
}

dl.news-single-files dd a {
  padding: 0 10px;
}

dl.news-single-files dd img {
  padding-left: 5px;
}