/* Allgemein */

* {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 170%;
    font-weight: 300;
}

html {
    overflow-y:scroll;
    overflow-x:hidden;
    background:#f0f0f0;
}

body {
    background: #fff;
    color: #555;
    -webkit-text-size-adjust: none;
   /* overflow-y:hidden; */
}

a {
    color: #32B10C;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
    border: none;
}

a:focus {
    outline:0;
}

.red {
    color:red;
    font-weight: green;
}

.green {
    color: green;
    font-weight: green;
}

.left {
    float:left;
}

.right {
    float:right;
}

strong {
    font-weight:bold;
}

.trans {
    width:100%;
    height:5px;
    background:#fff;
    opacity: .44;
    filter: alpha(opacity=44);
    position:absolute;
    left:0;
    bottom:0;
}

p {
    margin:0 0 15px;
}

p.half {
    margin:0 0 7px;
}

p.double {
    margin:0 0 30px;
}


p.notice {
    border-left:2px solid #32B10C;
    padding-left:15px;
}

.grey {
    color: #999;
}

.black {
    color: #000;
}

.italic {
    font-style: italic;
}

.hr {
    width:100%;
    height:1px;
    background:#d5d5d5;
    margin:0 0 15px;
}

h1 {
    color: #333;
    display: block;
    font-size: 30px;
    margin: 0;
    padding: 0;
    font-weight:300;
    line-height:120%;
}

h4 {
    color: #999;
    display: block;
    font-size: 25px;
    margin: 0;
    padding: 0;
    font-weight:300;
    font-style: italic;
    line-height:120%;
}

ul {
    list-style-type:square;
    list-style-position:outside;
    margin:0 0 0 15px;
    padding:0;
}

ul li {
    padding: 0 0 10px 0;
}

ul li.profil {
    padding: 0 0 5px 0;
}


hr {
    background-color:#e5e5e5;
    color:#e5e5e5;
    height:1px;
    border-style:none;
    margin:15px 0;
    padding:0;
}

img {
    border:none;
}

img#netzwerk {
	margin:-58px 0 0 0;
}

table tr.even {
    background-color:#e4e4e4;
}

table tr.odd {
    background-color:#efefef;
}

table th {
    background-color:#1e3c5a;
    color:#fff;
    padding:4px 0 4px 20px;
}

table td {
    padding:4px 5px 4px 21px;
}

table td span {
    color:#1e3c5a;
}

table.tbl_main td {
    padding:0;
}

table.tbl_main tr.even, table.tbl_main tr.odd {
    background:#fff;
}

.clear {
    display:block;
    clear:both;
    height:0;
}

.hidden {
    display: none;
}

.no-height {
    height: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 0px;
}

ul li a {
    border-bottom: 0;
    text-decoration: none;
}

ul li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #32B10C;
}

ul li a span.dienstleistung {
	display:inline-block;
	width:122px;
}

ul li a span.pipe {
	margin:0 5px 0 0;
    display:inline-block;
}

/* Template */

.wrapper {
    width: 94%;
    margin: 0 auto;
    position: relative;
    max-width: 960px;
}

#header {
    width: 100%;
    height: 250px;
    position: relative;
    background: url(/assets/image/layout/header.jpg) no-repeat center top #0e0905;
}

#header a#logo {
    display:block;
    width: 176px;
    position:absolute;
    top:30px;
    left:0;
    z-index:10;
}

#header a#logo span {
    display:none;
}

#header a#logo img {
    width: 176px;
}

#header .logoshadow {
    width: 655px;
    height:441px;
    position:absolute;
    top:0;
    left:-130px;
    z-index:5;
    background: url("/assets/image/layout/logo-shadow.png") no-repeat left top;
}

#header .logoshadow.folgeseite {
    height:250px;
}

#footer {
    width: 100%;
    height: 51px;
    background: url("/assets/image/layout/footer.gif") repeat-x left top;
    text-align:center;
}

#main {
    padding:60px 0;
    width:100%;
    position:relative;
}

.column {
    width:420px;
}

.contact {
    width:195px;
    margin-bottom:10px;
}

.contact p span.name,
.contact p span.strasse {
    display:block;
    margin:0 0 8px;
}

.headline {
    display:block;
    height:52px;
    margin:0 0 33px;
}

