@charset "iso-8859-1";
html, body { height:100%; }

body {
    padding: 0;
    margin: 0px auto;
    text-align: left;
    background-color: #EEE;
    background-image: url(../images/bg_site.gif);
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

#outerwrap {
    margin: 0px auto;
    width: 960px; /*1160-960*/
    padding: 0 15px 0 15px;
    background-image: url(../images/border_right.jpg);
    background-position: top right;
    background-repeat: repeat-y;
}

#borderbottom {
    margin: 0px auto;
    width: 960px; /*1160*/
    padding: 0 0 0 0
}

#header {
    width: 960px;
    height: 184px;
    margin: 0px auto;
    border-bottom: 1px solid #FFF;
}

* html #header {
    height: 162px;
}

#contentwrapper {
    width: 960px;  /*1160*/
    margin: 0px auto;
    background-color: #E0DEDD;
    background-image: url(../images/bg_mainframe.gif);
    background-repeat: repeat-y;
    background-position: top left;
    
}

#supportcontent{
    float: left;
    width: 722px;
    padding: 26px 52px 28px 52px;
    background-color: #CCC;
}

*html #supportcontent {
    width: 716px;
        padding: 26px 42px 28px 52px;
}

#breadcrumb {
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    background-image: url(../images/BlockHeadkrz.png);
    background-repeat: no-repeat;
    padding-left: 10px; 
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:active,
#breadcrumb a:visited {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#breadcrumb a:hover {
    text-decoration: underline;
}


#maincontent {
    float: left;
    width: 722px;
    background-color: #F0F0F0;
    border-left: 1px solid #FFF;
}

#innercontent {
    PADDING-RIGHT: 30px;
    PADDING-LEFT: 30px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 32px;
    BACKGROUND-COLOR: #f0f0f0;
}


#downloadbox {
    margin: 35px 10px 10px 0;
    color: #666;
    text-align: center;
    font-size: 10px;
}

#footer {
    margin: 50px 0 8px 0;
    color: #999;
    text-align: center;
    font-size: 10px;
}

#footer a,
#footer a:visited,
#footer a:hover,
#footer a:active,
#footer a:lik {
    color: #666;    
}

#contenttext {
        float: left;
        width: 416px;
        padding: 26px 52px 28px 52px;
}

#contentpics {
        float: right;
        width: 180px;
}

#leftframe {
    float: left;
    width: 237px;
    padding: 24px 0 0 0;
    background-color: #E0DEDD;  
}

#logo {
    float: left;
    width: 237px;
    height: 153px;
    margin: 0px auto;
    background-color: #F0F0F0;
    border-right: 1px solid #FFF;
}

#logo img{
    margin-top: 30px;
}

#banner {
    float: left;
    height: 153px;
    width: 695px;
    /*position: relative;*/
}

#search {
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 10px;
    BORDER-LEFT-WIDTH: 0px;
    LIST-STYLE-POSITION: outside;
    FLOAT: left;
    LIST-STYLE-IMAGE: url(../images/icon_search.GIF);
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 219px;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 0px;
    HEIGHT: 25px;
    BORDER-RIGHT-WIDTH: 0px;
    bottom: 10px;
}
#search INPUT {
    MARGIN: 0px;
    PADDING-TOP: 5px
}
.clearer {
    CLEAR: both;
    FONT-SIZE: 0px;
    LINE-HEIGHT: 0px;
    HEIGHT: 0px
}
.input_searchbox {
    BORDER-RIGHT: #a3a3a3 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #a3a3a3 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 7px 4px; BORDER-LEFT: #a3a3a3 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #a3a3a3 1px solid; HEIGHT: 11px
}
.label_searchbox {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 7px 4px; LINE-HEIGHT: 15px; PADDING-TOP: 0px; HEIGHT: 15px
}
#searchfield {
    FLOAT: left
}
#navbar {
    height: 30px;
    margin: 0;
    padding: 0;
    background-image: url(../images/blockheader.png);
    background-repeat: no-repeat;
    background-position: top left; 
    border-bottom: 1px solid #FFF;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
}

#bottomline {
    height: 30px;
    margin: 0;
    padding: 0;
    background-image: url(../images/blockheader.png);
    background-repeat: no-repeat;
    background-position: top left; 
    border-bottom: 1px solid #FFF;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
}



#subnav {
    float: left;
    height: 30px;
    width: 685px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
}

#subnav a,
#subnav a:link,
#subnav a:active, 
#subnav a:visited,
#languages a,
#languages a:link,
#languages a:active, 
#languages a:visited {
    color: #FFF;
    text-decoration: none;
}

#subnav a:hover,
#languages a:hover {
    text-decoration: underline;
}

