

* {
 margin: 0;
 padding: 0;
}
body {
 background: #ffffff;
 color: #000000;
 font: 76% Arial, Helvetica, sans-serif;
 padding-bottom: 20px;
}
img {
 display: block;
 border: none;
}
a {
 color: #f37a1f;
}
a.arrowlink {
 display: block;
 padding-left: 11px;
 background: url(/images/pfeil.gif) no-repeat 0 0.3em;
 color: #656565;
 text-decoration: none;
 margin-bottom: -12px;
height: 1%;
}
a.arrowlink:hover{
 color: #f37a1f;
}
table a.arrowlink {
    margin-bottom: 0;
}
h1 {
 margin: 28px 0 32px;
 font-size: 1.5em;
}
.smallFont {
    font-size: 0.9em;
}

/* -- page -- */
#page {
 width: 622px;
 padding-bottom: 20px;
 float: left;
}
/* -- SIDEBAR -- */
#sidebar {
 float: left;
 width: 206px;
 color: #656565;
}
#chapter {
    font-size: 0.9em;
}
#chapter .tools {
    margin-left: 20px;
}
#chapter h3, #chapter h2 {
    margin-bottom: 6px;
    padding: 2px 6px;
    background: #e2e2e2;
    color: #656565;
    font-size: 1em;
    font-weight: normal;
}
#chapter img {
    margin-bottom: 20px;
}
#chapter ul {
    margin-bottom: 20px;
    list-style: none;
}
#chapter li {
    display: inline;
}
#chapter ul a, #chapter ul span {
    display: block;
    margin-bottom: 4px;
    padding-left: 16px;
    background: url(/images/pfeil.gif) no-repeat 5px 0.3em;
    color: #656565;
    text-decoration: none;
}
#chapter ul a:hover, #chapter ul a.active, #chapter ul span {
    color: #f37a1f;
}
#chapter ul ul {
    margin-left: 12px;
}

/* -- MAIN -- */
#main {
 float: left;
 width: 364px;
 margin-left: 52px;
}
#main h2, .sublinegrey {
display: block;
 margin-bottom: 6px;
 padding: 4px 8px 5px;
 background: #e2e2e2;
 color: #656565;
 font-size: 1em;
 font-weight:bold;
}
h3 {
    font-size: 1em;
}
p {
 margin-bottom: 12px;
}
#main p a {
 font-weight: bold;
}
#main p img {
 margin-bottom: 6px;
}
.top {
    text-align: right;
    margin: 0;
}
.back a, .top a, .forward a, .functions a {
    padding-left: 11px;
    background: no-repeat 0 0.3em;
    color: #656565;
    text-decoration: none;
}
.back a {
    background-image: url(/images/pfeil_zurueck.gif);
}
.top a {
    background-image: url(/images/pfeil_top.gif);
}
.einleitungstext ul, .einleitungstext ol  {
    margin-left: 20px;
}

