@import url('teaser.css');

html {
    height: 100%

}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
padding-bottom:5px;
}


body {
    color: #000;
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff url("../images/bodybg.jpg") repeat-x;
    text-align: center;
    margin: 0;
    padding: 0;
}

img {
    margin: 0;
    padding: 0;
    border: 0;	
}

a {
    text-decoration: none
}

a:focus {
    outline: none;
}

.left {
}

.left a {
	display:inline-block;
	margin-left: auto;
	margin-right: auto;	
}

.right {
    float: right
}

#page {
    background-color: #fff;
    text-align: left;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    width: 900px;
    overflow: visible
}

#header {
    background-color: #fff;
    padding-bottom: 10px; /*25px;*/
    width: 900px;
    float: left;
    clear: both;
    position: relative;
}

#header img{
	display: block;
}

#header ul {
    list-style-type: none;
    margin: 5px 10px 0;
    padding: 0;
    float: right
}

#header li {
    color: #858587;
    font-size: 10px;
    margin: 0;
    padding: 0;
    float: left
}

#header .naviPipe {
    padding: 0px 3px
}

#header a {
    color: #858587;
    text-decoration: none
}

#header a#logo {
    padding-top: 25px;
    padding-left: 15px;
    float: left;
}

#header a:hover, #header a:active {
    color: #f60;
}

#tmpteaser img {
    font-size: 9px;
     background-repeat: no-repeat;
    background-position: right center;
    display: block;
    position: absolute;
    top: 47px;
    right: 10px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

#teaser {
    background-image: url("../images/teaser.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 9px;
    padding-left: 12px;
    position: absolute;
    top: 30px;
    right: 55px;
    width: 146px;
}

#teaserBottom {
    background-image: url("../images/teaserBottom.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 8px;
    position: relative;
    height: 24px;
}

#teaser h2 {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: #666666;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 100px;
    padding: 0;
    margin: 0;
}

#teaser a {
    font-size: 9px;
    background-image: url("../images/shopping_cart.gif");
    background-repeat: no-repeat;
    background-position: right center;
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 26px;
    height: 25px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

#tabnavi {
    background-color: #fff;
    margin: 0;
    margin: 0 0 5px;
    width: 900px;
    float: left;
    border-bottom-color: #E1E1E1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    _height: 21px;
    height: 22px;
}

#tabnavi ul {
    /*    background: url("../images/tabnavi_ul_bg.gif") no-repeat left top;*/
    background-color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}

#tabnavi li {
    margin: 0;
    padding: 0;
    float: left;
}

#tabnavi li a {
    color: #858587;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: url("../images/tabnavi_left.gif") no-repeat left top;
    margin-right: 2px;
    padding: 0 0 0 4px;
    position: relative;
    float: left
}

#tabnavi li a.active {
    color: #f60;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: url("../images/tabnavi_left.gif") no-repeat left top;
    margin-right: 2px;
    padding: 0 0 0 4px;
    position: relative;
    float: left
}

#tabnavi li a:hover, #tabnavi li a:active,  #tabnavi a.active {
    color: #f60;
}

#tabnavi li a span {
    background: url("../images/tabnavi_right.gif") no-repeat right top;
    display: block;
    padding: 5px 14px 3px 7px;
    float: left;
    cursor: pointer;
}

#searchform {
    color: #858587;
    font-size: 11px;
    font-weight: bold;
    background: #fff url("../images/tabnavi_right.gif") no-repeat right top;
    display: inline;
    margin: 0;
    padding: 1px 5px 0;
    float: right
}

#tabnavi a {
    color: #858587;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 5px 15px 3px 15px;
    float: right;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

#tabnavi a:hover {
    color: #f60;
}

#tabnavi input {
    color: #858587;
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    background-position: 0 0;
    margin: 0;
    padding: 0;
    border: solid 1px
}

#tabnavi .searchButton {

    color: #858587;
    font-size: 10px;
    font-weight: bold;
    background-color: #fff;
    background-position: 0 0;
    border-width: 0
}

#tabnavi div {
    background: url("../images/tabnavi_bg.gif") repeat-x right top;
    height: 22px;
}

#tabnavi span.bg {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: url("../images/tabnavi_bg_left.gif") no-repeat left top;
    margin: 0;
    padding: 4px 14px 2px 7px
}

#main {
    background-color: #fff;
    background-image: url("../images/mainbg.gif");
    background-repeat: repeat-x;
    background-position: left 1px;
    margin: 0;
    padding: 2px 0 40px 0;
    position: relative;
    z-index: 1;
    width: 900px;
    float: left
}

