/**
 * @package     Joomla.Site
 * @subpackage	Templates.cas_responsive
 * @copyright   digital yours C.Krumm & L.Hain Medienagentur - All rights reserved.
 * @license     commercial lizenz
 */

.m960 ul {
    line-height:21px;
    text-align:left;
    margin:0;
    padding:0;
        float:left;
}
#menu {

    width:720px;
    margin:0;
    height:43px;
}
#menu li {
    float:left;
    display:block;
    text-align:center;
    position:relative;
    padding: 10px 20px 10px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
#menu li:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.01);
}
#menu li:last-child {
    border-right: 0px solid rgba(255, 255, 255, 0.1);
}
#menu li:hover {
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background: #fff;
}
#menu li a {
    font-family: 'Oxygen', Arial, sans-serif;
    font-size:15px; 
    color: #fff;
    display:block;
    outline:0;
    text-decoration:none;
}
#menu li:hover a {
	color: #212020;
}
/*#menu li .drop {
    padding-right:21px;
    background:url("../images/drop.gif") no-repeat right 8px;
}
#menu li:hover .drop {
    background:url("../images/drop.png") no-repeat right 7px;
}*/

.dropdown {
    z-index: 999;
    margin:11px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 20px 10px 20px; 
    border:1px solid #ccc;
    border-top:none;
    background:#fff;
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.4);
    box-shadow: 3px 3px 3px rgba(0,0,0,.4);
}
.dropdown button.menuclose {
    display:none;
    padding:0 8px;
    margin:0;
    position:absolute;
    bottom:0;
    right: 0;
}
#menu li:hover .dropdown {
    left:-1px;
    top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8{
    float: left;
    position: relative;
}
.last, .last10, .last2 {
    float:right!important;
    margin-right: 0!important;
}
.last10 {
    margin-bottom:10px;
}
.last20 {
    margin-bottom:20px;
}
.mleft20 {
    margin-left: 20px;
}
.push h3 {
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 0px!important;
    color: #fff!important;
    line-height: 0!important;
}
.col_1 {width:60px;}
.col_2 {width:140px;}
.col_3 {width:220px;}
.col_4 {width:300px;}
.col_5 {width:380px;}
.col_6 {width:460px;}
.col_7 {width:540px;}
.col_8 {width:620px;}

#menu .menu_right {
    float:right;
    margin-right:0px;
}

#menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}
#menu p, #menu ul li {
    font-family: 'Oxygen', Arial, sans-serif;
    font-size: 90%;
    color: #333;
    text-align:left;
}
#menu h2, #menu h3 {
  font-family: 'Oxygen', Arial, sans-serif;
  color: #5b7895;
  font-weight: 400;
  border-bottom:1px solid #888888;
}
#menu h2 {
    font-size:18px;

    padding-bottom:14px;
}
#menu h3 {
    font-size:15px;
    padding-bottom:7px;
}
#menu .noborder h3, #menu .noborder h3 {
    border-bottom:0;
}
#menu p h3 {
    margin:0; padding:0;
}
#menu p img {
    background:#FFFFFF;
    margin:0 20px 0 0;
    border:1px solid #eee;
    margin-top:3px;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
#menu .margin-bottom20 {
    margin:0 0 20px 0;
}
#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    position:relative;
    padding:0;
    margin:0;
    text-align:left;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}

/* =Sub-Menü Listen-Klassen: -subnav
-------------------------------------------------------------- */
#menu li ul.menu-subnav {
    list-style:none;
    padding:0;
    margin:0;
}
#menu li ul.menu-subnav li {
    border:0px;
    border-bottom: 1px solid #ccc;
}
#menu li ul.menu-subnav li:last-child {
    border: none;
}
#menu li ul.menu-subnav li:hover {
    background:none;
    padding:0;
    margin:0;
}
#menu li ul.menu-subnav li a {
    font-family: 'Oxygen', Arial, sans-serif;
    text-decoration: none;
    color: #000;
    display: block;
    width: 220px;
    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}
#menu li ul.menu-subnav li a:hover {
    font-size: 20px;
    color: #7cadde;
    height: 25px;
}

/* =Sub-Menü Listen-Klassen: -horizontal und Submenü
-------------------------------------------------------------- */

.submenu ul.menu  {
    margin-top:18px;
}
#menu li ul.menu-horizontal li, .submenu ul.menu li {
    float: left;
    margin-right: 0px;
    border-right: 1px solid #aaa;
    padding: 0 5px!important;
}
#menu li ul.menu-horizontal li {
    margin-top: 7px!important;
}
#menu li ul.menu-horizontal li:first-child {
    padding: 0 5px 0 0!important;
}
.submenu ul.menu li {
   line-height: 18px; 
}
#menu li ul.menu-horizontal li:last-child, .submenu ul.menu li:last-child {
    border-right: none;
}
.submenu ul.menu li:last-child {
    border-right: none;
    padding: 0 0 0 5px!important;
}
#menu li ul.menu-horizontal li a, .submenu ul.menu li a {
    font-family: 'Oxygen', Arial, sans-serif;
    text-decoration: none;
    color: #222;
    -webkit-transition: font-size 0.3s ease, height 0.3s ease;
    -moz-transition: font-size 0.3s ease, height 0.3s ease;
    -o-transition: font-size 0.3s ease, height 0.3s ease;
    -ms-transition: font-size 0.3s ease, height 0.3s ease;
    transition: font-size 0.3s ease, height 0.3s ease;
}
#menu li ul.menu-horizontal li a:hover, .submenu ul.menu li a:hover {
    font-size: 20px;
    color: #7cadde;
}
#menu li ul.menu-horizontal li.active a, .submenu ul.menu li.active a {
    font-weight: bold;
}

/* =Footermenüs
-------------------------------------------------------------- */
.moduletable-footer {
    line-height: 130%;
    margin: 20px 0;
}
.moduletable-footer h3 {
    color: #fff;
    font-size: 100%;
}
.moduletable-footer a:hover {
    color: #fff;
}

/* =jQuery & CSS Mobilemenü
-------------------------------------------------------------- */
nav {
	height: 40px;
	width: 100%;
	font-size: 11pt;
	font-family: 'Oxygen', Arial, sans-serif;
	position: relative;

        background: rgb(69,72,77); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
nav ul {
	padding: 0;
	margin: 0 auto;
/*	width: 600px;
	height: 40px;*/
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #555;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #5b7493;
}
nav a#pull {
	display: none;
}

/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1024px) {
.dropdown button.menuclose {
    display:block;
}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 1050px) {
	nav {
		border-bottom: 0;
                height: auto;
	}
	nav ul {
		display: none;
                width: 100%;
		height: auto;
	}
        nav li {
        display: inline;
        position: relative;
        float: left;
        width: 100%;
	}
	nav li a, nav li .separator {
		border-bottom: 1px solid #576979;
	}
          	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	nav a#pull {
		display: block;
		width: 100%;
                position: relative;
                background: rgb(69,72,77); /* Old browsers */
                background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {

}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}