/* -- MAIN: IMAGELINKS (Standard) -- */
.imageLinks {
    margin-bottom: 12px;
    font-size: 0.9em;
    display: inline;
}
* html .imageLinks {
    height: 1%;
}
.imageLinks ul {
    list-style: none;
    padding: 0;
}
.imageLinks div {
    float: left;
    /*overflow: auto;*/
}
* html .imageLinks div {
    height: 1%;
}
.big {
    float: left;
    width: 364px;
    margin-bottom: 30px !important;
    margin-bottom: 1px;
    /*overflow: auto;*/
    font-size: 1em;
}
* html .big {
    height: 1%;
    /*overflow: visible;*/
}
.imageLinks li {
    clear: left;
}
/*.imageLinks.half.big ul*/
.imageLinks.half ul {
    padding-bottom: 0 !important;
    padding-bottom: 17px;
}
/** html .imageLinks.half.big ul*/
* html .imageLinks.half ul {
    height: 1%;
}
/*.imageLinks.half.big li*/
.imageLinks.half li {
    float: left;
    clear: none;
    width: 182px;
}
.imageLinks div div, .imageLinks ul div {
    float: left;
    width: 279px;
    padding-left: 11px;
    background: url(/images/pfeil.gif) no-repeat 0 0.4em;
}
.imageLinks.big div div, .imageLinks.big ul div {
    width: 275px;
    height: 27px;
    margin-bottom: 1px;
    padding: 23px 0 0 15px;;
    background: #f2f2f2;
}
.imageLinks.half div div, .imageLinks.half ul div {
    width: 96px;
}
* html .imageLinks div div, * html .imageLinks ul div {
    width /**/: 290px;
}
* html .imageLinks.big div div , * html .imageLinks.big ul div {
    width /**/: 290px;
    height /**/: 50px;
}
* html .imageLinks.half div div, * html .imageLinks.half ul div {
    width /**/: 107px;
}
.imageLinks h3 {
    font-size: 1em;
}
.imageLinks p {
    margin-bottom: 6px;
    /*color: #656565;*/ /* Nicht grau laut Jochen DG 050721 */
    color: #000000;
}
.imageLinks p span a {
    color: #f37a1f;
    font-weight: normal;
    text-decoration: underline;
}
.imageLinks img {
    float: left;
    margin: 0 4px 6px 0;
    border: 2px solid #ffffff;
}
.imageLinks.big img {
    margin: 0;
}
* html .imageLinks.big img {
    margin /**/: 0 -3px;
}
.imageLinks a {
    color: #656565;
    text-decoration: none;
}
.imageLinks .over, .imageLinks .active a, .imageLinks a.active{
    color: #f37a1f;
}
.imageLinks .over img, .imageLinks .active a img {
    border-color: #f37a1f;
}
.imageLinks.big div a {
    display: block;
    margin-top: -0.7em;
    margin-left: -5px;
    padding-left: 11px;
    padding-right: 5px;
    background: url(/images/pfeil.gif) no-repeat 0 0.3em;
    font-weight: bold;
    text-decoration: none;
}

/*news+++++++++++++++++++++++++++*/
.newsTeaser ul {
    list-style: none;
}
.newsTeaser li {
    float: left;
    padding: 12px 0 18px;
    border-bottom: 1px solid #b4b4b4;
}
.newsTeaser img {
    float: left;
    margin: 0 12px 0 0;
}
.newsTeaser div {
    float: left;
    width: 229px;
}
.newsTeaser h3 {
    padding: 0; /*md*/
    font-size: 1em;
    margin-bottom: 12px;
}
.newsTeaser p {
    margin-bottom: 0;
}
.newsTeaser .date {
    color: #656565;
    margin-bottom: 0;
}
.newsTeaser .more a {
    display: block;
    padding-left: 11px;
    background: url(/images/pfeil.gif) no-repeat 0 0.3em;
    color: #656565;
    text-decoration: none;
}
.newsTeaser .more a:hover {
    color: #f37a1f;
}

