/******************************/
/****** Joomla Templates ******/
/******************************/
#header {
	width: inherit;
	background:#999;
}
#navigation {
	height: 28px;
	padding: 5px 0px;
	margin: 0 auto;
	width: 1160px;
	background: #999;
}
#content {
	margin: 0 auto;
	color: #999;
}
#footer {
	margin: 0 auto;
	width: 100%;
	color: #fff;
	background: #999;
	height: 200px;
	clear: both;
}
#footer section {
	margin: 0 auto;
	width: 1160px;
    height: inherit;
}
#projekte {
	margin: 0 auto;
	width: 1160px;
	color: #999;
}
#projekte section {
	padding: 0 50px;
}
#copyright-outer {
	padding: 1px 0px 10px;
}
@media screen and (min-width:480px) {
#header {
	width: inherit;
}
}
@media screen and (min-width:768px) {
#header {
	margin-top: 0px;
	height: 100px;
}
/*#navigation {
	margin-top: 50px;
	line-height: 2.8;
}*/
#content {
	margin-top: 150px;
}
#projekte {
	margin-top: 50px;
	margin-bottom: 50px;
}
#copyright {
	height: 50px;
}
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#navigation .nav.menu li {
	display: inline-block;
	height: 47px;
	border-right: solid 1px #fff;
	float: left;
    position: relative;
	/*background: #999;*/
	transition: background 1s ease;
}
#navigation .nav.menu li:hover, #navigation .nav.menu li.active {
	background: #b3ec07;
	transition: background 1s ease;
}
#navigation .nav.menu li:first-child.active {
	background: transparent;
}
#navigation .nav.menu li:last-child {
	border-right: none;
}
#navigation .nav.menu li a {
	color: #fff;
    padding: 0 18px;
	text-decoration: none;
	height: 100%;
	font-weight: bold;
	display: block;
}
/*#navigation .nav.menu ul.nav-child  {
	width: auto;
	border-top: solid 1px #fff;
	position: absolute;
    left: 0px;
    z-index: 250;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.2s ease, opacity 1s ease;
	border-radius: 5px;
}
#navigation .nav.menu li:hover > ul.nav-child {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
	transition: visibility 0.6s ease, opacity 1s ease;
}*/
#navigation .nav.menu ul.nav-child li:last-child {
	border-radius: 0 0 5px 5px;
}
#projekte section ul li {
	list-style: none;
}

@media screen and (min-width:480px) {

}
@media screen and (min-width:768px) {

}
/******************************/
/****** Joomla Templates ******/
/******************************/
.blog-featured .items-row.cols-2 .item.span6 {
	width: 545px;
	max-height: 600px;
    position: relative;
}
.blog-featured .items-row.cols-2 .column-1 {
	float: left;
}
.blog-featured .items-row.cols-2 .column-2 {
	float: right;
}
@media screen and (min-width:480px) {

}
@media screen and (min-width:768px) {

}
/******************************/
/****** Joomla Templates ******/
/******************************/

#copyright {
	text-align: right;
	display: none;
}
@media screen and (min-width:480px) {

}
@media screen and (min-width:768px) {

}
/******************************/
/****** Joomla Templates ******/
/******************************/

