/* leitfaden-artikelcms */
/* {margin:0;padding:0;background:transparent;}
 war im ORIG zusätzlich 'border:0' */

@import url(braing.css);

body
{
width: 960px;
font: normal normal 0.9em/1.4em Georgia, 'trebuchet ms', verdana, arial, tahoma;
background: #393939 url(images/bg.gif) repeat-x;
color: #3F3F3F;
margin: 0px auto 0px;
padding:0;
}

#wrapper, #wrapall
{
border: 0px;
width: 920px;
background: #FFF url(images/bg_body_top.gif) top left repeat-x;
margin: 0 auto;
}

#wrapall
{
/* background:url('images/backround4.gif') repeat-y; */
}

/* Header and logo */
#maintable {
        margin: 0 auto;
        padding: 0px;
        background-color: #FFF;
}
#logorow {
        background: #1C1C1C url(/images/css/bg_logo.gif);
        text-align: left;
        padding: 0;
        height: 100px;
}

/* Navigation buttons */
.navtd {
        padding: 0px 0px 5px 0px;
}
.navrow-right { float: right; }
.navrow {
        background: #2B2B2B url(images/bg_nav.gif);
        font-family: Arial, Tahoma, Verdana;
        padding: 11px 0px 11px 15px;
        color: #909090;
        text-align: left;
        font-size: 10px;
}
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
    background: #2B2B2B;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
    margin: 0px 17px 0px 0px;
        padding: 11px 10px 11px 10px;
}
.navrow a:hover {
    background: #C00000;
        color: #FFFFFF;
        text-decoration: none;
    margin: 0px 17px 0px 0px;
        padding: 11px 10px 11px 10px;
}

#container
{
width: 920px;
margin: 0px auto;
background-color: #ffffff;
border: 0px solid #669900;
}


#logo {
position: relative;
top: 15px;
left: 20px;
margin-bottom: 15px;
}

h2.logo {color: #00007F;
        font: normal bold 30px/40px Georgia, serif;
        /* display:inline;
        text-transform:none; */
        }

#menuerechtsoben {
/* position: relative;
top: 10px; */
text-align: right;
/* left: 600px; */
margin-right:10px;
margin-bottom: 10px;
}

#menuerechtsoben a {
              font: normal normal 90% arial, sans-serif;
              color: #7F0000;
              }

#menuerechtsoben a:hover { color: #BF0000; }

#menuerechtsoben img {margin-bottom: -2px; }

.backg,
h1.bg,
h2.bg,
h3.bg {
      background: #EFEFEF url(/template/images/footer-bg.jpg) repeat-x top left;
      padding: 5px 5px 5px 10px;
      border-top:1px solid #ddd;
      border-right:1px solid #bbb;
      border-bottom:1px solid #bbb;
      border-left:1px solid #ddd;
      }

.headerboxes {
             margin-top:10px;
             margin-right: -2px;
             margin-left: -10px;
             padding:0;
             /* ie-spezial in ie-spezial.css */
             }

h2.bgi {
       border:none;
       padding: 5px 5px 5px 10px;
       background: none;
       border-bottom:1px solid #666;
       }

h2.bgi img {
           position: relative;
           top: -13px;
           float: right;
           margin-right: 4px;
           }

.headerboxes p {margin: 5px 2px; font-size: 90%; }

.boxheight {
           min-height: 170px;
           }


.boxindex {
          margin-left: 10px;
          margin-top:0px;
          float:right;
          width:230px;
          border: 3px dotted #455574;
          padding:6px;
          background:url(/template/images/box-top.jpg) repeat-x;
          line-height: 130%;
          }

.boxindex h4 {
          border-bottom: 1px solid #666;
          margin: 0px 0px -10px 0px;
          padding-bottom:8px;
          }



.box1 {
      border-top: 2px solid #BFBFBF;
      border-bottom: 1px solid #BFBFBF;
/*
      border-left: 10px solid #BFBFBF;
      border-right: 10px solid #BFBFBF;
*/
      padding: 5px 10px;
      margin: 15px 0px;
      background: #FFFFFF;
}

.splitright {
background: #ffffff url('images/menu.gif') top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
}

.splitleftv,
.splitleft {
background: #ffffff;
margin:auto;
width: 74%;
float: left;
overflow: hidden;
padding-top: 10px;
/* text-align: justify; */
}

.splitleftv {width: 94%; padding:25px;}

.main ul li {
        list-style-type: none;
        background: url(/images/icons/list01-16.gif) no-repeat 0px 4px;
        padding-bottom : 2px;
        padding-left: 20px;
        padding-right: 30px;
        margin-top: 5px;
            }

/* .main blockquote {
      margin: 0px 20px;
      background:#F7F7F7;
      border: 1px solid #CFCFCF;
      border-left: 5px solid #666;
      padding: 5px;
      padding-left: 10px;
      } */

.main blockquote {
        background: url(/images/css/boxbg.gif) #F8F8F8 top left repeat-y;
        border: 1px solid #D0D4D4;
        color: #505050;
        margin: 15px auto;
        padding: 10px 10px 10px 20px;
        width: 75%;
}

