@import url(default.css);

/* Zentrale Spritezuweisung */
a.logo,
div.searchsearch form input[type="text"],
aside#sidebar ul li,
a.referenzen,
.sprocket-strips-arrows .arrow,
a.gpartner {
	background: url("../images/sprite.png") no-repeat transparent 0 0;
}

a.logo,
a.referenzen,
nav#mainNav > div > ul > li:first-child a,
.sprocket-strips-arrows .arrow,
a.gpartner {
	text-indent:-10000px;
}

/* Button */
a.button,
input[type="submit"],
.rsform-reset-button,
.readon,
.fpss-template-movies .slidetext a.fpssReadMore
{
    background: none repeat scroll 0 0 #1ba1e2;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 5px 15px;
    border:none;
    box-shadow: none;
}
a.button {
    line-height: 45px;
}

/* Button Hover */
a.button:hover,
input[type="submit"]:hover,
.rsform-reset-button:hover,
.readon:hover,
.fpss-template-movies .slidetext a.fpssReadMore:hover
{
	text-decoration:none;
	transition: all 0.1s ease-in-out;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0 0 #1ba1e2;
}

/* Button red */
.rsform-reset-button {
	background:#f03838;
}

/* Zierscrift */
.wk-slideshow .caption,
h1,
h2,
h3,
h4,
a.button,
input[type="submit"],
nav#mainNav,
footer#footer,
footer#footer a
{
/*	font-family:"raleway", Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family:Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* normal css follows */


body {
	font-size:15px;
	font-family:Helvetica, Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#555454;
	word-wrap: break-word;
	font-weight: lighter;
}
/*
body {
	cursor: url("../images/cursor_transparent.png"), default;	
}
a,
a:hover,
div.searchsearch,
div.searchsearch form input[type="text"],
.sprocket-strips-arrows .arrow,
.mean-container a.meanmenu-reveal {
	cursor: url("../images/Hand.png"), pointer;	
}
*/

a#logo {
    background-position: 0px -61px;
    display: block;
    height: 45px;
    left: 0;
    position: relative;
    width: 310px;
}

section#toolbar {
    background: #1ba1e2;
    color: #fff;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    position: fixed;
    width: 100%;
    min-width:1024px;
    z-index: 300;
    overflow:hidden;
}
section#toolbar div.wrapper {
	position: relative;
}
section#toolbar form {
	float:right;
}
section#toolbar ul {
	overflow: hidden;
	float: left;
}
section#toolbar ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    float: left;
    margin-right: 15px;
    padding-right: 15px;
}
section#toolbar ul.icons li:first-child {
	border-left:1px solid rgba(255, 255, 255, 0.2);
}
section#toolbar ul li:last-child {
	border:none;
}
section#toolbar ul.icons {
	float: right;
}
section#toolbar ul.icons li {
    line-height: 30px;
    padding: 0;
    margin:0;
}
section#toolbar ul.icons li a {
    display: block;
    padding: 0 6px 0 10px;
}
section#toolbar ul.icons li a i {
    color: #B6CE9A;
    font-size: 22px;
    line-height: 30px;
}
section#toolbar ul.icons li:hover a i {
	color:#fff;
}


section#toolbar ul.icons li:hover a.google {
	background:#e46145;
	
}
section#toolbar ul.icons li:hover a.fb {
	background:#517cb7;
}
section#toolbar ul.icons li:hover a.vimeo {
	background:#3abfe8;
}
section#toolbar ul.icons li:hover a.yt {
	background:#e30613;
}


section#toolbar p {
	float:right;
}
section#toolbar a {
	color:#fff;
	text-decoration: none;
}
section#toolbar ul:first-child a:hover {
	text-decoration: underline;
}


div.searchsearch {
    position: absolute;
    right: 162px;
    top: 0;
}
div.searchsearch form button {
    display: none;
}
div.searchsearch form input[type="text"] {
    background-position: -360px -374px;
    padding: 4px;
    position: absolute;
    right: 0;
    width: 25px;
    font-size: 13px;
    color:#fff;
    border:0;
    height:22px;
}
div.searchsearch:hover form input[type="text"] {
	background-position: -360px -338px;
}