/* -- MAIN: IMGLEFT, IMGRIGHT, IMGTOP -- */
.image {
    margin-bottom: 9px;
}
.insertLeft .image, .insertRight .image {
    float: left;
}
.insertLeft .image {
    float: left;
    margin-right: 12px;
}
.insertRight .image {
    float: right;
    margin-left: 12px;
}
.columnsHalf, .columnsThird, .columnsQuarter {
    float: left;
    padding-bottom: 12px;
}
.columnsHalf div, .columnsThird div, .columnsQuarter div {
 float: left;
}
.columnsHalf div {
    width: 170px;
}
.columnsThird div {
 width: 231px;
}
.columnsThird div img {
 display: block; 
}
.columnsThird div p {
    display: block;
    border: solid 1px #FFFFFF;
}
.columnsQuarter div {
    width: 261px;
}
.columnsHalf .image, .columnsThird .image, .columnsQuarter .image {
    float: left;
    margin-right: 12px;
}
.columnsHalf .image {
    width: 182px;
}
.columnsThird .image {
    width: 121px;
}
.columnsQuarter .image {
    width: 91px;
}
.columns div div {
    float: none;
    width: auto;
    margin: 0;
}
/*swapcontent*/
.swapContent {
 clear: left;
 padding-bottom: 1em;
 display: none;
}
.swapContent img {
 display: inline;
}
.swapContent span {
 display: block;
}
.swapContent h2{
 font-size: 1em;
 font-weight: bold;
}
.termine h3 {
 margin-bottom: 12px;
 padding: 4px 8px 5px;
 background: #e2e2e2;
 color: #656565;
 font-size: 1em;
}
.swapContent h3 { 
clear: both;
 width: 356px !important;
 width /**/: 364px;
 font-size: 0.9em;
 padding: 0 0 0 8px; 
 line-height: 1.9em; 
 background: #e2e2e2; 
 color: #656565; 
 font-weight: bold; 
 margin-bottom: 3px; 
 margin-top: 8px; 
} 
.swapContent .textfirstbold {
 float: left;
 display: block;
 width: 110px;
 padding: 2px 8px 2px 8px;
 font-weight: bold;
 clear: both;
}
.swapContent .textsecond {
 float: left;
 display: block;
 width: 220px;
 padding: 2px 0 2px 2px;
}
.textsecond a.arrowlink {
    margin-bottom: 0px;
    font-weight: bold;
}
h3.terminmonat {
    clear: left;
    float: left;
    display: block;
    margin-top: 12px;
}
/* Liste von Links, einspaltig, mit hellgrauem Background und Hovereffekt der Links  */
#listContainer {
 margin-bottom: 24px;
 list-style-type: none;
}
#listContainer li { 
 display: inline;
 height: 1%;
}
#listContainer li a {
 display: block;
 height: 1%;
 background-color: #f2f2f2;
 padding: 2px 5px 3px 16px;
 margin: 0 0 1px;
 font-size: 1.0em;
 font-weight: bold;
 text-decoration: none;
 color: #666666;
 background: #f2f2f2 url(/images/pfeil.gif) no-repeat 5px 0.5em;
}
#copyright {
 visibility: hidden;
 display: none;
 font-size: 0.85em;
 margin-top: 1em;
}
.sublinemarked {
 font-size: 0.9em;
 padding: 0 0 0 0.8em;
 line-height: 1.9em;
 background: #e2e2e2;
 color: #656565;
 font-weight: bold;
 margin-bottom: 3px;
 margin-top: 7px;
}
.linkliste a, #pressemeldung a.linkpfeil  {
 display: block;
 margin-bottom: 4px;
 padding-left: 11px;
 background: url(/images/pfeil.gif) no-repeat 0px 0.3em;
 color: #656565;
 text-decoration: none;
 font-weight: bold;
}
.linkliste a:hover, #chapter ul a.active, #pressemeldung a.linkpfeil:hover {
 color: #f37a1f;
}
.textblock, .linkliste{
 width: 364px;
 clear: both;
 margin-bottom: 12px;
}
.linkliste ul {
 margin-bottom: 12px;
 list-style: none;
}
.linkliste li {
 display: inline;
}
/* controller */
.display {
    position: relative;
    height: 110px;
    margin-bottom: 1px;
}
.original, .replace {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
    background: no-repeat left top;
}
.controller ul {
    margin: 3px 0 13px 0;
    list-style: none;
}
.controller .first {
    float: left;
    width: 182px;
}
.controller .second {
    float: left;
    width: 181px;
    margin-left: 1px;
}
.controller li {
    display: inline;
}
.controller span, .controller a {
    display: block;
    margin-bottom: 1px;
    padding: 2px 5px 3px 16px;
    background: #f2f2f2 url(/images/pfeil.gif) no-repeat 5px 0.5em;
    color: #656565;
    font-weight: bold;
    text-decoration: none;
}
.controller a:hover, .controller a.active, .controller li.active a, .controller span {
    color: #f37a1f;
}
/* MAIN: DOWNLOADLINKS md */
.downloadLinks {
    font-size: 1em;
    margin-bottom: 12px;
}
.downloadLinks ul {
    list-style: none;
}
.downloadLinks li {
    clear: left;
}
.downloadLinks div, .downloadLinks ul li {
    padding-left: 11px;
    background: url(/images/pfeil.gif) no-repeat 0 0.4em;
}
.downloadLinks h4 {
    font-size: 1em;
}
.downloadLinks p {
    margin-bottom: 6px;
}
.downloadLinks img {
    float: left;
    margin: 0 4px 6px 0;
    border: 2px solid #ffffff;
}
.downloadLinks a {
    color: #656565;
    text-decoration: none;
}
.downloadLinks a:hover {
    color: #f37a1f;
}
/* schriftvarianten */
.downloadLinks.smallbold {
    font-size: 0.9em;
}
.downloadLinks.smallnormal {
    font-size: 0.9em;
}
.downloadLinks.smallnormal a {
    font-weight: normal;
}
.downloadLinks.xsmall {
    font-size: 0.8em;
}
/* texteditor */
.text {
 font-family: Arial, Helvetica;
 font-size: 1em;
}
div .text, .einleitungstext{
    clear: both;
    margin-bottom: 20px;
}
.einleitungstext img{
    display: inline;
}
.einleitungstext a{
    font-weight: bold;
}
.subline1{
 font-weight: bold;
}
/* bildarchiv */
.texts  {
 font-family: Arial, Helvetica;
 font-size: 0.9em;
}
.textb{
 font-weight: bold;
 padding-left: 8px;
}
.bildarchiv a{
 display: block;
 font-weight: bold;
 padding-left: 11px;
 background: url(/images/pfeil.gif) no-repeat 0px 0.3em;
 color: #656565;
 text-decoration: none;
}
.bildarchiv .downloadinfo{
 padding-left: 11px;
}
.bildarchiv a:hover {
 color: #f37a1f;
}
.fontdifferent{
 color: #656565;
}
table {
    clear: both;
}
.portraet{
    clear: both;
    width: 364px;
}
.portraet img{
    display: inline;
}