div#reference {
    position: absolute;
    z-index: 10;
    top: 15px;
    right: 30px;
    width: 461px;
    height: 261px;
	text-align: center;
}

div.referencePopUp {
    display: none;
    position: absolute;
    z-index: 20;
}

div.referencePopUp a{
	position: relative;
}

div.referencePopUp img, 
div.referencePopUp p{
	position: absolute;
}

div.referencePopUp img{
	border: 2px solid white;
}

div.referencePopUp p{
	text-align: left;
	color: #FFFFFF;
	font-size: 10px;
	left: 4px;
	top: 68px;
	padding-left: 17px;
	background: url(../images/linkpfeil.gif) no-repeat 2px 2px;
	width:156px;
}

#mainPageBg {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 227px;
    height: 275px
}

#main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left
}

#main li.mainHeadline {
    margin: 0;
    padding: 50px 0 0 20px;
    z-index: 5;
    width: 876px;
    float: left;
    clear: both
}

#main li.mainHeadline img {
    margin: 0;
    padding: 0;
    /*width: 325px;
    height: 45px;*/
}

#main li.mainHeadline p {
    color: #fff;
    font-size: 11px;
    width: 340px;
}

#main li.mainHeadline a {
    color: #666;
    font-size: 10px;
    text-decoration: none;
    background-image: url("../images/linkpfeil.gif");
    background-repeat: no-repeat;
    background-position: left 2px;
    padding: 0 0 0 12px;
    float: left
}

#main li.mainHeadline a:hover {
    color: #f60;
}

#main li.secondHeadline {
    margin: 50px 0 0;
    padding: 0 6px 10px 8px;
    position: relative;
    z-index: 15;
    width: 160px;
    height: 161px;
    float: left;
}

#main li.secondHeadline img {
    margin: 0;
    padding: 0;
    width: 160px;
    height: 161px
}

#main li.secondHeadline p {
    font-size: 10px;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    z-index: 20;
    top: 30px;
    left: 5px;
    color: #FFFFFF;
}

#main li.secondHeadline h2 {
    font-size: 13px;
    font-weight: bold;
    background-image: url("../images/plius.gif");
    background-repeat: no-repeat;
    background-position: right center;
    margin: 0;
    padding: 0 15px 0 10px;
    position: absolute;
    z-index: 20;
    top: 5px;
    left: 5px
}

#main li.secondHeadline div {
    font-size: 10px;
    background-image: url("../images/points_v.gif");
    background-repeat: repeat-y;
    background-position: left top;
    margin: 0;
    padding: 0 0 0 1px;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 160px;
    float: left
}

#main li.secondHeadline a {
    color: #fff;
    text-decoration: none;
    margin: 0;
    padding: 0
}

#main li.newsHeadline {
    margin: 50px 0 0 15px;
    padding: 0 0 10px;
    position: relative;
    z-index: 15;
    width: 180px;
    height: 161px;
    float: left
}

#main li.newsHeadline h2 {
    color: #666;
    font-size: 18px;
    font-weight: normal;
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0;
    padding: 0;
    width: 180px
}

#main li.newsHeadline p {
    color: #666;
    font-size: 11px;
    background-image: url("../images/newspoint.gif");
    background-repeat: no-repeat;
    background-position: 5px 6px;
    margin: 0;
    padding: 0 5px 0 15px
}

#main li.newsHeadline a {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/newsbulet.gif");
    background-repeat: no-repeat;
    background-position: left 5px;
    margin-left: 15px;
    padding: 0 0 0 8px
}

#main li.newsHeadline li {

    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0px 0 0 0;
    padding: 0 0 4px 0;
    width: 165px
}

#content {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    width: 725px;
    _width: 726px;
    float: right;
    border-right: 1px solid #fff;
}

#headerImg {
    margin-top: 1px;
    width: 724px;
    height: 96px;
    /*border-right: 1px solid #fff;*/
    border-left: 1px solid #fff;
}

#right {
    padding-top: 25px;
    position: relative;
    z-index: 15;
    width: 200px;
    float: right;
    /*border-right: 1px solid #fff*/
}

#right .rightHeadlineImage{
	width: 184px;
}

#right .topDotted{
	background: url("../images/points_h.gif") repeat-x top left;
}

#right .bottomDotted{
	background: url("../images/points_h.gif") repeat-x bottom left
}