div.wrapper {
	width:1024px;
	margin:0 auto;
}

section#content {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    min-width: 1024px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
}
section#content div.wrapper {
	position: relative;
	margin-top:75px;
}
div#contentBox {
	width:100%;
}

aside#sidebar {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    float: right;
    padding-left: 60px;
    width: 210px;
}

section#content aside#sidebar + div.item-page {
    width: 680px;
}
aside#sidebar a.button {
	line-height: normal;
}

section#content aside#sidebar ul li {
	list-style: none;
	height:65px;
	position: relative;
	margin:0;
	padding:0 0 25px 70px;
}
aside#sidebar ul li h3 {
	padding:0 0 5px 0;
}
aside#sidebar ul li.persons {
    background-position: 0 -68px;
}
aside#sidebar ul li.chart {
    background-position: 0 -162px;
}
aside#sidebar ul li.pc {
    background-position: 0 -265px;
}
aside#sidebar ul li a.button {
	background:none;
	border:1px solid #a3a3a3;
	border-radius:3px;
	font-size: 12px;
	color:#1d1d1b;
	padding:3px 5px;
	position: relative;
	margin-right: 5px;
}
a.referenzen {
    background-position: -302px 0;
    display: block;
    height: 140px;
    width: 160px;
}
a.referenzenLink {
	font-weight: bold;
}

aside#sprocket {
	clear: both;
}




section#content p {
	padding-bottom:16px;
}
.fa,
blockquote,
.sprocket-strips-text {
	font-family:FontAwesome, futura-pt, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
}


/* Hauptnavigation oben */

nav#mainNav {
	min-width:1024px;
    height: 105px;
    padding-top: 25px;
    position: relative;
    width: 100%;
}

nav#mainNav ul {
    position: absolute;
    right: 0;
    top: 40px;
}
nav#mainNav > div > ul > li {
	float:left;
	position: relative;
	border-right:1px solid rgba(0, 0, 0, 0.2);
}
nav#mainNav > div > ul > li:first-child:before {
    font-family: FontAwesome,futura-pt,Verdana,Geneva,Arial,Helvetica,sans-serif;
    left: 5px;
    position: absolute;
    top: 5px;
    content: "";
    z-index: 1;
}
nav#mainNav > div > ul > li:first-child:hover:before {
	color:#1BA1E2;
}

nav#mainNav ul > li:hover > ul {
	display: block;
}
nav#mainNav ul > li > ul {
	display:none;
	padding:10px 10px;
	width:290px;
	z-index:100;
	box-shadow: 0 0 7px rgba(100, 100, 100, 0.5);
	background:#fff;
	background:rgba(255,255,255,.95);
	top:30px;
	left:0;
	padding:20px 0;
}
nav#mainNav ul > li:last-child > ul {
	left:auto;
	right:0;
}

nav#mainNav ul > li > a,
nav#mainNav ul > li > span {
    color: #575756;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding: 0 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    z-index:10;
}
nav#mainNav ul > li:last-child > a,
nav#mainNav ul > li:last-child > span {
	padding-right: 0;
}
nav#mainNav ul > li:last-child,
nav#mainNav ul > li:last-child {
	border-right: 0;
}

nav#mainNav ul > li > a:hover {
	color:#1ba1e2;
}
nav#mainNav ul > li.current > a {
	font-weight: bold;
	color:#1ba1e2;
}


nav#mainNav ul > li > ul > li {
	float:none;
	border:0;
}
nav#mainNav ul > li > ul > li > a {
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 26px;
    padding: 0 15px;
    text-align: left;
    text-transform: none;
    text-decoration: none;
}
nav#mainNav > div > ul > li > ul > li.active > a,
nav#mainNav > div > ul > li > ul > li > a:hover {
	background:rgba(0,0,0,0.1);
}