/* -- sitemap -- */
#sitemap ul {
    list-style: none;
    padding-bottom: 12px;
}
#sitemap h2 {
    margin-top: 12px;
    margin-bottom: 6px;
}
#sitemap ul ul{
    margin: 0 0 18px 80px;
    list-style: none;
}
#sitemap li {
    display: inline;
}
#sitemap a {
    display: block;
    padding-left: 11px;
    background: url(/images/pfeil.gif) no-repeat 0 0.3em;
    color: #656565;
    text-decoration: none;
    margin-left: 80px;
}
#sitemap h2 a {
 margin-left: 0;
}
#sitemap a:hover {
 color: #f37a1f;
}

/* -- Table -- */
.einleitungstext table {
    border-collapse: collapse;
    margin: 0;
     padding: 0;
     width: 364px;
}
.einleitungstext th {
  text-align: left;
  vertical-align: top;
  padding: 0 5px;
  color: #656565;
  background-color: #e2e2e2;
}
.einleitungstext td {
    border-bottom: 1px solid #e2e2e2;
    padding: 2px 5px 2px 5px;
    text-align: left;
    vertical-align: top;
}
 
.teilnehmer h3{
    width: 364px;
    float: left;
    margin: 0 0 6px 0;
}
.teilnehmer table {
    border-collapse: collapse;
    border: none;
    margin: 0;
     padding: 0; 
    width: 364px;
    table-layout: fixed;
}
.teilnehmer td {
    border-bottom: 1px solid #e2e2e2;
    vertical-align: top;
     padding: 2px 5px 2px 0;
}
.teilnehmer table .firstcol {
    width: 130px;
}
.teilnehmer table .secondcol {
    width: 224px;
}



/* -- imagegallery -- */
.imagegallery {
    float: left;
    width: 364px;
}
#main .imagegallery h2{
    float: left;
    width: 348px;
    font-size: 1.1em;
}
.imagegallery .imagecontainerpos0, .imagegallery .imagecontainerpos1, .imagegallery .imagecontainerpos2 {
    float: left;
    width: 100px;
    margin: 0 0 0 32px;
    padding-bottom: 25px;
}
.imagegallery .imagecontainerpos0 {
    margin: 0;
}

.imagegallery .downloadLinks {
    padding-left: 11px;
    background: url(/images/pfeil.gif) no-repeat 0 0.4em;
    font-size: 1em;
    margin-bottom: 0;
}
.imagegallery a {
    color: #656565;
    font-weight: bold;
    text-decoration: none;
}
.imagegallery a:hover {
    color: #f37a1f;
}
.imagegallery .jpg {
    padding: 2px 0 5px 17px;
    background: url(/images/jpg_icon.gif) no-repeat 0 0;
}