#right .rightHeadlineImage .linkHeadline{
	padding: 3px 0px 3px 24px;
	background: url(../images/linkpfeil.gif) no-repeat 6px 50%;
	font-size: 12px;
	font-weight: bold;
	color: #858587;
}

#right .rightHeadlineImage a img{
	padding: 7px;
	margin: 0;
}

#right div.textTabBox {
    margin-bottom: 20px;
    position: relative;
    width: 480px;
    height: auto;
    float: left
}

#right div.textTabBox p {
    margin: 0;
    padding: 0;
    width: 220px;
    float: left
}

#right div.tabBox {
    font-size: 10px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
    width: 200px;
	margin-bottom: 5px;
}

#right ul.tabs li {
    position: relative;
    z-index: 5;
    float: left
}

#right ul.tabs li.selected {
    position: relative;
    z-index: 20;
    float: left
}

#right div.panels {
    background-image: url("../images/factsBoxBgLeft.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 5px;
    position: relative;
    z-index: 10;
    top: -1px;
    float: left;
    border-top: 1px solid #ccc
}

#right div.panels div {
    background-image: url("../images/factsBoxBgRight.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 5px 5px 5px 0;
    position: relative;
    z-index: 10;
    float: left;
    display: none;
}

#right div.panels div.selected {
    display: block;
}

#right div.panels div ul.panel {
    width: 174px;
}

#right div.panels div ul.panel li {
    color: #666;
    padding-top: 3px;
    padding-bottom: 3px;
}

#right div.panels div ul.panel li.orange {
    background-color: #f4e5da
}

#right div.panels div ul.panel h3{
	margin: 0px 3px 3px 3px;
}

#right div.panels div ul.panel a{
	color: #f60
}

#right ul.tabs li a {
    color: #666;
    font-size: 10px;
    text-decoration: none;
    background: url("../images/tabnavi_left.gif") no-repeat left top;
    padding: 0 0 0 4px;
    position: relative;
    float: left
}

#right ul.tabs li a.active {
    color: #f60;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background: url("../images/tabnavi_left_active.gif") no-repeat left top;
    margin-right: 0.09em;
    padding: 0 0 0 0.36em;
    position: relative;
    float: left
}

#right ul.tabs li a:hover, #middle div.textTabBox dl.tabBox dt a:active {
    color: #f60;
    cursor: pointer;
}

#right ul.tabs li a span {
    background: url("../images/tabnavi_right.gif") no-repeat right top;
    display: block;
    padding: 5px 5px 3px 2px;
    float: left
}

#right ul.tabs li.selected a span {
    color: #f60;    
	display: block;
    padding: 5px 5px 3px 2px;
    float: left;
	width: 173px;
}

#right ul.news{
    color: #666;
    font-size: 10px;
    margin: 0;
    padding: 0 8px;
    float: none
}

#right ul.news li {
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0;
    padding: 3px 0
}

#right ul.news li.last {
    background-image: none;
    border-bottom: 1px solid #666
}

#right ul.news li span {
    font-size: 10px;
    line-height: 12px;
    background-image: url("../images/newspoint.gif");
    background-repeat: no-repeat;
    background-position: left 6px;
    display: block;
    padding-left: 12px
}

#right ul.links {
    color: #666;
    font-size: 10px;
    margin: 0;
    padding: 0 8px;
    float: none
}

#right ul.links li {
    padding-top: 3px;
    padding-bottom: 3px;
}

#right a.print {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/print.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

#right a.contact {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/kontakt.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

#right a.recommend {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/recommend.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px
}

#right h3 {
    color: #f60;
    font-size: 11px;
    margin: 0 8px;
    padding: 0;
    border-bottom: 1px solid #666
}

#right p {
    color: #666;
    font-size: 10px;
    margin: 0 8px;
    padding: 0
}

#right img {
    margin: 2px 8px 0;
    padding: 0
}

#right p.last {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #666
}

#right ul.news a {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/newsbulet.gif");
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 12px;
    padding-left: 10px
}

#right a.logon {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-image: url("../images/linkpfeilBig.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px
}

#right a.logon:hover {
    color: #f60;
}

.boxTop {
    background-image: url("../images/box_top.gif");
    background-repeat: no-repeat;
    background-position: 0 top;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px
}

.boxBottom {
    background-image: url("../images/box_bottom.gif");
    background-repeat: no-repeat;
    background-position: 0 bottom;
    padding-bottom: 5px;
    width: 184px
}