nav#mainNav ul > li > ul > li > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 0;
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    display: block;
}
nav#mainNav ul > li > ul > li > ul > li {
	list-style: square inside none;
	margin-left: 16px;
}
nav#mainNav ul > li > ul > li > ul > li > a {
	color:#1ba1e2;
	display: inline;
	padding:0;
}
nav#mainNav ul > li > ul > li > ul > li > a:hover {
	text-decoration: underline;
}


a.logo {
    display: block;
    height: 50px;
    position: relative;
    top: 30px;
    width: 235px;
}

p.logo {
    font-size: 48px;
    top: 45px;
    position: relative;
}
p.logo span {
	color:#1BA1E2;
}

a.logo img {
	width:225px;
}
nav#mainNav div.wrapper {
	position: relative;
	height: 105px;
}



/* Slideshow */

section#slideshowWrapper {
	width:100%;
	overflow:hidden;
	margin:0 auto;
	max-width: 1920px;
}
section#slideshowWrapper > p {
	height: 0;
}

/*
div.wk-slideshow ul.nav {
	position:absolute;
	right:20px;
	bottom:10px;
	z-index: 10;
}
*/

.wk-slideshow .caption {
	background:none;
}
.wk-gallery-showcasebox .wk-slideshow .caption {

}
.wk-slideshow .caption {
    display: inline;
    font-size: 56px;
    font-weight: bold;
    left: auto;
    line-height: 60px;
    position: absolute;
    right: 15%;
    text-indent: -80px;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    width: auto;
    bottom:20px;
}
.wk-slideshow .caption h2 {

}
.wk-slideshow .caption p {
}
.wk-slideshow .caption a {
}
.wk-slideshow ul.nav {

} 
section#content .wk-slideshow ul,
section#content .wk-gallery-showcase ul,
section#content .wk-slideset ul {
	padding:0;
}

div.item-page .wk-slideshow img,
div.item-page .wk-gallery-showcase img {
	border:none;
	margin:0;
}

section#content .wk-gallery-showcase .wk-slideset .set > li,
section#content .wk-gallery-showcase ul li,
section#content .wk-slideset ul li,
section#content .wk-slideshow ul li,
section#content .wk-gallery-slider ul li {
	list-style: none;
	margin:0;
	padding:0;
}
.wk-gallery-showcase {
    position: relative;
    height:560px;
}
.wk-gallery-showcase > div {
	position:absolute;
	left:-20px;
	width:960px !important;
}
section#content .wk-slideshow ul li {
	list-style: none;
}
p.title {
	text-align:center;
	padding-top:10px;
}

.clear,
.cls {
	clear:both;
}
.hidden {
	display: none;
}


.formRed {
    color: #E30613;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    padding-top: 26px;
}

.formResponsive .formError {
    color: #E30613;
    font-size:14px;
}



footer#footer {
	min-width:1024px;
	margin:0 auto 0;
	background:#575756;
	color:#fff;
}
footer#footer a,
footer#footer h3 {
	color:#fff;
}
footer#footer div.wrapper {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
}
footer#footer > div > div {
    float: left;
    margin-right: 100px;
    width: 180px;
}
footer#footer > div > div:last-child {
	margin:0;
}

footer#footer ul.icons {
    height: 35px;
    position: absolute;
    right: 0;
    top: 197px;
    width: 168px;
    overflow: hidden;
}
footer#footer ul.icons li {
	float:left;
	margin-right: 13px;
}
footer#footer ul.icons li:last-child {
	margin:0;
}

footer#footer ul.icons li a {
    border-radius: 32px;
    display: block;
    height: 32px;
    line-height: 35px;
    text-align: center;
    text-indent: 3px;
    width: 32px;
	-webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
}
footer#footer ul.icons li a i {
    font-size: 20px;
    line-height: 32px;
}
footer#footer ul.icons li a.google {
	background:#e46145;
}
footer#footer ul.icons li a.fb {
	background:#517cb7;
}
footer#footer ul.icons li a.vimeo {
	background:#3abfe8;
}
footer#footer ul.icons li a.yt {
	background:#e30613;
}
footer#footer ul.icons li a:hover {
	color:#575756;
	-webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
}


