body {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: #C0C0C0;
    font: 0.82em verdana, arial, sans-serif;  
}
#header {
    width: 100%;
    height: 160px;
    background: url('http://www.accessburn.de/images/bg_head2.png') repeat-x;
}
#logo {
    cursor:pointer; 
    cursor:hand;
    font-size: 12px;
    width: 940px;
    height: 100px;
    margin-left: 10px;
    padding: 10px 20px 0 0;
    text-align: right;
    background: url('http://www.accessburn.de/images/header.png') no-repeat;
}
#suche {
    width: 960px;
    text-align: right;
}
#middle {
    width: 960px;
    min-height: 900px;
}
#footer {
    font-size: 10px;

    clear:both;
    width: 940px;
    margin-left: 20px;
}
#footer {
    border: 1px #fff solid;
    background: #686868;
    color: #FFF;
}
#footer a {
    color: #444444;
}
#footer a:hover {
    color: #FFFFFF;
}
#left {
    float: left;
}
#right {
    float: right;
    width: 680px;
    border: 1px #fff solid;
    background: #686868;
    padding: 20px;
    margin-bottom: 20px;
    color: #FFF;
}
#right a, #neumit a:hover {
    color: #84df5d;
}
#right a:hover, #neumit a {
    color: #FFFFFF;
}
.menue {
    width: 178px;
    margin-bottom: 20px;
    margin-left: 20px;
}
.menue, 
#right, 
#footer, 
#search-query, 
.search-query2,
#log {
box-shadow: 4px 4px 4px #84df5d;
}
#tocool {
    position: fixed; 
    bottom: 32px;
    right:-20px; 
    width: 36px; 
    height:170px;

}
#tocool a:link{
    display: block;
    background: url('http://www.accessburn.de/images/to-cool-for-ie.png') no-repeat;
    width: 36px; 
    height:170px;
    background: url('http://www.accessburn.de/images/to-cool-for-ie.png') no-repeat;
    filter: alpha(opacity=20); 
    opacity: 0.2;
    -webkit-transition: all 1s ease-in-out; 
    -moz-transition: all 1s ease-in-out; 
    -o-transition: all 1s ease-in-out; 
    -ms-transition: all 1s ease-in-out;
}
#tocool a:hover{
    background: url('http://www.accessburn.de/images/to-cool-for-ie.png') no-repeat;
    filter: alpha(opacity=100); 
    opacity: 1.0;
    -webkit-transform: translate(-1.2em,0);
    -moz-transform: translate(-1.2em,0);
    -o-transform: translate(-1.2em,0);
    -ms-transform: translate(-1.2em,0); 
}
.menue_top {
    background: url('http://www.accessburn.de/images/menue_top.png') no-repeat;
    width: 178px;
    height: 27px;
    padding-top: 8px;
    padding-left: 15px;
    color: #7BD32C;
    font-size: 10px;
    font-weight: bold;
}

.social_media {
    padding: 10px;
    background: url('http://www.accessburn.de/images/table_list.png') repeat-y;
}
#neumit {
    padding-left: 6px;
}
.menue_con, #neumit, #sup {
    font-size: 12px;
    background: url('http://www.accessburn.de/images/table_list.png') repeat-y;
    width: 178px;
    min-height: 20px;

}
.menue_con div{
    list-style: none;
    margin-left: 10px;
    color: #fff;
}
.menue_con li{
    list-style: none;
    margin-left: 20px;
}
.menue_con li a {
    display: block;
    width: 130px;
    height: 20px;
    color: #fff;
    padding-left: 20px;
    padding-top: 2px;
}
.menue_con a:hover {
    display: block;
    background: #444444;
}
#sup a img {
    margin-left: 25px;
    
}
#sup a img:hover {
    display: block;
    background: #444444;
}
.menue_bottom {
    background: url('http://www.accessburn.de/images/menu-abschluss.png') no-repeat;
    width: 178px;
    min-height: 10px;
}
#header, a {
    color: #686868;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #FFF;
}
#log {
    z-index:2;
    display: none; 
    width: 300px;
    position: absolute;
    top: 87px;
    margin-left: 619px;
    color: #FFF;
    font-size: 10px; 
    border: 1px #FFF solid;
    border-top: 0px;
    background-color: #444444;
    padding:20px;
}
#log a {
    color: #7BD32C;
}
#log a:hover {
    color: #686868;
}
#log div {
    width: 98%;
    text-align: right;
}
#log span {
    display: block;
    width: 220px; 
    height: 1px; 
    background: #fff; 
    margin-left: -20px; 
    margin-top: -20px; 
    margin-bottom: 20px;
}
#right input,
input {
  width: 95%;
}
#right input,
input, textarea {
  padding: 4px;
  margin: 5px 0;
  font-size: 12px;
  color: #EEE;
  background-color: #777;
  border: 1px solid #999;
}
#right input:hover,
#right input:focus,
input:hover,
input:focus, 
textarea:hover, 
textarea:hover {
  color: #FFF;
  background-color: #999;
  border: 1px solid #EEE;
}
.cssmenu {
    width: 700px;
    text-align: center;
}
ul.cssmenu {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px;
}
ul.cssmenu ul {
  position: relative;
  display: none;
}
ul.cssmenu li {
  position: relative;
  display: inline;
  float: left;
}
/* Menupunkt stylen */
ul.cssmenu li a {
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  display: block;
  width: 120px;
  height: 20px;
  border: 1px solid #ffffff;
}
ul.cssmenu li:hover > a {
  background-color: #444444;
  color: #84EF5D;
  font-weight: bold;
}
/* Untermenüpunkt einblenden */
ul.cssmenu li:hover > ul {
  position: absolute;
  top: 20px;
  left: -40px;
  display: inline;
}
/* ab zweite Ebene */
ul.cssmenu li li:hover > ul {
  top: 0px;
  left: 81px;
}
ul.cssmenu li li a {
  width: 120px;
}
/* Farben der einzelnen Ebenen (werden vererbt)*/
ul.cssmenu a {
  color: #ffffff;
  background-color: #444444;
}
ul.cssmenu ul a {
  background-color: #444444;
}
ul.cssmenu ul ul a{
  background-color: #444444;
}
ul.cssmenu ul ul ul a{
  background-color: #b4b4b4;
}
 