.boxMiddle {
    background-image: url("../images/box_middle.gif");
    background-repeat: repeat-y;
    width: 184px
}

#middle {
    padding: 20px;
    position: relative;
    z-index: 5;
    width: 484px;
    _width: 504px;
    float: left;
    border-left: 1px solid #fff;
    min-height: 224px;
    _height: 264px;
}

#middle ul.service {
    margin: 0;
    padding: 15px 0;
    position: relative;
    z-index: 15
}

#middle ul.service li {
    /*border: 1px solid #cccccc;*/
	display: inline;
    padding: 10px 10px 10px 0;
    position: relative;
    z-index: 15;
    float: left;	
}

#middle ul.service li div.tl {
    background-image: url("../images/box.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10px 5px 5px 10px;
    position: relative;
    z-index: 15;
    width: 210px;
    overflow: visible
}

#middle ul.service p {
    color: #666;
    font-size: 11px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 15
}

#middle ul.service a.more {
    color: #f60;
    font-size: 10px;
    text-decoration: none;
    background-image: url("../images/newsbulet.gif");
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    z-index: 15
}

#middle ul.teaser {
    margin: 0;
    padding: 10px 0
}

#middle ul.teaser li {
    display: inline;
    padding: 5px 5px 5px 0;
    float: left
}

#middle ul.teaser li div.tl {
    background-image: url("../images/box.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10px 5px 5px 10px;
    position: relative;
    width: 140px;
    overflow: visible
}

#middle ul.teaser li h3, #middle ul.service li h3 {
    color: #707070;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    font-stretch: normal;
    margin: 0;
    padding: 0 0 0 10px
}

#middle h4 {
    color: #f60;
    font-size: 14px;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 6px;
}

#middle h2 {
    color: #f60;
    font-size: 11px;
    margin: 0;
    padding: 20px 0
}

#middle h1 {
    color: #ededed;
    font-size: 18px;
    font-family: Helvetica;
    font-weight: normal;
    margin: 0;
    padding: 20px 0 10px
}

#middle h3, #middle h3.csc-searchResultHeader a {
    color: #666;
    font-size: 11px;
    font-family: Helvetica;
    margin: 0;
    padding: 10px 0 0
}

#middle h3.subHeadline {
    color: #666;
    font-size: 11px;
    font-family: Helvetica;
    margin: 0;
    padding: 10px 0 15px
}

#middle p {
    color: #666;
    font-size: 11px;
    margin: 0;
    clear: both;
}

#middle div.csc-textpic-intext-right-nowrap div.csc-textpic-text p.bodytext {
		clear: left;
}

#middle div.csc-textpic-intext-left-nowrap div.csc-textpic-text p.bodytext {
		clear: right;
}

#middle div.csc-textpic-intext-right div.csc-textpic-text p.bodytext {
		clear: left;
}

#middle div.csc-textpic-intext-left div.csc-textpic-text p.bodytext {
		clear: right;
}

#middle div.news a, #middle div.csc-textpic div.csc-textpic-text p.bodytext a {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/newsbulet.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px
}

#middle a.toTop {
    color: #f60;
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    background-image: url("../images/toTopBulet.gif");
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0;
    padding: 0 0 0 7px
}

#middle div.toTop {
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 5px
}

#middle ul.contentList {
    float: none
}

#middle ul.contentList li {
    color: #666;
    font-size: 11px;
    background-image: url("../images/newsbulet.gif");
    background-repeat: no-repeat;
    background-position: 0 4px;
    margin: 0;
    padding: 0 0 0 12px;
    line-height: 14px;
}

#middle ul.linksList {
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left top;
    margin: 10px 0;
    padding: 0;
    width: 484px;
}

#middle ul.linksList li {
    color: #666;
    font-size: 11px;
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0;
    padding: 5px 0
}

#middle ul.linksList li a {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    text-decoration: none;
    background-image: url("../images/linkpfeil.gif");
    background-repeat: no-repeat;
    background-position: left 1px;
    display: block;
    margin: 0;
    padding: 0 0 0 12px
}

#middle ul.linksList li a:hover {
    color: #f60;
}
/*
 #middle dl, #middle dt, #middle dd {
 margin: 0;
 padding: 0
 }
 */
dl, dt, dd {
    margin: 0;
    padding: 0
}

#middle ul.downloadsList {
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left top;
    list-style-type: none;
    margin: 10px 0;
    padding: 0
}

#middle ul.downloadsList li {
    color: #666;
    font-size: 11px;
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    list-style-type: none;
    padding: 5px 0;
    float: left
}