#fully {
	position:absolute;
	bottom:5px;
	right:15px;
}

a.gpartner {
    background-position: -480px 0;
    display: block;
    height: 77px;
    margin-top:50px;
}

.fa-thumbs-o-down {
	font-size:135px;
}

.rsform-block:hover {
	background:none !important;
}

.rsform-input-box,
.rsform-text-box,
.rsform-select-box {
	width:250px !important;
	text-align: left;
	border-radius: 3px;
}
.rsform-select-box {
	padding: 8px 5px !important;
	width:260px !important;
}
.rsform-input-box {
    padding: 5px 5px !important;
}

/* Content */
h1 {
    color: #1ba1e2;
    font-size: 28px;
    font-weight: bold;
    line-height: 35px;
    padding-bottom:12px;
}


h2 {
    color: #1D1D1B;
    font-size: 18px;
    line-height: 30px;
    padding-bottom:12px;
}


h3,
.fpss-template-movies .slidetext h1,
.fpss-template-movies .slidetext h1 a,
.fpss-template-movies .slidetext h1:hover,
.fpss-template-movies .slidetext h1 a:hover {
	font-size:18px;
	line-height:22px;
	color:#1ba1e2;
	font-weight: bold;
	padding-bottom: 12px;
}

h4 {
	font-size:15px;
	padding-bottom: 12px;
}

a {
	text-decoration:none;
	color:#1ba1e2;
}
a:hover {
	text-decoration: underline;
}

strong,
strong * {
	font-weight: bold;
}
hr {
	border:none;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
i {
	
}
blockquote {
	padding-bottom: 10px;
}
blockquote:before {
	content:"\F10D";
	font-size: 26px;
	padding:0 10px 0 0;
}
.sprocket-strips-text:after {
	content:"\F10E";
	font-size: 26px;
	padding:0 10px 0 0;
}

blockquote p {
	display: inline;
}

section#content ol,
section#content ul {
	padding-bottom:16px;
}

section#content ol li {
    line-height: 25px;
    list-style: decimal outside none;
    margin-left: 20px;
    padding-left: 8px;
}

section#content ul li {
    list-style-type: square;
    margin-left: 15px;
    padding-left: 8px;
    line-height: 25px;
}

/* Tabellen */
table {
    border-spacing: 15px;
    margin-bottom: 30px;
    margin-left: -15px;
    width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
table.details {
	border-spacing:60px;
}
table h3 {
	padding-bottom:0;
}
table tr td:first-child {
}
table tr td {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	vertical-align: top;
}
table tr:first-child td {
}
table.w33 {
	border-spacing:0;
}
table.w33 tr td {
    border-right: 2px solid #aaa;
    border-spacing: 18px;
    margin-left: 3px;
    margin-right: 22px;
    padding: 10px 25px;
    width: 33%;
}
table.w33 tr td:last-child {
	border-right:none;
}
table.w20 tr td {
	width:20%;
}
table.w50 tr td {
	width:50%;
}
table.data {
	border-spacing:2px;
}
table.small {
	width:auto;
}


.element-invisible {
	display:none;
}



section#content div.item-page {
	padding: 10px 5px;
	float:left;
}



input {
    background: none repeat scroll 0 0 #B8B7B7;
    border: 0 none;
    border-radius: 3px;
    color: #575756;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 7px;
    padding: 3px 5%;
    text-align: right;
}
::-webkit-input-placeholder { /* WebKit browsers */
    opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity:  1;
}

select {
    height: 36px;
    padding: 7px 3px 5px 10px;
    width: 101%;

}
select option {
    padding: 5px 0 5px 10px;
    font-size:16px;
}
textarea {
	font-family: Helvetica;
}