.docicon {
    padding: 2px 0 5px 22px;
    background: url(/images/doc_icon.gif) no-repeat 0 0;
}
.exeicon {
    padding: 2px 0 5px 22px;
    background: url(/images/exe_icon.gif) no-repeat 0 0;
}
.jpgicon {
    padding: 2px 0 5px 22px;
    background: url(/images/jpg_icon.gif) no-repeat 0 0;
}
.pdficon {
    padding: 2px 0 5px 22px;
    background: url(/images/pdf_icon.gif) no-repeat 0 0;
}
.wavicon {
    padding: 2px 0 5px 22px;
    background: url(/images/wav_icon.gif) no-repeat 0 0;
}
.xlsicon {
    padding: 2px 0 5px 22px;
    background: url(/images/xls_icon.gif) no-repeat 0 0;
}
.zipicon {
    padding: 2px 0 5px 22px;
    background: url(/images/zip_icon.gif) no-repeat 0 0;
}
.m4aicon {
    padding: 2px 0 5px 22px;
    background: url(/images/m4a_icon.gif) no-repeat 0 0;
}
.mp3icon, .mp4icon {
    padding: 2px 0 5px 22px;
    background: url(http://www.stihl.de/global/img/icons/mp3_icon.gif) no-repeat 0 0;
}

.spacer {
    margin-top: 12px;
    padding-bottom: 24px;
}
.clearer {
    clear: both;
}

/* Pressebereich */
.downloadLinks img.new {
    float: none;
    display: inline;
    margin: 0 0 -3px 20px;
    padding: 0;
}

/*++++*/
.pressreddot {
    float: left;
    margin-bottom: 20px;
}
.pressreddot.new-de {
    background: url(/images/neu.gif) no-repeat 0 1.2em;
}
.pressreddot.new-en {
    background: url(/images/neu.gif) no-repeat 0 1.2em;
}

.pressreddot p {
    margin-bottom: 0;
}
.pressreddot .datum {
    float: left;
    width: 70px;
    padding-right: 10px;
    color: #656565;
}
.pressreddot .teaser {
    padding-left: 12px;
    float: left;
    width: 272px;
    background: url(/images/pfeil.gif) no-repeat 0 0.3em;
}
.pressreddot a {
    color: #656565;
    text-decoration: none;
}
.pressreddot a:hover {
    color: #f37a1f;
}
/*++++*/

/* - Pressemeldungen - bilder koennen unterschiedlich breit sein */
.pressPictures {
    float: left;
    margin: 0 0 20px 0;
    width: 360px; /* warum nicht 364 ? md */
}
* html .pressPictures {
    height: 1%;
}
.pressPictures .image {
    float: left;
    width: auto;
    padding: 0;
    margin: 0 10px 0 0;
}
* html .pressPictures .image {
    height: 1%;
}
.pressPictures .downloadLinks {
    float: none;
    margin: 0;
    padding: 0;
}
.pressPictures .image img {
    padding: 0 0 3px 0;
}
.pressPictures .downloadLinks p.jpg {
    float: none;
    width: auto;
    padding: 0 0 5px 17px;
    background: url(/images/jpg_icon.gif) no-repeat 0 0;
}
.pressPictures p.pressInfotext {
    clear: both;
    margin: 0;
    padding: 5px 0 0 0;
}
.pressPictures .clearer {
    float: left;
    width: 364px;
    height: 20px;
    line-height: 1px;
    font-size: 1px;
}
.pressPictures .link div.textLinks {
    margin-top: 0;
    margin-bottom: 10px;
    margin-bottom /**/: 15px;
}

/* -- imagegallery -- */
.imagegallery {
    float: left;
    width: 364px;
}
#main .imagegallery h2{
    float: left;
    width: 348px;
    font-size: 1.1em;
}
.imagegallery .imagecontainerpos0, .imagegallery .imagecontainerpos1, .imagegallery .imagecontainerpos2 {
    float: left;
    width: 110px;
    margin: 0 0 0 10px;
    padding-bottom: 25px;
}
.imagegallery .imagecontainerpos0 {
    margin: 0;
}
.imagegallery .downloadlink {
    padding-left: 11px;
    background: url(/images/pfeil.gif) no-repeat 0 0.4em;
    font-size: 1em;
    margin-bottom: 0px;
}
.imagegallery .downloadlink a {
    color: #656565;
    font-weight: bold;
    text-decoration: none;
}
.imagegallery a:hover {
    color: #f37a1f;
}
.imagegallery .jpg {
    padding: 2px 0 5px 17px;
    background: url(/images/jpg_icon.gif) no-repeat 0 0;
}
.imagegallery .imagesubtext {
    margin: 0;
}
.imagegallery .clearer {
    float: left;
    width: 364px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}
