body {
        /*background:url(files/bg_gradient.jpg) repeat-x; */
        background-color: #a5aab2;
        /*background-color: #0c2a4c;*/
        /*background:url(files/bgh.jpg) repeat; */
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 100.01%;
        font-weight: normal;
        padding:0;
        margin:0;
}

h1,h2,h3
{
        margin: 0px;
}

h2
{
        font-weight: bold;
        font-size: 14px;
        color: #2486c3;
}

h3
{
        font-weight: bold;
        font-size: 12px;
        color: #e53140;
        padding-top: 5px;
        padding-left: 20px;
        padding-bottom: 0px;
}

a {text-decoration: none; color: #2c2c2c; border: none!important; outline: 0!important;}
a:hover {color: blue;}
a:active { color: blue;}


/* ----------container zentriert das layout-------------- */

#container {

width: 985px;
margin:0 auto;

}

/* ----------banner for logo-------------- */
#banner {

width: 985px;
padding-top: 10px;
padding-bottom: 4px;

}

#banner .top {

background:url(files/banner_top.png) no-repeat 0 bottom; height:5px;

}

#banner .content {


background:url(files/banner_middle.gif) no-repeat 0 bottom; height:97px;

}

#banner .image {

height: 56px;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;


}

#banner .bottom {

background:url(files/navibar.png) no-repeat 0 bottom; height:30px;

}


#banner .links {

padding-right: 10px;
padding-top: 8px;
padding-bottom: 4px;
font-size: 0.7em;
font-weight: bold;
color: #8b8b8b;
text-align: left;


}

#banner .navibar {
	
padding-top: 8px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 8px;
font-size: 0.75em;
color: #8b8b8b;
text-align: left;


}

#bar {
height:30px;
background:url(files/navibar.png) no-repeat 0 bottom;	
}

#bar .first {
width: 985px;	
}

#bar table {	
border: none!important;	
}

#bar table td {
vertical-align: top;
border: none!important;	
}

#bar .menu1 a ,.menu2 a ,.menu3 a,.menu4 a,.menu5 a {

color: #000000;
font-size: 0.70em;
height: 30px;
line-height: 28px;
text-align: center;
background-repeat:no-repeat;
text-decoration:none;
border: none!important;
outline: 0!important;
}

#bar .menu1 a, .menu1 a:visited , .menu1 a:active {display: block;
width: 82px;

}

#bar .menu1 a:hover,.menu2 a:hover ,.menu3 a:hover,.menu4 a:hover,.menu5 a:hover {
color: #000000;
background-image:url(files/hover.gif);
}


#bar .menu1fixed  {

width: 82px;
background-image:url(files/hover.gif);
font-size: 0.70em;
color: #000000;
text-align: center;
height: 30px;
line-height: 28px;
background-repeat:no-repeat;
text-decoration:none;
border: none!important;
outline: 0!important;
}

#bar .menu1fixed  a {
color: #000000;	
}


#bar .search {

display: block;
padding-top: 2px;
padding-left: 225px;
font-size: 0.7em;

}

#bar input[type=text] {

width: 130px;
border: 1px solid #90969b;
font-size: 1em;

}

#bar input[type=image] {

position:relative; top: 4px; left: 4px;

}

#banner span.trenner {

background:url(files/navibar_trenner.gif) no-repeat 0 bottom; height:26px;

}


#banner .int {

padding-right: 4px;

}



#infobar {


padding-top: 10px;
margin-left: 13px;
background:url(files/dummy_header2.jpg) no-repeat 0 bottom; height:175px;
height: 175px;

}


/* --------------right column------------- */

#right .videodhtml
{position:relative;width:334px;height:113px;overflow:hidden;background:#f2f2f2;border-top: solid 1px #dfdfdf;border-bottom: solid 1px #dfdfdf;}

#dhtml0,
#dhtml1,
#dhtml2,
#dhtml3
{
float: right;
width: 220px;
position:absolute;}



#right {
float: right;
width: 272px;
margin-top: 35px;

}

#right .spacer10px {

height: 10px;

}

#right .bgtop {

background:url(files/c2_bg.png) no-repeat 0 bottom; height:5px;

}

#right .bgtop2 {

background:url(files/c2_bg.png) no-repeat 0 bottom; height:5px;

}

#right .bgbottom {

background:url(files/c2_bbg.png) no-repeat 0 bottom; height:5px;
}


#right .content {

padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #fff;
/*font-size: 18px;*/

}

#right .inside {

padding-top: 8px;  /*very nice effect without padding*/
padding-left: 8px;
width: 335px;
height: 26px;
background:url(files/bg_programm.gif) no-repeat;

}

#right .anzeige {

padding-left: 8px;
font-size: 0.625em;
width: 335px;
height: 16px;

}