.acymailing_module input[type="submit"] {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
input#info {
	display: none !important;
}

div#lightbox-overlay {
	background:#eee !important;
}

.print,
div.page-header {
	display: none !important;
}


body#page-53 ul.slides {
	height:auto !important;
}
body#page-53 ul.slides li {
	height:auto !important;
	position: relative !important;
}




td.formTableLeft,
td.formTableRight {
	width:50%;
}



.sprocket-strips-content {
	position: relative;
}

.sprocket-strips-content:hover:after {
	background:none;
}
.sprocket-strips-content:hover > * {
	text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
}
.sprocket-strips-content > *,
.sprocket-strips-content a {
	position: relative;
	z-index:10;
	color:#fff;
}
.sprocket-strips-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: none;
    height: 300px;
    position: relative;
}

.sprocket-strips-content a.readon {
    list-style: none outside none;
    margin-left: 0;
    padding: 0;
}
section#content .sprocket-strips-container > li {
	list-style: none;
	margin-left: 0;
}

.sprocket-strips-arrows .arrow {
    border-radius: 1em;
    display: block;
    float: right;
    font-size: 40px;
    height: 35px;
    line-height: 28px;
    margin-left: 5px;
    opacity: 0.7;
    text-align: center;
    width: 35px;
}
.sprocket-strips-arrows .arrow {
	height:40px;
	width:20px;
	border-radius: 0;
	float: none;
	margin:0;
	position: absolute;
}
.sprocket-strips-arrows .arrow.prev {
	background-position: -286px -210px;
	left:0;
	
}
.sprocket-strips-arrows .arrow.next {
	background-position: -293px -269px;
	right:0;
}
div.sprocket-strips-arrows {
	height: 50px;
    left: -10%;
    padding: 0;
    position: absolute;
    width: 120%;
    top:140px;
}

body#page-63 div#contentBox table td:nth-child(2n-1) p {
	border-radius: 500px;
	width:140px;
	height:140px;
	overflow: hidden;
	position:relative;
}


body#page-63 div#contentBox img {
	width:145px;
}

.sprocket-strips-content {
	display:none;
}

div.btn-toolbar {
	display: none;
}
dd.result-created,
dd.result-category {
	font-size:12px;
}
dd.result-created {
	border-bottom:1px dotted;
}

dt.result-title {
	padding-top:16px;
}
fieldset.phrases,
fieldset.only,
div.form-limit {
	display: none;
}

div.search {
	width:70%;
}

/*
 * kacheln auf home page
 */
div.kachel {
    background: none repeat scroll 0 0 #1ba1e2;
    border: 3px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #1ba1e2;
    color: #fff;
    float: left;
    height: 315px;
    margin: 15px 10px;
    padding: 30px;
    text-align: center;
    width: 165px;
    transition: All 0.5s ease 0s;
    position: relative;
}

