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: 16px;
        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;}

img.download {vertical-align:middle;}



/* ----------DRUCK Kartei-------------- */

#printcontainer {

width: 794px;
background-color: #fff;

}

#printcontainer .image {

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

}


/* ----------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/banner_bottom.png) no-repeat 0 bottom; height:5px;

}


#banner .links {

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


}

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

#bar .first {
width: 985px;	
}

#bar td, table, tr {

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: 308px;
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: 10px;
width: 335px;
height: 16px;

}


#right .arrow {

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

}

#right .headline {

font-size: 12px; 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: 10px;
text-align: right;
padding-top: 8px;
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: 10px;

}

#right .videotime {

padding-top: 30px;
font-size: 10px;

}

.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: 12px;
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: 11px;
color: #566471;
padding-left: 28px;
padding-top: 5px;

}


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

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


}


#right .program-list-text {

margin-left:8px;
margin-right:8px;
font-size: 11px;
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: 11px;
color: #000;
padding-top: 8px;
padding-bottom: 8px;


}




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




#Kartei
{
width: 703px;
margin-top: 35px;


}




#Kartei .contentbox1 {


width: 620px;
margin-top: 10px;
margin-left: 42px;

}

#Kartei .contentbox2 {


width: 600px;
margin-top: 10px;
margin-left: 52px;

}

#Kartei .contentbox2img {

padding-top: 15px;
padding-bottom: 10px;
padding-left: 10px;

}

#Kartei .left-fliess-headline {

padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 0.7em;
font-weight: bold;
line-height: 1.3em;
color: #464646;
text-align: justify;

}

#Kartei .left-fliess {

padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 0.7em;
line-height: 1.3em;
color: #464646;
text-align: justify;

}

#Kartei .contentfloat {


width: 600px;
margin-left: 52px;

}

#Kartei .contentbox3 {


float: right;
width: 295px;
margin-top: 10px;

}

#Kartei .contentbox3L {

margin-top: 8px;

}

#Kartei .contentbox3divst {

font-size: 0.7em;
color: #000000;
line-height: 1.5em;
padding-left: 40px;
background: url(files/listdot.gif) no-repeat;
background-position: 30px 6px;

}


#Kartei .contentbox4 {


float: left;
width: 295px;
margin-top: 10px;

}

#Kartei .contentbox4H {


font-size: 0.7em;
font-weight: bold;
line-height: 1.3em;
color: #ff9000;

}

#Kartei .contentbox4L {

margin-top: 8px;

}

#Kartei .contentbox4divst {

font-size: 0.7em;
color: #000000;
line-height: 1.5em;
padding-left: 40px;
background: url(files/listdot.gif) no-repeat;
background-position: 30px 6px;

}

#Kartei .contentbox4H img {

position:relative; top: 4px;
padding-right: 4px;
padding-left: 10px;

}

#Kartei .contentbox5 {

clear: both;
width: 600px;

}

#Kartei .spacer3divst {

height: 12px;

}


#Kartei .spacer4divst {

height: 40px;

}




#Kartei .icon {

text-align: right;
padding-right: 45px;
padding-bottom: 12px;

}

#Kartei .bgtop {

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

}

#Kartei .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;

}

#Kartei .sidenavi {

float: right;
padding-right: 17px;

}

#Kartei .sidenavi img {

position:relative; top:1px;

}

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

#Kartei .welcome img {

position:relative; top:1px;

}

#Kartei .navihelp1 {

text-align: left;
font-size: 1em;
color: #949494;
font-weight: bold;
padding-top: 4px;
padding-bottom: 9px;
padding-left: 50px;


}

#Kartei .NrAngebot {

font-size: 10px;
color: #949494;
font-weight: bold;
padding-top: 2px;
padding-left: 22px;

}

#Kartei .angebotbox
{

border-left: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
height: 85px;
margin-top: 6px;
margin-bottom: 2px;


}

#Kartei .content {

margin: 0px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;

}

#Kartei .leftbox {

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



}

#Kartei .leftbox-icon {

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

}

#Kartei .bgbottom {

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

}

#Kartei .spacer10px {

height: 800px;

}

#Kartei .aktuellTop {

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

}

#Kartei .aktuellBg {

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

}

#Kartei .aktuellBottom {

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

}

#Kartei .headline {

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

}



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

#end {
 clear: both;
 
 }

/* -----------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;

}