@media screen and (min-width:768px) {

}
@media screen and (min-width:768px) {

}
/******************************/
/******* Joomla Default *******/
/******************************/
body {
	margin: 0px;
	font-size: 12px;
	line-height: 1.6;
	background: #fff;
}
p {
	margin: 0px;
}
ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	border: none;
	padding: 0;
	margin: 0;
}
.clr {
	clear: both;
}
.spacer_top {
	height:5px;
	border-bottom: solid 2px #999;
}
.spacer_bottom {
	height:5px;
	border-top: solid 2px #999;
}
h1, h2, h3, h4, h5 {
	margin: 0px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
form input, form select {
	font-size: 13px;
}
@media screen and (min-width:768px) {
body {
	font-size: 14px;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
form input, form select {
	font-size: 15px;
}
p {
	margin: 12px 0px;
}
}
/******************************/
/******* Joomla Default *******/
/******************************/
.blog h2 a, .blog-featured h2 a, .item-page h2 a, .user .newsflash-title a, .advert .newsflash-title a, .upper .newsflash-title a, .bottom .newsflash-title a, .inside .newsflash-title a, .user .menu li a, .advert .menu li a, .upper .menu li a, .bottom .menu li a, .inside .menu li a, .pagenav a, #login-form li a, #member-registration a, .items-more li a, .category-name a, .dropdown-menu a {
	color: #000000;
	text-decoration: none;
}
.readmore a, .user a.readmore, .advert a.readmore, .upper a.readmore, .bottom a.readmore, .inside a.readmore {
	color: #fff;
	text-decoration: none;
	background-color: #a0d306;
	padding: 7px 10px;
	border-radius: 5px;
}
.footer a.readmore {
	text-decoration: none;
	padding: 7px 10px;
	border-radius: 5px;
}
.readmore a:hover, .user a.readmore:hover, .advert a.readmore:hover, .upper a.readmore:hover, .bottom a.readmore:hover, .inside a.readmore:hover {
	color: #fff;
	background-color: #b3ec07;
}
.footer, #copyright {
	color: #FFFFFF;
}
.footer .newsflash-title a, .footer .menu li a {
	color: #FFFFFF;
	text-decoration: none;
}
#designer a {
	color: #006683;
	text-decoration: none;
}
#topmenu, #topright {
	color: #FFFFFF;
}
#topmenu .menu a, #topright .menu a {
	color: #FFFFFF;
	text-decoration: none;
}
#topmenu .menu li {
	float: left;
	margin-right: 15px;
}
#topright .menu li {
	float: left;
	margin-left: 15px;
}
#topmenu .menu li li, #topmenu .menu li li li, #topright .menu li li, #topright .menu li li li {
	display: none;
}
/******************************/
/******* Joomla Default *******/
/******************************/
.clear {
	clear: both;
}
/*.page-header > h1, .page-header > h2.h2login {
	background-color: #fff;
}
.blog-featured h1, .blog h1, .contact h1, .page-header h1, .item-page h2, .item-page h1 {
	font-size: 22px;
	border-bottom: 1px solid #3594AD;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.moduletable h3, .moduletable_menu h3 {
	font-size: 22px;
}
.blog-featured h2, .blog h2 {
	font-size: 20px;
}*/
ul.actions {
	float: right;
	margin-top: -25px;
}
.actions li {
	float: left;
}
.item-page ul.actions {
	float: right;
	margin-top: -45px;
}
.btn-group .dropdown-menu {
	float: right;
	margin-top: -29px;
}
.dropdown-menu li {
	float: left;
	margin-left: 10px;
}
.item-page .dropdown-menu {
	margin-top: -49px;
}
dl.article-info dd {
	padding: 0;
	margin: 0;
}
#system-message-container, #system-message {
	margin: 0px;
}
.pagination {
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.pagination li {
	display: inline;
}
li.pagination-page {
	display: none;
}
.pagination .pagenav {
	color: #FFFFFF;
	padding: 7px 10px;
	text-decoration: none;
	margin: 0px 2px;
	background-color: #006683;
	border-radius: 5px;
}
.pagenav .pagenav-prev, .pagenav .previous {
	float: left;
	margin-bottom: 15px;
}
.pagenav .pagenav-next, .pagenav .next {
	float: right;
	margin-bottom: 15px;
}
p.counter {
	margin-top: -5px;
}
.category-desc {
	margin-bottom: 15px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #dedede;
}
.newsflash-title {
	margin-top: 10px;
}
.mfp-table-cell {
	border-bottom: dotted 2px #999;
}
.mfp-table-row:first-child .mfp-table-cell {
	border-top: dotted 2px #999;
}
@media screen and (min-width:768px) {
li.pagination-page {
	display: inline;
}
.pagination .pagenav {
	margin: 0px 3px;
}
p.readmore {
	text-align: right;
	position: absolute;
    bottom: 0;
    width: 100%;
}
}
/******************************/
/******* Joomla Default *******/
/******************************/
#login-form fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}
#modlgn-username, #modlgn-passwd {
	display: block;
	width: 93%;
	border: 1px solid #3594AD;
	padding: 4px;
	margin-bottom: 10px;
}
#login-form p, #modlgn-username, #modlgn-passwd, #form-login-remember {
	margin: 0px 0px 10px 0px;
}
#modlgn-remember {
	margin-right: 15px;
}
/******************************/
/******* Joomla Default *******/
/******************************/
input.button, button.button, button.btn, button.validate {
	padding: 4px 10px;
	border: none;
	background-color: #006683;
	color: #FFFFFF;
	border-radius: 5px;
}
/******************************/
/******* Joomla Default *******/
/******************************/
span.contact-name {
	display: none;
}
form#member-registration, form#member-registration fieldset, form#user-registration, form#user-registration fieldset, form#contact-form {
	margin-bottom: 15px;
}
input#jform_contact_name, input#jform_contact_email, input#jform_contact_emailmsg, textarea#jform_contact_message {
	width: 92%;
}
input#jform_contact_name, input#jform_contact_email, input#jform_contact_emailmsg, textarea#jform_contact_message {
	border: 1px solid #3594AD;
	padding: 4px;
}
#member-registration #jform_name, #member-registration #jform_username, #member-registration #jform_password1, #member-registration #jform_password2, #member-registration #jform_email1, #member-registration #jform_email2, #user-registration #jform_email {
	width: 92%;
	border: 1px solid #3594AD;
	padding: 4px;
}
@media screen and (min-width:768px) {
input#jform_contact_name, input#jform_contact_email, input#jform_contact_emailmsg {
	width: 300px;
}
textarea#jform_contact_message {
	width: 500px;
}
#member-registration #jform_name, #member-registration #jform_username, #member-registration #jform_password1, #member-registration #jform_password2, #member-registration #jform_email1, #member-registration #jform_email2, #user-registration #jform_email {
	width: 300px;
}
}
/******************************/
/******* Joomla Default *******/
/******************************/
.search .button {
	margin-left: 3px;
}
.search .form-limit {
	text-align: center;
	margin-top: 10px;
}
.result-created, .result-category, .result-text {
	padding: 0;
	margin: 0;
}
.result-created {
	margin-bottom: 10px;
}
#searchForm #ordering, #searchForm #limit {
	padding: 3px;
}
.search-results a {
	color: #000000;
}
.highlight {
	color: #000000;
}
.search .inputbox {
	border: 1px solid #3594AD;
	padding: 4px;
}
/******************************/
/******* Joomla Toolbar *******/
/******************************/
.navigation {
	float: right;
	margin: 3px 15px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.sticky_left {
  position: fixed;
  top: 0px;
  z-index: 100;
  width: inherit;
  -moz-transition-property: position, top;
  -o-transition-property: position, top;
  -ms-transition-property: position, top;
  -webkit-transition-property: position, top;
  transition-property: position, top;
}
#navMain {
	display: none;
}
@media screen and (min-width:480px) {
#navigation {
	height: 28px;
	padding: 5px 0px;
	margin-bottom: 15px;
}
}
@media screen and (min-width:768px) {
#navigation {
	height: 30px;
	padding: 0px 0px;
	margin-bottom: auto;
}
.navigation {
	display: none;
}
.sticky {
  width: inherit;
}
#navMain {
	display: block;
}
}
/******************************/
/******* Joomla Toolbar *******/
/******************************/
@media screen and (min-width:480px) {

}
@media screen and (min-width:768px) {

}

