html
{
        overflow-y: scroll;
}

body, div, td, .MsoNormal, input, textarea
{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #000000;
}

p.MsoNormal, h1, h2, h3, h4, li, p.MsoListParagraph, p.Listenabsatz
{
        text-align: left;
}

body
{
    background-color: #ffffff;

}

h1
{
    font-size: 16px;
}

h2
{
    font-size: 15px;
}

h3
{
    font-size: 14px;
}

a:link, a:visited, a:hover, a:active
{
    font-family: Arial, Helvetica, sans-serif;
      color: #be0027;
}

#main
{
    position: relative;
    margin: 0px auto;
    height: 100%;
    min-height: 430px;
    width: 980px;
    background-color: #ffffff;
}

#headerBox
{
    z-index: 999;
    position: relative;
    width: 100%;
    height: 386px;
}

#header
{
    z-index: 1;
    position: relative;
    margin: 0px auto;
    width: 980px;
    height: 386px;
    background-image: url(http://www.triopan.ch/images/header.gif);
}

/*lcstyle:Suchfeld*/
#searchBox
{
  position: absolute;
  left: 780px;
  top: 292px;
  width: 200px;
  height: 25px;
}

/*lcstyle:Suchfeld Eingabe*/
#searchBoxField 
{
	position: absolute;
	left: 0px;
	top: 4px;
}

/*lcstyle:Suchfeld Eingabe*/
#searchBoxField input
{
  border: none 0px transparent;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  font-family: Verdana;
  width: 170px;
  height: 17px;
}

/*lcstyle:Suchfeld Button*/
#searchBoxButton
{
  position: absolute;
  right: 0px;
  top: 0px;
}

/*lcstyle:Suchfeld Button*/
#searchBoxButton input
{
  width: 27px;
  height: 25px;
  background-color: transparent;
  border: none 0px transparent;
}


#logo
{
        position: absolute;
    left:0px;
    top: 300px;
}


.bannerHeader, .bannerHeaderOverlay
{
        position: absolute;
        left: 0px;
        top: 45px;
        width: 980px;
        height: 230px;
        overflow: hidden;
}


#langOverlay, #langger, #langfra, #langeng
{
        position: absolute;
        left: 0px;
        top: 10px;
        width: 135px;
        height: 26px;
}

#langger
{
        z-index: 9999;
}

#langfra
{
        left: 70px;
        z-index: 9999;
}
#langeng
{
        left: 135px;
        z-index: 9999;
}

#topMenu
{
    z-index: 9999999;

}

#topMenuTable
{
        position: absolute;
    left: 219px;
    top: 259px;
    width: 740px;
    height: 110px;

}

div.menuLvl1, div.menuLvl1Active
{
    float: left;
    height: 23px;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    padding: 7px 16px 0px 16px;

}

div.menuLvl1Active
{
}

div.menuLvl1 a:link, div.menuLvl1 a:visited, div.menuLvl1 a:hover, div.menuLvl1 a:active,
div.menuLvl1Active a:link, div.menuLvl1Active a:visited, div.menuLvl1Active a:hover, div.menuLvl1Active a:active
{
    font-family: Arial Black, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

div.menuLvl1Active a:link, div.menuLvl1Active a:visited, div.menuLvl1Active a:hover, div.menuLvl1Active a:active
{
    color: #be0027;

}

#searchfield
{
/*    position: absolute;
    left: 18px;
    top: 175px;*/
}

#searchfield input
{
/*    border: none 0px transparent;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    width: 170px;
    height: 17px;*/
}

#searchbutton
{

}

#searchbutton input
{
    width: 27px;
    height: 25px;
    background-color: transparent;
    border: none 0px transparent;
}

#headline
{
        position: absolute;
        left: 15px;
        top: 161px;
        width: 900px;
        height: 100px;
        text-align: left;
        line-height: 120%;
        font-size: 30px;
        font-family: Arial Black, Arial, sans-serif;
        color: #FFFFFF;
}

#longtext
{
        position: absolute;
        left: 15px;
        top: 243px;
        width: 900px;
        height: 100px;
        text-align: left;
        font-size: 13px;
        font-family: Arial Black, Arial, sans-serif;
        color: #FFFFFF;
}

#infoTitle
{
        position: absolute;
        right: 0px;
        top: 204px;
        width: 212px;
        height: 20px;
        padding-top: 9px;
        font-family: Arial;
        font-size: 12px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
    background-image: url(http://www.triopan.ch/images/infoTop.gif);
}

#leftMenuBox
{
    width: 198px;
    background-color: #f4f4f4;
}

#leftMenu
{
    margin-top: 0px;
    margin-left: 16px;
    margin-bottom: 200px;
    width: 160px;
    z-index: 9999;
}

div.menuLvl2, div.menuLvl2Active
{
    width: 160px;
    padding-top: 7px;
    text-align: left;
    border: 0px;
    cursor: pointer;
}

div.menuLvl2Active
{
    background-repeat: no-repeat;
}

div.menuLvl2 a:link, div.menuLvl2 a:visited, div.menuLvl2 a:hover, div.menuLvl2 a:active,
div.menuLvl2Active a:link, div.menuLvl2Active a:visited, div.menuLvl2Active a:hover, div.menuLvl2Active a:active

{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 0px;
    background-image: url();
    font-weight: normal;
}

div.menuLvl2Active a:link, div.menuLvl2Active a:visited, div.menuLvl2Active a:hover, div.menuLvl2Active a:active
{
    color: #be0027;
}

div.menuLvl3, div.menuLvl3Active
{
    width: 148px;
        padding-top: 2px;
    padding-left: 12px;
    text-align: left;
    border: 0px;
    background-image: url(http://www.triopan.ch/images/submenubg2.gif);
    cursor: pointer;
}

div.menuLvl3Active
{
    background-repeat: no-repeat;
    background-image: url(http://www.triopan.ch/images/submenubg2active.gif);
}

div.menuLvl3 a:link, div.menuLvl3 a:visited, div.menuLvl3 a:hover, div.menuLvl3 a:active,
div.menuLvl3Active a:link, div.menuLvl3Active a:visited, div.menuLvl3Active a:hover, div.menuLvl3Active a:active
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    padding: 0px;
    background-image: url();
    font-weight: normal;
}

div.menuLvl3Active a:link, div.menuLvl3Active a:visited, div.menuLvl3Active a:hover, div.menuLvl3Active a:active
{
    color: #be0027;

}

div.menuLvl4, div.menuLvl4Active
{
    width: 157px;
    height: 17px;
    padding-top: 2px;
    padding-left: 34px;
    text-align: left;
    border: 0px;
    background-image: url(http://www.triopan.ch/images/submenubg3.gif);
    cursor: pointer;

}

div.menuLvl4Active
{
    background-repeat: no-repeat;
    background-image: url(http://www.triopan.ch/images/submenubg3active.gif);
}

div.menuLvl4 a:link, div.menuLvl4 a:visited, div.menuLvl4 a:hover, div.menuLvl4 a:active,
div.menuLvl4Active a:link, div.menuLvl4Active a:visited, div.menuLvl4Active a:hover, div.menuLvl4Active a:active
{
    font-family: Arial;
    font-size: 11px;
    color: #6a6a6a;
    text-decoration: none;
    padding: 0px;
    background-image: url();
    font-weight: normal;
}

div.menuLvl4Active a:link, div.menuLvl4Active a:visited, div.menuLvl4Active a:hover, div.menuLvl4Active a:active
{
    color: #ffffff;
    text-decoration: underline;

}

div.leftMenuSpacer
{
        height: 7px;
}

#topSpacer, #bottomSpacer
{
        background-color: #f4f4f4;
}

#contentBox
{
    width: 526px;
    background-color: #f4f4f4;
}

#contentBoxLarge
{
        width: 782px;
        border-left: 1px solid #be0027;
        background-color: #f4f4f4;
}

#content, #contentLarge
{
    position: relative;
    padding: 10px 10px 10px 10px;
    width: 474px;
    min-height: 430px;
    background-color: #f4f4f4;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #000000;
      white-space: normal;
}

#contentLarge
{
        width: 762px;
}

#content a:link, #content a:visited, #content a:hover, #content a:active,
#contentLarge a:link, #contentLarge a:visited, #contentLarge a:hover, #contentLarge a:active
{
      color: #be0027;
}


#rightBox
{
    width: 212px;
    background-image: url(http://www.triopan.ch/images/bgRight.gif);
    background-repeat: repeat-y;
}

#infoPage
{
        position: relative;
    padding: 5px 0px 0px 26px;
    width: 165px;
    background-color: transparent;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #0f3357;
}

.News-berschrift1
{
        font-family: Arial;
        font-size: 13pt;
        font-weight: bold;
        color: #606060;
        text-align: left;
        padding: 0px;
        margin: 0px;
}

.News-berschrift2
{
         font-family: Arial;
        font-size: 10pt;
        font-weight: bold;
        text-align: left;
         color: #55a545;
         padding: 0px;
         margin: 0px;
}

.News-Standard
{
         font-family: Arial;
        font-size: 9pt;
        font-weight: normal;
        text-align: left;
         color: #5a5a5a;
        line-height: 150%;
}

#footerBox
{
    position:relative;
    width: 100%;
    height: 20px;

}

#footer
{
    position: relative;
    width: 980px;
    margin: 0px auto;
    height: 20px;
}

.poweredby
{
    position: absolute;
    right:0px;
    top: 0px;
    width: 235px;
    height: 20px;
    overflow: hidden;

}

#menutwo
{
    position: absolute;
    left: 521px;
    top: 15px;
    width: 459px;
    height: 15px;
    font-weight: normal;
}

#menutwo div
{
    float: right;
    margin-right: 5px;
}

#menutwo a:link, #menutwo a:visited, #menutwo a:active, #menutwo a:hover, div.spacer
{
    font-family: Arial Black;
    font-size: 11px;
    color: #737373;
    text-decoration: none;
    font-weight: normal;
}

#menutwo a:hover, #menutwo a:active
{
    color: #be0027;
}

#menutwo div.active a:link, #menutwo div.active a:visited, #menutwo div.active a:hover, #menutwo div.active a:active
{
            color: #be0027;

}

#pagetext
{
    position: absolute;
    bottom: 20px;
    left: 16px;
    width: 180px;
    height: 105px;
    overflow: hidden;
    font-family: Arial;
      font-size: 10px;
      color: #2c72a0;
      vertical-align: text-bottom;

}

#pagetext a:link, #pagetext a:visited, #pagetext a:hover, #pagetext a:active
{
  color: #2c72a0;
  text-decoration: none;
}

.formouter .Row
{
padding-top : 3px;
}
.formouter .Desc1_1, .formouter .Desc1_2, .formouter .Desc2_2, .formouter .Desc1_3, .formouter .Desc2_3, .formouter .Desc3_3, .formouter .Desc1_4, .formouter .Desc2_4, .formouter .Desc3_4, .formouter .Desc4_4
{
padding-left : 3px;
text-align : right;
padding-right : 3px;
font-weight : bold;
}
.formouter .Desc1_1
{
width : 50%;
}
.formouter .Content1_1
{
width : 50%;
}
.formouter .Desc1_2
{
width : 25%;
}
.formouter .Content1_2
{
width : 75%;
}
.formouter .Desc2_2
{
width : 50%;
}
.formouter .Content2_2
{
width : 50%;
}
.formouter .Desc1_3
{
width : 17%;
}
.formouter .Content1_3
{
width : 83%;
}
.formouter .Desc2_3
{
width : 34%;
}
.formouter .Content2_3
{
width : 66%;
}
.formouter .Desc3_3
{
width : 50%;
}
.formouter .Content3_3
{
width : 50%;
}
.formouter .Desc1_4
{
width : 13%;
}
.formouter .Content1_4
{
width : 87%;
}
.formouter .Desc2_4
{
width : 26%;
}
.formouter .Content2_4
{
width : 74%;
}
.formouter .Desc3_4
{
width : 39%;
}
.formouter .Content3_4
{
width : 61%;
}
.formouter .Desc4_4
{
width : 50%;
}
.formouter .Content4_4
{
width : 50%;
}
.formouter .Col1
{
width : 100%;
}
.formouter .Col2
{
width : 50%;
}
.formouter .Col3
{
width : 33%;
}
.formouter .Col4
{
width : 25%;
}
.formouter .Col5
{
width : 20%;
}

.formouter td
{
    text-align: left;
}

.formouter input, .formouter textarea, .formouter select
{
    border-style : solid;
    border-width : 1px;
    border-color : #000000;
    background-color : #FFFFFF;
    color : #000000;
    width : 98%;
    text-decoration : none;
    font-weight : normal;
}

.Content2_2 input
{
        width: 94%;
}

.formouter input.button
{
    background-color : #FFFFFF;
    color : #000000;
    width : auto;
    height : 27px;

}

.formouter input.radio
{
    background-color : transparent;
    border-color : none;
    border-style : none;
    border-width : 0px;
    width : auto;
}

.formouter select
{
    width: auto;
}

.ctplitemarea
{
    width : 760px;
}

div.sitemap
{
        padding-top: 10px;
}

div.downloadarea
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 12px;
}

.downloadarea td
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.downloadarea h1
{
    font-size: 16px;
}

.downloadarea h3
{
    font-size: 13px;
    margin-bottom: 0px;
}

.downloadarea .leadingtext, .downloadarea .trailingtext
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.downloadarea table
{
    width: 100%;
}

.downloadarea td.title
{
    padding-right: 20px;
}

.downloadarea td.datesize
{
    width: 200px;
    text-align: right;
}

.downloadarea td
{
    border-bottom: solid 1px black;
}

div.downloadarea h1
{
        font-family: Arial Black, Arial, sans-serif;
        font-size: 14pt;
}

div.downloadarea
{
        width: 718px;
        margin-left: 28px;
        padding-top: 10px;
}

.cms200newsletter
{
    padding-left:32px;
    padding-top:12px;
}

.cms200newsletter td
{
padding-bottom : 5px;
padding-right : 10px;
}
.cms200newsletter table
{
width : 90%;
margin-top: 10px;

}
.cms200newsletter td.desc
{
width : 150px;
}

#searchword
{
    background-color: #FFFFFF;
    height: 18px;
}

#searchbutton
{
    width: auto;
    height: 20px;
}
span.heading
{
        font-family: Arial Black, Arial, sans-serif;
        font-size: 14pt;
        margin-left: 28px;

}
div.lvl1
{
        margin-left: 28px;
}
div.lvlc
{
        margin-left: 0px;
}