body {
        /*background: #ffffff url(files/bg.gif) left top repeat-x;*/
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        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: #e53140;}
a:hover {color: blue;}
a:active { color: blue;}


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 953px;
margin:0 auto;


}

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

width: 985px;
padding-top: 20px;
padding-bottom: 12px;

}



#banner .top {

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

}

#banner .content {


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

}

#banner .image {


padding-top: 2px;
padding-left: 12px;


}

#banner .bottom {

background:url(files/banner_bottom.jpg) 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;


}

#banner .language {

padding-right: 10px;
font-size: 7pt;
color: #8b8b8b;
text-align: right;


}

#banner .int {

padding-right: 4px;

}



/* ----------topnavigation-------------- */
#topnavi {

        border-top:1px solid #ced4d9;
        border-left:1px solid #ced4d9;
        border-right:1px solid #ced4d9;
        margin-bottom: 0px;
        padding: 0;
        height: 15px;
        background-color: #e2e2e2;

}

#topnavi .links

{

        color: #ffffff;
        text-align: right;
        font-weight: bold;
        padding-top: 1px;
        padding-right: 12px;
}

#topnavi p{
        margin-left: 5px;
        padding: 0 10px;
}


/* --------------left navigavtion------------- */


#leftnav {

float: left;
width: 188px;
margin-right: 12px;
padding: 0px;

        }

#leftnav .leftMenuItem,
#right .leftMenuItem
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:10px;
  border-bottom:1px solid #ced4d9;
  border-left:1px solid #ced4d9;
  border-right:1px solid #ced4d9;
  padding-top:1px;
  padding-bottom:1px;
}

#leftnav .leftMenuItemlast

{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:10px;
  padding-top:1px;
  padding-bottom:1px;
}

#leftnav .leftMenuLink{
  vertical-align : middle;
 }

#leftnav .line,
#right .line
{

  border-top:1px solid #ced4d9;
}

#leftnav .trenner{

  border-top:1px solid #ced4d9;
  width: 150px;

 }

#leftnav p {
padding-top: 7px;
}

#leftnav .cbox {

  font-family: Arial, Helvetica, sans-serif;
  background: #f8f8f8 url(bg1.gif) left top repeat-x;
  font-size:11px;
  color: #6f6f6f;
  border:1px solid #ced4d9;

}

#leftnav .cbox2 {

  font-family: Arial, Helvetica, sans-serif;
  background: #f8f8f8 url(bg1.gif) left top repeat-x;
  font-size:11px;
  color: #6f6f6f;
  margin-top: 12px;
  border:1px solid #ced4d9;

}

#leftnav .cInfo {

  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  text-align: justify;
  color: #acacac;
  margin: 0px;
  padding-right: 12px;

}

#leftnav .cInfoshort {

  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  text-align: left;
  color: #acacac;
  margin: 0px;
  padding-right: 12px;

}

#leftnav .cboxtext {

  padding-top: 8px;
  padding-left: 10px;
  padding-bottom: 5px;

}

#leftnav .cboxtext p {
 margin-right: 12px;
 border-top:1px solid #ced4d9;
}

#leftnav .cbox h1 {

font-size: 12px;
font-weight: bold;

}

#leftnav .cbox img

{
        float: left;

}


#leftnav .icon {
        float: left;
        padding-top: 7px;
        padding-right: 4px;
        padding-left: 7px;
        }

#leftnav .image1 {

        padding-left: 3px;
        height: 80px;

        }

#leftnav .image2 {

        padding-left: 12px;
        height: 212px;

        }


#leftnav hr {

width: 160px;
height:1px;
color: #ced4d9;

}

#right {
        float: right;
        width: 158px;
        margin: 0;
        padding: 0;

}


#right .box1
{

  background-color: #e6f8ed;
  border:1px solid #ced4d9;


}

#right .box2
{

  /*background-color: #e6f8ed;*/
  margin-bottom: 12px;
  border:1px solid #ced4d9;


}

#right .box3
{

  background: #ffffff url(files/4x4bg.gif) left top repeat-x;
  margin-top: 0px;
  border:1px solid #ced4d9;


}

#right .box3a
{

  background: #ffffff url(files/4x4bg.gif) left top repeat-x;
  margin-top: 12px;
  border:1px solid #ced4d9;


}


#rightcontent {
padding-left: 8px;
}

#rightcontent .unit h1 {
        font-size: 1.2em;
        font-weight: bold;
        color: #2486c3;
        text-decoration: none;
        display: block;
        margin: 5px 0;
        float: left;
        clear: left;
        width: 100%;
        padding: 0;
}