.headline.consulting h1,
.headline.consulting h4,
.headline.training h1,
.headline.training h4,
.headline.projekte h1,
.headline.projekte h4,
.headline.profil h1,
.headline.profil h4,
.headline.netzwerk h1,
.headline.netzwerk h4,
.headline.blog h1,
.headline.blog h4,
.headline.kontakt h1,
.headline.kontakt h4,
.headline.impressum h1,
.headline.impressum h4,
.headline.cloud h1,
.headline.cloud h4,
.headline.systemcenter h1,
.headline.systemcenter h4,
.headline.rechenzentrum h1,
.headline.rechenzentrum h4 {
    margin-left:90px;
}

.headline.consulting {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 0;
}

.headline.training {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -57px;
}

.headline.projekte {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -114px;
}

.headline.profil {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -171px;
}

.headline.netzwerk {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -228px;
}

.headline.kontakt {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -342px;
}

.headline.impressum {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -399px;
}

.headline.rechenzentrum {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -456px;
}

.headline.cloud {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -513px;
}

.headline.systemcenter {
    background: url("/assets/image/layout/icons_headline.png") no-repeat 0 -570px;
}


.headline h1 {
    line-height:80%;
}

.headline h4 {
    line-height:150%;
}

#sloganholder {
    position:absolute;
    top:115px;
    right:0;
    z-index:100;
}

#sloganshadow {
    display: block;
    left: 65px;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: absolute;
    top: 30px;
    font-weight:300;
    font-size:28px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    line-height:110%
}

#sloganshadow span {
    font-weight:300;
    font-size:28px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    margin-left:78px;
    line-height:200%;
}

#slogan {
    position: relative;
    font-weight:300;
    font-size:38px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.4);
    line-height:110%
}

#slogan span {
    font-weight:300;
    font-size:38px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    margin-left:109px;
    line-height:110%
}

#language {
    position:absolute;
    top:0;
    right:0;
    width:92px;
    height:32px;
    cursor:pointer;
    z-index:100;
}

.de #language {
    background: url(/assets/image/layout/language.gif) no-repeat 0 0;
}

.en #language {
    background: url(/assets/image/layout/language.gif) no-repeat 0 -32px;
}

#language span {
    position:absolute;
    top:32px;
    right:0;
    width:92px;
    height:32px;
    display:none;
}

.de #language span {
    background: url(/assets/image/layout/language.gif) no-repeat 0 -96px;
}

.en #language span {
    background: url(/assets/image/layout/language.gif) no-repeat 0 -64px;
}


/* Start */

#start {
    background: url(/assets/image/layout/bg.gif) left top;
}

#start #header {
    height: 433px;
    background: url(/assets/image/layout/header.jpg) no-repeat center top #0e0905;
}

#start a.startblock {
    float:left;
    display:block;
    position:relative;
    width:206px;
    padding-right:20px;
    margin-right:20px;
    text-decoration:none;
    background:url("/assets/image/layout/startblock-border-right.png") no-repeat right 20px;
    color:#555;
}

#start a.startblock.consulting {
    background:none;
    margin-right:0;
    padding-right:0;
}

#start a.startblock span.icon {
    display:block;
    width:54px;
    height:39px;
    margin:0 auto;
}

#start #dooropener {
    width:100%;
    margin:60px 0;
}

#start a.startblock h2 {
    display:block;
    color:#333;
    margin:30px 0 0;
    padding:0;
    text-align:center;
    font-size:22px;
}

#start a.startblock h4 {
    display:block;
    color:#999;
    margin:0 0 30px;
    padding:0;
    text-align:center;
    font-size:15px;
    font-style: italic;
}

#start a.startblock p {
    display:block;
    text-align:center;
    color:#555;
}

#start a.startblock strong.button {
    display:block;
    text-align:center;
    
}

#start a.startblock strong.button span {
    padding:3px 15px;
    background:#333;
    color:#fff;
    font-weight:300;
    display:inline-block;
    text-align:center;
    font-size:13px;
}


#start a.startblock.cloud span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 0;
}

#start a.startblock.cloud:hover span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 -39px;
}

#start a.startblock.systemcenter span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 -78px;
}

#start a.startblock.systemcenter:hover span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 -117px;
}

#start a.startblock.rechenzentrum span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 -156px;
}

#start a.startblock.rechenzentrum:hover span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 -195px;
}

#start a.startblock.consulting span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 -234px;
}

#start a.startblock.consulting:hover span.icon {
    background: url("/assets/image/layout/icons_start.png") no-repeat 0 -273px;
}

#start a.startblock:hover strong.button span {
    background:#20ac00;
}

#start a.startblock:hover h2 {
    color:#20ac00;
}

#start ul#navigation {
    display:none;
}

/* Navigation */
/* Main */

ul#navigation {
    position:absolute;
    top:135px;
    right:0;
    margin:0;
    list-style:none;
    z-index:10;
    width:280px;
}

