body {
    height: 110%;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size:100.01%;
    color:#000000;
    background-color:white;
}
div {

}
#body {
    height:110%;
    text-align: center;
}
h5 {
    line-height:18px;
    padding:0;
    margin:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
input[type=radio] {
    padding: 0;
    margin: 0;
}
input {
    vertical-align:middle;
}
p {
    margin: 0 0 0 0;
    padding: 0;
}
a {
    color:#0050A0;
    text-decoration: none;
    font:inherit;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: 0;
}
a.sLineHeight{
    display:block;line-height:11px;
}
img { border:0;}

sub,sup {line-height:0px;font-size:85%;font-family:Arial,Verdana,sans-serif;}
.aRight {
    text-align:right;
}
.bold {
    font-weight:bold;
}
ul {
    list-style: none;
    list-style-type:none;
    padding:0;
    margin:2px 0 0 0;
}
ul li {
    list-style: none;
    list-style-type: none;
    background:url(/s/viega/p/images/structure/img_icons/liststyle1.gif) no-repeat 0 .3em;
    margin-left:0;
    padding:0 0 0 12px;
}
ul li ul {
    list-style-type:disc;
    padding:0;
    margin:2px 0 0 2px;
}
ul li ul li {
    background-image:url("");
    list-style: disc;
    padding:0;
    margin-left:10px;
}


/**
  * Allgemeine Hilfsklassen 
  */
.cBoth {
    clear: both;
}
br.cBoth {
    line-height:0;
}
.fLeft {
    float: left;
    display: inline;
}
.fRight {
    float: right;
    display: inline;
}
.relPos {
    position:relative;
}
.absPos {
    position:absolute;
}
.block {
    display:block;
}
.inline {
    display:inline;
}
.fwNormal {
    font-weight:normal;
}

.boldGray {
    color:#8E8E8E;
    font-weight:bold;
}



/**
  * Bereiche CSS 
  *
  */


/* Toolbar */
#Header {
    width:944px;
    height:88px;
    color:#000000;
    margin: 0 auto;
    line-height:13px;
    position:relative;
    z-index:20;
}
#Popup #Header { width:560px; }

div.myViega {
 height:24px;
 width:100%;
 background-image: url(/s/viega/p/images/structure/bg_toolleiste.gif);
 color:#000000;
 font-family: Arial,sans-serif;
 font-size: 11px;
 text-align: center;
 margin-top: 1px;
}
#Toolbar {
 height:24px;
 width:944px;
 margin: 0 auto;
 background-image: url(/s/viega/p/images/structure/bg_toolleiste.gif);
 color:#000000;
 font-family: Arial,sans-serif;
 font-size: 11px;
}
#Toolbar div, #Toolbar form {
line-height:22px;
float: left;
margin:0;
padding:0;
display: inline;
font-family:Arial,sans-serif;
font-size: 11px;
text-align: left;
}
#Toolbar form input{
    line-height: 11px;
    height: 12px;
    border: 1px solid #BEBEBE;
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    padding: 1px;
}
#Toolbar form input.submit {
width:16px;
height:16px;
border:none;
vertical-align:top;
padding:0;
}
#Toolbar a {
    line-height:22px;
    font-family:Arial,sans-serif;
    font-size:11px;
    color:#0050a0;
    text-decoration:none;
}
#Toolbar * a:hover {
text-decoration:underline;
}


/**
  * Breadcrumb 
  */
#BreadCrumb
{
    width: 560px;
    color: #0050a0;
    min-height: 20px;
    padding-left: 2px;
}
#BreadCrumb div {
    padding-top:4px;
    white-space: nowrap;
}

#BreadCrumb div.arrow {
    background:url(/s/viega/p/images/structure/click_arrow.gif) 0px 4px no-repeat;
    height:13px;
    margin-left:5px;
    padding-left:12px;
}

#BreadCrumb a {
    font: 10px/13px Arial,sans-serif;
    color: #0050a0;
    text-decoration: none;
}

#BreadCrumb a:hover {
    text-decoration: underline;
    color:#0050a0;
}


/*Landing Page*/

#MoodImageRight {
 width: 174px;
 border: 0;
 margin: 0;
 float: right;
 padding:0 0 5px 2px;
}

/**
  * Service Navigation
  */
#Service {
font-family:Arial,sans-serif;
font-size:11px;
line-height:13px;
width:224px;
height:88px;
text-align:right;
float:right;
}

