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;}

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: 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: 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 .tabelle {

padding-left: 40px;
font-size: 0.75em;

}

#Kartei .navihits a {text-decoration: none; color: #3a4c5f;}
#Kartei .navihits a:hover {color: blue;}
#Kartei .navihits a:active {text-decoration: none;}




.kartei{

width: 623px;
border: 1px solid #dfdfdf;
background-color:#666666;
border-spacing: 0px;

}

.td1 {

text-align: left;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
background-color:#e9ebef;

}

.td2 {

text-align: left;
border-bottom: 1px solid #dfdfdf;
background-color:#e9ebef;

}

.td3 {

text-align: left;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
background-color:#fafafa;

}

.td4 {

text-align: left;
border-bottom: 1px solid #dfdfdf;
background-color:#fafafa;

}

.td5 {

text-align: left;
border-right: 1px solid #dfdfdf;
background-color:#e9ebef;

}

.bilder {

text-align: center;
padding-top: 8px;
background-color:#e9ebef;

}

.img {

text-align: center;
padding-bottom: 5px;

}

#Kartei .icon {

text-align: right;
padding-right: 40px;
padding-bottom: 8px;

}

#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 .NrAngebot {

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

}

#Kartei .FormularInfo {

font-size: 10px;
color: #949494;
padding-top: 30px;
padding-right: 60px;
padding-left: 60px;
text-align: center;

}

#Kartei .NewsletterInfo {

font-size: 11px;
line-height: 1.4em;
padding-top: 10px;
padding-right: 60px;
padding-left: 60px;
text-align: left;

}



#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: 10px;

}

#Kartei .spacer80px {

height: 80px;

}

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

}

/* -----------Formular--------------------------- */


#Kartei .formbox {

width: 560px;
margin-top: 10px;
margin-left: 70px;


}

#Kartei .formtop {

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


}

#Kartei .forminside {

background:url(files/formgradient.jpg) left bottom repeat-x;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;

/*font-size: 18px; */

}

#Kartei .formbottom {

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


}

#Kartei h2 {

color:#464646;
font-size:11px;

}

#Kartei h2.form {

border-bottom:1px solid #dfdfdf;
margin: 0 8px 0 8px;
padding: 4px 8px 8px 0px;


}

#Kartei div.formfield {

padding: 20px 0 0 0;


}

#Kartei div.formfield table th {

text-align: right;
padding-right: 10px;

}


#Kartei th {

text-align: right;

}

#Kartei td,th {

empty-cells:show;
font-size: 11px;

}


#Kartei table td, table th {

height: 20px;
padding: 2px 0 3px 5px;
font-weight: 400;
line-height: 14px;

}

#Kartei .kAnfrage {

padding-bottom: 20px;
padding-left: 40px;
line-height: 18px;

}

#Kartei .kAnfrageImage {

padding-bottom: 20px;
padding-left: 40px;

}

#Kartei .kAnfrageIcon {

padding-bottom: 20px;
padding-left: 20px;

}

#Kartei .backForm {

padding-left: 120px;

}

#Kartei .inputField {

border: 1px solid #dfdfdf;
padding: 1px 0;

}

#Kartei .errorField {

border: 1px solid #ff9000;
padding: 1px 0;
background: #fff5e5;

}

#Kartei .errorFieldmessage {

padding-bottom: 12px;

}

#Kartei textarea {

border: 1px solid #dfdfdf;
padding: 1px 0;

}

#Kartei .newsletter {

text-align: left;
font-size: 10px;
width: 300px;
padding-top: 8px;

}



#Kartei .submit   {

padding-top: 20px;
padding-bottom: 20px;
padding-left: 252px;

}

#Kartei .sec {margin-top: 15px;}
#Kartei .w {width: 277px;padding-top:1px;background:transparent url(files/zzzz_o.gif) top repeat-x;}
#Kartei .x {padding-right:1px;background:transparent url(files/zzzz_o.gif) right repeat-y;}
#Kartei .y {padding-bottom:1px;background:transparent url(files/zzzz_o.gif) bottom repeat-x;}
#Kartei .z {padding-left:1px;background:transparent url(files/zzzz_o.gif) left repeat-y;}
#Kartei .wxyz-set {position:relative;padding:8px 0;}
#Kartei .wxyz-text {position:absolute;top:-10px;left:16px;padding:2px;background-color:White;color:#ff9000;font-weight: bold;}
#Kartei .wxyz-textsmall{padding-left:8px;font-size:0.82em;}
#Kartei .secfield {margin-top:10px;text-align:center;}



#Data.formfield input#title {width: 15px; margin-top: 8px;}
#Data.formfield input#funktion {width: 15px; margin-top: 4px;}
#Data.formfield input {width: 275px;}
#Data.formfield input#zipcode {width: 70px;}
#Data.formfield input#city {width: 205px;}
#Data.formfield textarea#nachricht {width: 275px;}
#Data.formfield input#checkbox {width: 15px; margin-top: 8px;}
#Data.formfield input#submit {width: 120px;}
#Data.formfield input#reset {width: 120px; margin-right: 20px;}
#Data.formfield input#stringInnov {width: 120px;}
#Data.formfield input.btn {background:url(files/zzzz_senden.gif);}



/* -----------End Formular--------------------------- */




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

}