/* -- DOWNLOAD VIDEO -- */
.downloadLinksVideo {
    float: left;
    width: 364px;
    padding-bottom: 1em;
}
.downloadLinksVideo ul {
    list-style: none;
}
.downloadLinksVideo div, .downloadLinksVideo ul li {
    padding-left: 30px;
    padding-bottom: 6px;
    background: url(/images/video_icon.gif) no-repeat 0 0.1em;
}
.downloadLinksVideo h4 {
    font-size: 1em;
}
.downloadLinksVideo a {
    color: #656565;
    text-decoration: none;
}
.downloadLinksVideo a:hover {
    color: #f37a1f;
}
/* -- DOWNLOAD VIDEO -- */
 

#album {
    margin-left: -12px;
    width: 376px;
}
    #album li {
        float: left;
        display: inline;
        width: 172px;
        margin: 0 0 15px 12px;
        padding: 0;
        font-size: 0.9em;
    }
    #album li.clearer {
        float: left;
        height: 1px;
        width: 100%;
        margin: 0;
        font-size: 0em;
    }
    #album p {
        margin-bottom: 0;
    }
        #album .image {
            position: relative;
            width: 144px;
            height: 144px;
            margin-bottom: 3px;
            padding: 5px;
            background: #f2f2f2;
            border: 1px solid #656565;
        }
            #album .image img {
                margin: auto;
            }
            
.arrowrd {
    display: block;
    margin-bottom: 4px;
    padding-left: 11px;
    background: url(/images/pfeil.gif) no-repeat 0 0.35em;
    color: #656565;
    text-decoration: none;
    clear: both;
}
.arrowrd a {
    color: #656565;
    text-decoration: none;
    font-weight: bold;
}
.arrowrd a:hover {
    color: #f37A1F;
}
    .right {
        float: right;
        width: 200px;
    }
    

#popup {
      background: none;
      background-color: #FFFFFF;
      padding: 4px;
      /*text-align: center;*/
    }
    #popup h1 {
        margin: 0;
        font-size: 1em;
    }
    #wrapper {
        margin: auto;    
        width: 612px;
    }
    
    #albumimage {
        width: 600px;
        height: 600px;
        margin-bottom: 3px;
        padding: 5px;
        background: #f2f2f2;
        border: 1px solid #656565;
    }
        #popup #albumimage img  {
            margin: auto;
        }
    
    #wrappersubimage {
        /*margin: auto;*/
    }
    #wrappersubimage span {
    }
    
    #wrappersubimage a {
        text-decoration: none;
        color: #656565;
    }
    #wrappersubimage a:hover {
        color: #f37A1F;
    }
    
    #popup p {
        /*padding-bottom: 12px;*/
        float: left;
        width: 100%;
    }
    #popup span img {
        display: inline;
    }
    #zurueckblaettern {
        display: block;
        float: left;
        width: 198px;
        text-align: left;
        font-weight: bold;
    }
        #zurueckblaettern img {
            margin-right: 5px;
        }
    #vorblaettern {
        display: block;
        float: right;
        width: 198px;
        text-align: right;
        font-weight: bold;
    }
    #imageitem {
        display: block;
        float: left;
        width: 216px;
        text-align: center;
        font-size: 0.9em;
    }
    #close {
        display: block;
        float: right;
        text-align: right;
        font-weight: bold;
        padding-left: 12px;
        background: url(/images/pfeil.gif) no-repeat 0 0.35em;
    }
        #vorblaettern img {
            margin-left: 5px;
        }


.imagegallery .clearer {
    clear: none;
    float: left;
    width: 364px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

/* templates aus Master Projekt */
    .content-videostream {
        padding-bottom: 24px; 
        float: left;
        width: 100%;
    }
        .content-videostream #player { 
            margin-bottom: 12px;
        }