#languages {
    float: right;
    height: 24px;
    width: 200px;
    padding-right: 36px;
    line-height: 24px;
    text-align: right;
    margin: 0;
}

#printbutton {
    position: absolute;
    top: 98px;
    left: 958px;
    width: 28px;
    padding: 0;
    margin: 0;
    text-align: right;
    background-color: #FFF;
    cursor: pointer;
}

#tabbar {
    position: absolute;
    top: 123px;
    left: 0;
    width: 950px;
    height: 28px;
    padding: 0 0 0 59px;
}

/*#tabbar ul {
    margin: 4px 0 0 0;
    padding: 0;
}*/

#tabbar div {
        float: left;
        /*width: 136px;*/
    height: 24px;
    margin: 4px 4px 0 0;
    padding: 0 25px 0 28px;
    line-height: 24px;
    background-color: #0084D7;
    background-image: url(../images/tabbg_blue.gif);
    background-repeat: no-repeat;
    background-position: top left; 
    color: #FFF;
}

#tabbar div.reiterEn {
        padding: 0 21px 0 23px;
}

#tabbar div:hover, 
#tabbar div.reiterAct {
    background-color: #666;
    background-image: url(../images/tabbg_dkgrey.gif);
    background-repeat: no-repeat;
    background-position: top left; 
    color: #FFF;
    cursor: pointer;
}

* html #tabbar div  {
    margin-right: 4px;
    padding: 6px 2px 6px 10px;
}

#tabbar a,
#tabbar a:link,
#tabbar a:visited,
#tabbar a:active,
#tabbar a:hover {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#innercontent h1 {
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 15px;
    font-weight: bold;
}

#innercontent h1 p {
    margin: 0;
    padding: 0;
}

#innercontent h2 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #666;
    font-size: 13px;
    font-weight: bold;
}

#innercontent h2 p {
    margin: 0;
    padding: 0;
}

#innercontent a, a {
    color: #0084d7;
}

#innercontent a img {
    border:0;
}


#innercontent ul li {
    margin-bottom: 6px;
}

.newshead, .navhead {
    height: 10px;
    padding: 0 6px 0 10px;
    line-height: 10px;
    background-color: #666;
    background-image: url(../images/tabbg_dkgrey.gif);
    background-repeat: no-repeat;
    background-position: top left; 
    color: #FFF;
}

.newscontainer, 
.speccontainer {
    margin: 0 0 33px 0;

    padding: 0 0 6px 0;
    border-bottom: 1px solid #666;
}

.newscontainer h1,
.speccontainer h1 {
    margin: 8px 0 0 10px;
    font-weight: bold;
    font-size: 8px;
}

.newscontainer p, 
.speccontainer p {
    margin: 0 8px 0px 8px;
}

.newscontainer p p, 
.speccontainer p p{
    margin: 0;
    padding: 0;
}

.spechead {
    height: 24px;
    padding: 0 6px 0 10px;
    line-height: 24px;
    background-color: #89C64C;
    background-image: url(../images/tabbg_green.gif);
    background-repeat: no-repeat;
    background-position: top left; 
    color: #FFF;
}

.navi, 
.naviON {
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #A3A3A3;
}

.navi:hover,
.naviON
 {
    background-color: #D9EDF9;
    cursor: pointer;
}
.navmainStandardLevel_1,
.navmainStandardLevel_1 a:link,
.navmainStandardLevel_1 a:visited,
.navmainStandardLevel_1 a:active {
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 15px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
}

.navmainStandarLevel_1,
.navmainStandardLevel_1 a:hover,
.navmainStandardLevel_1:hover a,
li.navmainStandardLevel_1 a.active:hover,
li.navmainStandardLevel_1:hover a.active,
.navmainStandardLevel_1 a.active,
.navmainStandardLevel_1 a.active:link,
.navmainStandardLevel_1 a.active:visited,
.navmainStandardLevel_1 a.active:active {
    color: #000;
    text-decoration: underline;
}


.navmainStandardLevel_2 a,
.navmainStandardLevel_2 a:link,
.navmainStandardLevel_2 a:visited,
.navmainStandardLevel_2 a:active {
    height: 18px;
    line-height: 18px;
    padding: 0 0 0 38px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
}

.navmainStandardLevel_3 a,
.navmainStandardLevel_3 a:link,
.navmainStandardLevel_3 a:visited,
.navmainStandardLevel_3 a:active {
    height: 18px;
    line-height: 18px;
    padding: 0 0 0 60px;
    color: #666;
    text-decoration: none;
}

#leftframe ul li.last {
    margin-bottom: 10px !important; 
}

