/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/** Der richtige Stil für die richtigen Männer **/


a:link, a:visited {
  color:#000000/*05458D*/;
text-decoration:underline;
}
a:hover, a:active {
    color:#000000 /*05458D*/;
text-decoration:none;
}


ul.linked li a {
  background-image: url(../images/blue/readon.png);
}

ul.linked li a:hover {
  background-image: url(../images/blue/linked.png);
}

div.blog-featured h2 a:hover,
div.blog h2 a:hover,
div.item-page h2 a:hover,
ul#archive-items li.row0 h2 a:hover {
  color: #05458D; /* Hover-Effekt im Blog Überschrift-bereich */
}

p.readmore a:link,
p.readmore a:visited,
a.readon:link,
a.readon:visited,
.djc_readon a:link,
.djc_readon a:visited,
a.readmore:link,
a.readmore:visited {
  background: url(../images/blue/readon.png) no-repeat right center;
}

/********** dj-catalog **********/

#djcatalog .djc_title h3 a:hover,
.djc_items .djc_title h4 a:hover {
  color: #0088CC;
}

/********** dj-imageslider **********/

.djslider .slide-desc-text .slide-title a:hover {
  color: #0088CC;
}

/********** dj-multitreemenu **********/

.dj-mtmenu {
  border: 1px solid #5aabd3;
  /*background: url(../images/blue/djmenutop_bg.png) repeat-x top left;*/
  background: url(../images/menutop_bg.jpg) repeat-x top left;
  background-color:#4799C8; list-style-type: none;
  }

.dj-mtmenu li.dj-up {
     border-left: 1px solid #5aabd2;
}

.dj-mtmenu li.dj-up.first a.dj-up_a {
  border-right: 1px solid #98d4f2;  
}

.dj-mtmenu li.dj-up.last {
     border-right: 1px solid #5aabd2;
}

.dj-mtmenu li a.dj-up_a {
  border-top: 1px solid #98d4f2;
  border-right: 1px solid #98d4f2;
  border-left: 1px solid #98d4f2;
}

.dj-mtmenu li.hover,
.dj-mtmenu li.active {
  background: url(../images/blue/djmenutop_hover.png) repeat-x top left;  
}

.dj-mtmenu li.hover div.djsubwrap div {
  border-top: 1px solid #479ac5;
  border-left: 1px solid #479ac5;
  border-right: 1px solid #479ac5;
}

.dj-mtmenu li.hover div.djsubwrap div.sub-bg { /* submenu background */
  background: #074787;
  border: none;
}

.dj-mtmenu ul.dj-submenu {
    border-bottom: 1px solid #479ac5;
}

.dj-mtmenu li.hover ul.dj-submenu li a:hover,
.dj-mtmenu li.hover ul.dj-submenu li a.active {
    color: #0088cc;
}

.dj-mtmenu li.hover ul.dj-submenu li ul li a:hover,
.dj-mtmenu li.hover ul.dj-submenu li ul li a.active {
    color: #0088cc;
}

.dj-mtmenu li.hover ul.dj-submenu li a.dj-more-active,
.dj-mtmenu li.hover ul.dj-submenu li ul li a.dj-more-active {
    color: #0088cc;
}

.dj-mtmenu li.hover ul.dj-submenu li.hover a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover li.hover a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover li.hover li.hover a.dj-more {
    color: #0088cc;
}

/********** dj- einfach menu - voll schrott **********/

.dj-main {
  border: 1px solid #5aabd3;
  /*background: url(../images/blue/djmenutop_bg.png) repeat-x top left;*/
  background: url(../images/menutop_bg.jpg) repeat-x top left;
  background-color:#4799C8;
  list-style-type: none;    
  line-height: 33px;
margin-left:-10px;
}

.dj-main li.dj-up {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
  background: none;
}

.dj-main li.dj-up.first {
  border-left: none;
}

.dj-main li.dj-up.first a.dj-up_a {
  border-left: none;
  padding: 0 10px 0 11px;
}

.dj-main li a.dj-up_a {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    color: #FFFFFF;
    background: none;
    text-decoration: none;
    font-size:14px;
    font-weight: bold;
    padding: 0 10px;
    cursor: pointer;
}

.dj-main li:hover a.dj-up_a,
.dj-main li.active a.dj-up_a,
.dj-main li.dj-up.first:hover a.dj-up_a,
.dj-main li.dj-up.first.active a.dj-up_a {
  border: none;
  padding: 1px 11px 0;
}

/* ###########  grenze ######### */


.dj-main li a.dj-up_a span {
    float: left;
    display: block;
}