#introduction {
        float:right;
        width:180px;
        padding:0px 0px;
        margin:20px 0 20px 20px;
        background: url(images/menu.gif) no-repeat;
        text-align:center;
        line-height:1.5em;
        color:#999999;
        font-size:0.95em;
        font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
        letter-spacing:0px;
}

#introduction ul, #introduction li {
        text-align:center;
        list-style: none;
        margin: 0;
        padding: 0;
}


#introduction li {
         font-size: 95%;
/*          line-height:180%; */
         }


/* Hauptmenü in Sidbar */

ul#sbmainnav {margin-bottom:15px;}

#sbmainnav li {
           text-align: center;
           }

#sbmainnav li a { font-weight:bold; }


#introduction li a,
#introduction li.subcat a {
              display: block;
              padding: 2px 0px 2px 10px;
              border-top:1px solid #ddd;
              border-right:1px solid #bbb;
              border-bottom:1px solid #bbb;
              border-left:4px solid #ddd;
              text-align:left;
              width:155px;
              margin: 1px 3px;
              color: #9F0000;
              background: #EFEFEF url(/template/images/footer-bg.jpg) repeat-x top left;
              }

#introduction li.subcat a {
              margin: 1px 6px;
              background: #fff;
              width:143px;
               }

#introduction li.subcat a:hover,
#introduction li.maincat a:hover {
              border-top:1px solid #ddd;
              border-right:1px solid #888;
              border-bottom:1px solid #888;
              border-left:4px solid #9F0000;
              background: #fff;
              color: #3F3F3F;
              }

#introduction a {
        border-bottom: none;
        color: #5A5A2E;
}

#introduction h3 {
      background: #EFEFEF url(/template/images/footer-bg.jpg) repeat-x top left;
      padding: 5px 5px 5px 10px;
      border-top:1px solid #ddd;
      border-right:1px solid #bbb;
      border-bottom:1px solid #bbb;
      border-left:1px solid #ddd;
      }

#introduction a:link, a:visited {
              color:#7F0000;
}

#introduction a:hover, a:active {
        color:#DF0000;
}



/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
        /* text-align: center;
        height: 30px;
        background: #EFEFEF url(images/footer-bg.jpg) repeat-x 1px 0px;
        border-top: 1px solid #CCCCCC;
        margin: 50px 15px 0 15px;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 0;
        padding-left: 20px;
        clear: both; */

}


#footer a:link, a:visited{
        color:#8F8F8F;
}

#footer a:hover, a:active{
        color:#cccccc;
}




a:active,
a:visited,
a:link  { color:#7F0000;text-decoration: none; }
a:hover { color:#BF0000; text-decoration: none; }

.ArticleText a:link,
.ArticleText a:visited,
.ArticleText a:hover
{
 color:#5F5F5F;
 border-bottom:1px dotted;
 text-decoration: none;
 /* color: #7F0000; */

 }

.ArticleText a:visited
{
 text-decoration: none;
  /*  color:#6F6F6F; border-bottom:1px dotted; */
}

.ArticleText a:hover
{ color:#BF0000;}


/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
        position: relative;
        top: 15px;
        left: 15px;
        width: auto;
        font-size:100%;
        font-weight:bold;
        margin: 0;
        line-height:normal;
        height: 41px;
      }
    #topmenu ul {
          margin:0;
          padding:0px 0px 0 2px;
          list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url(images/menuleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url(images/menuright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#434D7C;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:#9F0000;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
    }


/* --------- Stylefour ----------------*/
#stylefour{
           position:relative;
           top:0px;
           display:block;height:39px;
           font-size:12px;
           font-weight:bold;
           background:transparent url(/images/css/bgOFF.gif) repeat-x top left;
           z-index: 10;
           font-family: arial, verdana, sans-serif;
           border-top: 1px dotted #9F9F9F;
           }


#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}

#stylefour ul li{display:block;float:left;margin:0;}


#stylefour ul li a {
           display:block;
           float:left;
           color: #434D7C;
           text-decoration:none;
           padding:11px 20px 0 20px;height:23px;
           background:transparent url(/images/css/bgDIVIDER.gif) no-repeat top right;
           }


#stylefour ul li a:hover,#stylefour ul li a.current {
           color: #BF0000;
           background:#fff url(/images/css/bgON.gif) no-repeat top left;
           }

/* --------- Stylefour ----------------*/


/* ~~~~~~~~~ Headings ~~~~~~~~~ */

h1, h2, h3 {
        color:#000000;
        font-family:garamond,geneva,arial,sans-serif;
        font-weight:normal;
        text-transform:uppercase;
        word-spacing:2px;
        letter-spacing:1px;
        font-size:1.0em;
        font-weight:bold;
        padding:0 2px;
        margin:0;
        }

h1 {
   font-size: 130%;
   margin:20px 0px;
  }

h1.articleheader {
                 font: normal bold 2.0em 'Times New Roman', serif;
                 color: #9F0000;
                 letter-spacing: 1px;
                 text-transform: none;
                 }

h2 {
  font-size: 120%;
}