ul.inlineListRight,
ul.inlineListLeft {
    font-family:Arial,sans-serif;
    font-size:11px;
    line-height:13px;
    height: 45px;
    padding-top:9px;
    display:inline;
}
ul.inlineListRight {
    float:right;
    margin-right:-7px;
}
ul.inlineListLeft {
    float:left;
    margin-left:-7px;
}
ul.inlineListRight li,
ul.inlineListLeft li {
    float:left;
    display:inline;
    margin:0;
    padding:0 7px;
    background:transparent;
    border-right:solid 1px black;
}
ul.inlineListRight li.noSep,
ul.inlineListLeft li.noSep {
    border-right:none;
}
ul.inlineListRight li a,
ul.inlineListLeft li a {
    vertical-align:baseline;
}
#Service div.international {
font-family:Arial,sans-serif;
font-size:11px;
line-height:13px;
height: 24px;
padding:10px 0 0 0;
vertical-align: middle;
float:right;
}
#Service div.international img {
    vertical-align:middle;
}
#Service a {
    font-family:Arial,sans-serif;
    font-size:11px;
    line-height:13px;
    color:#00468c;
    text-decoration:none;
}
#Service a:hover {
  text-decoration:underline;
}

#Content {
    width:944px;
    min-height:440px;
    padding: 10px 0 27px 0;
    margin: 0 auto;
    font-family:Arial,sans-serif;
    text-align:left;
}

#Popup #Content {
    width:auto;
}
#ContentFooter {
    margin:12px 0 0 8px;
    border-top:solid 1px #8D8D8D;
    padding-top:20px;
}
#Popup {
    padding:22px 10px 22px 22px;
    width:auto;
    margin:0;
}
#Page {
 width:560px;
 border:0;
 float: left;
 display: inline;
}
#Popup #Page {
 width:560px;
 float:none;
}

.rightCol {
    float:right;
    display:inline;
}
.rightCol img.block {
    margin-bottom:6px;
}
.leftCol {
    margin-right:180px;
}
#HomePage {
 width:720px;
 border: 0;
 font-family:Arial,sans-serif;
 float: left;
 display: inline;
}
#SideBar {
 width: 198px;  
 border: 0;
 margin-top: 20px;
 margin-left:18px; 
 float: right;
 display: inline;
}
div.sideBarContainer {
 width: 176px;
 border: 0;
 margin: 0;
 float: right;
 padding:0 0 8px 0;
}
div.sideBarTeaserContainer {
 width: 174px; 
 border: solid 1px #d5d4b4;
 margin: 0;
 float: right;
 padding:7px 7px 3px;
 background:#ededdf;
}
#SideBar div.sideBarTeaserContainer a {
     font-size:11px;
     line-height:13px;
}

div.sideBarTeaserContainer p {
    margin:0 0 3px;
    padding:0;
}
div.sideBarTeaserContainer h3 {
    font-size:11px;
    line-height:13px;
    margin:0 0 7px;
    padding:0;
}
div.sideBarTeaserContainer h3.noMargin {
    margin:0;
}
div.sideBarTeaserContainer h3 a {
    font-weight:normal;
}
div.sideBarTeaserContainer h3 a.bold {
    font-weight:bold;
}
div.sideBarTeaserContainer img.icon {
    vertical-align:middle;
    margin-right:5px;
}
div.sideBarTeaserContainer ul.inlineListLeft {
    margin: 0 0 0 -7px;
    height:auto;
}
div.sideBarTeaserContainer div.hr {
    border-bottom:solid 1px #FFFFFF;
    border-top:solid 1px #b3b296;
    margin:0 -7px 5px;
}
#SideBarFilter {
    background-color:#FFFF00;
    min-height:440px;
    padding:8px;
}

/* Seiten Navi */
ul.catNav {
    float:left;
    width:100%;
    overflow:hidden;
    clear:left;
    margin-left: 1px !important;
    padding:0;
}
ul.subCatNav {
    float:none;
    border:solid 1px #D9D9D9;
    width:559px;
    overflow:visible;
    border-width:0 1px 1px;
    clear:left;
    margin:0 !important;
    padding:3px 0 0;
    background-color:white;    
}
ul.catNav ul {
    float:none;
    border:solid 1px #D9D9D9;
    clear:left;
    margin:0;
    padding:3px 0 0;
    background-color:white;
    height:22px;
}
ul.catNav li,
ul.subCatNav li {
    display:inline;
    background-image:none;
    line-height:0;
    padding:0;
    margin:0;
}
ul.catNav li span,
ul.subCatNav li span {
    float:left;
    display:inline;
    background:url(/s/viega/p/images/structure/img_nav_de/bg_catnav_off.gif) repeat-x white;
    height:16px;
    width:auto;
    line-height:16px;
    padding:4px 8px 0;
    border:solid 1px #BEBEBE;
    margin-right:-1px;
    bottom: -1px;
}
ul.catNav li span.on,
ul.subCatNav li span.on {
    background-image:url(/s/viega/p/images/structure/img_nav_de/bg_catnav_on.gif);
    border-bottom-width:0;
    height:17px;
}
ul.catNav li li span,
ul.subCatNav li span {
    padding:2px 8px;
    width:auto;
    left:-1px;
}
ul.catNav li li span a,
ul.subCatNav li span a {
    font-size:13px;
    line-height:16px
}
ul.catNav li span.on a {
    color:#000000;
}
ul.catNav div.hr {
    border-color:#D9D9D9;
    clear:both;
}
.expanded,
.impanded {
   overflow:hidden;
   width:556px;
} 
.expanded h4,
.impanded h4 {
    background:url(/s/viega/p/images/structure/bg_catalogheader.gif) repeat-x 0 50%;
    border:solid 1px #BEBEBE;
    border-right-width:0;
    padding:0 0 0 5px;
    margin:3px 0px;
    width:auto;
}