.dj-main li a.dj-up_a span.dj-drop {
    float: left;
    display: block;
    padding: 0 15px 0 0;
  background: url(../images/djmenutop_drop.png) right 20px no-repeat;
}

.dj-main li:hover a.dj-up_a span,
.dj-main li.active a.dj-up_a span {
    background: none;
    text-decoration: none;
}

.dj-main li.active a.dj-up_a span.dj-drop,
.dj-main li:hover a.dj-up_a span.dj-drop {
    background: url(../images/djmenutop_drop_active.png) right 20px no-repeat;*
}

.dj-main li.separator > a {
    cursor: default;
}

.dj-main li a.dj-up_a span span.image-title {
    background: none;
    padding: 0 0 0 10px;
    display: inline;
    float: none;
    height: auto;
  vertical-align: middle;
}

.dj-main img {
    border: 0;
    margin: 0;
  vertical-align: middle;
}

/************** Second level / 2. Ebene *********************/

.dj-main li:hover {
    position: relative;
    z-index: 200;
}

.dj-main div.djsubwrap {
    border: none;
    padding: 0;
    /*background: none;*/ background-color:#ffffff;
  color:#000000;
    font-size:14px;
    font-weight: bold;
    position: absolute;
  left: -1px !important;
    top: 35px;
    z-index: 300;
}

.dj-main div.djsubwrap .cols_5 {
    width: 900px;
}

.dj-main div.djsubwrap .cols_4 {
    width: 720px;
}

.dj-main div.djsubwrap .cols_3 {
    width: 540px;
}

.dj-main div.djsubwrap .cols_2 {
    width: 360px;
}

.dj-main li:hover div.djsubwrap div.sub-bg { /* submenu background */
  border: none;
}

.dj-main div.djsubwrap {
    display: none;
}

.dj-main li:hover div.djsubwrap {
    display: block;
    /* ie7 fix */
    background: url(../images/blank.gif);
}

/*** #################### Submenü hier ansehen ####################### ***/

.dj-main ul.dj-submenu {
    list-style: none outside;
    padding: 3px 0;
    margin: 0;
    border: none;
    display: block;
    background-color:#ffffff; border: solid 1px #000000;
}

.dj-main ul.dj-submenu li {
    list-style: none outside;
    padding: 0 10px;
    margin: 0;
    display: block;
    float: left;
    width: 160px; /* + 2*10px (padding) = 180px (width of column) */
    /* ie7 fix */
    /*background: url(../images/blank.gif);*/
  border: none;
  background-color:#ffffff;
  color:#000000;
    font-size:14px;
    font-weight: bold;
}

.dj-main ul.dj-submenu li a {
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 5px 0;
    margin: 0;
    display: block;
    cursor: pointer;
  border: none;
      height: 34px;
    line-height: 34px;
}

.dj-main ul.dj-submenu li ul {
    list-style: none outside;
    border: 0;
    padding: 0 0 0 10px;
    margin: 0;
    display: block;
}

.dj-mainu ul.dj-submenu li ul li {
    width: auto;
    padding: 0 0 0 15px;
    margin: 1px 0;
    display: block !important;
    float: none;
    background: url(../images/submenuPipe.gif) left 4px no-repeat;
    zoom: 1;
}

.dj-main ul.dj-submenu li ul li a {
    /*color: #ffffff;*/
  color:#000000;
  background-color:#FFFFFF;     
  height: 34px;
    line-height: 34px;
    color: #FFFFFF;
}

.dj-main ul.dj-submenu li ul li ul {
    padding: 0;
}

.dj-main li:hover ul.dj-submenu li a.dj-more {
    background: url(../images/djmenutop_drop.png) right 10px no-repeat;
    padding-right: 10px;
}

.dj-main li:hover ul.dj-submenu li ul li a.dj-more {
  background: none;
}

.dj-main li:hover ul.dj-submenu li a.dj-more-active,
.dj-main li:hover ul.dj-submenu li ul li a.dj-more-active {
    background: url(../images/djmenutop_drop.png) right 10px no-repeat;
    padding-right: 10px;
}

.dj-main li:hover ul.dj-submenu li a.dj-more,
.dj-main li:hover ul.dj-submenu li:hover ul li a.dj-more,
.dj-main li:hover ul.dj-submenu li:hover ul li:hover li a.dj-more,
.dj-main li:hover ul.dj-submenu li:hover ul li:hover li:hover li a.dj-more {
    color: #fff;
}

/********** clearing **********/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

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

.clearfix {
    display: block !important;
}

/* End hide from IE-mac */