ul#navigation li {
    float:left;
    padding:0;
    margin:0 0 15px;
    width:140px;
}

ul#navigation li a {
    text-decoration: none;
    display: inline-block;
    float: right;
    padding:0;
    font-size:17px;
    color:#fff;
    line-height:19px;
    text-decoration:none;
    padding-right:35px;
}

ul#navigation li a:hover,
ul#navigation li a.active {
    color:#32b10c;
    border: none;
}

ul#navigation li.consulting a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right 0;
}

ul#navigation li.consulting a:hover,
ul#navigation li.consulting.active a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -24px;
}

ul#navigation li.training a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -48px;
}

ul#navigation li.training a:hover,
ul#navigation li.training.active a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -72px;
}

ul#navigation li.projekte a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -96px;
}

ul#navigation li.projekte a:hover,
ul#navigation li.projekte.active a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -120px;
}

ul#navigation li.profil a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -144px;
}

ul#navigation li.profil a:hover,
ul#navigation li.profil.active a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -168px;
}

ul#navigation li.netzwerk a{
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -192px;
}

ul#navigation li.netzwerk a:hover,
ul#navigation li.netzwerk.active a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -216px;
}

ul#navigation li.kontakt a  {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -240px;
}

ul#navigation li.kontakt a:hover,
ul#navigation li.kontakt.active a {
    background: url("/assets/image/layout/icons_navigation.png") no-repeat right -264px;
}

ul#navigation li.impressum {
    display:none;
}

/* Navigation */
/* Meta */

ul#meta-navigation {
    position:relative;
    margin:15px auto 0;
    list-style:none;
    display:inline-block;
}

ul#meta-navigation li {
    float:left;
    padding:0;
    margin:0 11px 0 0;
    border-right:1px solid #adadad;
}

ul#meta-navigation li.last {
    background:0;
    margin:0;
    border-right:none;
}

ul#meta-navigation li.last a {
    margin:0;
}

ul#meta-navigation li a {
    color: #999;
    display: inline-block;
    padding:0;
    margin:0 11px 0 0;
    text-decoration: none;
    float: left;
    font-size:13px;
    line-height:11px;
    font-style: italic;
}

ul#meta-navigation li.active a, 
ul#meta-navigation li a:hover {
    text-decoration: underline;
    border: none;
}

.xing {
    height:35px;
    width:65px;
    position:absolute;
    right:0;
    top:-8px;
    background:url("/assets/image/layout/icon_xing.png") no-repeat right top;
}

.xing a {
    position:absolute;
    right:0;
    bottom:0;
    color: #999;
    display: inline-block;
    font-size:13px;
    line-height:11px;
    font-style: italic;
    text-decoration: none;
}

.xing a:hover {
    text-decoration:underline;
    border: none;
}

img#xing-kontakt {
	margin:0 5px 0 0;
}

/* Formular */

form {
    margin: 0;
}

form span {
    margin: 10px 25px 10px 0;
    width:300px;
}

form span.left {
    float:left;
}

form span.right {
    float:right;
}

input {
    width:180px;
}

input.small {
    width: 25px;
}

select {
    width:198px;
}

input, textarea, select {
    padding: 6px 8px;
    -webkit-box-shadow: 1px 1px 6px #DADADA inset;
    -moz-box-shadow:  1px 1px 6px #DADADA inset;
    box-shadow: 1px 1px 6px #DADADA inset;
    border:1px solid #b1b1b1;
}

textarea {
    overflow: auto;
    font-family:arial, tahoma, geneva, sans-serif;
    font-size:13px;
    color:#555;
    width:600px;
    resize:none;
}

input.submit {
    cursor: pointer;
    color:#fff;
    background:#1e3c5a;
    margin:7px 0 0;
    width:155px;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow: none;
}

input.submit:hover {
    text-decoration:underline;
}