#rightcontent .unit h1 a {
        color: #2486c3;
        display: block;

}

#rightcontent .unit h2 {
        font-size: 11px;
        font-weight: normal;
        color: #2486c3;
        text-decoration: none;
        display: block;
        margin: 0px;
        float: left;
        clear: left;
        width: 100%;
        padding: 0;
}



#rightcontent a img {
        border: 0px solid #CED4DA;
}



#rightcontent .unit img {
        display: inline;
}

#rightcontent .unit p {

        font-size: 11px;
        font-weight: normal;
        color: #6f6f6f;
                      /* steuert text höhe */
        float: left;
        clear: left;
        width: 100%;
        padding-left: 0px;
}

#rightcontent .index
{

        border-bottom: 1px solid #CED4DA;
        color: #000;
        font: normal 11px/14px Arial, Helvetica, sans-serif !important;
        margin-bottom: 5px;
        overflow: hidden;
        padding-top: 2px;

}

#rightcontent .arrow
{

        padding-top: 2px;
        padding-left: 6px;
        padding-right: 3px;


}

#rightcontent .textimage
{

        margin-top: 2px;
        padding-left: 0px;
        display: inline;



}

#rightcontent .index a, #rightcontent .index {
        color: #006aad;
        font: normal 11px/21px Arial, Helvetica, sans-serif !important;
}

.x2 {
        width: 140px;
        height: 235px;
}

.x3 {
        width: 140px;
        height: 278px;
}

.x4 {
        width: 140px;
        height: 260px;
}

#RightBox
{
        float: right;
        clear: none;
        width: 150px;
        font-size: 9px;
}

#RightBox .cBox
{
        width: 150px;
        height: auto;
        padding: 5px;
        text-align:left;
        height: auto;
        background: #f1f1f1;
        margin-bottom: 7px;
}

#RightBox .cEm
{
        background: #d4f3ff;
}

.cHTrenner
{
        background-image: url(files/trenner_horizontal.gif);
        background-repeat: repeat-x;
        margin:0;
        padding:0;
        height: 10px;
        width: 100%;
        float: left;
}


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


p, pre{
padding: 5px 10px;
margin:0;
}



.cBox,
.cInfoBox
{

        border: solid 1px #ced4d9;



}

.cBoxPicture
{

        border: solid 1px #ced4d9;



}


.cBox2
{
        border-left-style: none;
}

.cBox3
{
        border-top-style: none;
}

.cBox4
{
        border-top-style: none;
        border-left-style: none;
}

.cBox .cControl  span
{
        margin: 0px;
        background-color: #f1f1f1;
        padding: 3px 5px;
        height: 15px;
        float: left;
}

.cBox div.cControl
{
        background-color: #f1f1f1;
        width: 177px;
        margin-top: 10px;
        float: none;
}

a.cDetailLink
{

        background-image: url(files/button_1.gif);
        background-repeat: no-repeat;
        background-color: #f1f1f1;
        text-decoration: none; color: #575757;
        margin-top: 15px;
        padding-left: 28px;
        float: left;
        clear: both;
        height: 17px;
        width: 74px;
}

a.cDetailLink:hover
{
        background-image: url(files/button_3.gif);
        color: black;

}




#Teaser
{
        float: left;
        width: 586px;
        margin-left: 0px;

}



#Teaser .cBox
{
        height: 300px;
        text-align: left;
        padding: 5px;
        width: 183px;
        overflow:hidden;
}

#Teaser .cBoxPicture
{
        height: 300px;
        padding: 5px;
        width: 183px;
        overflow:hidden;
}


#Teaser .cTeaser
{

        height: 280px;
        width: 581px;
        padding: 0px;
        border-bottom-style: none;

}


#Teaser .hint
{
        background: url(files/hint_teaser.gif) no-repeat;
        width: 581px;
        height: 20px;
        padding: 0px;
        border-style: none;

}



#Teaser .cTeaser .cBox

{
        height: 280px;
        border-style: none;
        float: right;
}



#Teaser .cBox span.cSubText

{
        font-size: 11px;
        font-weight: normal;
        color: #6f6f6f;
        height: 165px;              /* steuert text höhe */
        overflow: hidden;
        float: left;
        clear: left;
        width: 100%;
}