.expanded h4 span,
.impanded h4 span {
    height:19px;
    line-height:19px !important;
    display:block;
    background: no-repeat 100% 50%;
    font-weight:normal;
    cursor: pointer;
    color:#0050A0;
}
.impanded h4 span { background-image:url(/s/viega/p/images/structure/img_nav_de/header_off.gif); }
.expanded h4 span { background-image:url(/s/viega/p/images/structure/header_on.gif); }
.impanded h4 span:hover,  
.expanded h4 span:hover {
    text-decoration:underline;
}

.impanded div.showHide { display:none; }


/** for Internet Explorer 
  */

* html .miniTeaser {    
    height: 69px;
}


/**
  * Sidebar Formularelemente 
  */
.clipper {
    width:100%;
    overflow:hidden;
    display:block;
    border: solid 1px #BEBEBE;
}
.sideBarTeaserContainer .clipper {
    margin-top:5px;
}
.clipper select {
    width:100%;
    color:#000000;}
.clipper select option {
    color:#000000;
    float:left;
    clear:left;
}
/* Sidebar Formularelemente Ende */

.sideBarTeaserContainer h4 {
    padding:0;
    margin:0;
}

.sideBarTeaserContainer h5 {
    font-weight:normal;
    padding:0;
    margin:-10px 0 0;
}
.sideBarTeaserContainer dl {
    margin:0;
    padding:0;
}
.sideBarTeaserContainer dt {
    font-weight:bold;
}
.sideBarTeaserContainer dd {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    margin-bottom:4px;
}
.sideBarTeaserContainer dd a {
    display:block;
}

.infoRoll {
    background:url(img_roll.gif) no-repeat 0 50%;
    padding: 0 0 0 20px;
    margin:0;
    font-weight:normal;
}

.sideBarTeaserContainer ul {
    margin:0 0 3px;
    padding:0;
}


/**
  * Adressen 
  */


.adressElement, .adressElement span, .adressElement * {
    font-size: 12px;
    line-height:18px;
}
.adressElement {
margin-bottom:15px;
}
.sideBarAdressElement, .sideBarAdressElement span, .sideBarAdressElement * {
    font-size: 11px;
    line-height:14px;
}

.sideBarAdressElement {
   width:100% 

}

.adressElement div { clear:left;padding:0px;border:0px;}
.adressElement .icon {float:left;padding:0;margin:0 10px 0 -1px;}

.mobile, .phone, .fax {
    background: no-repeat 0 50%;
    padding-left: 25px;
    display:block;
    height:19px;
    margin:0;
}


/* Adressen Ende */
#Footer {  
 border-top: 1px solid #D5D4B4;
 width:944px;
 height:17px;
 color:#000000;
 margin:0 auto;
 clear:both;
}
#Footer ul.inlineListRight,
#Footer ul.inlineListLeft {
    padding-top:4px;
    margin:0;
}

#Popup #Footer {
    width:560px;
}
#Footer * a, #Footer * a:active, #Footer * a:visited,#Footer * a:hover {
    font-family:Arial,sans-serif; font-size:11px; line-height:13px; color:#00468C;
}
#Footer * a, #Footer * a:active, #Footer * a:visited {text-decoration:none; }
#Footer * a:hover {text-decoration:underline; } 



/**
  * Section: content.css  
  *
  * transfered from old (version 1.0) css file
  *
  * @valid no
  * --------------------------------------------------------------------------------------------- 
  */

/** Vermassung */


.w84 { width:84px;}
.w485{width:485px;}
.w44{width:44px;}
.w560{width:560px;overflow:hidden;}
.w550{width:550px;}
.w552{width:552px;}
.w174 {width:174px;}
.w180 {width:180px;}
.w184 {width:184px;}
.w192 {width:192px;}
.w360 {width:360px;}
.w364 {width:364px;}
.w370 {width:364px;}
.w386 {width:386px;}
.w216 {width:216px;}
.w378 {width:378px;}
.w268 {width:268px;}
.w270 {width:270px;}
.m5 {margin:5px;}
.m8 {margin:8px;}
.m10 {margin: 10px 10px 10px 10px;}
.ml8 {margin-left:8px;}
.ml5 {margin-left:5px;}
.mt8 {margin-top:8px;}
.p5 {padding:5px}
.p8 {padding:8px}
.pl8 {padding-left:8px;}
.pl5 {padding-left:5px;}
.pt5 {padding-top:5px;}
.pt8 {padding-top:8px;}

/**
  * Textformatierungen 
  */