h3 {
  font-size: 110%;
}

h4 {
  font-size: 100%;
}
.ArticleText h4,
.ArticleText h3,
.ArticleText h2 {
             color:#9F0000;
             font: normal bold 1.3em 'Times New Roman', serif;
             }

.ArticleText h2 {
             font-size: 1.5em;
             }

.ArticleText h4 {
             font-size: 1.1em;
             }



/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

input {border: 1px solid #666; }
.style4 {font-size: 16px}
.style5 {
        font-size: 10px;
        color: #8F8F8F;
        }

.formqs {margin-top:8px;margin-right:5px;text-align:right;}
.textfield {font: normal normal 12px/16px arial,verdana,sans-serif; /* height: 16px; */}
.buttonsearch { background: #FFF; }

.catroot {
font-weight: bold;
text-decoration:underline;
}
a.black, a.black:visited {
      /* color:#A02020; */
      font-weight: bold;
      }

a.black:hover{
       color:red;

       }

.catsub {
 line-height: 15px;
 color:#5F0000;
 font-size: 85%;
 margin-left:0px;
 text-decoration:underline;
}

.tagcloud,
.artikelschreibensidebar,
.authorindex,
.socialbookmarks,
.boxlinkex {
        margin: 7px;
        padding: 7px;
        border-top: 1px solid #BFBFBF;
        border-left: 1px solid #BFBFBF;
        background: #FAFAFA url(/images/css/link_bg.gif) no-repeat right bottom;
}

.artikelschreibensidebar {
                         margin-top:0px;
                         margin-right:8px;
                         margin-left:6px;
                         font-size: 90%;
                         color: #4F4F4F;
                         text-align:left;
                         padding-bottom:15px;
                         }

#introduction .artikelschreibensidebar a,
#introduction .artikelschreibensidebar a:link,
#introduction .artikelschreibensidebar a:visited {
            color: #7F0000;
            font-size:110%;
            text-decoration: underline;
            font-weight:bold;
             }

.boxlinkex h4 {margin: 5px 0px; padding-bottom:5px; border-bottom: 1px dotted #0050A0;}

.authorindex td {
             background:#fff;
             border: 1px solid #BFBFBF;
             padding: 8px;
             }

/* .socialbookmarks {
                 background: #F4F4F2;
                 border: 1px solid #BFBFBF;
                 margin: 5px 5px;
                 padding: 3px;
                 } */
.summary {
         background: #FFFFFF url(/images/css/right-bottom2.jpg) no-repeat right bottom;
         margin: 0px 7px; padding: 7px;
         border-top:1px solid #ddd;
         border-right:1px solid #bbb;
         border-bottom:1px solid #bbb;
         border-left:1px solid #ddd;
         clear:both;
         }

.prevnext {
          border-top: 1px solid;
          border-bottom: 1px solid;
          padding:5px;
          margin-bottom: 10px;
          }


a.linkex {font-weight:bold; padding-bottom:7px;}

.smallf {font: normal normal 100% times, serif}
.small {font: normal normal 85% arial, sans-serif; color: #8F8F8F;}

/* Footer Menü */
.top {
     font-weight: bold;
     }

.top a {
     border: 1px solid;
     padding: 4px 10px;
     background: #EFEFEF url(/template/images/footer-bg.jpg) repeat-x -20px left;
     }

.top a:hover {color: #BF0000;}

.righttext, .imagesrighttext {
             margin-left: 5px;
             margin-top: 5px;
             margin-bottom:15px;
             /* border: 1px solid #CFCFCF;
             padding: auto;
             padding-top: 3px;
             padding-bottom: 3px; */
             text-align: center;
             }

.righttext { border: none; width: 240px; }

.imagesright,
.imagesleft {
             float: right;
             margin-left: 5px;
             margin-top: 5px;
             border: 1px solid #CFCFCF;
             padding: 3px;
             clear: both;
             }

.imagesleft {
             float: left;
             margin-right: 5px;
             margin-top: 5px;
             }

.imagesborder {
             border: 1px solid #CFCFCF;
             padding: 2px;
             }
.socialbi {
          marign: 0px;
          padding:3px;
          background: #fff;
          border: 1px solid #CFCFCF;
          }

.teasersmall { font-size:85%; line-height:120%; }

/* Schatten Bilder */
.schattenartikelbilder {
background: url(/images/css/bilder-schatten.jpg) no-repeat bottom left;
padding: 4px 8px 15px 8px;

}

/* TagCloud */

#introduction .tagcloud .t0 { font: normal bold 100% 'Trebuchet MS', sans-serif; color: #FF5F00;}
#introduction .tagcloud .t1 { font: normal normal 140% 'Times', serif; color: #FF3F00 }
#introduction .tagcloud .t2 { font: normal normal 180% 'Times New Roman', serif; color: #DF0000; }
#introduction .tagcloud .t3 { font: normal normal 220% 'Trebuchet MS', sans-serif; color: #0050A0; }
#introduction .tagcloud .t4 { font: normal normal 260% 'Times New Roman', serif; color: #9F0000; }