#right .arrow {

background:url(files/circle_orange.gif) no-repeat; height:18px;

}

#right .headline {

font-size: 0.75em; font-weight: bold;
padding-top: 2px;
padding-left: 22px;

}

#right .topAngebotbg {

background-color: #e9ebef;
width: 232px;
padding: 9px 9px 9px 9px;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;

/*font-size: 18px; */

}

#right .topAngebot {

position:relative;
width:232px;
background:url(files/topAngebot.gif) no-repeat; height:100px;
overflow:hidden;

/*font-size: 18px; overflow:hidden;  overflow:hidden;   */

}

#right .bbgtopAngebot {


background:url(files/bbg_topAngebot.gif) no-repeat; height:27px;

/*font-size: 18px;*/

}

#right .bbgtopAngebotText {

font-size: 0.625em;
text-align: right;
padding-top: 7px;
padding-right: 18px;
padding-left: 8px;

/*font-size: 18px;*/

}

#right .arrow-back-next {

padding-right: 8px;
padding-left: 8px;

/*font-size: 18px;*/

}

#right .videoimage {

float: left;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;


}

#right .videonavi {

}

#right .videotext {

padding-top: 10px;
font-size: 0.625em;

}

#right .videotime {

padding-top: 30px;
font-size: 0.625em;

}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 350px;
height: 120px; /* Set height to be able to contain height of largest content shown*/
border: none;
overflow: hidden;
}
/*
        Total wrapper width: 350px+5px+5px=360px
        Or width of wrapper div itself plus any left and right CSS border and padding
        Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 0px;
visibility: hidden;
width: 330px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
        Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 236px;
margin-top: 0px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
        Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid #dfdfdf!important;
color: black;
padding: 0px 4px;
text-decoration: none;

}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
font-weight: bold;
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{

color: blue;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */

}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*border: none!important;style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{

color: blue;
}

#right .programm {


margin-right: 10px;
padding:5px 0 5px 10px;
font-size: 0.75em;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
background-color: #e9ebef;
/*font-size: 18px;*/

}

#right .program-top {

width: 218px;
margin-left: 3px;
background:url(files/programm2.gif) no-repeat 0 bottom; height:24px;

}

#right .program-bottom {

width: 218px;
margin-left: 3px;
margin-bottom: 3px;
background:url(files/program_bottom3.jpg) no-repeat 0 bottom; height:10px;

}

#right .program-list {

margin-left: 3px;
margin-top: 6px;

/*border-left:1px solid #c8d2dc;border-right:1px solid #c8d2dc;*/
background-color: #f1f1f1;

}

#right h2 {

font-size: 0.7em;
color: #566471;
padding-left: 28px;
padding-top: 5px;

}


#right .program-list-text-first-element {

margin-left:8px;
margin-right:8px;
font-size: 0.7em;
color: #000;
padding-bottom: 8px;
border-bottom:1px solid #CED4DA;


}


#right .program-list-text {

margin-left:8px;
margin-right:8px;
font-size: 0.7em;
color: #000;
padding-top: 8px;
padding-bottom: 8px;
border-bottom:1px solid #CED4DA;


}

#right .program-list-text-last-element {

margin-left:8px;
margin-right:8px;
font-size: 0.7em;
color: #000;
padding-top: 8px;
padding-bottom: 8px;


}




/* -----------------Inhalt--------------------- */



#Teaser
{
width: 703px;
background-color: #fff;
margin-top: 35px;
float: left;

}



#Teaser .bgtop {

background:url(files/c1_bg.png) no-repeat 0 bottom; height: 5px;

}

#Teaser .bgbottom {

background:url(files/c1_bbg.png) no-repeat 0 bottom; height: 5px;

}

#Teaser .headline1 {


font-size: 0.625em;
font-weight: normal;
background-color: #fff;
padding-top: 4px;
padding-bottom: 9px;
padding-left: 17px;
border-bottom:1px solid #CED4DA;

}

#Teaser .sidenavi {

float: right;
padding-right: 17px;

}

#Teaser .sidenavi img {

position:relative; top:1px;

}

#Teaser .welcome {
font-size: 1.1em;
}

#Teaser .welcome img {

position:relative; top:1px;

}

#Teaser .navihelp1 {

text-align: right;
font-size: 1em;
color: #949494;
font-weight: bold;


}

#Teaser .content {

padding: 0px 0px 0px 0px;

}

/*Hier beginnt der Inhalt der linken Spalte*/

#Teaser .col2 {

float: right;
width: 390px;

}

#Teaser .arrow {

margin-top: 16px;
margin-left: 16px;
background:url(files/circle_orange.gif) no-repeat; height:18px;

}

#Teaser .angebote {

margin-left: 16px;
width: 367px;

}