.txt, txt * {
    font-size:11px;    
    line-height: 19px;
}
.txt10, .txt10 * {
    font-size:10px;    
    line-height: 13px;
}
.txt12, .txt12 *, .txt12 td {
    font-size:12px;
    line-height: 17px;
}
.txt15, .txt15 * {
    font-size:15px;    
    line-height: 21px;
}    
    
.txt16, .txt16 * {
    font-size:16px;    
    line-height: 18px;
}    

/* Headings */
.moodHeading, .moodHeading h1, .moodheading * {font-family: Arial, sans-serif; font-size: 16px; line-height:18px; font-weight:bold;padding:24px 8px 5px 8px; }
.headingContainer { background-color:#ffff00; }
.teaserHeading    { font-family: Arial, sans-serif; font-size: 12px; line-height:16px; font-weight:bold; padding:0 8px; color:#000000; }
.teaserSmallHeading { font-family: Arial, sans-serif; font-size: 12px; line-height:16px; font-weight:bold; padding:0 8px; color:#000000; }

/* Listentemplate */
.listingHeader { font-family: Arial, sans-serif; font-size: 12px; line-height:16px; font-weight:bold;padding:0 8px 0 0; color:#000000; }
.listingHeader a {
    font-size:12px;    
    line-height:16px;
    color:#0050a0;
    text-decoration:none;
}
.listingHeader a:hover { color:#0050a0;text-decoration:underline; } 

#HomepageTeaserBar { margin-top:20px; }
#HomepageTeaserBar .teaserHeading {
    padding:0 8px 0 0;
    font-weight:normal;
    color:#0050a0;
}
#HomepageTeaserBar .text, 
#HomepageTeaserBar .text b, 
#HomepageTeaserBar .text strong{
    font-size:13px;    
    line-height:15px;
}
#HomepageTeaserBar a { color:#0050a0; }
#HomepageTeaserBar a {
    font-size:12px;    
    line-height:14px;
    color:#0050a0;
    text-decoration:none;
}
#HomepageTeaserBar a:hover { color:#0050a0;text-decoration:underline; } 

.DoorMoodTeaser        { width:560px; }
#Popup .DoorMoodTeaser { width:auto; }

.DoorMoodTeaser div.mood { padding-top: 5px; }

.LargeContentTop {width:560px;}
.LargeContentTop {color:#000000;}

.LargeContentTop div.mood {padding-top: 5px;}

.moodHeadingContainer {
    width:560px; 
    clear:both;
    background-color:#ffff00;
}
.moodHeading {
    font-family: Arial, sans-serif;    font-size: 16px; 
    line-height:18px; 
    font-weight:bold;
    padding:24px 8px 5px 8px;
    background-color:#FFFF00;
    margin-bottom:6px;
}

div.endLine {
    height:1px;
    min-height:1px;
    overflow:hidden; 
    background-color: #cccccc;
    padding:0; 
    margin:0.5em 0 0;
}
    
    
/** 
  * Textbox 
  */
.textBox {
    /*width:370px; bitte .w370 benutzen */
    padding-bottom:4px;
}
.textBox * {
    margin-bottom:0px;
    font-family: Arial, sans-serif;    font-size: 12px;
    line-height:18px; 
}
.textBoxInner {
    background:#f4f4f4; 
    border: solid 1px #bebebe;
    border-top:none;
    text-align:left; 
    padding:4px;
}
.textBoxHeading {
    font-family: Arial, sans-serif;    font-size: 12px; 
    line-height:16px; 
    font-weight:bold;
    padding:0 8px; 
    color:#000000;
    border-top: 1px solid; 
    border-color:#ffffff;}
.textBoxHeadingContainer {
    background-color:#bebebe; 
    border-color:#9f9f9f;
}
div.textBoxInner ul {
    list-style-type:none;
    padding-top:0px;
    padding-bottom:0px;
    padding:0;
    margin-top:2px;
    margin-left:2px;
}
div.textBoxInner li {
    padding:0;
    list-style: none;    
    background: url(/s/viega/p/images/structure/img_icons/liststyle1.gif) no-repeat 0 6px; 
    margin-left:0px;
    padding-left:12px;
}
.subTeaser {
    padding:16px 0 8px; 
    margin: 0; 
    width:560px;
}
.subTeaserMedium {
    padding:8px 0;
    margin: 0; 
    width:37px;
}

/** Referenzen */
.refObj {
    width: 268px; padding-top:5px;
}
.refObjImg {
    width:88px; height:63px; margin:0; padding:0 5px 0 0;
}
.refObjTitle{
    /*width: 160px; */
    font-size:16px; line-height: 18px; color:#0050a0;
     margin:0px; padding:0px;
}

.refObj  div.txt12 {
    /*width:160px;*/
    line-height:14px;
    margin: 0 5px 5px 0;
    padding-left:0px;
}

.refObj div.endLine {
    height:1px; 
    width:273px; 
    background-color: #cccccc;
    padding:0; 
    margin:0;
}
div.refObjTitle a {
    font-family:Arial, sans-serif;    font-size:14px;
    line-height:18px;
    color:#0050a0;
    text-decoration:none;
}
div.refObjTitle a:hover {text-decoration:underline;}


/**
  * Jobs 
  */
.jobObj {
    width: 274px; padding-top:5px;
}
.jobObjImg {
    width:52px; height:66px; margin:0; padding:0;
}
.jobObjTitle{
    /*width: 160px; */
    font-size:16px; 
    line-height: 18px; 
    color:#0050a0;
    padding-left:4px; 
    margin:0;
}
.jobObj  div.txt12 {
    /*width:160px;*/
    line-height:14px;
    margin: 0 5px 5px 4px;
}
.jobObj div.endLine {
    height:1px; 
    width:273px;
    background-color: #cccccc;
    padding:0; 
    margin:0;
}
div.jobObj a {
        font-family:Arial, sans-serif;        font-size:12px;
        line-height:18px;
        color:#0050a0;
        text-decoration:none;
    }
div.jobObj a:hover {text-decoration:underline;}

/**
  * Pressebild Teaser 
  */
.PressImage {
margin-top:8px;
}
.PressImage div.txt12 a {
}
.PressImage a, .PressImage a:active, .PressImage a:visited {
    font-family:Arial, sans-serif;    font-size:12px;
    line-height: 14px;
    color:#0050a0;
    text-decoration:none;
    vertical-align:baseline;
}

.PressImage a:hover {
    font-family:Arial, sans-serif;    font-size:12px;
    line-height: 14px;
    text-decoration:underline;
    vertical-align:baseline;
}

/**
  * my viega brachenwahl teaser 
  */
.titleLink {
    font-size:14px;
    line-height: 16px;
    color:#0050a0; 
    padding-left:4px;
    margin:0;
}
.titleLink a {
    font-family:Arial, sans-serif;    font-size:14px;
    line-height:16px;
    color:#0050a0;
    text-decoration:none;
}
.titleLink a:hover {text-decoration:underline;}

.anchorBottom a {
    font-family:Arial, sans-serif;    font-size:10px;
    line-height:12px;
    color:#0050a0;
    text-decoration:none;
}
.anchorBottom a:hover {text-decoration:underline;}

/* Produktuebrsichtsteaser */
.productMain {
    margin-top:0px;
    width: 567px;
    padding-left:6px;
}
.productMain table.entry {
    height: 40px;
    width: 174px;
    margin: 0 13px 13px 0;
    background:url(/s/viega/p/images/structure/bg_katalog_teaser.gif) no-repeat;
}
.productMain table.entry th {
    padding:0 0 0 15px;
    height: 40px;
}
.productMain table.entry td {
    padding:0;
    height: 40px;
    font-family:Arial, sans-serif;   
    font-size: 12px;
    line-height: 15px;
}
.productMain table.entry th {
    font-size: 21px;
    line-height: 24px;
 }
.productMain table.entry td a, 
.productMain .fLeft .relPos a {    
    height: 40px;
    width: 174px;
    display:block;
    position:absolute;
    background-image:url(/s/viega/p/images/structure/trans.gif);
    top:0;
    left:0;
}


/**
  * Sidebar 
  */

/* my Viega Teaser */
.myViegaTeaser {
    background:#ededdf; 
    border: 1px solid ; 
    border-color:#d5d4b4;
    padding:5px 4px 7px 6px;
    text-align:left;
}
.myViegaTeaserTitle {
    height:13px;
    font-weight:bold;
    line-height:14px;
}
.myViegaTeaserText {
    height:12px;
    font-weight:normal;
    line-height:14px;
    padding-top:7px;
}

/* Sidebar Teaser */
.sideBarTeaser {
    background:#ededdf; 
    border: 1px solid ; 
    border-color:#d5d4b4;
    padding:5px 4px 7px 6px;
    text-align:left;
}
.sideBarTeaserTitle {
    height:13px;
    font-weight:bold;
    line-height:13px;
}
.sideBarTeaserText {
    font-family: Arial, sans-serif;    font-size:12px;    
    font-weight:normal;
    line-height:14px;
    padding:3px 4px 7px 6px;
}
.sideBarTeaserText a:link,
.sideBarTeaserText a:active,
.sideBarTeaserText a:visited {
    font-family: Arial, sans-serif;    font-size:12px;    
    line-height: 14px;
    color:#0050a0;
}
    
.sideBarTeaserText a:hover {
    font-size:100%;
    line-height: 100%;
}
.sbBox {
    background:#ededdf; border: 1px solid ; 
    border-color:#d5d4b4;
    text-align:left;
}

table.sbLinkList {
    margin-bottom: 15px;
}
table.sbLinkList td {
    height: 17px;
}
table.sbLinkList * td.sideBarTeaserTitle{
    line-height: 21px;
    padding-left:4px;
}
table.sbLinkList a {
    font-family: Arial, sans-serif;    font-size:11px;    
    line-height: 13px;
    color:#0050a0;
    }   
table.formTable {
    table-layout:fixed;
    border-spacing:6px;
    border-collapse:separate;
    width:100%;
    margin-bottom:10px;
}
table.formTable th.borderTop {
    padding-top:12px;
    border-top: solid 1px #8D8D8D;
    background:transparent;
}
table.formTable td {
    border: none;
    padding:0;
}
table.formTable td.error {
    border: solid 1px red;
}
table.formTable th {
    padding:0;
    text-align:left;
    font-size:12px;
}
table.formTable th.line {
    background:url(/s/viega/p/images/structure/horizline.gif) repeat-x 0 .5em;
}
table.formTable td.empty {
    border:none;
}
table.formTable th.error,
table.formTable td.error input,
table.formTable th.error label {
    color:red;
}
.txt12 label,
table.formTable th label {
    font-weight:normal;
    font-size:12px !important;
}
table.formTable td input {
    width:100%;
    border: solid 1px #BEBEBE;   
    overflow:hidden;
    *height:1em;
    *line-height:1em;
}
table.formTable td textarea {
    width:100%;
    border: solid 1px #BEBEBE;
    font-family:Arial, sans-serif;
}
table.formTable th input {
    margin:-3px auto;
}
input.border1px,
table.formTable th input.border1px {
    border: solid 1px #BEBEBE;
    margin:0;
}
table.formTable th.line {
    white-space:nowrap;
}
table.formTable th.line label {
    background-color: #FFFFFF;
    padding-right:6px;
}
*:not(hr) table.formTable th input { /* Browserweiche fuer Geckos */
    margin:auto 3px auto 0;
}
table.formTable select {
    width:100%;
    color:#000000;
    /**border: solid 1px #BEBEBE;
    *margin:-2px;
    *width:expression(this.offsetParent.offsetWidth + 2);*/
}
table.formTable select option {
    color:#000000;
}
.formSection {
    padding:0 6px;
}
input.send,
input.download {
    border:none;
    color:#0050a0;
    line-height:24px;
    padding-right:24px;
    text-align:right;
    float:right;
    font-size:13px;
}
input.inlinesend {
    border: medium none; 
    background: transparent url(/s/viega/p/images/structure/img_icons/send.gif) no-repeat scroll 100% 50%; 
    text-decoration: none;
    color: rgb(0, 80, 160); 
    font-size: 13px; 
    line-height: 24px; 
    text-align: right;
    padding-right:24px; 
}
input.send,
table.formTable input.send {
    background:url(/s/viega/p/images/structure/img_icons/send.gif) no-repeat 100% 50% transparent;
    margin:-6px 0 -6px -70px !important;
}
input.download {
    background:url(/s/viega/p/images/structure/img_icons/download.gif) no-repeat 100% 50% transparent;
}

a.back {
   background:url(/s/viega/p/images/structure/img_icons/back.gif) no-repeat 0 0;
   color:#0050a0;
   padding-left:24px;
   text-align:right;
   font-size:13px;      
   font-weight:normal;
   position:relative;
   line-height:16px;
   top:-5px;
   *top:-1px;
} 

a.floppy {
    background:url(/s/viega/p/images/structure/img_icons/download.gif) no-repeat 100% 50%;
    float:right;
    padding-right:24px;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
}

input.send:hover,
input.download:hover {
    text-decoration:underline;
}

table.formTable input.upload {
    padding:0;
    width:100%;
    *border:solid 1px #BEBEBE;
    border-width:1px 0;
    height:17px;
    overflow:hidden;
    margin:-1px -2px -1px -1px;
    *margin: -3px -3px -1px -1px;
    min-width:300px;
    width:expression(parentNode.offsetWidth +3);
}

p.error {
   color:red;
   font-weight:bold;
   margin:6px;
}
table.orderTable {
   margin-bottom:10px;
}
table.orderTable td,
table.orderTable th {
   font-size:12px;
   line-height:18px;
}
table.orderTable caption {
   font-weight:bold;
   text-align:left;
   font-size:12px;
   line-height:18px;
}
table.orderTable td input.border1px {
   font-size:1em;
   text-align:right;
   *height:1em;
   *line-height:1em;
}
table.orderTable thead th {
   font-weight:normal;
}
table.orderTable tbody th {
   padding-top:.2em;
}
table.orderTable .lastCol {
   text-align:right;
}
table.orderTable th.lastCol {
   padding-right:1.5em;
}
table.orderTable th,
table.orderTable td {
   vertical-align:top;
}
#ErrorMessages {
   margin:0 5px;
   border-collapse:collapse;
   table-layout:auto;
}
#ErrorMessages td,
#ErrorMessages th {
   color:red;
   font-size:15px;
   line-height:17px;
   padding:0;
}
#StateMessage {
    margin:0 5px;
    border-collapse:collapse;
    table-layout:auto;
}
#StateMessage td,
#StateMessage th {
    color:green;
    font-size:15px;
    line-height:17px;
    padding:0;
}
ul.linkList {
    margin-bottom:0;
}
ul.linkList li {
    background-image:none;
    padding:0;
    margin-bottom:5px;
}

