/**************************
grey, head      #E8E8E8
grey, company           #BBBBBB
lightblue       #36B3EA
darkred         #A33A3C
border          #656C70
linkwhite       #F9F9F9
*************************/
body
{
font:12px sans-serif;
background-color: #FFFFFF;
}

a{
    font-weight: bold;
    font-size: 12px;
    color: #656C70;
}

.h1
{
position:relative; 
top: 7px;
height:715px; 
width:700px; 
background-color: #E8E8E8;
border: 1px solid #656C70;
}

li {
    color: #656C70;
}

.mops
{
position:absolute; 
top:5px; 
right: 0px;
height:100px; 
width:260px; 
background-image:url(mopslogo.png);
background-repeat:no-repeat;
}

.red_mops
{
position:absolute; 
top:109px; 
left: 0px;
height:32px; 
width:155px; 
color: black;
text-align: left;
background-color: #36B3EA;
padding-left:5px;
padding-top:3px;
border-right: 1px solid #656C70;
border-top: 1px solid #656C70;
}

* html .red_mops {
width:160px; 
}


.company
{
position:absolute; 
top:109px; 
right: 0px;
height:25px; 
width:537px;
/*width:437px;*/ 
color: black;
text-align: right;
background-color: #bbbbbb;
padding-top:5px;
padding-right:2px;
font-size:1.0 em;
font-weight:bold;
border-top: 1px solid #656C70;
}

* html .company{
width:538px;
}

.lightblue
{
position:absolute; 
top:137px; 
right: 0px;
height:8px; 
width:539px;
/*width:439px;*/ 
color: black;
text-align: right;
background-color: #36B3EA;
}

* html .lightblue{
top:134px; 
/*height:7px; */
width:538px;

}

.lang
{
position:absolute; 
top:108px;
left: 161px;
height:16px; 
width:50px; 
padding-top:9px;
padding-left:7px;
color: white;
text-align: left;
}

.navigation
{
position:absolute; 
top:145px; 
left: 0px;
height:570px;
/*height:433px; */
width:159px; 
color: #656C70;
text-align: left;
background-color: white;
background-image:url(site_bg.gif);
background-repeat:repeat-x;
}



.navigation li a{
    padding-bottom: 8px;
    display: block;
    line-height: inherit;
    font-weight: bold;
    font-size: 11px;
    color: #656C70;
    text-decoration: none;
}

.navigation li a:hover {
text-decoration: underline;
}

.navigation ul, .navigation li {
    color: #656C70;
    margin-left: 5px;
    padding-left:10px;
    padding-bottom:2px;
}

.navigation .ol {
padding-top:12px;
}


.navigation .ol .no{
list-style-type:none;
}

.navigation .first{
    list-style-image:url(no_act.gif);
    color: #656C70;
}

.navigation li.first_act {
    list-style-image:url(act.gif);
    color: #A33A3C;
    font-weight:bold;
}

.navigation .first_act a{
    color: #A33A3C;
    font-weight:bold;
}

.navigation  .second{
    list-style-image:url(no_act.gif);
    color: #656C70;
}

.navigation li.second_act {
    list-style-image:url(act.gif);
    color: #A33A3C;
    font-weight:bold;
}


.navigation .second_act a{
    color: #A33A3C;
    font-weight:bold;
}


.footer{
position:absolute; 
top:678px; 
left: 0px;
height:31px; 
width:125px; 
color: black;
text-align: left;
background-color: #bbbbbb;
background-image:url(mops.gif);
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:35px;
padding-top:5px;
font-size: .8em;
border-top: 1px solid #656C70;
border-bottom: 1px solid #656C70;
}

* html .footer{
top:677px; 
height:38px; 
width:159px;
}

.footer a{
    font-size: .9em;
    font-style:sans-serif;
    color: black;
}