#middle dl.download {
    margin: 0;
    padding: 0;
    width: 484px;
    float: left
}

#middle dl.download dt {
    margin: 0;
    padding: 0;
    float: left
}

#middle dl.download dd {
    margin: 0;
    padding: 0;
    float: right
}

#middle ul.downloadsList a.downloadPDF {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
    background-image: url("../images/pdf.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    display: block;
    margin: 0;
    padding: 0 0 0 20px
}

#middle ul.downloadsList a.downloadDOC {
    color: #666;

    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
    background-image: url("../images/doc.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    display: block;
    margin: 0;
    padding: 0 0 0 20px
}

#middle ul.downloadsList a.downloadXLS {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
    background-image: url("../images/xls.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    display: block;
    margin: 0;
    padding: 0 0 0 20px
}

#middle ul.downloadsList a.downloadIMG {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
    background-image: url("../images/img.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    display: block;
    margin: 0;
    padding: 0 0 0 20px
}

#middle ul.downloadsList li a:hover {
    color: #f60
}

#middle img.leftTextRight {
    margin: 0 5px 10px 0;
    float: left
}

#middle div.textTabBox {
    margin-bottom: 20px;
    position: relative;
    width: 480px;
    height: auto;
    float: left
}

#middle div.textTabBox p {
    margin: 0;
    padding: 0;
    width: 220px;
    float: left
}

#middle div.tabBox {
    font-size: 10px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
    width: 215px;
    float: right
}

#middle ul.tabs li {
    position: relative;
    z-index: 5;
    float: left
}

#middle ul.tabs li.selected {
    position: relative;
    z-index: 20;
    float: left
}

#middle div.panels {
    background-image: url("../images/factsBoxBgLeft.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 5px;
    position: relative;
    z-index: 10;
    top: -1px;
    float: left;
    border-top: 1px solid #ccc
}

#middle div.panels div {
    background-image: url("../images/factsBoxBgRight.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 5px 5px 5px 0;
    position: relative;
    z-index: 10;
    float: left;
    display: none;
}

#middle div.panels div.selected {
    display: block;
}

#middle div.panels div ul.panel {
    width: 200px
}

#middle div.panels div ul.panel li {
    color: #f60;
    background-image: url("../images/punktgrau.gif");
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px
}

#middle div.panels div ul.panel li a{
    color: #f60;
}
#middle div.panels div ul.panel li a:hover{
    color: #666;
}


#middle div.panels div ul.panel li.orange {
    background-color: #f4e5da
}



#middle ul.tabs li a {
    color: #666;
    font-size: 10px;
    text-decoration: none;
    background: url("../images/tabnavi_left.gif") no-repeat left top;
    padding: 0 0 0 4px;
    position: relative;
    float: left
}

#middle ul.tabs li a.active {
    color: #f60;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background: url("../images/tabnavi_left_active.gif") no-repeat left top;
    margin-right: 0.09em;
    padding: 0 0 0 0.36em;
    position: relative;
    float: left
}

#middle ul.tabs li a:hover, #middle div.textTabBox dl.tabBox dt a:active {
    color: #f60;
    cursor: pointer;
}

#middle ul.tabs li a span {
    background: url("../images/tabnavi_right.gif") no-repeat right top;
    display: block;
    padding: 5px 5px 3px 2px;
    float: left
}

#middle ul.tabs li.selected a span {
    background: url("../images/tabnavi_right_active.gif") no-repeat right top;
    display: block;
    padding: 5px 5px 3px 2px;
    float: left
}

#middle div.contactForm {
    font-size: 11px;
    line-height: 18px;
    padding: 0px 0 20px 0;
    float: left
}

#middle div.contactForm label {
    color: #666;
    font-weight: bold;
    display: block
}

#middle div.contactForm input {
    margin: 0;
    padding: 0;
    border: solid 1px #7f9db9
}

#middle div.contactForm input.sendButton {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    background-color: transparent;
    background-image: url("../images/linkpfeilBig.gif");
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    margin: 0;
    padding-left: 15px;
    width: 90px;
    border-width: 0
}

#middle div.contactForm textarea {
    margin: 0;
    padding: 0;
    border: solid 1px #7F9DB9
}

#middle div.contactForm select {
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 210px;
    border: solid 1px #7f9db9
}

#middle ul.contactForm li {
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px
}

#headline {
    padding: 0 20px 20px 0
}