/** 
  * Downloads
  */

ul.downloadList {
    margin:0 0 0 -4px;
    padding:0;
}
ul.downloadList li {
    background:transparent;
    font-size:12px;
    line-height:22px;
}
ul.downloadList li.downLoad {
    background:url(/s/viega/p/images/structure/download_save_lined.gif) no-repeat 100% 0;
}

ul.downloadList li.downLoad img {
    display:block;
}

ul.downloadList li span {
    background-color:white;
    padding-right:5px;
    line-height:16px;
}
ul.downloadList a {
    padding-left: 20px;
    line-height:16px;
    font-size:12px;
    float:none;
    background-repeat:no-repeat;
    
}
ul.downloadList a.html, .download-text a.html { background-image:url(/s/viega/p/images/structure/img_icons/HTML-weiss.gif); }
ul.downloadList a.pdf,  .download-text a.pdf  { background-image:url(/s/viega/p/images/structure/img_icons/PDF-weiss.gif); }
ul.downloadList a.wmv,  .download-text a.wmv  { background-image:url(/s/viega/p/images/structure/img_icons/WMV-weiss.gif); }
ul.downloadList a.doc,  .download-text a.doc  { background-image: url(/s/viega/p/images/structure/img_icons/DOC-weiss.gif); }
ul.downloadList a.rtf,  .download-text a.rtf  { background-image: url(/s/viega/p/images/structure/img_icons/RTF-weiss.gif); }
ul.downloadList a.xls,  .download-text a.xls  { background-image: url(/s/viega/p/images/structure/img_icons/XLS-weiss.gif); }
ul.downloadList a.exe,  .download-text a.exe  { background-image: url(/s/viega/p/images/structure/img_icons/EXE-weiss.gif); }
ul.downloadList a.zip,  .download-text a.zip  { background-image: url(/s/viega/p/images/structure/img_icons/ZIP-weiss.gif); }
ul.downloadList a.gaeb, .download-text a.gaeb { background-image: url(/s/viega/p/images/structure/img_icons/GEAB-weiss.gif); }
ul.downloadList a.d81,  .download-text a.d81  { background-image: url(/s/viega/p/images/structure/img_icons/GEAB-weiss.gif); }
ul.downloadList a.mov,  .download-text a.mov  { background-image: url(/s/viega/p/images/structure/img_icons/MOV-weiss.gif); }
ul.downloadList a.mpg,  .download-text a.mpg  { background-image: url(/s/viega/p/images/structure/img_icons/MPG-weiss.gif); }