/*****************************/
/*   offCanvas-Navigation    */
/*****************************/
#toolbar_mobil {
    background-color: #006683;
    color: #fff;
}
#toolbar_mobil a {
	font-weight: bold;
    color: #fff;
}
#toolbar_mobil .mm-panel ul li.item-101 a {
    padding: 0 10px 0 20px;
}
#toolbar_mobil .mm-panel ul li.item-101 a img {
    height: 40px;
}
#toolbar_mobil .mm-navbar-top-2 a {
    color: #fff;
	font-weight: bold;
	font-size: 14px;
}
#toolbar_mobil .mm-panel ul li a {
	font-weight: bold;
}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 1);
}
.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
    border-color: rgba(255, 255, 255, 1);
}

#bannermobil div div .slider-container ul li {
	width: 100%!important
}




/******************************/
/******    Neues CSS     ******/
/******************************/

@font-face{
font-family: 'Open Sans';
src:url("../fonts/OpenSans-Regular.eot");
src:url("../fonts/OpenSans-Regular.eot?#iefix") format("eot"),url("../fonts/OpenSans-Regular.woff") format("woff"),url("../fonts/OpenSans-Regular.ttf") format("truetype"),url("../fonts/OpenSans-Regular.svg") format("svg");
}
@font-face{
font-family: 'Open Sans Bold';
src:url("../fonts/OpenSans-Bold.eot");
src:url("../fonts/OpenSans-Bold.eot?#iefix") format("eot"),url("../fonts/OpenSans-Bold.woff") format("woff"),url("../fonts/OpenSans-Bold.ttf") format("truetype"),url("../fonts/OpenSans-Bold.svg") format("svg");
}