/* zusätzliche Styleangaben für IE 6 */
/* das Menü wird dort untereinander dargestellt */
ul.cssmenu {
  _text-indent: 10px;
}
ul.cssmenu ul {
  _display: inline;
  _margin-left: 0px;
  _text-indent: 20px;
}
ul.cssmenu ul ul {
  _text-indent: 30px;
}
ul.cssmenu ul ul ul {
  _text-indent: 40px;
}
ul.cssmenu li {
  _float: none;
}
/* Menupunkt stylen */
ul.cssmenu li a {
  _text-align: left;
  _width: 120px;
}
ul.cssmenu a:hover {
  _font-weight: bold;
  _background-color: #646464;
}
#nm {
    background: #666 url('http://www.accessburn.de/images/mail_icons/email.gif') no-repeat;

}
.search-query2
{
    border:1px solid #FFF;
    font:12px Arial,sans-serif;
    padding:1px 1px 2px 6px;
    width:200px;
    height:23px;
    color:#fff;
    background:#666;
}
#search-form #search-query
{
    border:1px solid #FFF;
    font:12px Arial,sans-serif;
    width:200px;
    padding:1px 0px 0px 6px;
    color:#ccc;
    background:#666 url(http://www.accessburn.de/images/magnifier.png) no-repeat right;
}
#search-form #search-query:focus,#search-form #search-query.focused,#search-form #search-query2:hover,#nm:hover
{
    border:1px solid #444;
    font:12px Arial,sans-serif;
    width:200px;
    color:#84EF5D;
    background:#666;
}

#right .mtd {
    width: 220px; 
    border-left: 1px #FFFFFF solid; 
    padding-left: 4px;
}
#right .mtd a {
   color: #FFFFFF;
   font-weight: normal;
}
#right .mtd a:hover {
    color: #84df5d;
}

    #list_header {
        height:24px; 
        border: 1px #000000 solid; 
        width: 675px; 
        color: #FFFFFF; 
        background: #444444;
    }
    .list {
        width: 675px;
        height: 300px;
        min-height: 80px; 
        overflow: auto;
        
    }
    #list ul {
        margin-top: 0;
    }
    #list ul li {
        list-style: none;
        margin-left: -40px;
    }
    #list li a {
        font-weight: normal;
        color: #FFFFFF;
        display: block;
        border-bottom: 1px #000 solid;
        height:24px;
        text-decoration:none;
        cursor:pointer; 
        cursor:hand;
    }
    #list li a:hover {
        color: #84df5d;
        background: #444444;
    }
    #list li a:focus {
        color: #84df5d;
        background: #444444;
    }
    #list li span {
        padding-top:2px;
        display: inline-block;
    }
    
#sub {
    position: absolute;
    top: -20px; 
    margin-left: 240px;
}
#sub img {
    border: none;
 }
.submenu {
    -webkit-transition: all 0s ease-in-out; 
    -moz-transition: all 0s ease-in-out; 
    -o-transition: all 0s ease-in-out; 
    -ms-transition: all 0s ease-in-out;
 } 
.submenu:hover {
    -webkit-transform: translate(0,1.1em);
    -moz-transform: translate(0,1.1em);
    -o-transform: translate(0,1.1em);
    -ms-transform: translate(0,1.1em); 
} 

#accessburnface { width:154px; margin: 0; text-align: center; font: 0.62em verdana, arial, sans-serif; color: #EEE;}
#accessburntop { width:155px; min-height:55px; background: url(http://www.accessburn.de/special/accessburn_gadget/gadget_image/top.png) no-repeat; margin:auto;}
#accessburno { width:154px; height:12px; background: url(http://www.accessburn.de/special/accessburn_gadget/gadget_image/o.png) no-repeat; margin:auto; }
#accessburnm { width:154px; background: url(http://www.accessburn.de/special/accessburn_gadget/gadget_image/back.png); margin:auto; color: #EEE; }
#accessburnu { width:154px; min-height:16px; background: url(http://www.accessburn.de/special/accessburn_gadget/gadget_image/u.png) no-repeat; margin:auto; }
#accessburninput{ border: 0px solid; margin-top:32px; width:79px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }
#accessburnm a { color: #86E160; }
#accessburnm a:visited { color: #86E160;}
#accessburnm a:hover { color: #FFF;}