/** Products */
#top-navigation li  ul.twoCols li ul li span {
  margin-left: 1.4em;
  text-indent: -1.4em;
  display:block;
  border: 0px none; 
}
#top-navigation li li a {
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}
#top-navigation li li a:hover { text-decoration: underline; }
#top-navigation li {
    float: left;
    list-style: none; list-style-type: none;
    background: none;
    margin-left: 0;   padding: 0;    
    font-size: 13px;  line-height: 19px;
    height: 19px;     width: 110px;
    border-left: solid 1px white;
    border-right: solid 1px #BEBEBE;
}
#top-navigation li.open, #top-navigation li.on { border-left: solid 1px #BEBEBE; background: #BEBEBE; }
#top-navigation li a {
    padding-right: 12px;
    background:url(/s/viega/p/images/structure/ico_dropdown.gif) no-repeat 100% 10px;
}    
#top-navigation li li a {
    position: static;
    height: auto;
    padding-right: 0;
    background-image:none;
}    
#top-navigation li ul {
    display: none;
    position: absolute;
    top: 100%;
    margin: 0;
    margin-left: -2px;
    /* margin-top: -1px; */
    border:1px solid #BEBEBE;
    background-color: #F0F0F0;
    font-weight: normal;
}
#top-navigation li>ul {
    top: auto;
    left: auto;
}
#top-navigation li li {
    display: block;
    float: none;
    height: 1%;
    padding: 10px 5px;
    background-image: none;
    border: 0px none;
    border-bottom: 1px solid #BEBEBE;
    width:210px;    
}
#top-navigation li li.last { border-bottom: 0px none !important; }
#top-navigation li:hover ul,
#top-navigation li.over ul { display: block; }
#top-navigation>li { margin-bottom: 1em; }
#top-navigation li ul li ul {
    position: relative;
    height: 1%;
    background: #f0f0f0;
}
/* -- 3. Navigationsebene -- */
#top-navigation li li ul {
    border: 0px none;
    padding: 0 0 0 5px;
    margin: 0;
    display: block;
    position: static !important; /* IE6 */
}
#top-navigation li li li {
    display: inline;
    border: 0px none;
    margin: 0;
    padding: 0;
}
#top-navigation li li li a {
    font-size:11px;
    font-weight:normal;
    line-height:13px;    
}
/* 2spaltig */
.twoCols {
    width: 300px;
    max-width: 300px; 
    background: url(/s/viega/p/images/structure/bg_2col_navigation.png) 50% 0 repeat-y;
}
.twoCols li { float:left !important; width: 140px !important;}
.twoCols li.twoColsItem { background-color: #F0F0F0 !important; width: 290px !important; }
.twoCols li li { float:none !important; }

/* -- Left Navigation ------------------------------------------------------ */
#sub-navigation {
    width: 150px;
    min-height: 440px;
    border: 1px solid #d9d9d9;
    background-color: #F2F2F2;
    margin: 20px 8px 27px 0;
}
#sub-navigation div {    
    height:14px;
    font-weight:bold;
    color:#0050a0;
    padding:4px 8px 2px 8px;
    background-color:#bebebe;
}
.selected { background-color:#ffff00 !important; }
.open { background-color:#bebebe !important; }
#sub-navigation a,
#sub-navigation li {
    font: normal 11px/13px Arial,sans-serif;
    color: #0050a0;
    text-decoration: none;
}
#sub-navigation a:hover { text-decoration:underline; }
#sub-navigation ul {
    margin: 0;
    padding: 0;
}
/* -- Erste Navigationsebene -- */
#sub-navigation li {
    list-style-type: none;
    margin: 0;
    padding: 9px 8px 9px 8px;
    background-image: none;  
    background-color: #e4e4e4;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #d9d9d9;
}
#sub-navigation li.open,
#sub-navigation li.selected {
    border-top:1px solid #8d8d8d;
}
#sub-navigation li a {
    margin: 10px 7px 10px 0;
}
/* -- Zweite Navigationsebene -- */
#sub-navigation li ul {
    background-color: #f4f4f4;
    padding: 7px 0 7px 0;
    margin: 7px -8px -9px -8px;
}
#sub-navigation li li {
    list-style-type: none;
    margin: 0;
    padding: 4px 8px 3px 16px;
    
    background: transparent url(/s/viega/p/images/structure/bg_listitem.gif) 2px 0.225em no-repeat; 
    border: 0px none !important;
}
#sub-navigation li.open li,
#sub-navigation li.selected li {
    border-top:1px solid #ffffff;
}
#sub-navigation li a {
    margin: 0;
    padding-top: 0px;
}
/* -- Dritte Navigationsebene (Nur CMS) -- */
#sub-navigation li ul ul{
    margin: 7px -8px -9px -16px;
    padding-left: 12px;
}