.cnt
{
position:absolute; 
top:145px; 
left: 160px;
min-height:457px; 
height:556px; 
/* Urspr. Wert 457*/
width:525px; 
/*max-width:435px; */
overflow: auto;
color: #656C70;
text-align: left;
background-color: white;
border-right: 1px solid #656C70;
border-left: 1px solid #656C70;
border-bottom: 1px solid #656C70;
padding: 7px;
}

* html .cnt {
left: 159px;
top: 143px;
height:572px; 
width:540px;
}

h1 {
font-family: sans-serif; font-size: 14px;
    color: #656C70;
    background-color: #fff;
    margin-left: 1.6em;
border-bottom: 1px solid #656C70;
border-right: 1px solid #656C70;
    padding-left: 0.5em;
}

h2,h3{
        font-family: sans-serif; font-size: 14px;
    color: #656C70;
    background-color: #fff;
        border-bottom: 1px dashed #656C70;
}

h4{
        font-family: sans-serif; font-size: 14px;
    color: #656C70;
    background-color: #fff;
}

div.csc-textpicHeader {
    background-color: #000;
    position: relative;
}

div.csc-header {
    background-color: #36B3EA;
    position: relative;
}

.logintext{

text-align: center;
font-size: 11px;
border: 1px solid #656C70;
background-color: #E8E8E8;
}


/************************
 News
*************************/

#newslisting table {
  margin: 0 0 8px 0;
  padding: 0;
}

#newslisting td {
  width: auto;
  margin: 0;
  padding: 0;
}

#newslisting img {
  margin-right: 10px;
  margin-top: 0px;
  float: left;
}

.news-list-item h3 {
   margin-bottom: 0;
   margin-top: 18px;
   font-size: 13px;
}

.news-list-item h3 a,
.news-list-item h3 a:link,
.news-list-item h3 a:visited,
.news-list-item h3 a:hover {
   color: #000;
}

.news-list-date, .news-single-timedata {
   float: right;
   margin-left: 10px;
   font-size: 11px;
   text-align: right;
}

.news-single-timedata {
   text-align: left;
}

.news-single-img {
   float: left;
}

.news-single-item h5{
   font-size: 12px;
   font-weight: normal;
   font-style: italic;
}

.news-list-container-simple .news-list-date {
    float: none;
    margin: 0 10px 0 0;
    font-size: 13px;
}

.news-list-container-simple .news-list-item {
    margin-bottom: 5px;
}

.news-list-container div.image-container {
    width: 126px;
    float: left;
    margin: 3px 10px 5px 0;
    text-align: center;
    background-color: #eee;
}

.news-list-container div.image-container img{
    text-align: center;
    margin: 3px;
    float: none;
}

.news-list-container-simple .event-container {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 2px;
    margin-bottom: 5px;
}

.news-list-container .news-list-item {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 2px;
    margin-bottom: 5px;
}

.tx-ttnews-browsebox,
.tx-ttnews-browsebox td {
    text-align: left;
}

.news-single-imgcaption {
    text-align: left;
    padding-left: 2px;
    font-size: 10px;
}

.pr-list-table {
    margin-bottom: 5px;
}

.pr-list-cell {
    border-bottom: 1px solid #ccc; 
    padding: 2px;
    padding-top: 5px;
}

.pr-list-right-cell {
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    padding: 2px;
    padding-top: 5px;
}

.pr-single-item{
    background-color: #f3f0f0;
    float: none;
    width: 480px;
    border: 1px solid #ccc; 
}

.white{
    background-color: #ffffff;
}

.mini-list-date  {
    font-weight:bold;
    font-size:11px;
}

.mini-list-container-simple {
    font-size:11px;
}

.koop_single_cat{
    width: 200px;
    vertical-align: top;
    font-weight: bold;
}

.koop_single_item h3{
font-weight:bold;
font-size: 12px;
padding:0px;
margin:0px;
}

.news-list-container-simple .koop-container {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 2px;
    margin-bottom: 5px;
}

.news-list-container-simple .koop-container .koop-image{
float:left;
padding-right: 10px;
}

dd{
margin:0px
}

.koop_single{
    padding-left:3px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;

}

.news-single-item{
    padding-left:3px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
}