#Teaser .cTextLink .cBox a.cTextLink
{
        font-size: 12px;
        font-weight: bold;
        color: #2486c3;
        text-decoration: none;
        display: block;
        margin: 0px 0px;
        height: 20px;
        float: left;
        clear: left;
        width: 100%;
}

.cTextLink {
        font-size: 12px;
        font-weight: bold;
        color: #2486c3;
        text-decoration: none;
        display: block;
        margin: 0px 0px;
        height: 20px;
        float: left;
        clear: left;
        width: 100%;
}

#Teaser .cTextLink .cBox a.cTextLink:hover
{
        text-decoration: underline;
}





#Teaser .cBox
{
        float: left;
}

#Teaser .cBox .cImage
{
        text-align: center;
        vertical-align:middle;
        height: 160px;
        width: 183px;
        display: block;
}

#Teaser .cBoxPicture .cImage
{
        text-align: center;
        padding-top: 90px;
        height: 160px;
        width: 183px;
        display: block;
}


#Teaser .ccImage
{
        padding-top: 10px;
        text-align: left;
        vertical-align:middle;
        display: block;
}


#Teaser .cTeaser div.cImage
{
        float: left;
        padding-top: 10px;
        height: 280px;
        width:  370px;
}



#Teaser  .cImage img
{
        float: none!important;
}



/* Detail Page  */

#DetailPage
{
        float: left;
        margin: 0;
        width: 751px;
        border:1px solid #ced4d9;
        padding-bottom: 12px;

}

#DetailPageInside
{

        width: 748px;
        margin: 0;
        /*border: 0px solid red;*/

}


#DetailPageInside .tImage
{
        float: left;
        margin: 9px 0px 0px 12px;

}

#DetailPageInside .tImageCompany
{
        float: left;


}

#DetailPageInside .tImageLast
{
        float: left;
        margin: 12px 0px 0px 12px;

}

#DetailPageInside .hLine
{

        float: left;
        padding-top: 9px;
        padding-left: 12px;

}

#DetailPageInside .pImage
{

        float: left;
        padding-top: 12px;
        padding-left: 12px;

}

#DetailPageInside .pImageTour
{

        float: left;
        padding-top: 12px;
        padding-left: 41px;

}

#DetailPageInside .pImageBoxGrey
{

        float: left;
        background-color: #f1f1f1;
        width: 345px;
        height: 60px;
        margin-top: 12px;
        margin-left: 16px;
        padding-top: 3px;
        padding-left: 3px;

}

#DetailPageInside .pImageBoxTlineGrey
{

        float: left;
        background-image: url(files/dot_grey.gif);
        background-repeat: repeat-x;
        width: 348px;
        height: 10px;
        margin-top: 12px;
        margin-left: 16px;

}

#DetailPageInside .pImageBoxWhite
{

        float: left;
        background-color: blue;
        height: 60px;
        margin-top: 12px;
        margin-left: 16px;


}

#DetailPageInside .pImageBoxWhiteBig
{

        float: left;
        background-color: blue;
        height: 147px;
        margin-top: 12px;
        margin-left: 16px;


}


#DetailPageInside .pImageBoxTlineWhite
{

        float: left;
        background-image: url(files/dot_grey.gif);
        background-repeat: repeat-x;
        width: 348px;
        height: 10px;
        margin-top: 12px;
        margin-left: 16px;

}

#DetailPageInside .pImageIcon
{

        padding-left: 5px;

}

#DetailPageInside .pImageText
{

        float: left;
        width: 300px;
        padding-top: 12px;
        padding-left: 0px;

}

#DetailPageInside .pImageText ul
{

        color: #6f6f6f;
        width: 300px;

}

#DetailPageInside .pImageText ul li
{

        list-style-type: square;
        margin-bottom: 12px;
        margin-left: 15px;

}

#DetailPageInside #TechBox .pImageTextHeadline
{

        float: left;
        width: 600px;
        padding-top: 12px;
        padding-bottom: 6px;
        padding-left: 12px;

}

#DetailPageInside #TechBox .pImageTextHeadlineRow1
{

        float: left;
        width: 355px;
        padding-top: 12px;
        padding-bottom: 6px;
        padding-left: 12px;

}

#DetailPageInside #TechBox .pImageTextHeadlineRow2
{

        float: left;
        width: 372px;
        padding-top: 12px;
        padding-bottom: 6px;
        padding-left: 0px;

}

#DetailPageInside #TechBox .pImageTextHeadline h2
{
        color: #4d4d4d;
        font-size: 12px;
        font-weight: bold;
        /*text-transform: uppercase;*/
        text-align: left;
}