input[type=radio],
input[type=checkbox]
{
    width:20px;
}
@media only screen and ( max-width: 1023px ) {

    html {
        overflow-y:visible;
    }

    body {
        overflow-x:hidden;
    }

    #start #header {
        height:340px;
    }

    #header .logoshadow {
        height:340px;
    }

    #sloganholder {
        top:130px;
    }


    #slogan {
        font-size:30px;
    }

    #slogan span {
        font-size:30px;
        margin-left:86px;
    }

    .contact.right {
        float:left;
        margin-top:10px;
    }

    #start a.startblock {
        width:46%;
        margin-right:4%;
        margin-bottom:30px;
        padding-right:4%;
        padding-bottom:30px;
        background:url("/assets/image/layout/startblock-border-right.png") no-repeat right 20px, url("/assets/image/layout/startblock-border-bottom.png") no-repeat center bottom;
    }

    #start a.startblock.systemcenter {
        padding-bottom:0;
        margin-bottom:0;
		background:url("/assets/image/layout/startblock-border-right.png") no-repeat right 20px;
    }

    #start a.startblock.rechenzentrum {
		padding-right:0;
		margin-right: 0;
        background:url("/assets/image/layout/startblock-border-bottom.png") no-repeat center bottom;
    }

    #start a.startblock.consulting {
        padding-bottom:0;
        margin-bottom:0;
    }

    ul#meta-navigation {
        display:block;
        padding-top: 15px;
    }

    .column {
        width:46%;
    }

    .contact.right {
        float:left;
        margin-top:15px;
    }

}