#Teaser .spacer10px {

height: 10px;

}

/*#Teaser .spacer500px {

height: 500px;

}
*/

#Teaser .spacer8px {

height: 8px;

}

#Teaser .aktuellTop {

background:url(files/aktuell_top.gif) no-repeat; height:4px;

}

#Teaser .aktuellBg {

background:url(files/aktuell_bg.gif) left top repeat-x; height:88px;

}

#Teaser .aktuellBottom {

background:url(files/aktuell_bottom.gif) no-repeat; height:4px;
margin-bottom: 10px;

}

#Teaser .headline {

font-size: 0.75em; font-weight: bold;
padding-top: 2px;
padding-left: 22px;

}

#Teaser .headline a:hover {color: #000;} /*TOOLTIP*/


#Teaser .results {

font-size: 0.55em;
font-weight: normal;
color: #7f7f7f;
text-align: right;
padding-right: 22px;

}

#Teaser .mini {

float: left;
font-size: 0.55em;
font-weight: normal;
text-align: right;
padding-top: 10px;
padding-left: 16px;

}

#Teaser .resultsNavi {

font-size: 0.55em;
font-weight: normal;
color: #7f7f7f;
text-align: center;

}

/*Hier beginnt der Inhalt der rechten Spalte*/

#Teaser .col1 {

width: 296px;
background-color: #e9ebef;
padding-right: 16px;

}

#Teaser .leftbox {

padding-top: 16px;
padding-left: 9px;

}

#Teaser .leftbox-icon {

background:url(files/circle_orange_bg.gif) no-repeat; height:18px;

}

#Teaser .dottedline {

margin-left: 15px;
background:url(files/dot_blue_bg.gif) left bottom repeat-x; height:20px;

}

#Teaser .dottedlinestart {

margin-bottom: 15px;
margin-left: 15px;
background:url(files/dot_blue_bg.gif) left bottom repeat-x; height:1px;

}

#Teaser .dottedline2 {

margin-left: 15px;
background:url(files/dot_blue_bg.gif) left bottom repeat-x; height:4px;

}

#Teaser .dottedline3 {

margin-left: 15px;
background:url(files/dot_blue_bg.gif) left bottom repeat-x; height:4px;

}

#Teaser .left-headline {

font-size: 0.75em; font-weight: bold;
color: #464646;
padding-top: 6px;
padding-left: 16px;


}

#Teaser .testdiv {

width: 123px;
height: 20px;
background-color:red;
font-size: 0.75em; font-weight: bold;
color: #464646;
padding-top: 16px;
padding-left: 16px;


}


#Teaser .left-headline-anzeige {

font-size: 0.75em; font-weight: bold;
color: #464646;
padding-top: 6px;
padding-left: 16px;


}


#Teaser .left-kursiv {

font-size: 0.7em;
font-style: italic;
color: #999999;
padding-top: 2px;
padding-left: 16px;

}

#Teaser .left-fliess {

font-size: 0.7em;
color: #464646;
text-align: left;
padding-top: 12px;
padding-left: 16px;

}

#Teaser .left-fliess-kontakt {

width: 145px;
font-size: 0.7em;
line-height: 1.3em;
color: #464646;
text-align: justify;
padding-left: 16px;

}

#Teaser .left-fliess-projekte {

font-size: 0.7em;
color: #464646;
text-align: left;
padding-top: 4px;
padding-left: 16px;

}

#Teaser .left-fliess-anzeige {

font-size: 0.7em;
color: #464646;
width: 251px;
margin-top: 16px;
margin-left: 16px;
border: 1px solid #cacaca;
padding: 10px;


}

#Teaser .icon {


padding-left: 4px;

}

#Teaser .bild {

float: right;
padding: 8px;

}

#Teaser .feed {

position:relative; top:6px;
padding-right: 8px;

}

#Teaser .heree {

position:relative; bottom:16px;
padding-right: 2px;

}

#Teaser .box1 {

background-color: green;
padding: 15px 10px 10px 15px;

}

#Teaser .box10 {

background-color: black;
color: #fff;
padding: 0px 0px 10px 8px;

}

#Teaser .box2 {

background-color: #234561;
width: 280px;

}

#Teaser .TopAngebote {

background:url(files/angebot_titel_frame.gif) no-repeat 0 bottom; height:24px;
margin-bottom: 6px;

}



#Teaser .navihits {

font-size: 0.7em;
color: #464646;
text-align: center;
line-height: 20px;

}

#Teaser .mid {

width: 380px;

}

#Teaser .under {

font-size: 1em;
text-decoration: underline;
color: #464646;
text-align: center;
line-height: 20px;

}

.paginator {
						
text-align: right;
font-size: 0.625em;
             
}