/******************************/
/******  Grundstruktur   ******/
/******************************/
body {
	background: #fff;
	font-size: 12px;
    line-height: 1.6;
	color: #999;
	font-family: 'Open Sans', sans-serif;
}
#header {
	background: #999;
	display: none;
}
#nav_wrapper {
	width: 100%;
	height: 38px;
	margin-bottom: 15px;
}
#navigation {
	height: 28px;
	padding: 5px 0px;
	width: 100%;
	background: transparent;
}
#wrapper {
    margin: 0 15px 15px 15px;
}
#content, #content_left {
    color: #999;
}
#left {
	display: none;
}
#projekte {
    margin: 50px auto 0;
    width: 100%;
    color: #999;
}
#footer {
    width: 100%;
    color: #fff;
    background: #999;
    height: 100px;
    clear: both;
}

/******************************/
/******   Allgemeines    ******/
/******************************/
p {
	margin: 0px;
}
ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	border: none;
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5 {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
form input, form select {
	font-size: 13px;
}

/******************************/
/******     Klassen      ******/
/******************************/
.clear {
    clear: both;
}
.spacer_top {
	display: none
}
.spacer_bottom {
	display: none
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

/******************************/
/******   Navigation     ******/
/******************************/
#navMain {
    display: none;
}
#navigation .nav.menu li a {
    color: #fff;
    /*padding: 3 15px;*/
    padding: 0;
    text-decoration: none;
    height: auto;
	width: 100%;
    font-weight: bold;
    display: block;
	font-size: 12px;
    text-transform: uppercase;
	font-family: 'Open Sans Bold', sans-serif;
}
.navbar-toggle {
    position: relative;
    float: left;
    padding: 5px;
    margin: 0px 0px 0px 15px;
    background-color: transparent;
    border-radius: 4px;
}
.navbar-toggle {
    margin: 0px 0px 0px 15px;
}
.navbar-inverse .navbar-toggle {
    border: 1px solid #3f3f3f;
    background: #111111;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background: #FFFFFF;
}
p#navigation_mobil {
	height: 28px;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #999;
    z-index: 101;
}
p#navigation_mobil .navigation img {
	height: 18px;
}
p#navigation_mobil a {
    width: 25px;
    height: 20px;
	position: relative;
    float: left;
    margin: 5px 5px 5px 15px;
	padding: 0;
    background-color: transparent;
    border-radius: 4px;
    color: white;
    display: block;
	outline: none;
}
p#navigation_mobil a span {
	display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
	background: #fff;
	content: '';
	position: absolute;
	-moz-transition: none 0.5s ease 0.5s;
	-o-transition: none 0.5s ease 0.5s;
	-ms-transition: none 0.5s ease 0.5s;
	-webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    -ms-transition-property: transform, top, bottom, left, opacity;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