div.kachel:hover {
	transition: All 0.5s ease 0s;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

div.kachel h3 {
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}
div.kachel p {
	text-align: justify;
}
div.kachel i {
    font-size: 70px;
    height: 70px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 76px;
    padding-top: 2px;
}
div.kachel i a {
	color:#fff;
}


a.readon,
div.kachel a.readon:hover {
	display: block;
	background:#fff;
	color: #1ba1e2;
	text-align: center;
	position: absolute;
	bottom:12px;
	left:20px;
}


/*
 * customer sprocket
 */
div.sprocket-quotes {
	clear: both;
}
.sprocket-quotes-container {
	margin: 0;
}
.sprocket-quotes .cols-2 > li {
	width: 48%;
}
.sprocket-quotes-text {
	font-size:inherit;
	line-height:inherit ;
}

/*
 * header slideshow
 */
#fpssContainer95.fpss-template-movies {
	font-family: inherit;
	border:none;
	padding:0;
	margin:0 auto;
}
#fpssContainer95.fpss-template-movies .navigation-wrapper,
#fpssContainer95.fpss-template-movies .slides-wrapper {
	background:#1ba1e2;
}
.fpss-template-movies .navigation li {
	background:none;
}
.fpss-template-movies .navigation li.active, .fpss-template-movies .navigation li:hover, .fpss-template-movies .navigation-background {
	background:rgba(255,255,255,0.2);
	color: #575756;
}
#fpssContainer95.fpss-template-movies .navigation li.navigation-button a,
#fpssContainer95.fpss-template-movies .navigation li.active a, #fpssContainer95.fpss-template-movies .navigation li.navigation-button a:hover {
	border-top-color:rgba(255,255,255,0.7);
}
.fpss-template-movies .slidetext {
	background:none;
}
.fpss-template-movies .slidetext p {
	color:#575756;
}
.fpss-template-movies .slidetext h1,
.fpss-template-movies .slidetext h1 a,
.fpss-template-movies .slidetext h1:hover,
.fpss-template-movies .slidetext h1 a:hover {
	color:#575756;
}
#fpssContainer95.fpss-template-movies .fpssTimerContainer .fpssTimer {
	background: #1ba1e2;
}
.fpss-template-movies .navigation-title {
	font-size: 13px;
	font-weight: normal;
}
.fpss-template-movies .slidetext a.fpssReadMore {
	width: auto;
	bottom:30px;
}
.fpss-template-movies .navigation-title {
	top:3px;
	position: relative;
}
.sprocket-quotes-image {
	height:100px;
}
.slidetext h1,
.slidetext h3,
.slidetext p {
	display: none;
}
/********************************** RESPONSIVE ******************************************/

/*
 * iPad 4 				2048 × 1536
 * iPhone 5				1136x640
 * iPad Mini 			1024x768
 * iPad 1, 2, 3			1024x768
 * iPhone 4, 4s			960x640
 * Galaxy S2			800x480
 * iPhone 3GS			480x320
 * Galaxy Ace			480x320
 */


/* Responsive Menu */

/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    float: left;
    height: 40px;
    padding: 4px 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}

.mean-container a.meanmenu-reveal {
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    left: 0;
    line-height: 42px;
    padding-left: 2%;
    position: absolute;
    text-decoration: none;
    top: 0;
    width:100%;
    text-align:left !important;
}
.mean-container a.meanmenu-reveal > div {
    position: relative;
    top: 13px;
    width: 22px;
}
.mean-container a.meanmenu-reveal > div > span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}
.mean-container a.meanmenu-reveal > span {
    left: 40px;
    position: relative;
    top: -15px;
} 
.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 43px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}
.mean-container .mean-nav ul li ul li {
	background:none;
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li span {
	display: block;
	float: left;
	width: 96%;
	padding:6px 2%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #aaa;
	border-top: 1px solid rgba(255,255,255,0.9);
	text-decoration: none;
	text-transform: uppercase;
}
.mean-container .mean-nav ul li ul li a,
.mean-container .mean-nav ul li ul li span {
	padding-left:25px;
}
.mean-container .mean-nav ul li ul li a:before,
.mean-container .mean-nav ul li ul li span:before {
	content:"→ ";
}

.mean-container .mean-nav ul li li a {
	width: 88%;
	padding: 5px 8%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 50px;
	height: 10px;
	line-height:10px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}




/* --------------------------
   Desktopdesign kann nicht mehr dargestellt werden
----------------------------*/
@media only screen and (max-width:1179px) {


}

/* --------------------------
   iPad2 Landscape
----------------------------*/
@media only screen and (max-width:1023px) {



}
/* --------------------------
   iPad2 Portrait
----------------------------*/
@media only screen and (max-width:960px) {



}


/* --------------------------
   Iphone 4S, 4
----------------------------*/
@media only screen and (max-width:640px) {

	
}

/* --------------------------
   Iphone 3GS und andere Smartphones mit geringer Auflösung
----------------------------*/
@media only screen and (max-width:480px) {
	


}
@media only screen and (max-width:320px) {
	

}