#DetailPageInside #TechBox .pImageTextSmall
{

        float: left;
        width: 300px;
        color: #4d4d4d;
        font-size: 11px;
        padding-top: 2px;
        padding-left: 12px;


}

#DetailPageInside #TechBox .pImageTextSmallTour
{

        float: left;
        text-align: justify;
        width: 670px;
        color: #838383;
        font-size: 11px;
        padding-top: 0px;
        padding-left: 40px;


}

#DetailPageInside #TechBox .companytext
{

        float: left;
        text-align: justify;
        width: 640px;
        color: #000;
        font-size: 12px;
        padding-top: 15px;
        padding-left: 48px;


}

#DetailPageInside #TechBox .productiontext
{

        float: left;
        text-align: justify;
        width: 640px;
        color: #000;
        font-size: 12px;
        padding-top: 15px;
        padding-left: 48px;



}

#DetailPageInside #TechBox .imagetext
{

        float: none;
        text-align: justify;
        color: #000;
        font-size: 12px;
        padding-left: 12px;


}

#DetailPageInside #TechBox .headline
{


        color: #c10000;
        font-size: 14px;
        font-weight: bold;
        padding-top: 6px;
        padding-bottom: 8px;


}

#DetailPageInside #TechBox .pImageTextSmallTourWC
{

        float: left;
        text-align: justify;
        width: 300px;
        color: #838383;
        font-size: 11px;
        padding-top: 0px;
        padding-left: 40px;


}

#DetailPageInside #TechBox .pImageTextSmallTourRow
{

        float: left;
        text-align: left;
        width: 315px;
        color: #838383;
        font-size: 11px;
        padding-top: 0px;
        padding-left: 40px;


}

#DetailPageInside #TechBox .pImageTextSmallTourColumn
{

        float: left;
        text-align: left;
        width: 670px;
        color: #838383;
        font-size: 11px;
        padding-top: 0px;
        padding-left: 40px;


}

#DetailPageInside #TechBox .pImageTextSmallTourColumn .tImageColumn
{


        float: left;
        padding-bottom: 5px;
        padding-left: 0px;



}

#DetailPageInside #TechBox .pImageTextSmallTourRow .tImageRow
{


        float: left;
        padding-bottom: 5px;
        padding-left: 0px;



}

#DetailPageInside #TechBox .pImageTextSmallTourRowImage1
{

        float: left;
        width: 300px;
        color: #838383;
        font-size: 11px;
        padding-top: 13px;
        padding-left: 41px;


}

#DetailPageInside #TechBox .pImageTextSmallTourRowImage2
{

        float: left;
        width: 300px;
        color: #838383;
        font-size: 11px;
        padding-top: 13px;
        padding-left: 54px;


}

#DetailPageInside #TechBox .pImageTextSmallTourWC .linebreak
{


        padding-top: 200px;



}



#DetailPageInside #TechBox .pImageTextSmallDescription
{

        float: left;
        width: 400px;
        font-size: 11px;
        padding-top: 2px;
        padding-left: 12px;




}

#DetailPageInside #TechBox .pImageTextAbb
{

        float: left;
        width: 265px;
        color: #2486c3;
        font-size: 11px;
        padding-top: 2px;
        padding-left: 0px;


}

#DetailPageInside #TechBox .pImageTextAbbImage
{

        float: left;
        width: 400px;
        font-size: 11px;
        padding-top: 2px;
        padding-left: 5px;



}

#DetailPageInside #TechBox .pImageTextAbbImageWC
{

        float: left;
        width: 343px;
        font-size: 11px;
        padding-top: 2px;
        padding-bottom: 10px;
        padding-left: 31px;



}



#DetailPageInside #TechBox p
{

        height: 120px;
        width: 800px;
        margin-top: 12px;

}

#DetailPageInside #TechBox .tdText {

        float: left;
        width: 400px;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        padding-top: 2px;
        padding-left: 12px;
        font-family: Verdana, Tahoma, Arial, sans-serif
}

#DetailPageInside #TechBox th {

        font-size: 10px;
        font-weight: bold;


}

#DetailPageInside #TechBox table {



}

#DetailPageInside #TechBox td {


        border: 1px solid #e5e5e5;
        text-align: center;



}



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

/* -----------footer--------------------------- */
#footer {
clear: both;
color: #404040;
margin: 0px;
padding-top: 20px;
padding-left: 30px;
text-align: center;

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

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

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