p#navigation_mobil a span.open1 {
	top: 0;
}
p#navigation_mobil a span.open2 {
	top: 7px;
}
p#navigation_mobil a span.open3 {
	top: 14px;
}
html.mm-opening p#navigation_mobil a span.open1, html.mm-opening p#navigation_mobil a span.open3 {
	top: 7px;	
}
html.mm-opening p#navigation_mobil a span.open2 {
	left: -50px;
	opacity: 0;
}
html.mm-opening p#navigation_mobil a span.open1 {
	-moz-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
html.mm-opening p#navigation_mobil a span.open3 {
	-moz-transform: rotate( -45deg );
	-o-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
	-webkit-transform: rotate( -45deg );
	transform: rotate( -45deg );
}
html.mm-opening #mm-blocker {
    background: rgba(204, 204, 204, 0.15);
    transition: background 1s ease 0.3s;
}
#left .navleft a {
	color: #999;
}
a#toTop img {
	vertical-align: middle;
}

/******************************/
/******     Content      ******/
/******************************/
.blog-featured h1, .blog h1, .contact h1, .page-header h1, .item-page h2, .item-page h1 {
	font-size: 20px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
.blog-featured .items-row.cols-2 {
    padding: 0;
}
.blog-featured .items-row.cols-2 .item.span6 {
    width: 100%;
    max-height: 600px;
    position: relative;
}
.NavLeftContentGroup h2 {
	background: #999;
	color: #fff;
	cursor: pointer;
	outline: none;
}
.NavLeftContentGroup table tr {
	vertical-align: top;
}
.NavLeftContentGroup table tr th {
	text-align: left;
}
.NavLeftContentGroup table tr th, .NavLeftContentGroup table tr td {
	padding-bottom: 15px;
}
.NavLeftContentGroup table tr td:first-child {
	padding-right: 15px;
}
.NavLeftContentGroup #Navigation + div th:last-child {
	width: 30%;
}
.NavLeftContentGroup #Dashboard + div th:first-child, .NavLeftContentGroup #Dialogfenster + div th:last-child, .NavLeftContentGroup #Objekte + div th:last-child, .NavLeftContentGroup #Menues + div th:last-child, .NavLeftContentGroup #Ordner + div th:last-child, .NavLeftContentGroup #Spotlight + div th:first-child, .NavLeftContentGroup #Symbole + div th:last-child {
	width: 40%;
}
.NavLeftContentGroup #Dock + div th:first-child {
	width: 35%;
}
.NavLeftContentGroup #Expose + div th:first-child, .NavLeftContentGroup #Fenster + div th:last-child, .NavLeftContentGroup #Systemstart + div th:last-child, .NavLeftContentGroup #Systemstillstand + div th:last-child {
	width: 45%;
}
.NavLeftContentGroup #Ausschalten + div th:first-child {
	width: 50%;
}
.NavLeftContentGroup #Bildschirmfoto + div th:first-child {
	width: 25%;
}
.NavLeftContentGroup #Steuerelemente + div th:last-child {
	width: 20%;
}
.NavLeftContentGroup {
	width: 100%;
	outline: none;
}
.NavLeftContentGroup h2 {
	width: 100%;
	background: #999;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	font-size: 18px;
}
.hidden {
	display: none;
}
.mfp-imgdiv-left {
	width: 15%;
	min-width: 100px;
}


/******************************/
/******     Projekte     ******/
/******************************/
#projekte section {
	padding: 0;
}

/******************************/
/******      Footer      ******/
/******************************/
#footer section {
	margin: 0 auto;
	width: 100%;
    height: inherit;
}