#headline h1 {
    color: #fff;
    font-size: 32px;
    font-family: Helvetica;
    font-weight: normal;
    margin: 0;
    padding: 0
}

#headline p {
    color: #666666;
    font-size: 11px;
    margin: 0;
    padding: 5px 0
}

#headline a {
    color: #666;
    font-size: 10px;
    text-decoration: none;
    background-image: url("../images/linkpfeil.gif");
    background-repeat: no-repeat;
    background-position: left 2px;
    padding: 0 0 0 12px;
    float: left
}

#headline a:hover {
    color: #f60;
}

#left {
    background-color: #fff;
    margin: 0;
    padding: 0;
    width: 174px;
    float: left
}

#left img.menu {
    margin: 1px 1px 0;
    padding: 0;
    width: 172px;
    height: 39px
}
/*neu start*/
#left ul.menu {
    line-height: 11px;
	_height: 200px;
	min-height: 200px;
    background-image: url("../images/submenubg.gif");
    background-repeat: repeat-x;
    background-position: left 2px;
    margin: 0;
    padding: 15px 0 30px;
    width: 173px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}
/*neu ende*/
#left li.level1 {
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0;
    padding: 0;
    width: 172px
}

#left a.level1 {
    color: #666;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/newspoint.gif");
    background-repeat: no-repeat;
    background-position: 7px center;
    display: block;
    padding: 8px 0 8px 15px
}

#left a.level1Active {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    background-image: url("../images/newspoint.gif");
    background-repeat: no-repeat;
    background-position: 7px center;
    display: block;
    margin: 0;
    padding: 8px 0 8px 15px
}

#left a.level1:hover, #left a.level1:active {
    color: #f60;
}
/*neu start*/
#left ul.level2 {
    line-height: 11px;
    margin: 0;
    padding: 0;
    float: none;
    border-top: 1px solid white;
}
/*neu ende*/
#left li.level2 {
    background-color: #d3d3d3;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff
}

#left a.level2 {
    color: #666;
    font-size: 11px;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 8px 0 8px 25px
}

#left a.level2Active {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 8px 0 8px 25px
}

#left a.level2:hover, #left a.level2:active {
    color: #f60;
}
/*neu start*/
#left ul.level3 {
    line-height: 11px;
    margin: 0;
    padding: 0;
    float: none;
    border-top: 1px solid #fff
}
/*neu ende*/
#left li.level3 {
    background-color: #fbece1;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff
}

#left a.level3 {
    color: #666;
    font-size: 11px;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 8px 0 8px 25px
}

#left a.level3Active {
    color: #f60;
    font-size: 11px;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 8px 0 8px 25px
}

#left a.level3:hover, #left a.level3:active {
    color: #f60;
}

#footer {
    background-color: #fff;
    background-image: url("../images/footerbg.gif");
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
    margin: 0;
    padding: 10px 0 0 0;
    width: 900px;
    _height: 80px;
    height: 70px;
    float: left
}

#footer ul {
    list-style-type: none;
    padding: 0;
    display: inline;
}

#footer li {
    color: #858587;
    font-size: 10px;
    margin: 0;
    padding: 0;
    display: inline;
}

#footer .naviPipe {
    padding: 0px 3px
}

#footer a {
    color: #858587;
    text-decoration: none
}

#footer a:hover, #header a:active {
    color: #f60;
}

#footer img {
    margin-right: 5px;
    margin-left: 5px;
    float: left
}

#footer .copyright {
    color: #858587;
    font-size: 10px;
	margin-left: 373px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    float: left
}

#footer .clearer {
	clear: both;
    line-height: 15px;
    font-size: 0px;
    height: 0px;
}

.clearer {
    clear: both;
    line-height: 15px;
    font-size: 15px;
    height: 15px;
}

.clearer2 {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    height: 0px;
}

#middle li p.bodytext {
    padding: 0;
}

#middle h1.headline {
    padding-top: 0;
}

.label.select {
    font-size: 11px;
    color: #666;
}

#serviceSelector {
    font-size: 11px;
    color: #666;
    width: 224px;
}

.reference,
 .newsletterArchive{
    float: left;
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left top;
}

.list .headline div, .list .listItems div {
    float: left;
    font-size: 11px;
    color: #666;
}