.paginator a {

text-decoration: none;

} 
        
.pagination {
	
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;

}

.pagination a {
	
padding: 0px 4px;
margin-left: 6px;
border: 1px solid #dfdfdf!important;
text-decoration: none;
color: #000;

}

.pagination a:hover, .pagination a:active {
	
border: 1px solid #515151!important;
color: blue;

}

.pagination span.current {
		
padding: 0px 4px;
margin-left: 6px;
border: 1px solid #dfdfdf!important;
font-weight: bold;
background-color: #e4effa;
color: #000;

}

.pagination span.disabled {
	
padding: 0px 4px;
border: 1px solid #dfdfdf!important;
color: #ddd;

}        

#Teaser h2 {

font-size: 0.7em;
color: #566471;
text-align: center;
padding-left: 28px;
padding-top: 5px;

}

#Teaser .infobox-titel
{

background:url(files/infobox_titel.gif) no-repeat 0 bottom; height:24px;

}

#Teaser .titel
{
font-size: 0.7em;
font-weight: bold;
color: #579ada;
padding-left: 32px;
padding-top: 5px;

}

#Teaser .angebot-top
{
background:url(files/angebot_top2.gif) no-repeat 0 bottom; height:10px;
}

#Teaser .angebotbox
{

background:url(files/angebot_bg2.jpg) left top repeat-x; height:85px;
border-left: 1px solid #c8d2dc;
border-top: 1px solid #c8d2dc;
border-right: 1px solid #c8d2dc;
border-bottom: 1px solid #c8d2dc;
height: 85px;
margin-top: 6px;
margin-bottom: 2px;


}


#Teaser .angebot-leftright
{
border-left:1px solid #c8d2dc;border-right:1px solid #c8d2dc;
background:url(files/angebot_bg.jpg) left top repeat-x; height:90px;
}

#Teaser .textBox      /*WICHTIG_UEBERNEHMEN */
{
        height: 88px;       /* steuert bild und text höhe bezüglich sichtbarkeit */
        text-align: left;    /* steuert ausrichtung text */
        overflow:hidden;     /* steuert text ab wann nichts mehr angezeigt wir --- abhängig von der höhe */
}



#Teaser .cTeaser  /*WICHTIG_UEBERNEHMEN */
{

        /*width: 500px; regelt irgendwie die textfluss und die spaltenbreite d textes */
        padding-left: 8px;
        padding-top: 4px;
        border-bottom-style: none;
        overflow: visible;
}


#Teaser .cTeaser .cImage        /*wichtig  ÜBERNEHMEN!!!!!!!*/
{
        float: left;
        width:  120px;
}

#Teaser .imagetext

{
  font-size: 0.75em;
  color: #3e66ab;
  padding-left: 8px;
  height: 44px;
  overflow:hidden;

}

#Teaser .displayn h2

{
  
  text-align: left;
  font-size: 0.75em;
  font-weight: normal;
  color: #2c2c2c;
  display: none;

}

#Teaser .link

{
  text-align: right;
  padding-top: 26px;
  padding-right: 8px;
  font-size: 0.7em;
  color: blue;

}


#Teaser .angebot-bottom
{
margin-bottom: 10px;
background:url(files/angebot_bottom3.gif) no-repeat 0 bottom; height:10px;
}

#Teaser .temp {

margin-top: 200px;

}


/* -----------End Detail Pages--------------------------- */

#end {
 clear: both;
 width: 703px;
 background:url(files/c1_bbg.gif) no-repeat 0 bottom; height: 5px;
 }

/* -----------footer--------------------------- */
#footer {
clear: both;
font-size: 0.7em;
color: #3e3e3e;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 2px;
text-align: left;

}
#footer .links a.fTextlinks
{color: #8b8b8b;}

#footer .links a.fTextlinks:hover
{color: #000000;}

#footer .links a.fTextlinks:visited
{color: #8b8b8b;}

/* -----------bottom--------------------------- */

#bottomline {

width: 100%;
background-color: #d2d5d9;
border-top: solid 1px #686868;
}

#bottomcenter {

width: 985px;
margin:0 auto;
height: 25px;

}

#bottomnavigation .content {

float: left;
width: 600px;
padding: 6px;
text-align: left;
font-size: 0.7em;
color: #464646;

}

#bottomnavigation .content img {

position:relative; top:1px;

}

#bottomsearch {

float: right;
width: 300px;


}

#bottomsearch .content {

text-align: right;
font-size: 0.7em;
color: #464646;
padding-right: 20px;

}

#bottomsearch input[type=text] {


border: 1px solid #90969b;
font-size: 1em;
width: 120px;
background-color: #e9ebef;


}

#bottomsearch input[type=image] {

position:relative; top: 4px; left: 4px;

}