@media screen and (min-width:768px) {
/******************************/
/******  Grundstruktur   ******/
/******************************/
#header {
	margin-top: 0px;
	height: 100px;
	display: block;
}
#nav_wrapper {
    margin: 0 auto;
    margin-top: 50px;
	height: 28px;
}
#navigation {
	width: 100%;
	height: 28px;
    margin: 0 auto;
	padding: 0px 0px;
    line-height: 2.1;
	/*background: #999;*/
	background: #a0d306;
}
#wrapper {
	padding: 0;
	margin: 0 15px;
    margin-bottom: 0px;
}
#content, #content_left, #left {
    margin: 0 auto;
    margin-top: 150px;
}
#content_left {
	width: 70%;
	float: right;
}
#left {
	width: 25%;
	float: left;
	display: block;
}
#left .navleft {
	margin-top: 58px;
	-moz-transition: all 2s ease 1s;
	-o-transition: all 2s ease 1s;
	-ms-transition: all 2s ease 1s;
	-webkit-transition: all 2s ease 1s;
	transition: all 2s ease 1s;
}
#projekte {
    margin: 50px 0;
}
#footer {
    height: 200px;
}
/******************************/
/******   Allgemeines    ******/
/******************************/
body {
	font-size: 14px;
	line-height: 1.7;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
form input, form select {
	font-size: 15px;
}
p {
	margin: 12px 0px;
}
.spacer_top {
    height: 5px;
    border-bottom: solid 2px #999;
	display: block;
}

.spacer_bottom {
    height: 5px;
    border-top: solid 2px #999;
	display: block;
}
.sticky {
    width: inherit;
}
.hidden {
	display: block;
}

/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 100%;
	height: inherit;
	position: relative;
}
#header .logo p {
	margin: 0;
	position: absolute;
    bottom: 0;
    height: 23px;
	width: 768px;
}
#header .logo img {
	width: 50%;
}
/******************************/
/******   Navigation     ******/
/******************************/
#navMain {
    display: block;
}
#navigation .nav.menu li {
    display: inline-block;
    height: 28px;
    border-right: solid 1px #fff;
    float: left;
    position: relative;
}
#navigation .nav.menu li a {
    padding: 0 15px;
    font-size: 14px;
	width: auto;
    height: inherit;
}
#navigation .nav.menu ul.nav-child {
    width: auto;
    border-top: none;
    position: absolute;
    left: 0px;
    z-index: 250;
    visibility: hidden;
    opacity: 0;
	max-height: 0;
    transition: visibility 0.5s ease, opacity 0.3s ease-in, max-height 1s ease;
    border-radius: 5px;
	background: #a0d306;
}
#navigation .nav.menu li:hover > ul.nav-child {
	visibility: visible;
	opacity: 0.85;
	max-height: 500px;
	transition: visibility 1s ease, opacity 1s ease-in, max-height 1s ease;
}
#navigation .nav.menu ul.nav-child li {
	border-top: solid 1px #fff;
    border-right: none;
    display: inline-block;
    width: 100%;
    left: auto;
}
#navigation .nav.menu ul.nav-child li:last-child {
	border-radius: 0 0 5px 5px;
}
.navbar-toggle {
    display: none;
}
p#navigation_mobil {
    display: none;
}
/******************************/
/******     Content      ******/
/******************************/
.blog-featured h1, .blog h1, .contact h1, .page-header h1, .item-page h2, .item-page h1 {
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
}
/*.blog-featured .items-row.cols-2 {
    padding: 0 4%;
}*/
.blog-featured .items-row.cols-2 .item.span6 {
    width: 45%;
}
.blog-featured .items-row.cols-2 .column-1 {
    float: left;
}
.blog-featured .items-row.cols-2 .column-2 {
    float: right;
}
#content_left .NavLeftContentGroup h2 {
	padding-top: 58px;
}
.NavLeftContentGroup h2 {
	background: none;
	color: inherit;
	cursor: auto;
	outline: none;
	text-align: left;
}



/******************************/
/******     Projekte     ******/
/******************************/
/*#projekte section {
	padding: 0 4%;
}
*/