.list .headline {
    float: left;
    background-image: url("../images/points_h.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 4px 0px;
}

.list .listItems .listItem div {
    padding-top: 10px;
}

.list .headline div {
    font-weight: bold;
}

.list .listItems .listItem {
    padding-top: 8px;
}

.list .listItems .listItem .customer {
    padding: 0;
}

.list div.customer {
    width: 184px;
}

.list div.customer img {
    float: left;
    height: 32px;
    padding-right: 8px;
}

.list div.city {
    width: 104px;
}

.list div.service {
    width: 104px;
}

.list div.details {
    width: 88px;
}

.list div.details a,
.list div.theme a {
    color: #FF6600;
}

.list div.details a:hover ,
.list div.theme a:hover{
    color: #666666;
}

.list div.date {
    width: 88px;
}

.list div.newsType {
    width: 88px;
}

.list div.theme {
    width: 308px;
}

#contact form #contactForm, #addressContainer {
    width: 364px;
}

#addressContainer {
    padding-bottom: 8px;
    font-weight: bold;
}

#addressContainer #label {
    float: left;
}

#addressContainer #address {
    float: right;
    width: 217px;
}

fieldset {
    border: 0px none;
    padding: 0px;
    margin: 0px; 
}

.tx_tipafriend,
#mailform{
    font-size: 11px;
    line-height: 18px;
    color:#666666;
}

.tx_tipafriend .tx_tipafriend_url h1,
#mailform .csc-mailform fieldset legend {
    display: none;
}

.tx_tipafriend_formfield,
#mailform .csc-mailform .csc-mailform-field {
    clear: both;
    float: left;
    margin-bottom: 8px;
    width: 320px;
}

.tx_tipafriend_formfield{
     width: 400px;
     padding: 0px;
}

.tx_tipafriend_formfield .tx_tipafriend_text,
.tx_tipafriend_formfield #tx_tipafriend_button,
.tx_tipafriend_formfield .tx_tipafriend_werbemail,
.tx_tipafriend_formfield .tx_tipafriend_codetext{
    float: right;
    width:240px;	
}

#mailform .csc-mailform.tipafriend .csc-mailform-field {
    width: 390px;	
}

.tx_tipafriend_formfield label,
#mailform .csc-mailform .csc-mailform-field label {
    	float: left;
	color:#666666;
	display:block;
	font-weight:bold;
	text-align: left;
	width: auto;
}

.tx_tipafriend_formfield input, .tx_tipafriend_formfield textarea,
#mailform .csc-mailform .csc-mailform-field input, #mailform .csc-mailform .csc-mailform-field textarea {
    border: 1px solid #CCCCCC;
    float: right;
    width: 240px;
}

#mailform .csc-mailform .csc-mailform-field input.csc-mailform-check, #mailform .csc-mailform .csc-mailform-field input.csc-mailform-radio {
    margin-right: 193px;
    _margin-right: 191px;
    width: auto;
    border: 0px none;
}

#mailform .csc-mailform .csc-mailform-radio fieldset {
    clear: both;
    width: 145px;
    _width: 161px;
    padding: 8px 0px 0px 16px;
}

#mailform .csc-mailform .csc-mailform-radio fieldset label {
    margin-bottom: 4px;
    clear: left;
}

#mailform .csc-mailform .csc-mailform-radio fieldset input.csc-mailform-radio {
    clear: both;
    margin: 0px;
}

#middle .tx_tipafriend_formfield #tx_tipafriend_button,
#mailform .csc-mailform .csc-mailform-field input.buttonSubmit,
#mailform .csc-mailform .csc-mailform-field input.csc-mailform-submit {
    color: #666666;
	width: 100px;
	font-size: 11px;
}

#middle .tx_tipafriend_formfield #tx_tipafriend_button{
	border:1px solid #CCCCCC;
	font-weight: normal;
	padding: 0px;
	
}

#mailform .csc-mailform .csc-mailform-label {
    display: none;
}

.imageGalery {
    position: relative;
    float: left;




    width: 484px;
    height: 88px;
}

.imageGalery .previous {
    background: transparent url(../images/previous.jpg) 0px 24px no-repeat;
    padding: 0px 0px 73px 32px;
    cursor: pointer;
    position: absolute;
}

.imageGalery #imageSlider {
    left: 32px;
    width: 420px;
    height: 73px;
    z-index: 99;
    position: absolute;
    overflow: hidden;
    clip: rect( 0px, 420px, 73px, 0px );
}

.imageGalery #imageSlider #imageContainer {
    width: 10000px;
    z-index: 1;
    position: absolute;
    padding: 0px;
}

.imageGalery .next {
    background: transparent url(../images/next.jpg) 8px 24px no-repeat;
    padding: 0px 0px 73px 32px;
    position: absolute;
    cursor: pointer;
    left: 452px;
}