.navmainStandarLevel_2,
.navmainStandardLevel_2 a:hover,
.navmainStandardLevel_2:hover a,
li.navmainStandardLevel_2 a.active:hover,
li.navmainStandardLevel_2:hover a.active,
.navmainStandardLevel_2 a.active,
.navmainStandardLevel_2 a.active:link,
.navmainStandardLevel_2 a.active:visited,
.navmainStandardLevel_2 a.active:active {
    color: #000;
    text-decoration: underline;
}


#leftframe ul li.navmainStandardLevel_1,
#leftframe ul li.navmainStandardLevel_2,
#leftframe ul li.navmainStandardLevel_3 {
    list-style-type: none;
}

#leftframe ul, 
#leftframe ul li.navmainStandardLevel_1,
#leftframe ul li.navmainStandardLevel_2,
#leftframe ul li.navmainStandardLevel_3 {
    margin: 0;
    padding: 0;
}

.navmainStandardLevel_3 a:hover,
.navmainStandardLevel_3:hover a,
li.navmainStandardLevel_3 a.active:hover,
li.navmainStandardLevel_3:hover a.active,
.navmainStandardLevel_3 a.active,
.navmainStandardLevel_3 a.active:link,
.navmainStandardLevel_3 a.active:visited,
.navmainStandardLevel_3 a.active:active {
    color: #000;
    text-decoration: underline;
    font-weight: normal;
}

#news {
    margin: 50px 20px 0 20px;
    background-color:#f0f0f0;
    border: 1px solid #666;
}

#news h3 {
    padding: 0 6px 0 6px;
    font-size: 13px;
    color: #666;
    margin: 0;
    background-image:url(../images/Blockheader.png);
    background-repeat:no-repeat
    color:#FFFFFF;
    height:24px;
    line-height:24px;
}

#news ul li {
    padding: 4px 6px 4px 6px;
    line-height: 15px;
    list-style-type: none;
    border-top: 1px solid #666;
}

#news ul {
    border-bottom: 1px solid #666;
}

#news a,
#news a:link,
#news a:active,
#news a:visited {
    text-decoration: none;
}

#news a:hover {
    text-decoration: underline;
}

# download file {
padding-left: 50px;
} 

.zitat {     
    padding: 6px 0 0 7px; 
}

.zitat p { 
    font-size: 11px; 
}
    
.zitat blockquote { 
    background: url("../images/quote-ul.gif") top left no-repeat; 
    padding: 0 0 0 40px;
}

.zitat blockquote p {
    background: url("../images/quote-br.gif") bottom right no-repeat; 
    padding: 3px 40px 6px 0; 
}

.zitat a { 
    font-style: italic; 
}

.zitat cite {
    color: #707F86;
    padding: 6px 80px 0 80px; 
    display: block;
}

.zitat cite a:link {
    color:#707F86;
    padding: 6px 0 0 0;
}

.zitat a.company {
    color: #009ee0; 
}

.downloadbox {
    height: 10px;
    padding: 0 6px 0 10px;
    line-height: 10px;
    background-color:#f0f0f0
    color: #FFF;

}

.Download List {
    height: 10px;
    padding: 0 6px 0 10px;
    line-height: 10px;
    background-color:#f0f0f0
    color: #FFF;

}

ul.accordlist {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding: 30px 60px 0 20px;
}

#innercontent ul.accordlist li.alitem {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    background:#FFF;
    border: 1px solid #A3A3A3;
    margin-bottom: 20px;
    padding: 20px;
}

li.alitem h3 {
    color: #666;
}

#searchResults div.searchResultItem {
border-bottom: 1px solid #A3A3A3;
margin:0 0 10px;
padding:0 0 10px;
}

.searchResultItem h2 a {
    font-size:14px;
}

.searchResultItem a {
    text-decoration: none;
    font-weight: normal;
}

.searchResultItem a:hover {
    text-decoration: underline;
}

#innercontent .searchResultItem h2 {
    font-size:14px;
    color:#0084D7;
    font-weight: normal;
}

#bottomline {
    text-align: center;
}

#bannerfocus {
    width: 722px;
    height: 90px;
}
#vpnavigation, #vpnavigation ul { /* alle Listen */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}

#vpnavigation a {
    display: block;
    width: 10em;
}

#vpnavigation li { /* alle Listenelemente */
    float: left;
    width: 10em;
}

#vpnavigation li ul { /* Listen 2. Ebene */
    position: absolute;
    background: orange;
    width: 10em;
    left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
    background: url(../images/rightarrow.gif) center right no-repeat;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
    margin: -1em 0 0 10em;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
    left: -999em;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
    left: auto;
}

#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
    font-style: italic!important;
}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
    font-style: italic!important;
}

