Slideshow-Bilder verdecken Menüunterthemen

<style type="text/css">
<!--
         
/*---GLOBAL---*/
         
*{
   padding: 0px;
   margin: 0px;
}

#extradiv1, #extradiv2, #extradiv3, #extradiv4, #extradiv5, #extradiv6, #pre_header, div.header, #post_header, #pre_content, #counter, #post_content, #title {
   display:none;
}

html, body{
   width:100%;
   min-width:1200px;
   min-height:100%;
   color:#ffffff;
   font-family: Verdana;
   font-size:12px;
   text-align:justify;
}

table {
   margin:auto!important;
}

body{
   background-color: #EEEEEE;
    background-image: url("http://img.webme.com/pic/p/pink-camel/tiled_backround4.jpg");
}

a{
   color:#ffffff;
   text-decoration:none;
}

img{
   border:none;
}

#container {
   width:1200px;
   margin:10px auto;
   overflow:hidden;
}

#header_container{
   background-image: url("http://img.webme.com/pic/p/pink-camel/header_1200.png");
   height: 129px;
   width: 1200px;
}

/*---NAVIGATION---*/

#nav_container {
   width: 100%;
   height:40px;
   position:relative;
   margin:10px 0;
}

#liste{
   position:absolute;
   left:0;
   top:0;
   z-index: 99999;
}

#nav_container ul li a {
   display:block;
   text-decoration:none;
   color:#000000;
   width: 149px;
   height:40px;
   text-align:center;
   color:#ffffff;
   line-height:24px;
   font-size:12px;
   overflow:hidden;
}

#liste > li > a{
   height:24px!important;
   margin-top:8px;
}

#liste > li:not(:first-of-type) > a{
   border-left:1px inset black;
}

#liste > li:first-of-type{
   width:149px;
}
#liste > li:first-of-type > a{
   height:40px!important;
   line-height:40px!important;
   margin-top:0!important;
}

#nav_container ul {
   padding:0;
   margin:0;
   list-style: none;
}

#nav_container ul li {
   float:left;
   position:relative;
   height:40px;
   background-image: url(http://img.webme.com/pic/p/pink-camel/leiste_pink.png);
}

#liste ul {
   display: none;
}

#liste li:hover a{
   color:#fff;
   background-image: url(http://img.webme.com/pic/p/pink-camel/leiste_anthrazit.png);
   margin-top:0;
   height:40px!important;
   line-height:40px;
}

#liste li:hover ul {
   display:block;
   width:108px;
}

#liste li:hover ul li a.hide {
   color:#fff;
}

#liste li:hover ul li:hover a.hide {
   color:#000;
}

#liste li:hover ul li ul {
   display: none;
}

#liste li:hover ul li a {
   display:block;
   background: #ddd;
   color:#000;
   font-size: 11px;
   text-align: left;
   padding-left: 7px;
   width: 142px;
   border-bottom: 1px solid #c7c7c7;
}

#liste li:hover ul li a:hover {
   background-image:url(http://img.webme.com/pic/p/pink-camel/leiste_blau.png); 
   color:#fff;
}

#liste li:hover ul li:hover ul {
   display:block;
   position:absolute;
   left:105px;
   top:0;
}

/*---CONTENT---*/

#content_container{
   width:100%;
   background-image: url("http://img.webme.com/pic/p/pink-camel/content.png");
    border: 0 solid #570657;
    overflow: hidden;
}

#content{
   width:928px;
   overflow:hidden;
   float:left;
   padding:25px;
}

#sidebar_container{
   width:172px;
   overflow:hidden;
   padding:25px;
   color:#333333;
}

div.box h2 {
   font-size:12px;
   font-weight:normal;
}

div.box  a {
   color:#172ae8;
}

#below_content{
   height: 40px;
   margin: 10px 0;
   position: relative;
   width: 100%;
   background-image: url(http://img.webme.com/pic/p/pink-camel/leiste_pink.png);
   padding:0 60px;
}

#below_content > div{
   float:left;
   overflow:hidden;
   line-height:10px;
   font-size:10px;
   font-weight:bold;
   padding:15px 0;
}

/*---FOOTER---*/

#footerleft{
   margin-right: 1%;
   padding:0!important;
}

#footercopy{
   width:74%;
   text-align:center;
}


#footerright{
   margin-right:1%;
}

#footerright > a{
   margin-right:20px;
}

div.box{
   border-bottom: 1px solid #5E115E;
   margin-bottom: 23px;
   padding-bottom: 23px;
}

div.box:last-of-type{
   border-bottom: none;
}

#editorial_nav{
   list-style-type:none;
   width:680px;
   overflow:hidden;
   margin:100px auto;
}

#editorial_nav li{
   width:80px;
   height:20px;
   margin-right:5px;
   float:left;
}

#editorial_nav > li > a > img{
   width:80px;height:20px;
}

/*---WASAUCHIMMERDASSEINSOLL---*/

#o4nlinklist ul{
   list-style-type:none;
}

#o4naccordion > div{
   padding:5px 10px 5px;
   overflow:hidden;
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background: #cccccc;
   -webkit-transition: all 2s;
   -moz-transition: all 2s;
   -o-transition: all 2s;
   -khtml-transition: all 2s;
   -ms-transition: all 2s;
   transition: all 2s;
    background: -moz-linear-gradient( top, #999999, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";   /* IE 8 */
}

#o4naccordion > div:hover,#o4naccordion > div.accordion_active{
   color:#fff;
   background: #000000;
   background: -moz-linear-gradient( top, #570657, #000000); /* FF, Flock */
   background: -webkit-gradient(linear, left top, left bottom, from(#570657), to(#000000)); /* Safari, Chrome */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#570657, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff570657, endColorstr=#ff000000)"; /* IE 8 */
}

#o4naccordion > p{
   background-color:white;
   border:1px solid f0f0f0;
   padding:10px;
}         
//-->
</style>