.imageGalery #imageSlider #imageContainer img {

    padding: 1px;
    border: 1px solid black;
    height: 69px;
}

.imageGalery #imageSlider #imageContainer div.csc-textpic-center, .imageGalery #imageSlider #imageContainer div.csc-textpic-center .csc-textpic-imagewrap {
    position: absolute;
}


.imageGalery #imageSlider #imageContainer div.csc-textpic-center .csc-textpic-imagewrap {
    padding-top: 10px;
}

/*Sitemap*/

div.expAll{
	display: none;
}

#main .tx-dropdownsitemap-pi1 div.level_1{
	margin-left: 0;
}

.news .newsItem{
	background-image:url(../images/points_h.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:8px;
}

#middle div.news .news-single-img a{
	background-image: none;
	padding-left: 0;
}

#middle .tx-dropdownsitemap-pi1 A, 
#middle .tx-dropdownsitemap-pi1 A:link, 
#middle .tx-dropdownsitemap-pi1 A:visited, 
#middle .tx-dropdownsitemap-pi1 A:hover, 
#middle .tx-dropdownsitemap-pi1 A:active {
        color: #666666;
        font-size: 11px;
}

#middle p.bodytext a{
	color: #FF6600;
}

#middle h1.csc-firstHeader{
	color: #666666;		
}

.tx_tipafriend .tx_tipafriend_codetext,
.tx_tipafriend .tx-srfreecap-pi2-cant-read,
.tx_tipafriend a{
    color: #666666;		
}

.tx_tipafriend a:hover{
    color: #FF6600;
}

/* Powermail */

.tx-powermail-pi1 {
	margin: 2px;
}
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}

div.tx-powermail-pi1_mandatory {
	margin: 2px 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	}

	div#middle div.tx-powermail-pi1 div.tx-powermail-pi1_mandatory ul {
		list-style-type: none;
		margin: 10px;
		float: none;
	}
		li.powermail_mandatory_listitem {
			list-style-type: none;
			margin-bottom: 5px;
			float: none;
		}

input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
	background-color: #FF8888;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 100px;
	font-size: 11px;
}

#advice-required-uid4, #advice-required-uid17 {
	float: left;
}

fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 0px solid #FFC;
	background-color: transparent;
	padding: 10px;
	margin: 10px;
	float: left;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	display: none;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 100px;
	float: left;
	clear: both;
	font-weight: normal;
	font-size: 11px;
	color: #666;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}

fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
	width: 264px;
}

div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
	font-size: 11px;
	color: #666666;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 100px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 150px;
}
	
img.tx-srfreecap-pi2-image {
	margin: 5px 0 5px 100px;
}
span.tx-srfreecap-pi2-cant-read {
	display: block;
	font-size: 11px;
	color: #666;
	margin-left: 100px;
	}
	span.tx-srfreecap-pi2-cant-read a {
		color: #FF6600;
	}

	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

#powermaildiv_uid27,#powermaildiv_uid45 {
	color:#666666;
	font-size:11px;
}

.news-single-backlink a {
	color:#f26722;
	font-size:11px;
}

.plain_empty_page {
	color: #000;
	font-size: 12px;
	margin-left: 15px;
	text-align: left;
	width: 550px;
}

.plain_empty_page h4 {
	color: #000;
	font-family: Helvetica;
	font-size: 12px;
	text-align: left;
}


/*------p4m--------*/

/* Bulletpoints im Newsletterbereich */
div#content div#middle div.csc-textpic-text ul, div#content div#middle div.news ul {
	margin: 5px 0;
}

div#content div#middle div.csc-textpic-text ul li, div#content div#middle div.news ul li {
	list-style-image: url('../images/bullet_arrow.gif');
	font-size: 11px;
	color: #666666;
	margin: 2px 20px;
 }
 
div#content div#middle div.csc-textpic-text ul li a, div#content div#middle div.news ul li a {
	color: #FF6600;
 }

 
/* News Calendar */

table.calendar-table {
	float: left;
	margin-left: 0px;
}

.listAllEventsLink {
	float: left;
	display: block;
	width: 140px;
	height: 34px;
	text-indent: -9999px;
	margin: 4px 20px;
}

.showGerman {
	background: url(../images/button_event_list_de.gif) no-repeat top right;
}

.showEnglish {
	background: url(../images/button_event_list_en.gif) no-repeat top right;
}

div.newsCalendar_listBody {
	clear: both;
}