@media only screen and ( max-width: 600px ) {
   .xing {
        display:none;
   }
}

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

    #header {
        background-position:center -167px;
    }

    h1 {
        font-size: 20px;
    }

    .headline {
        display:block;
        height:38px;
        margin:0 0 33px;
    }

    .headline.consulting h1,
    .headline.consulting h4,
    .headline.training h1,
    .headline.training h4,
    .headline.projekte h1,
    .headline.projekte h4,
    .headline.profil h1,
    .headline.profil h4,
    .headline.netzwerk h1,
    .headline.netzwerk h4,
    .headline.blog h1,
    .headline.blog h4,
    .headline.kontakt h1,
    .headline.kontakt h4,
    .headline.impressum h1,
    .headline.impressum h4,
    .headline.cloud h1,
    .headline.cloud h4,
    .headline.systemcenter h1,
    .headline.systemcenter h4,
    .headline.rechenzentrum h1,
    .headline.rechenzentrum h4 {
        margin-left:65px;
    }

    .headline.consulting {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 0;
    }

    .headline.training {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -38px;
    }

    .headline.projekte {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -76px;
    }

    .headline.profil {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -114px;
    }

    .headline.netzwerk {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -152px;
    }

    .headline.kontakt {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -228px;
    }

    .headline.impressum {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -266px;
    }

    .headline.rechenzentrum {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -304px;
    }

    .headline.cloud {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -342px;
    }

    .headline.systemcenter {
        background: url("/assets/image/layout/mobile_icons_headline.png") no-repeat 0 -380px;
    }

    .headline h1 {
        padding-top:2px;
    }

    h4 {
        font-size: 16px;
    }

    #header a#logo {
        left:3%;
    }

    #start #header .logoshadow {
       left:-150px;
       top:-65px;
       height:340px;
    }

    #header .logoshadow {
       left:-150px;
       top:-160px;
       height:290px;
    }

    #header .wrapper {
        width:100%;
    }

    #start #dooropener .wrapper {
        width:100%;
    }

    #start #header {
        height:280px;
        overflow:visible;
    }

    #header {
        height:130px;
        overflow:visible;
    }

    #start #dooropener {
        margin:0;
    }

    #start a.startblock {
        width:100%;
        background:url(/assets/image/layout/mobile_startblock.gif) repeat-x left top;
        float:none;
        height:49px;
        border-top:1px solid #e1e1e1;
        margin:0;
        padding:0;
    }

    #start a.startblock.cloud,
    #start a.startblock.systemcenter,
    #start a.startblock.rechenzentrum,
    #start a.startblock.consulting {
        background:url(/assets/image/layout/mobile_startblock.gif) repeat-x left top;
    }

    #start a.startblock.consulting {
        border-bottom:1px solid #e1e1e1;
    }

    #start a.startblock span.icon {
        height:49px;
        width:27px;
        margin:0;
        margin-left:6%;
        float:left;
    }

    #start a.startblock p,
    #start a.startblock strong.button {
        display:none;
    }

    #start a.startblock.cloud span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 0;
    }

    #start a.startblock.cloud:hover span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 -49px;
    }

    #start a.startblock.systemcenter span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 -98px;
    }

    #start a.startblock.systemcenter:hover span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 -147px;
    }

    #start a.startblock.rechenzentrum span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 -196px;
    }

    #start a.startblock.rechenzentrum:hover span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 -245px;
    }

    #start a.startblock.consulting span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 -294px;
    }

    #start a.startblock.consulting:hover span.icon {
        background: url("/assets/image/layout/mobile_icons_start.png") no-repeat 0 -343px;
    }

    #start a.startblock span.headlines {
        display:block;
        float:left;
        margin-left:6%;
    }
    
    #start a.startblock h2 {
        margin:0;
        margin-top:10px;
        text-align:left;
        font-size:16px;
        line-height:105%;
    }

    #start a.startblock h4 {
        margin:0;
        text-align:left;
        font-size:13px;
    }

    #start #footer {
        display:none;
    }

    ul#meta-navigation {
        display:none;
    }

    #sloganholder {
        right:10px;
    }

    #slogan {
        font-size:19px;
    }

    #slogan span {
        font-size:19px;
        margin-left: 53px;
    }

    #sloganshadow {
        font-size:14px;
        top:12px;
        left:48px;
    }

    #sloganshadow span {
        font-size:14px;
        line-height: 185%;
        margin-left:40px;
    }

    #navholder {
        position:absolute;
        top:0;
        width:175px;
        background:#000;
        z-index:500;
        padding:18px 0;
        display:none;
    }

    #show-mobile-nav { 
        position:absolute;
        top:15px;
        right:0;
        width:40px;
        height:40px;
        background: url("/assets/image/layout/mobile_icon_nav.gif") no-repeat left top;
        cursor:pointer;
        z-index:600;
    }

    #start ul#navigation,
    ul#navigation {
        display:block;
    }

    ul#navigation {
        position:relative;
        width:175px;
        top:0;
    }

    ul#navigation li {
        float:none;
        padding:0 20px;
        margin:0;
    }

    ul#navigation li a {
        display: block;
        float: none;
        padding:0;
        font-size:15px;
        color:#fff;
        line-height:38px;
        height:38px;
        padding:0 0 0 35px;
    }

    ul#navigation li.consulting a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left 0;
    }

    ul#navigation li.consulting a:hover,
    ul#navigation li.consulting.active a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -36px;
    }

    ul#navigation li.training a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -72px;
    }

    ul#navigation li.training a:hover,
    ul#navigation li.training.active a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -108px;
    }

    ul#navigation li.projekte a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -144px;
    }

    ul#navigation li.projekte a:hover,
    ul#navigation li.projekte.active a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -180px;
    }

    ul#navigation li.profil a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -216px;
    }

    ul#navigation li.profil a:hover,
    ul#navigation li.profil.active a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -252px;
    }

    ul#navigation li.netzwerk a{
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -288px;
    }

    ul#navigation li.netzwerk a:hover,
    ul#navigation li.netzwerk.active a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -324px;
    }

    ul#navigation li.kontakt a  {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -360px;
    }

    ul#navigation li.kontakt a:hover,
    ul#navigation li.kontakt.active a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -396px;
    }

    ul#navigation li.impressum {
        display:block;
    }

    ul#navigation li.impressum a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -432px;
    }

    ul#navigation li.impressum a:hover,
    ul#navigation li.impressum.active a {
        background: url("/assets/image/layout/mobile_icons_navigation.png") no-repeat left -468px;
    }

    #language {
        position:relative;
        width:135px;
        cursor:pointer;
        margin:0 20px;
        height:56px;
        margin-top:15px;
        padding-top:15px;
        border-top:1px solid #383838;
    }

    .de #language {
        background: url(/assets/image/layout/mobile_language_de.png) no-repeat left 15px;
    }

    .en #language {
        background: url(/assets/image/layout/mobile_language_en.png) no-repeat left 15px;
    }

    #language span {
        position:relative;
        width:135px;
        cursor:pointer;
        padding:0;
        height:28px;
        display:block;
    }

    .de #language span {
        opacity:.5;
        background: url(/assets/image/layout/mobile_language_en.png) no-repeat left top;
    }

    .en #language span {
        opacity:.5;
        background: url(/assets/image/layout/mobile_language_de.png) no-repeat left top;
    }

    .xing {
        display:block;
    }

    .column {
        width:100%;
    }

    #main {
        padding:30px 0;
    }

    .headline {
        margin-bottom:20px;
    }

    .contact {
        width:100%;
    }

    .contact.left {
        float:none;
    }
    .contact.right {
        float:none;
        margin-top:25px;
    }

}

@media only screen and ( max-width: 320px ) {
    #header .logoshadow {
       left:-200px;
       top:-85px;
       height:215px;
    }

    #slogan {
        font-size:18px;
    }

    #slogan span {
        font-size:18px;
    }
}
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/assets/image/layout/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/assets/image/layout/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url(/assets/image/layout/fancybox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */

 
body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #000;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* UILayer */
div.ps-uilayer { 
	
	background: #000;
	cursor: pointer;
	
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(loader.gif) no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url(error.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(icons@2x.png);
	}
}