/* -- Dritte Navigationsebene (Nur CMS) -- */
#ServiceNavi { position:absolute; right:0px; top: 0px; margin-left: 100px;}

.product_expanded {
    height: 19px;
    line-height: 19px;
    display: block;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% 50%;
    font-weight: normal;
    background-image: url(/s/de-de/p/images/structure/img_nav_de/header_on.gif);
    color: #0050a0;
}

.product_impanded {
    height: 19px;
    line-height: 19px;
    display: block;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: 100%;
    background-y-position: 50%;
    font-weight: normal;
    background-image: url(/s/de-de/p/images/structure/img_nav_de/header_off.gif);
    color: #0050a0;
}


  /* 
   * form application classes 
   */

.headline_big           { font-weight:bold; font-size:12px; }
.form_item_description  { margin-top: 10px; margin-bottom: 10px; font-size: 12px; }
.form_item              { margin-top: 5px; }
.form_item .label_item  { width: 200px; margin-top: 2px; margin-right: 5px; display:inline; float:left; font-size:12px; }
.form_item .form_input_text       { width: 200px; font-size: 11px; }
.form_item input[type="radio"], .form_input_radio  { margin-left: 100px; margin-right: 5px; }
.form_item input[type="checkbox"], .form_input_checkbox { margin-left: 100px; margin-right: 5px; }
.form_item input[type="text"]     { width: 300px; font-size: 11px; padding: 1px; }
.form_item input[type="textfield"]{ width: 300px; font-size: 11px; }
.form_item textarea               { width: 300px; font-size: 11px; }
.submit_button      { margin-bottom: 15px; }
.form_error_offline { display:none; }
.form_error_inline  { display:block; color: red; margin-bottom: 10px; margin-left: 15px; }

.form_table { margin-top: 10px; border-style: none; }
.cfirst { vertical-align: top; padding: 0px; }
.csecond { padding: 0px 10px 15px 8px; }
.cthird { font-weight: bold; text-align: right; vertical-align:top; }
.submit_next { float:right; }
.form_item input.checkradio { margin: 0px; width: 13px; height:13px; }
.form_item input.input_short { width: 50px; }
.form_item textarea.input_area { width: 507px; height: 60px; }
.form_item label.radiolabel { line-height: 18px; }
.padding_forms { padding: 8px; }

 /**
  * Section: Print section
  *
  * --------------------------------------------------------------------------------------------- 
  */

@media print {
    * { overflow: visible !important; }
    .noPrint, .noPrint * { display:none !important;}
    .w560 {width:400pt;}
    .w386 {width:250pt;}
    .w370 {width:auto;}
    showHide {display:inline;}
}

.error { color: #ff0000; }