@media print {

#klick {display:none;}

#trailer {display:none;}

#logo {display:none;}

#header {display:none;}

}


@media screen {

/* Zuerst grundlegende Einstellungen fuer die Seite --------------------------------*/

table {border:0}

td {font-size:88%; padding:0; border:0}

h1, h2, h3, h4, h5, h6 {  color: black; }
h1 {font-size: 150%; border-bottom: 1px solid #CCCCCC; }
h2 {font-size: 135%; padding:0.3em;}
h3 {font-size: 120%; }
h4 {font-size:120%; color:rgb(138,0,32); margin-top:10px; margin-bottom:4px;}
h4 a{color:rgb(138,0,32);}


a {color:#000066;}
a:hover {color:#990000; text-decoration:underline;}


p {margin-bottom: 0;}
p.bodytext { font-size: 13px;  color: #000000;}
p.bodytext a { font-weight:bold;}


body {
  background-image: none; 
  background-color: #9999aa; 
  color: black;  
  font-family: arial, helvetica; 
  color: #000000;
  margin:10px;
  padding:0; 

}

#page_margins {min-width: 962px; max-width: 80em;  border: 1px solid rgb(136, 136, 153); } /*740px min width*/

#page {background-color:#025797 ; background-image: none; border:0;border: 1px solid rgb(102, 102, 119); } /*#015496 alte Hintergrundfarbe*/


#header {
  height:115px; 
  background-color:#015496; 
  background: url('../bilder/bergedorf0.jpg') no-repeat;
  width: 960px;
  height: 128px;
 }

#header img {
  position: absolute; 
  top: 0px; 
  left: 80px;
  font-size:108%;
}


#nav {
  width: 100%;
  overflow:hidden; 
  background: #2e5340 url(../bilder/background.gif) repeat-x center right;
  border-top: 1px #333 solid; 
  border-bottom: 1px #333 solid;
  text-align:center;
  height:19px; 
  font-size:14px;
}


#nav a {
  text-decoration: none;
  color: #fff;
  padding: 0.5em 0.8em 0.5em 0.8em;
}


#nav a:hover {
  color: white;
  text-decoration:underline;
  background: transparent;
}


#nav .oben_act { 
  border-left: 1px #888 solid; 
  border-right: 1px #888 solid;
  border-bottom: 1px #888 solid;
  color: white;
  background: url(../bilder/background_act.gif) repeat-x center right;	
}

#main {
  background-color:#a8c654; 
  padding-top: 0px; 
/*  border-top:1px solid white; */
} 


#extra {
  background-color:#a8c654; 
  padding-top: 2px; 
  padding-right: 4px; 
  font-size:13px; 
  text-align: right; 
  color:white; 
}

#extra a {  color:white;   text-decoration:none; }

#extra a:hover{  text-decoration:underline;   background-color: transparent; }

#teaser {
 text-align: left; 
 color:black; 
 background-color:#a8c654;
 border-bottom:1px solid white; 
 padding-bottom: 5px;
}

#teaser a {
  color:white; 
  text-decoration:none;
}

#teaser a:hover{ 
  text-decoration:underline; 
  background-color: transparent;
}


#col1 {
    background-color:#a8c654; 
    overflow:hidden; 
    border-top: 0px #333 solid; 
    border-bottom: 0px #333 solid;
    margin-top:10px;
}


#col1 a {
   background: transparent;
   text-decoration: none;
   color: #000;
   margin: 0;
   padding: 0.5em 0.8em 0.5em 0.8em;
}

#col1 a:hover {
   border-left: 3px #005596 solid; 
   color: #015496;
   text-decoration: none;
   font-weight: bold;
   padding: 0.5em 0.8em 0.5em 0.8em;
}

#col1 .links_act {border-left: 3px #fff solid; color: #005596 ; font-weight: bold; }

#col1 .links_act2 {color: #016597; margin-left:15px; font-weight: bold; }

#col1 .links_no {color: black;}

#col1 .links_ro {color: green; }

#col1 .links_no2 {color: black; margin-left:15px;}

#col1 .links_ro2 {color: green; margin-left:15px;}


#col3 { 
  margin-right:0; 
  padding-top: 20px;
  border-right:0;
  border-left: 0px #FFF dotted;
}

#col3 {background: #fffdea url(../bilder/inhalt.gif) no-repeat; } 


#col3 a[href^="http:"], #col3 a[href^="https:"],
#ccol1 p a[href^="http:"], #col1 p a[href^="https:"],
#ccol2 p a[href^="http:"], #col2 p a[href^="https:"]
{
        padding-left: 1px;
        background-image: url('');
        background-repeat: no-repeat;
        background-position: left;
}

#col3 a[href^="http:"]:hover, #col3 a[href^="https:"]:hover,
#ccol1 p a[href^="http:"]:hover, #col1 p a[href^="https:"]:hover,
#ccol2 p a[href^="http:"]:hover, #col2 p a[href^="https:"]:hover
{
color:#660000;
background-color:#FFEEEE;        
}

.csc-firstHeader {
font-size:13px;
padding:0;
}

	
#footer {
  background-color:#a8c654; 
  padding:0px; 
  margin:0px; 
  border: 0; 
  border-top:1px solid #DDDDDD;
  text-align: center; 
  color:white; 
  height:50px;
}

#footer a {color:white; text-decoration:none;}

