@charset "utf-8";
/* CSS Document */

body { font-family: 'Droid Sans', sans-serif; font-size:12px; background:#000 }
.body-scroll-mobile { overflow:hidden }

#header { background:#fff; width:100%; border-top:3px solid #000 }
#verlauf { background:url(../images/header-verlauf.png); height:6px; width:100%; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3 }

#mobile-nav { height:40px; width:40px }

#logo { height:50px; width:190px; overflow:hidden; float:left }

#navigation { height:60px; float:left }
#nav-desktop { height:29px }
#nav-desktop a { color:#b1b3b4; text-decoration:none; margin-left:35px; display:block; float:left }
#nav-desktop a:hover { color:#000 }

#subnavi{ height:30px; line-height:30px; visibility:hidden}
#subnavi ul.menu li { display:inline; float:left; margin-left }
#subnavi a { color:#b1b3b4; text-decoration:none; margin-left:0px; margin-right:20px }
#subnavi a:hover { color:#000 }
#subnavi li.active a { color:#000 }

#sub-about { border-top:1px solid #000; height:30px; line-height:30px; position:absolute; min-width:518px !important; visibility:visible }
#sub-work { border-top:1px solid #000; height:30px; line-height:30px; position:absolute; min-width:518px !important }
#sub-clients { border-top:1px solid #000; height:30px; line-height:30px; position:absolute; min-width:518px !important }
#sub-people { border-top:1px solid #000; height:30px; line-height:30px; position:absolute; min-width:518x !important }


#social-bookmarks { width:100px; overflow:hidden; }
#social-bookmarks a { margin-left:5px; margin-right:5px; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4 }
#social-bookmarks a:hover { margin-left:5px; margin-right:5px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; cursor:pointer }


#content-txt {  }
#content-title h2 { margin:0px; padding:0px; color:#000; text-shadow: none; font-weight:bold }
#content-title a { color:#000; text-shadow:none; font-weight:bold; text-decoration:none; display:block; padding-top:10px; padding-bottom:20px }
#content-title img { margin-right:18px; margin-left:-36px; padding-top:0px; position:absolute; margin-top:0px }
.openbutton { }
.close { display:none }
.closebutton { display:none }
.open { display:block }
	  
#content-title a:hover, img:hover { cursor:pointer }


#slide-content { font-size:14px; line-height:26px; text-shadow:none }
#slide-content #readmorex { visibility:hidden }

.scroller { margin:0px; padding: 0px 10px 10px 10px; overflow:auto; float:left; height:300px; margin-left:-43px;
   -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
	
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.scroller p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
.scroller p:nth-child(3n+0){color:#c96;}
#slide-content .mCSB_container { margin-right:0px; margin-left:34px }


.mCSB_draggerContainer { margin-top:6px; visibility:hidden }
.opendrop { visibility:visible }

#slide-content .mCSB_scrollTools { left:0; display:block !important; visibility:visible !important  }
.mCSB_dragger { height:40px !important }
.mCSB_draggerRail { width:1px !important; background:#333333 !important }
.mCSB_dragger_bar { width:3px !important; background:#000 !important }


#content-title.white_font h2 {  color:#fff; text-shadow: 0px 0px 4px #000000; font-weight:bold }
#content-title.white_font a.open { color:#fff; text-shadow: 0 0 3px #000000; }
#slide-content.white_font .scroller { font-size:14px !important; color:#fff !important; text-shadow: 0 0 4px #000000; }
#slide-content.white_font .scroller a { font-size:14px !important; color:#fff !important; text-shadow: 0 0 4px #000000; text-decoration:none }
#slide-content.white_font .scroller a:hover { font-size:14px !important; color:#fff !important; text-shadow: 0 0 4px #000000; font-weight:bold } 

#slide-content.white_font .scroller p:nth-child(1n) { font-size:14px !important; color:#fff !important; text-shadow: 0 0 4px #000000; font-family: 'Droid Sans', sans-serif; font-style:normal }
#slide-content.white_font .scroller p:nth-child(2n) { font-size:14px !important; color:#fff !important; text-shadow: 0 0 4px #000000; font-family: 'Droid Sans', sans-serif; font-style:normal }
#slide-content.white_font .scroller p:nth-child(3n) { font-size:14px !important; color:#fff !important; text-shadow: 0 0 4px #000000; font-family: 'Droid Sans', sans-serif; font-style:normal }
#slide-content.white_font .scroller p:nth-child(4n) { font-size:14px !important; color:#fff !important; text-shadow: 0 0 4px #000000; font-family: 'Droid Sans', sans-serif; font-style:normal }
#slide-content.white_font .mCSB_dragger_bar { background:#fff !important }


#content-title.black_font h2 {  color:#000; text-shadow: none; font-weight:bold }
#content-title.black_font a.open { color:#000; text-shadow: none; }
#slide-content.black_font .mCSB_dragger_bar { background:#000 !important }
#slide-content.black_font .scroller { font-size:14px !important; color:#000 !important; text-shadow:none !important; }
#slide-content.black_font .scroller a { font-size:14px !important; color:#000 !important; text-shadow:none !important; text-decoration:none }
#slide-content.black_font .scroller a:hover { font-size:14px !important; color:#000 !important; text-shadow:none !important; font-weight:bold; text-decoration:underline }

#slide-content.black_font .scroller p:nth-child(1n) { font-size:14px !important; color:#000 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
#slide-content.black_font .scroller p:nth-child(2n) { font-size:14px !important; color:#000 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
#slide-content.black_font .scroller p:nth-child(3n) { font-size:14px !important; color:#000 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
#slide-content.black_font .scroller p:nth-child(4n) { font-size:14px !important; color:#000 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
 

/* PEOPLE / PROJECT */
#navslide-left { margin-left:15px; margin-top:50px; width:20%; color:#CCCCCC; padding-bottom:80px; float:left  }
#navslide-left  a { color:#fff }


#content-txt-people { float:right; width:75%; padding-top:50px; height:1000px }
#content-txt-people .scroller { margin:0px; padding:10px; overflow:auto; float:left }
#content-txt-people .mCSB_scrollTools { display:block !important; visibility:visible !important }
#content-txt-people .mCSB_draggerContainer { visibility:visible !important; margin-left:0px !important }
#content-txt-people .mCSB_dragger_bar { background:#fff !important }

#content-txt-people .maxiroundedcenter li { width:340px; float:left; list-style:none; height:260px }
#content-txt-people .maxiroundedcenter li .titreck { height:30px; font-size:14px; font-weight:normal; padding-top:10px; height:55px; float:left; color:#fff }
#content-txt-people .maxiroundedcenter li .titreck  span.descck { float:left; display:block; color:#878787; font-size:12px; width:340px; margin-top:-2px; height:30px }
#content-txt-people .maxiroundedcenter li a.maximenuck { text-decoration:none }
#content-txt-people .maxiroundedcenter li a.maximenuck .titreck { background:url(../images/people-icon.gif) right center no-repeat }
/*.maxiroundedcenter li:hover a.maximenuck .titreck { background:url(../images/people-icon-over.gif) right center no-repeat #000 !important; padding-left:15px !important; width:325px; height:55px }
.maxiroundedcenter li:hover a.maximenuck .titreck  span.descck { padding-left:15px !important; margin-left:-15px; width:325px } */

#content-txt-people .maximenuck2 li { width:340px; height:20px !important; padding:0px !important; margin:0px 0px 0px 0px !important }
#content-txt-people .maximenuck2 li span { width:340px; height:20px !important; padding:0px !important; margin:0px !important; font-size:12px !important }
#content-txt-people .maximenuck2 li .titreck { background:none !important }
#content-txt-people .maximenuck2 li a span.titreck  { color:#878787 }
#content-txt-people .maximenuck2 li a:hover span.titreck  { color:#fff }



#navslide-left #left-clients-maxi { margin-left:20px }
#navslide-left #left-people-maxi { margin-left:20px; margin-bottom:40px }
#navslide-left #left-electrical-maxi { margin-left:20px; margin-bottom:40px }
#navslide-left #left-mechanical-maxi { margin-left:20px; margin-bottom:40px }
#navslide-left #left-tele-maxi { margin-left:20px }

#navslide-left ul.maximenuck, #navslide-left ul.maximenuck2 { list-style:none }
#navslide-left .level1 { margin-bottom:20px; line-height:16px }
#navslide-left .level1 span.titreck { color:#fff; font-weight:bold }
#navslide-left .level2 { margin:10px 0px }
#navslide-left .level2 a .titreck { color:#a3a3a3; font-weight:normal }
#navslide-left .level2 a:hover .titreck { color:#fff; font-weight:normal }
#navslide-left .level2 span .titreck { color:#696a6b; font-weight:normal }

#navslide-left #left-people-maxi .level2 { margin:15px 0px }
#navslide-left #left-people-maxi .level2 a .titreck .descck { display:block; font-weight:normal; color:#a3a3a3 }
#navslide-left #left-people-maxi .level2 a:hover .titreck .descck { display:block; font-weight:normal; color:#ccc }
#navslide-left #left-people-maxi .level2 a .titreck { color:#ccc; font-weight:bold }
#navslide-left #left-people-maxi .level2 a:hover .titreck { color:#fff; font-weight:bold }

#navslide-left #left-electrical-maxi .level2 { margin:15px 0px }
#navslide-left #left-electrical-maxi .level2 .separator .titreck .descck { display:block; font-weight:normal; color:#696a6b }
#navslide-left #left-electrical-maxi .level2 .separator .titreck { color:#696a6b; font-weight:bold }

#navslide-left #left-mechanical-maxi .level2 { margin:15px 0px }
#navslide-left #left-mechanical-maxi .level2 .separator .titreck .descck { display:block; font-weight:normal; color:#696a6b }
#navslide-left #left-mechanical-maxi .level2 .separator .titreck { color:#696a6b; font-weight:bold }

#navslide-left #left-tele-maxi .level2 { margin:15px 0px }
#navslide-left #left-tele-maxi .level2 .separator .titreck .descck { display:block; font-weight:normal; color:#696a6b }
#navslide-left #left-tele-maxi .level2 .separator .titreck { color:#696a6b; font-weight:bold }
#navslide-left #left-tele-maxi .level2 a .titreck .descck { display:block; font-weight:normal; color:#a3a3a3 }
#navslide-left #left-tele-maxi .level2 a:hover .titreck .descck { display:block; font-weight:normal; color:#ccc }
#navslide-left #left-tele-maxi .level2 a .titreck { color:#ccc; font-weight:bold }
#navslide-left #left-tele-maxi .level2 a:hover .titreck { color:#fff; font-weight:bold }


#navslide-left { height:100%; color:#696a6b; font-size:12px; line-height:24px }
#navslide-left a { color:#a3a3a3; text-decoration:none }
#navslide-left a.title { color:#fff; font-weight:bold }
#navslide-left a:hover { color:#fff; cursor:pointer }

#navslide-left .scroller { margin:0px; padding:0px; overflow:auto; float:left; line-height:20px !important }
#navslide-left .mCSB_scrollTools { display:block !important; visibility:visible !important }
#navslide-left .mCSB_draggerContainer { visibility:visible !important; margin-left:0px !important; margin-left:-85px !important }
#navslide-left .mCSB_dragger_bar { background:#fff !important }

#navslide-left span.manager { line-height:16px; margin-bottom:15px; margin-top:10px; display:block }
#navslide-left a.manager { line-height:16px; margin-bottom:15px; margin-top:10px; display:block }
#navslide-left a.manager strong { color:#CCC }
#navslide-left a.manager:hover strong { color:#fff }

#navslide-left .custom { padding-left:25px }

#controls-wrapper .menu { float:right }
#controls-wrapper .menu li { display:block; float:left }

#controls-wrapper:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1 } 

/* VIDEO */

video#bgvid { 
position:absolute;
min-width: 100%; min-height: 100%;
z-index: -80 !important;
/* background: url(../images/nyc.jpg) no-repeat; */
background-size: cover;
top:100px;
}
#controls-wrapper { display:block !important }
video { display: block; } 
#nextslide { display:none }

/* VIDEO */


.usgbc-white { display:block }
.usgbc-black { display:none }

#xmap div { min-width:200px }

iframe.gmaps { border:0; margin-left:25px; float:left; width:732px; height:429px }

#video-mobile-placeholder img { visibility:hidden }

@media (min-width: 1200px) { 
  #header { height:130px }
  #mobile-nav { visibility:hidden !important }
  #logo { margin-top:35px; margin-left:40px }
  .logo-mobil { display:none }
  #navigation { margin-top:48px; font-size:12px; margin-left:100px; background:#fff }
  #subnavi { font-size:12px }
  #social-bookmarks { float:right; margin-right:10px; margin-top:15px }
  
  #content-txt { width:40%; margin-top:250px; margin-left:150px; height:65% }
  #content-title h2 { font-size:35px }
  #content-title a { font-size:16px }
  
  #content-txt-people .scroller { height:650px; }
  #content-txt-people .mCSB_scrollTools { right:30px }
  
  #content-txt-people .maxiroundedcenter li { margin:0px 25px 65px 25px }
  #navslide-left .scroller { width:300px; height:650px }
}

@media (max-width: 1200px) {	
  #header { height:110px }
  #mobile-nav { visibility:hidden !important }			
  #logo { margin-top:28px; margin-left:20px }
  .logo-mobil { display:none }
  #navigation { margin-top:40px; font-size:12px; margin-left:50px }
  #subnavi { font-size:11px }			
  #social-bookmarks { float:right; margin-right:10px; margin-top:15px }
  
  #content-txt { width:40%; margin-top:180px; margin-left:100px; height:65% }			
  #content-title h2 { font-size:30px }
  #content-title a { font-size:14px }
  
  #slide-content .scroller { height:200px }
  
  #content-txt-people .scroller { height:450px }
  #content-txt-people .mCSB_scrollTools { right:5px }
  
  #content-txt-people .maxiroundedcenter li { width:300px !important; float:left; list-style:none; height:260px; margin:0 20px 65px }
  #content-txt-people .maxiroundedcenter li .titreck { height:30px; font-size:14px; font-weight:normal; padding-top:10px; height:55px; float:left; color:#fff }
  #content-txt-people .maxiroundedcenter li .titreck  span.descck { float:left; display:block; color:#878787; font-size:12px; width:300px !important; margin-top:-2px; height:30px }
  #content-txt-people .maxiroundedcenter li a.maximenuck { text-decoration:none }
  #content-txt-people .maxiroundedcenter li a.maximenuck .titreck { background:url(../images/people-icon.gif) right center no-repeat }
  /*.maxiroundedcenter li:hover a.maximenuck .titreck { background:url(../images/people-icon-over.gif) right center no-repeat #000 !important; padding-left:15px !important; width:285px !important; height:55px }
  .maxiroundedcenter li:hover a.maximenuck .titreck  span.descck { padding-left:15px !important; margin-left:-15px; width:285px !important } */
  #content-txt-people .maxiroundedcenter li img { width:300px !important }
  
  #navslide-left .scroller { width:235px; height:450px  }
  
  video#bgvid { top:50px !important }
}


@media (max-height: 770px) {
   #navslide-left .scroller { height:450px  }
    #content-txt-people .scroller { height:450px }
}

@media (max-height: 800px) {
  #header { height:110px }
  #mobile-nav { visibility:hidden !important }
  #logo { margin-top:28px; margin-left:20px }
  .logo-mobil { display:none }
  #navigation { margin-top:40px; font-size:12px; margin-left:50px }
  #subnavi { font-size:11px }
  
  #content-txt { width:45%; margin-top:150px; margin-left:80px; height:65% }
  #content-title h2 { font-size:25px }
  #content-title a { font-size:14px }
  
 
}

@media (max-width: 768px) { 
  body { overflow-y:scroll }
  #header { height:50px; position:fixed; z-index:9999999999999999999999 }
  #verlauf { position:fixed; z-index:9999999999999999999999; margin-top:53px }
  
  #prevslide, #nextslide { display:none; visibility:hidden }
  #mobile-nav { visibility:visible !important; }
  #mobile-nav a { top:7px !important }
  #logo { margin-top:0px; margin-left:5px; width:140px; position:fixed }
  .logo-normal { display:none }	
  .logo-mobil { display:block; margin-top:4px; position:absolute; z-index:99999999999999999999999 }
  #navigation { display:none }
  #social-bookmarks { display:block; margin:0px auto; padding-top:14px; float:left; position:absolute; margin-left:-46.5px; left:50% }
  #supersized { height:400px !important }
  
  #content-txt { width:100%; background:#fff; top:400px; position:absolute; margin-top:0px !important;  margin-left:0px !important; height:auto; padding-bottom:80px; padding-top:10px }
  #content-title h2 { text-shadow:none !important; color:#000000 !important; font-weight:normal !important; margin-left:5% !important; margin-top:25px }
  #content-title a { font-size:12px; color:#999999 !important; text-shadow:none !important; padding:0px !important; margin-left:5% !important }
  
  #slide-content { color:#666666; background:#fff; width:90%; padding:5%; padding-top:15px; text-shadow:none !important }
  
  .mCSB_draggerContainer { display:none }
  .openbutton { display:none }
  .closebutton { display:none }
  #readmorex span#readmore { visibility:inherit !important }
  #slide-content .scroller { height:100% !important; background:#fff }
  
  #slide-content.white_font .scroller { font-size:14px !important; color:#666 !important; text-shadow: none !important; }
  #slide-content.white_font .scroller a { color:#000 !important; text-shadow: none !important; text-decoration:none; }
  #slide-content.white_font .scroller a:hover { color:#000 !important; text-shadow: none !important; font-weight:bold }
  
  .scroller p:nth-child(1n) { font-size:14px !important; color:#666 !important; text-shadow: none !important; font-family: 'Droid Sans', sans-serif; font-style:normal }
  .scroller p:nth-child(2n) { font-size:14px !important; color:#666 !important; text-shadow: none !important; font-family: 'Droid Sans', sans-serif; font-style:normal }
  .scroller p:nth-child(3n) { font-size:14px !important; color:#666 !important; text-shadow: none !important; font-family: 'Droid Sans', sans-serif; font-style:normal }
  .scroller p:nth-child(4n) { font-size:14px !important; color:#666 !important; text-shadow: none !important; font-family: 'Droid Sans', sans-serif; font-style:normal }

  
  #content-txt-people { height:auto !important; }
  #content-txt-people .scroller { height:auto !important; overflow:hidden !important; padding-bottom:30px !important}
  #content-txt-people .mCSB_scrollTools { right:5px }
  #bgvid { top: 10px !important }
  
  
  	#content-title.white_font h2 {  color:#000; text-shadow: none; font-weight:bold }
	#content-title.white_font a.open { color:#000 !important; text-shadow: none; font-size:14px; font-weight:normal; line-height:26px }
	#slide-content.white_font .scroller { font-size:14px !important; color:#000 !important; text-shadow:none !important; }
	#slide-content.white_font .scroller a { font-size:14px !important; color:#000 !important; text-shadow:none !important; text-decoration:none }
	#slide-content.white_font .scroller a:hover { font-size:14px !important; color:#000 !important; text-shadow:none !important; font-weight:bold }
	#slide-content.white_font .scroller p:nth-child(1n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	#slide-content.white_font .scroller p:nth-child(2n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	#slide-content.white_font .scroller p:nth-child(3n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	#slide-content.white_font .scroller p:nth-child(4n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	
	#content-title.black_font h2 {  color:#000; text-shadow: none; font-weight:bold }
	#content-title.black_font a.open { color:#000 !important; text-shadow: none; font-size:14px; font-weight:normal; line-height:26px }
	#slide-content.black_font .scroller { font-size:14px !important; color:#000 !important; text-shadow:none !important; }
	#slide-content.black_font .scroller a { font-size:14px !important; color:#000 !important; text-shadow:none !important; text-decoration:none }
	#slide-content.black_font .scroller a:hover { font-size:14px !important; color:#000 !important; text-shadow:none !important; font-weight:bold; text-decoration:underline }
	#slide-content.black_font .scroller p:nth-child(1n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	#slide-content.black_font .scroller p:nth-child(2n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	#slide-content.black_font .scroller p:nth-child(3n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	#slide-content.black_font .scroller p:nth-child(4n) { font-size:14px !important; color:#666 !important; text-shadow: none; font-family: 'Droid Sans', sans-serif; font-style:normal }
	

	#content-txt-people .mCSB_container { margin-right:0px !important }
	#content-txt-people .maxiroundedcenter li { width:215px !important; float:left; list-style:none; height:240px; margin:30px 5px -10px 30px !important }
	#content-txt-people .maxiroundedcenter li .titreck { height:30px; font-size:13px; font-weight:normal; padding-top:10px; height:55px; float:left; color:#fff }
	#content-txt-people .maxiroundedcenter li .titreck  span.descck { float:left; display:block; color:#878787; font-size:12px; width:200px !important; margin-top:-2px; height:30px }
	#content-txt-people .maxiroundedcenter li a.maximenuck { text-decoration:none }
	#content-txt-people .maxiroundedcenter li a.maximenuck .titreck { background:url(../images/people-icon.gif) right center no-repeat }
	/*.maxiroundedcenter li:hover a.maximenuck .titreck { background:url(../images/people-icon-over.gif) right center no-repeat #000 !important; padding-left:15px !important; width:185px !important; height:55px }
	.maxiroundedcenter li:hover a.maximenuck .titreck  span.descck { padding-left:15px !important; margin-left:-15px; width:185px !important } */
	#content-txt-people .maxiroundedcenter li img { width:215px !important }
	
	#content-txt-people .maximenuck2 li { width:215px !important; height:20px !important; padding:0px !important; margin:0px 0px 0px 0px !important }
	#content-txt-people .maximenuck2 li span { width:215px !important; height:20px !important; padding:0px !important; margin:0px !important; font-size:12px !important }
	#content-txt-people .maximenuck2 li .titreck { background:none !important }
	#content-txt-people .maximenuck2 li a span.titreck  { color:#878787 }
	#content-txt-people .maximenuck2 li a:hover span.titreck  { color:#fff }
	
	#slide-content #readmorex { visibility:visible !important }
	
	#navslide-left .scroller { height:100% !important; padding-top:40px }
	
	#navslide-left #left-clients-maxi { margin-left:10px }
	#navslide-left #left-people-maxi { margin-left:10px }
	#navslide-left #left-electrical-maxi { margin-left:10px }
	#navslide-left #left-mechanical-maxi { margin-left:10px }
	#navslide-left #left-tele-maxi { margin-left:10px }
	
	#controls-wrapper, #progress-back { display:none !important; visibility:hidden !important }
	
	video { display:none !important; visibility:hidden !important }
	#video-mobile-placeholder img { height:420px !important; width:100% !important; margin-top:30px; visibility:visible }
	
	#footer-content { padding-top:35px }
	
	.usgbc-white { display:none }
	.usgbc-black { display:block }
	
	 #xmap div { min-width:150px !important }
	 
	 iframe.gmaps { width:465px !important }
}

@media (max-width: 480px) { 
  body { overflow-y:scroll }
  #header { height:40px; border:none; position:fixed; z-index:9999999999999999999999 }
  #verlauf { position:fixed; z-index:9999999999999999999999; margin-top:40px }
  
  #prevslide, #nextslide { display:none; visibility:hidden }
  #mobile-nav { visibility:visible !important }
  #mobile-nav a { top:0px !important; right:5px !important }
  #logo { height:40px; margin-top:0px; margin-left:5px; position:fixed }
  .logo-normal { display:none }
  .logo-mobil { display:block; margin-top:0px }
  #navigation { display:none }
  #social-bookmarks { display:block; margin:0px auto; padding-top:12px; float:left; position:absolute; margin-left:-10px; left:50%; margin-top:-2px }
  #supersized { height:300px !important }
  
  #content-txt { width:100%; background:#fff; top:300px; position:absolute; margin-top:0px !important;  margin-left:0px !important; height:auto; padding-bottom:80px; padding-top:10px }
  #content-title h2 { text-shadow:none !important; color:#000000 !important; font-weight:normal !important; margin-left:5% !important; margin-top:25px }
  #content-title a { font-size:12px; color:#999999 !important; text-shadow:none !important; padding:0px !important; margin-left:5% !important }
  #slide-content { color:#666666; background:#fff; width:90%; padding:5%; padding-top:15px; text-shadow:none !important }
  
  #navslide-left .scroller { display:none  }
  
  #content-txt-people { width:100% !important; padding-top:0px !important; margin-top:-80px !important }
  
  #content-txt-people .maxiroundedcenter li { width:300px !important; float:left; list-style:none; height:300px; margin:0px auto !important }
  #content-txt-people .maxiroundedcenter li .titreck { height:30px; font-size:13px; font-weight:normal; padding-top:10px; height:55px; float:left; color:#fff }
  #content-txt-people .maxiroundedcenter li .titreck  span.descck { float:left; display:block; color:#878787; font-size:12px; width:300px !important; margin-top:-2px; height:30px }
  #content-txt-people .maxiroundedcenter li a.maximenuck { text-decoration:none }
  #content-txt-people .maxiroundedcenter li a.maximenuck .titreck { background:url(../images/people-icon.gif) right center no-repeat }
  /*.maxiroundedcenter li:hover a.maximenuck .titreck { background:url(../images/people-icon-over.gif) right center no-repeat #000 !important; padding-left:15px !important; width:185px !important; height:55px }
  .maxiroundedcenter li:hover a.maximenuck .titreck  span.descck { padding-left:15px !important; margin-left:-15px; width:185px !important } */
  #content-txt-people .maxiroundedcenter li img { width:300px !important }
  
  #content-txt-people .maximenuck2 li { width:300px !important; height:20px !important; padding:0px !important; margin:0px 0px 0px 0px !important }
  #content-txt-people .maximenuck2 li span { width:300px !important; height:20px !important; padding:0px !important; margin:0px !important; font-size:12px !important }
  #content-txt-people .maximenuck2 li .titreck { background:none !important }
  #content-txt-people .maximenuck2 li a span.titreck  { color:#878787 }
  #content-txt-people .maximenuck2 li a:hover span.titreck  { color:#fff }
  .mCSB_draggerContainer { display:none }
  
  #video-mobile-placeholder img { height:300px !important; margin-left:-55px !important; margin-top:40px !important; text-align:right !important; width:auto !important; visibility:visible }

	#xmap div { min-width:300px !important }
	 
	 
   iframe.gmaps { width:300px !important; margin-left:0px !important }
  
}


#video-mobile-placeholder { overflow:hidden !important; width:100% !important }

#progress-back { height:4px; overflow:hidden }

.item-page .page-header { display:none }
.item-page .article-info { display:none }
.item-page .pager { display:none }

#cck1r_form_subtitle input, textarea, .uneditable-input { width:542px !important }

a.mnav-home { margin-left:0px !important }

.mCSB_container td.leftrow { padding-right:5px }
.mCSB_container table td { vertical-align:top !important; padding-top:0px; margin-top:0px; padding-bottom:5px }


#footer-content { padding-right:20px; padding-left:20px; color:#878787 }
#footer-content h2, h3 { color:#fff; margin:0px; padding:0px; margin-top:50px; margin-bottom:10px }
#footer-content h2 { margin-top:0px }
#footer-content p { color:#878787; font-style:normal; font-family: 'Droid Sans', sans-serif; font-size:12px; margin-top:15px; margin-top:15px }
ul#left-menu-footer { padding-left:20px; list-style:none }
ul#left-menu-footer li { margin-bottom:10px }
ul#left-menu-footer li a:hover{ margin-bottom:10px; color:#fff }
ul#left-menu-footer li.active a { font-weight:bold; color:#fff }

#xmap { width:100%; list-style:none }
#xmap ul { list-style:none }

#xmap ul.level_0 { margin-right:20px }
#xmap ul.level_0 li a { list-style:none; color:#fff !important; font-weight:bold }
#xmap ul.level_1 { margin-left:10px; margin-bottom:20px }
#xmap ul.level_1 li a { list-style:none; color:#a3a3a3 !important; font-weight:normal }
#xmap ul.level_1 li span { list-style:none; color:#696a6b !important; font-weight:normal }

#xmap a { text-decoration:none }
#xmap a:hover { text-decoration:none; color:#fff !important }
#xmap ul.level_1 li a:hover { list-style:none; color:#fff !important; font-weight:normal }

.scroller { overflow:hidden !important }