* {margin: 0; padding: 0;}
html {overflow-y: scroll;}
body {
text-align: center; /* F�r IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
background:#333 url(../images-layout/dark-5.png);
background-attachment:fixed;}
div {text-align: left;} 


/* DIV-Boxen */

#wrapper {
position: relative;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
line-height: 18px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#000;
background-image:url(../images-layout/bg-1.jpg);

}

a {text-decoration: none;}

.clearfix:after {
    content:".";
    display:block;
    height:0px;
    clear: both;
    font-size:0;
    visibility:hidden;
    }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#wrapper, #footer, #top-head-wrapper {width:1000px;}
#top-head-wrapper {height:4px;line-height: 0;background-color: #333;}
#left-col, .stop-left-v, #top-fo-r, #top-fo-l, #mi-fo-r, #mi-fo-l, #bo-fo {float: left;}
#left-col, #logo, #spacer {width: 200px;}
#right-col {float: right;}
#right-col, #head, #button {width: 800px;}
#logo, #head {height: 180px;}
#logo {background-image: url(../images-layout/logo.jpg);}
#head {background-image: url(../images-layout/head.jpg);}
#spacer, #button {height: 40px;}
#button {background-color: #e4d37c;}

#spacer {
display: block;
    background-image: url(../images-layout/button-left-on.jpg);
    line-height:40px; text-align: center;
    color: #ccc;
    }
a#spacer:hover {
    background-image: url(../images-layout/button-left-off.jpg);
    color: #e4d37c;
}


.stop-left-h {width: 170px; font-size: 0;}
.stop-left-v {height: 10px; background-color: red;}
.lf-top {
    margin: 10px 0 0 9px;
    width: 170px; background-color: #eee;
    padding: 5px;
    border: solid 1px #b7b7b7;
    
}
.lf-titel {
    width:170px;
    height: 30px;
    background-image: url(../images-layout/mirror-3.jpg);
    text-align: center;
    font: bold 12px Arial;
    
    line-height: 30px;
}
.lf-titel a {
    color: #e4d37c;
}

#rf-top {
    margin-left:10px;
    width: 780px;
    background-image: url(../images-layout/bg-2.jpg);
    height: 11px;
}



#footer {
    position: relative;
    text-align: center;
    height:55px;
    clear: both;
    bottom: 0;
    width: 1000px;

  }
  
#top-fo-l {width: 200px; height:11px;}
  
#top-fo-r {
    margin-left:10px;
    width: 780px;
    background-image: url(../images-layout/bg-3.jpg);
    height:11px;
  }
  
#mi-fo-l {width: 200px; height:40px;  background-color: #6c6c6c;}
#mi-fo-r {width: 800px; background-color:#7f7f7f; height:40px;}
#bo-fo {width: 1000px; height: 4px; background-color: #333;}
#smoothmenu {margin-left: 15px;}

.news-content ul li {margin:8px 0px 0 20px;font-size: 12px; line-height:14px;padding-left: 0px;}
.news-content ul li a{text-decoration: none;color: #000;}
.news-content ul li a:hover{color: #80805F;}

#content-a {
    width: 740px;
    margin: 0 0 10px 20px;
    padding: 30px 10px;
    overflow: hidden;
}

#content-b {
    text-align: center;
    width: 760px;
    margin: 0 0 10px 20px;
    padding: 30px 0 30px 0;
    background-color: #252525;
    overflow: hidden;
}

#headline-a {
    width: 760px;
    height: 30px;
    background-image: url(../images-layout/mirror-3.jpg);
    font: bold 16px Arial;
    color: #e4d37c;
    line-height: 30px;
}

#headline-b {
    width: 760px;
    height: 30px;
    background-image: url(../images-layout/mirror-4.jpg);
    font: bold 16px Arial;
    color: #e4d37c;
    line-height: 30px;

}

.us {font:bold 22px Arial;}

.pb {
    border:solid 1px #b7b7b7;
    padding: 5px;
    background-color: #eee;
    margin: 30px;
}
.pbfantasie {
    border:solid 1px #b7b7b7;
    padding: 5px;
    background-color: #eee;
    margin: 20px;
}
.pbfantasie1 {
    border:solid 1px #b7b7b7;
    padding: 5px;
    background-color: #eee;
    margin: 0px;
}

.trenn, a.footerlink {
    font:normal 12px/40px Arial;
    color: #fff;
    float: right;
    margin: 0 5px;
    text-decoration: none;
    outline-width: 0;
}

a.footerlink-left {
    font:normal 12px/40px Arial;
    color: #fff;
    float: left;
    margin-left: 30px;
    text-decoration: none;
    outline-width: 0;
}
a.footerlink:hover, a.footerlink-left:hover {color: #000;}


.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}

.news-content  {padding-right:5px;}