#footer a:hover{ text-decoration:underline; background-color: transparent;}

#footerimg {position: absolute; padding-top: 1px;}


/* Einstellungen fuer die News-Liste auf der Startseite--------------------------------- */

.news-latest-date {display:none;}
.news-single-timedata {visibility: hidden;}

.news-latest-container {
   background-color: transparent;
   border: 0px;
   width: 320px;
}

.news-latest-item {
   color: #FFFFFF;
   text-decoration: none;
   background: transparent;
   border: 0px;
   height: 150px;
   
}

.news-latest-item img{
  /*height:90px;
  width:100px;*/
  float: left;
  margin-top: 12px;
  border: 0;
}


.news-latest-item a {
   color: #000000;
   text-decoration: none;
}

.news-latest-item a:hover {
   color: #000000;
   text-decoration: none;
   background-color: transparent;
}


.news-latest-item p {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  color: black;
  padding: 0;
  line-height: 1.3em;
}

.news-latest-item h3 {
 color: #222222;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #cccccc;
}

.news-latest-item h3 a { text-decoration: none; }

.news-latest-container h2  { display: none; }

.news-latest-morelink { background-color: transparent; height: 12px; }

.news-latest-gotoarchive { display: none; }

.csc-frame-invisible { float:left; width:50%; }

.news-single-item H3 { border-left:none; padding:0; background: rgb(240, 240, 244);}

hr.clearer {
  border: 0;
  padding: 0;
  margin: 0;
}

.news-single-item {
padding:5px;
}

.news-single-item H2 {
   background-color: #d8e2f1;
   color: #000000;
}

.news-single-item a {
   color: #000000;
   text-decoration: none;
}

.news-single-item a:hover {
   color: #015496;
   text-decoration: none;
   background-color: transparent;
}

.news-single-img {
float:right;
margin-left:5px;
}

/* Einstellungen fuer tw_rssfeeds, bitte nicht das zugeh. Standartemplate einbinden, dann ist zuviel zu aendern */

#twrss_table {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1px; 
	margin-right:10px; 
}

.twrss_head{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px; 
	margin-right:10px; 
}

.twrss_head_channel{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px; 
	margin-right:10px; 
}

.twrss_imagefile{
  float:left;
  margin-left:10px;
  margin-right:10px;
}

.twrss_bodytext{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px; 
	margin-right:1px; 
        font-size: 11px;
}

.twrss_channel_description{ color:#000; }

#twrss_table .twrss_item_link a{
        padding: 0;
        font-size: 120%;
        font-weight: bold;
	text-decoration: underline;	
}

#twrss_table .twrss_item_link a:hover{	
text-decoration: underline; 
color:#660000;
background-color:#FFEEEE;
}

#twrss_table .twrss_item_content{ padding:0; }

#twrss_table .twrss_bodytext .twrss_channel_link a{ padding:3px; text-decoration:none;	}

#twrss_table .twrss_bodytext .twrss_channel_link a:hover{ padding:3px; 	text-decoration:underline; }



/* dies ist fuer das dreispaltige FCE-------------------------------------------------- */
.ccc33l {width: 37.5%;}

.ccc33r {width: 25%;}

.nhcl {width: 33%; float: left;}

.nhcc {width: 44%; float: left;  }

.nhcr {width: 20%; float: right; margin-left: -5px;}

.equalize .nhcl,.equalize .nhcc,.equalize .nhcr {display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}


/*Styles für die Sitemap--------------------------------------------------------------------------*/

/* .csc-firstHeader {visibility:hidden;}*/

.tx-dropdownsitemap-pi1 div.level_1{background-color:#DCEBB5;}

.tx-dropdownsitemap-pi1 div.level_3{background-color:#D6E4AF;}

.tx-dropdownsitemap-pi1 div.level_4{background-color:#D3D3D3;}

.tx-dropdownsitemap-pi1 A,
.tx-dropdownsitemap-pi1 A:link, 
.tx-dropdownsitemap-pi1 A:visited,
.tx-dropdownsitemap-pi1 A:hover,  
.tx-dropdownsitemap-pi1 A:active {
font-size:12px;
color:rgb(0,0,102);
text-decoration:none;
}

.tx-dropdownsitemap-pi1 A:hover,
.tx-dropdownsitemap-pi1 A:active {
color:rgb(102,0,0);
text-decoration:underline;
}


/*Styles für Tabellen -----------------------------------------------------------------------*/

table.contenttable {border:1px solid black; font-size:90%;}

table.contenttable td {margin:0; border:0; height:0}

/*weitere csc Anpassungen-------------------------------------------------------------------*/

ul.csc-bulletlist li{font-size: 90%;}

/* ab hier sind die Einstellungen ggf. experimentell----------------------------------------------*/

#wwmenu_oben {position: absolute; right: 0px; top: 40px;}

.csc-textpic-text ul {font-size: 13px;}

.sectiontableentry1 { background-color : #d8e2f1;  }

.sectiontableentry2 { background-color : #dfeac1;  }


.visitenkarte {border: 1px dotted #ccc; padding: 5px; background-color: #f7f7f7}
.visitenkarte img {margin: 0px 10px 5px 5px; float: right; }


#ud_table_ds {width:100%; border-color: white; }

#ud_table_ds td{ padding: 2px; margin-right:4px;}
    
#ud_table_list {width:100%;}


}