/******************************/
/******      Footer      ******/
/******************************/
#footer section {
	width: 100%;
}




}


@media screen and (min-width: 1024px) {
body {
	font-size: 14px;
	line-height: 1.7;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
form input, form select {
	font-size: 15px;
}
p {
	margin: 12px 0px;
}

/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 910px;
	margin: 0 auto;
}
#header .logo p {
    height: 28px;
	width: inherit;
}

#nav_wrapper {
	width: 910px;
}
.sticky {
	margin-top: 0px!important;
	width: inherit!important;
}
#navigation {
	height: 28px;
    line-height: 2.1;
}
#wrapper {
    width: 910px;
	margin: 0 auto;
    margin-bottom: 0px;
}
#content {
   /*width: 860px;*/
   padding: 0 15px;
}
#content_left {
	width: 630px;
	padding-right: 15px;
	float: right;
}
.blog-featured h1, .blog h1, .contact h1, .page-header h1, .item-page h2, .item-page h1 {
	font-size: 22px;
}
#left {
	width: 200px;
	padding-left: 15px;
}
#projekte {
    width: 100%;
}
#navigation .nav.menu li {
    height: 28px;
}
#navigation .nav.menu li a {
    padding: 0 15px;
    font-size: 14px;
}
/*#wrapper {
    padding: 0 4%;
}*/
.blog-featured .items-row.cols-2 .item.span6 {
    width: 380px;
}





/******************************/
/******     Projekte     ******/
/******************************/
/*#projekte section {
	padding: 0 50px;
}*/

#footer section {
	width: 910px;
}



}


@media screen and (min-width: 1200px) {
body {
	font-size: 16px;
	line-height: 1.8;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
form input, form select {
	font-size: 17px;
}
p {
	margin: 14px 0px;
}

/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 1050px;
}
#header .logo p {
    height: 32px;
}

#nav_wrapper {
	width: 1050px;
	height: 34px;
}
#navigation {
	height: 34px;
    line-height: 2.3;
}
#wrapper {
    width: 1050px;
}
#content {
    /*width: 1020px;*/
	padding: 0 17px;
}
#content_left {
	width: 740px;
}
.blog-featured h1, .blog h1, .contact h1, .page-header h1, .item-page h2, .item-page h1 {
	font-size: 23px;
}
#left {
	width: 250px;
}
#left .navleft {
	margin-top: 60px;
}
#navigation .nav.menu li {
    height: 34px;
}
#navigation .nav.menu li a {
    padding: 0 17px;
    font-size: 16px;
}
.blog-featured .items-row.cols-2 .item.span6 {
    width: 450px;
}




#footer section {
	width: 1050px;
}



}



@media screen and (min-width:1300px) {
body {
	font-size: 18px;
    line-height: 1.9;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
form input, form select {
	font-size: 19px;
}
p {
	margin: 16px 0px;
}

/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 1160px;
}
#header .logo p {
    height: 35px;
}

#nav_wrapper {
	width: 1160px;
	height: 40px;
}
#navigation {
	height: 40px;
    line-height: 2.3;
}
#wrapper {
    width: 1160px;
}
#content {
    /*width: 1140px;*/
	padding: 0 19px;
}
#content_left {
	width: 830px;
}
.blog-featured h1, .blog h1, .contact h1, .page-header h1, .item-page h2, .item-page h1 {
	font-size: 24px;
}
#left {
	width: 270px;
}
#left .navleft {
	margin-top: 62px;
}
#navigation .nav.menu li {
    height: 40px;
}
#navigation .nav.menu li a {
    padding: 0 19px;
    font-size: 18px;
}
.blog-featured .items-row.cols-2 .item.span6 {
    width:500px;
}



#footer section {
	width: 1160px;
}

	
}



/******************************/
/******  Fallbck no-js   ******/
/******************************/
html.no-js #navigation_canvas, html.no-js #footer a#toTop {
	display: none;
}