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

* {
	margin: 0;
	padding: 0;
}

html, body {
	padding: 0 !important;
}

html {
	overflow-y:scroll;
}

noscript {
	font-size: 19px;
}

font-face {
    font-family: 'BreuerTextBold';
    src: url(../_fonts/) format('no404'), url('../_fonts/breuertext-bold-webfont.ttf') format('truetype'), url('../_fonts/breuertext-bold-webfont.svg#webfontbJL6cFK3') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BreuerTextLight';
    src: url(../_fonts/) format('no404'), url('../_fonts/breuertext-light-webfont.ttf') format('truetype'), url('../_fonts/breuertext-light-webfont.svg#webfont1fL6iPXM') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BreuerTextMedium';
    src: url(../_fonts/) format('no404'), url('../_fonts/breuertext-medium-webfont.ttf') format('truetype'), url('../_fonts/breuertext-medium-webfont.svg#webfontI6Y5Mp4B') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BreuerTextRegular';
    src: url(../_fonts/) format('no404'), url('../_fonts/breuertext-regular-webfont.ttf') format('truetype'), url('../_fonts/breuertext-regular-webfont.svg#webfonth7sr5XpV') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background-color: #4c4c4c;
	background-image: url(../_img/gui/body_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	position: relative;
	font-size: 17px;
	line-height: 25px;
	color: #ccc;
	font-family: 'BreuerTextRegular';
	letter-spacing: 0.03em;
}

form {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #ccc;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

ul {
	list-style-type: none;
}

img {
	border: none;
}

h1 {
	font-size: 34px;
	line-height: 22px;
	color: #fff;
	margin: 0;
	padding: 0 0 22px 0;
}

h5 {
	font-size: 17px;
	line-height: 19px;
	color: #fff;
	margin: 0 0 20px;
	font-family: BreuerTextLight;
}

h6 {
	font-size: 12px;
	line-height: 20px;
	font-family: BreuerTextLight;
}

span {
	font-size: 15px;
}

#page {
	width: 1508px;
	min-width: 940px;
	position: relative;
	margin: 0 auto;
	padding-top: 20px;
	visibility: hidden;
}

header  {
	display: block;
	width: 940px;
	margin: 0 auto 14px;
}

header #logo {
	margin-top: 5px;
}

header .service_links {
	float: right;
	margin: 0 0 0 40px;
	font-family: 'BreuerTextMedium';
	font-size: 14px;
	line-height: 22px;
}

header .service_links .value, header .service_links a  {
	font-family: 'BreuerTextRegular';
	font-size: 12px;
	line-height: 15px;
}

header .service_links a.service_newsletter {
	display: block;
	float: left;
	width: 120px;
	height: 8px;
}

header .service_links .value {
    margin-top: -1px;
}

#headline_wrapper {
	height: 42px;
	margin: 33px 0 0 0;
}

#menue {
	height: 50px;
	width: 940px;
	margin: 0 auto;
    white-space: nowrap;
}

/* E1 - NAVI */

#navi_e1 {
	margin: 26px 0 6px;
	width: 940px;
}

#navi_e1 ul li {
	display: block;
	float: left;
    margin: 0;
    padding: 0;
    width: 103px;
}

#navi_e1 ul li a {
	display: block;
	font-family: 'BreuerTextMedium';
	font-size: 14px;
	line-height: 18px;
	color: #999;
    padding: 0;
	margin: 0 0 3px;
}

#navi_e1 ul li a.active, #navi_e1 ul li a.active:hover {
	color: #00b3ff;
}

#navi_e1 ul li a:hover {
	color: #ccc;
}

#navi_e1 ul li a.aktuelles {
	height: 10px;
	margin-left: 1px;
    wwidth: 0px;
}

#navi_e1 ul li a.ueber_uns {
	height: 10px;
	margin-left: 1px;
    wwidth: 0px;
}

#navi_e1 ul li a.leistungen {
	height: 10px;
	margin-left: 2px;
}
#navi_e1 ul li a.referenzen {
	height: 10px;
	margin-left: 3px;
}

#navi_e1 ul li a.kontakt {
	height: 10px;
	margin-left: 4px;
}

/* E1 - NAVIBAR */

#navi_bar {
	float: left;
	width: 940px;
	height: 5px;
	background-color: #666;
	margin: 6px 0 1px;
}

.segment {
	width: 104px;
	height: 5px;
	float: left;
	background-image: none;
	background-position: left top;
	background-repeat: no-repeat;
}

#navi_bar .left_from_active {
	background-image: url(../_img/gui/segment.png);
	background-position: left top;
}

#navi_bar .normal {
	background-image: url(../_img/gui/segment.png);
	background-position: left -5px;
}

#navi_bar .active {
	background-image: url(../_img/gui/segment.png);
	background-position: left -10px;
}

/* E2 - NAVI ÜBER UNS*/

#e2_opera_bugfix {
	height: 10px;
}

#navi_e2_ueber_uns {
	margin: 20px 0 0;
}

#navi_e2_ueber_uns ul li {
	display: block;
	float: left;
}

#navi_e2_ueber_uns ul li a {
	display: block;
	font-family: 'BreuerTextMedium';
	font-size: 14px;
	line-height: 18px;
	color: #999;
	margin-bottom: 3px;
}

#navi_e2_ueber_uns ul li a.active, #navi_e2_ueber_uns ul li a.active:hover {
	color: #00b3ff;

}

#navi_e2_ueber_uns ul li a:hover {
	color: #ccc;

}

#navi_e2_ueber_uns ul li a.profil {
	position: relative;
	height: 10px;
	margin-left: 104px;
	width: 65px;
}

#navi_e2_ueber_uns ul li a.team {
	position: relative;
	height: 10px;
	margin-left: 40px;
	width: 30px;
}

#navi_e2_ueber_uns ul li a.awards {
	position: relative;
	height: 10px;
	margin-left: 74px;
	width: 45px;
}

#navi_e2_ueber_uns ul li a.jobs {
	position: relative;
	height: 10px;
	margin-left: 59px;
	width: 28px;
}

#navi_e2_ueber_uns ul li a.presse {
	position: relative;
	height: 10px;
	margin-left: 75px;
	width: 42px;
}

/* E2 - NAVI LEISTUNGEN*/

#navi_e2_leistungen {
	margin: 20px 0 0;
}

#navi_e2_leistungen ul li {
	display: block;
	float: left;
}

#navi_e2_leistungen ul li a {
	display: block;
	font-family: 'BreuerTextMedium';
	font-size: 14px;
	line-height: 18px;
	color: #999;
	margin-bottom: 3px;
}

#navi_e2_leistungen ul li a.active, #navi_e2_leistungen ul li a.active:hover {
	color: #00b3ff;

}

#navi_e2_leistungen ul li a:hover {
	color: #ccc;

}

#navi_e2_leistungen ul li a.innovation {
	position: relative;
	height: 10px;
	margin-left: 208px;
	width: 65px;
}

#navi_e2_leistungen ul li a.strategie {
	position: relative;
	height: 10px;
	margin-left: 39px;
	width: 30px;
}

#navi_e2_leistungen ul li a.design {
	position: relative;
	height: 10px;
	margin-left: 74px;
	width: 45px;
}

#navi_e2_leistungen ul li a.experience {
	position: relative;
	height: 10px;
	margin-left: 59px;
	width: 28px;
}

#navi_e2_leistungen ul li a.management {
	position: relative;
	height: 10px;
	margin-left: 76px;
	width: 42px;
}

/* E2 - NAVI REFERENZEN */

#navi_e2_referenzen {
	margin: 20px 0 0;
}

#navi_e2_referenzen ul li {
	display: block;
	float: left;
}

#navi_e2_referenzen ul li a {
	display: block;
	font-family: 'BreuerTextMedium';
	font-size: 14px;
	line-height: 18px;
	color: #999;
	margin-bottom: 3px;

}

#navi_e2_referenzen ul li a.active, #navi_e2_referenzen ul li a.active:hover {
	color: #00b3ff;

}

#navi_e2_referenzen ul li a:hover {
	color: #ccc;
}

#navi_e2_referenzen ul li a.projekte {
	position: relative;
	height: 10px;
	margin-left: 312px;
	width: 53px;
}

#navi_e2_referenzen ul li a.showreel {
	position: relative;
	height: 10px;
	margin-left: 51px;
	width: 59px;
}

/* CONTENT */

#main_content, #showcases, #team_members {
	width: 1300px;
	margin: 0 auto;
	position: relative;
}

#showcases, #team_members {
	display: none;
}

/* E2 CONTENTNAVI */

.coda-nav-left , #coda-nav-left-tmp {
	position: absolute;
	top: 148px;
	left: 83px;
}

.coda-nav-right, #coda-nav-right-tmp {
	position: absolute;
	top: 148px;
	right: 83px;
}

#coda-nav-left-tmp, #coda-nav-right-tmp {
	display: none;
}

/* SLIDESHOW NAVI */

.slideshow_navi, .slideshow_navi_showcase {
	float: right;
	margin: 5px 0 5px 0;
}

#coda-slider-2 .slideshow_navi {
	margin-top: 12px;
}

.slideshow_navi a, .slideshow_navi_showcase a {
	display: block;
	width: 15px;
	height: 6px;
	background-color: #666;
	float: left;
	margin: 0 0 0 7px;
}

.slideshow_navi_showcase a {
	height: 8px;
}

.slideshow_navi a:hover, .slideshow_navi_showcase a:hover {
	background-color: #999;
}

.slideshow_navi a.activeSlide, .slideshow_navi a.activeSlide:hover, .slideshow_navi_showcase a.activeSlide, .slideshow_navi_showcase a.activeSlide:hover {
	background-color: #fff;
}


/* PANEL CONTENT */

.arrow_left, .arrow_right {
	display: block;
	width: 20px;
	height: 33px;
	background-image: url(../_img/gui/arrow_right.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.arrow_left {
	background-image: url(../_img/gui/arrow_left.png);
}

.arrow_left:hover, .arrow_right:hover {
	background-position: left -33px;
}

#preview_left {
	position: absolute;
	top: 228px;
	left: 0;
}

#preview_right {
	position: absolute;
	top: 228px;
	right: 0;
}

#subnavi {
	height: 17px;
	width: 940px;
	margin: -12px auto 12px;
	font-size: 12px;
	line-height: 18px;
	font-family: 'BreuerTextMedium';
}

#subnavi a.close {
	display: none;
	float: right;
	width: 17px;
	height: 17px;
	background-image: url(../_img/gui/close.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 2px 0 0;
}

#subnavi a.close:hover {
	background-position: left -17px;	
}

#subnavi #aktuell {
	display: none;
	width: 42px;
	height: 8px;
	float: right;
}

#subnavi #sonstige {
	display: none;
	width: 51px;
	height: 8px;
	float: right;
	margin: 0 -2px 0 15px;
}

#subnavi #aktuell:hover, #subnavi #sonstige:hover, #subnavi a.active {
	color: #fff;	
}

#subnavi #current_tag {
	display: none;
	float: right;
	margin: -2px 0 0 0;
	overflow: hidden;
	height: 21px;
}

#subnavi #current_tag img {
	padding-left: 20px;
}

#subnavi #current_tag .tag_name {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	float: right;
	margin: 0 0 0 6px;
}

.panel_content {
	padding: 0 180px;
}

.seperator {
	height: 1px;
	background-color: #666;
	margin: 7px 0 30px;
}

.seperator_no_slideshow {
	height: 1px;
	background-color: #666;
	margin: 23px 0 30px;
}

.newsbox {
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
	font-size: 15px;
	line-height: 23px;
}

.team_member {
	width: 176px;
	height: 165px;
	margin: 0 15px 0 0;
	float: left;
}

.team_member a img:hover {
	opacity: 0.8;
}

.team_member h5 {
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-family: 'BreuerTextLight';
}

.team_member h6 {
	font-size: 13px;
	line-height: 17px;
	font-family: 'BreuerTextLight';
}

.stellenangebot {
	float: left;
	margin: 0 0 12px 0;
}

.stellenangebot .description {
	width: 570px;
	float: left;
	padding: 0 20px 0 0;
}

.stellenangebot span {
	color: #fff;
	font-size: 17px;
}

.stellenangebot .service_bereich {
	float: left;
	padding: 0 0 0 45px;
}

.pressemeldung {
	float: left;
	margin: 0 0 30px 0;
}

.pressemeldung .description {
	width: 570px;
	float: left;
	padding: 0 20px 0 0;
}

.pressemeldung span {
	color: #fff;
	font-size: 17px;
}

.pressemeldung .service_bereich {
	float: left;
	padding: 0 0 0 45px;
}

.presse_seperator {
	height: 1px;
	background-color: #666;
}


#google_maps {
	width: 940px;
	height: 330px;
	margin: 0 0 7px 0;
}

#google_maps div div div {
    background-color: transparent !important;
}

#google_maps div div div span {
    display: none;
}

.contactdata .adress {
	width: 320px;
	float: left;
}

.contactdata .phone_mail {
	width: 170px;
	float: left;
	margin: 0 145px 0 0;
}

.contactdata .service_bereich {
	float: left;
}

.service_bereich, .service_bereich a {
	font-size: 15px;
	line-height: 23px;
}

h1.showreel, h1.showcases, h1.team_members {
	margin: 61px 0 0 0;
}

h1.showcases_slideshow {
	margin: 9px 0 0 0;
}


div.showreel, div.showcases, div.team_members {
	float: left;
	margin: 0 0 12px 0;
	padding-bottom: 198px;
}

.text {
	width: 570px;
	float: left;
	padding: 0 20px 0 0;
}

.text span {
	color: #fff;
	font-size: 17px;
}

.service_bereich {
	float: right;
	width: 295px;
}

.service_bereich div {
	margin-bottom: 15px;
    padding-left: 45px;
}

img.icon {
	vertical-align:text-bottom;
	margin: 0 15px 0 0;
	float: left;

}

img.tag {
	margin-bottom: 105px;
}
a.tag {
	font-size: 13px;
	line-height: 23px;
}

.projekt_case {
	width: 300px;
	height: 233px;
	margin: 0 20px 0 0;
	float: left;
}

.projekt_case .frame {
	width: 300px;
	height: 170px;
	background-image: url(../_img/content/04_01_projekte/frame_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	display: none;
}

.projekt_case h5, .projekt_case h6 {
	display: none;
	font-family: 'BreuerTextLight';
}


.projekt_case .frame img {
	display: none;
}

.projekt_case .frame img:hover {
	opacity: 0.8;
	cursor: pointer;
}

.project_case_preloader {
	height: 1px;
	width: 0;
	background-color: #ff006c;
	margin: 0 0 6px 0;	
}

.projekt_case h5 {
	font-size: 17px;
	line-height: 20px;
	color: #fff;
}

.projekt_case h6 {
	font-size: 14px;
	line-height: 20px;
}

.landscape_img {
	width: 940px;
	height: 330px;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}

#landscape_img_aktuell_2 {
	background-image: url(../_img/content/04_01_projekte/slideshow/aktuell_2/slide_01.jpg);	
}

#landscape_img_aktuell_11 {
	background-image: url(../_img/content/04_01_projekte/slideshow/aktuell_11/slide_01.jpg);	
}

#landscape_img_aktuell_12 {
	background-image: url(../_img/content/04_01_projekte/slideshow/aktuell_12/slide_01.jpg);	
}

#landscape_img_sonstige_2 {
	background-image: url(../_img/content/04_01_projekte/slideshow/sonstige_2/slide_01.jpg);	
}

#landscape_img_sonstige_3 {
	background-image: url(../_img/content/04_01_projekte/slideshow/sonstige_3/slide_01.jpg);	
}

#landscape_img_sonstige_4 {
	background-image: url(../_img/content/04_01_projekte/slideshow/sonstige_4/slide_01.jpg);	
}

#landscape_img_sonstige_7 {
	background-image: url(../_img/content/04_01_projekte/slideshow/sonstige_7/slide_01.jpg);	
}

#landscape_img_showreel {
	background-image: url(../_img/content/04_01_projekte/slideshow/showreel/slide_01.jpg);	
}

.video_layer_link_container {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
	padding-bottom: 50px;
	z-index: 9999;
}

a.video_layer_link {
	display: block;
	width: 233px;
	height: 37px;
	background-image: url(../_img/gui/videoplayer_link_layer.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	margin: 0 0 2px;
	padding: 13px 0 0 68px;
	font-family: 'BreuerTextRegular';
	font-size: 19px;
	line-height: 23px;
}

a.video_layer_link:hover {
	background-position: left -50px;
}

.video-js-box, .slideshow-box {
	display: none;
}

.auszeichnungen {
	float: left;
	margin: 0 0 12px 0;
}

.auszeichnungen .description {
	width: 800px;
	float: left;
	padding: 0 0 0 0;
}

.auszeichnungen span {
	color: #fff;
	font-size: 17px;
}

.auszeichnungen .logo {
	float: left;
}

/* Team Member Detailansicht */

#team_members .seperator {
	margin-top: 23px;	
}


/* FOOTER */

footer {
	display: block;
	width: 940px;
	font-size: 11px;
	margin: 0 auto;
	padding: 0 284px;
}

footer a {
	font-size: 11px;
}

footer img#bild_logo {
	vertical-align: text-top;
	margin: 0 5px 0 0;
}

footer .service_links {
	float: right;
	margin-left: 24px;
}

footer .service_links #agb {
	display: block;
	width: 19px;
	height: 8px;
	background-image: url(../_img/agb.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}

footer .service_links #impressum {
	display: block;
	width: 60px;
	height: 8px;
	background-image: url(../_img/impressum.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}

footer .service_links #agb:hover, footer .service_links #impressum:hover {
	background-position: left -8px;	
}

/* Allgemein */
.hidden {
	visibility: hidden;
}

.display_none {
	display: none;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.clear_both {
	clear: both;
}

.no_marrig {
	margin-right: 0;
}

#resizeTrigger {
	width: 0px;
}

#metadata {
	display: none;
}

/* ######## BEGIN SERVICE FORMULARE ######## */

#lightbox {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../_img/gui/lightbox_bg.png);
	background-repeat: repeat;
	z-index: 9999;	
}

#service_formular {
	width: 940px;
	height: 500px;
	margin: 201px auto 0;
	padding: 0 284px;
	position: relative;	
}

#service_formular .form_error_message {
	display: none;
	float: left;
	border: 1px solid #949494;
	border-left: none;
	padding: 0 6px 0;
}

#service_formular .form_error_message_left_border {
	display: none;
	float: left;
	width: 0px;
	height: 25px;
	border-left: 4px solid #fff;
    margin: 0 0 0 -4px;
}

#service_formular .col0 .form_error_message_left_border {
    height: 17px;
}

#service_formular h5 {
	font-size: 17px;
	line-height: 22px;
}

#service_formular a.close {
	float: right;
	width: 17px;
	height: 17px;
	background-image: url(../_img/gui/close.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 1px;
}

#service_formular a.close:hover {
	background-position: left -17px;	
}

/* BEGIN Formular Infomaterialien und Newsletter Bestätigung */

.form_newsletter_bestellen_confirm, .form_newsletter_abbestellen_confirm {
	display: none;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
}

/* END Formular Infomaterialien und Newsletter Bestätigung */

/* BEGIN Formular Newsletter */

#service_formular .form_newsletter {
	display: none;
	width: 860px;
	height: 250px;
	background-color: #666666;
	margin: 228px 0 0;
	padding: 40px;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
}

#service_formular .form_newsletter a {
	display: block;
	color: #fff;
	margin-top: 8px;
	text-decoration: underline;
}

#service_formular .form_newsletter .left {
	width: 391px;
	border-right: 1px solid #999999;
	padding: 0 40px 0 0;
	float: left;
	height: 250px;
}

#service_formular .form_newsletter .left .fliesstext {
	height: 130px;
	padding-top: 2px;
}

#service_formular .form_newsletter .right {
	float: left;
	padding-left: 30px;
	width: 398px;
}

#service_formular .form_newsletter .abbestellen {
	display: none;
}

#service_formular .form_newsletter .abbestellen td.hinweis {
	padding-left: 10px;
}


#service_formular .form_newsletter .abbestellen .col1 {
	width: 102px;
}

#service_formular .form_newsletter .right h5 {
	padding-left: 10px;
}

#service_formular .form_newsletter table {
	width: 100%;
}

#service_formular .form_newsletter td {
	padding: 0 0 17px 0;
}

#service_formular .form_newsletter td.col0 {
	width: 8px;
}

#service_formular .form_newsletter td.col1 {
	width: 111px;
}

#service_formular .form_newsletter td.radio_frau {
	width: 79px;
}

#service_formular .form_newsletter td.hinweis_oben {
	font-size: 12px;
	text-align: right;
}

#service_formular .form_newsletter input {
	width: 261px;
	height: 21px;
	padding: 0 10px 0 10px;
	background-color: #858585;
	border: none;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	font-family: 'BreuerTextRegular';
}

#service_formular .form_newsletter .newsletter_submit {
	display: block;
	width: 110px;
	height: 23px;
	float: right;
	background-image: url(../_img/gui/absenden_btn.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 0;
}

#service_formular .form_newsletter .abbestellen .newsletter_submit {
	margin: 0;
}

table.abbestellen .submit_row {
	padding-top: 15px !important;
}


#service_formular .form_newsletter .newsletter_submit:hover {
	background-position: left -23px;
}

tr.email, span.email {
	display: none;
}

/* END Formular Newsletter */

/* BEGIN AGB Popup */
#impressum_popup {
	display: none;
	width: 860px;
	height: 400px;
	background-color: #666666;
	margin: 228px 0 0;
	padding: 40px;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
}

#impressum_popup h5 {
	font-size: 17px;
	line-height: 22px;
}

#impressum_popup .left {
	float: left;
	width: 280px;
}

#impressum_popup .right {
	float: left;
	width: 560px;
	padding-top: 42px;
}

/* END AGB Popup */



.radio {
	width: 14px;
	height: 14px;
	background-image: url(../_img/gui/radio_button.png);
	background-repeat: no-repeat;
	display: block;
	clear: left;
	float: left;
}

.radio_placeholder {
	width: 14px;
	height: 14px;
	float: left;
	padding: 0 5px 0 0;
	margin: 5px 0 0;
}

.select {
	position: absolute;
	width: 158px;
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

#page_preloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

#progressBarBackground {
	height: 2px;
	background-color: transparent;
	margin: 0;
}

#progressBar {
	width: 0;
	height: 2px;
	background-color: #00b3ff;
}

.vjs-spinner {
	display: none !important;
}

.buorg {
	position: fixed !important;
}

.buorg div {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#buorgclose {
	top: 0 !important;
}

@media only screen and (max-device-width: 1279px) {
	#page {
		width: 900px;
		padding: 20px 20px 0;
	}
	
	footer, #service_formular {
		padding: 0;
	}
	
	#main_content, #showcases, #team_members {
		width: 940px;
	}
	
	.coda-nav-left {
		visibility: collapse;
	}
	
	.coda-nav-right {
		visibility: collapse;
	}
	
	#preview_left {
		visibility: collapse;
	}
	
	#preview_right {
		visibility: collapse;
	}
	
	.panel_content {
		padding: 0;
	}
	
	.coda-slider {
		width: 940px;
	}
	
	.coda-slider .panel { 
		width: 940px;
		margin-right: 20px;
	} 
	
	#resizeTrigger {
		width: 1px;
	}
}

@media only screen and (max-device-width: 1024px) {
	#navi_e1 ul li a, #navi_e2_ueber_uns ul li a, #navi_e2_referenzen ul li a {
		font-size: 14px;
	}
    
	.slideshow_navi a, .slideshow_navi_showcase a {
		width: 16px;
		height: 7px;
	}
    
    #navi_bar {    
    	margin: 6px 0 2px;
    }
	
	header .service_links .value, header .service_links a  {
		font-size: 14px;
	}
	
	header .service_links a.service_newsletter {
		width: 128px;
		height: 12px;
	}
}

@media only screen and (min-device-width: 1280px) and (max-device-width: 1439px) {
	#page {
		width: 1174px;
	}
	
	footer, #service_formular {
		padding: 0 117px;
	}
	
	#main_content, #showcases, #team_members {
		width: 1174px;
	}
	
	.coda-nav-left {
		left: 20px;
	}
	
	.coda-nav-right {
		right: 20px;
	}
	
	#preview_left {
		visibility: collapse;
	}
	
	#preview_right {
		visibility: collapse;
	}
	
	.panel_content {
		padding: 0 117px;
	}
	
	.coda-slider {
		width: 1174px;
	}
	
	.coda-slider .panel { 
		width: 1174px;
	} 
	
	#resizeTrigger {
		width: 2px;
	}
}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1599px) {
	#page {
		width: 1384px;
	}
	
	footer, #service_formular {
		padding: 0 222px;
	}

	
	#main_content, #showcases, #team_members {
		width: 1176px;
	}
	
	.coda-nav-left {
		left: 49px;
	}
	
	.coda-nav-right {
		right: 49px;
	}
	
	.panel_content {
		padding: 0 118px;
	}
	
	.coda-slider {
		width: 1176px;
	}
	
	.coda-slider .panel { 
		width: 1176px;
	} 
	
	#resizeTrigger {
		width: 3px;
	}
}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1919px) {
	#page {
		width: 1544px;
	}
	
	footer, #service_formular {
		padding: 0 302px;
	}
	
	#main_content, #showcases, #team_members {
		width: 1336px;
	}
	
	.coda-nav-left {
		left: 90px;
	}
	
	.coda-nav-right {
		right: 90px;
	}
	
	.panel_content {
		padding: 0 198px;
	}
	
	.coda-slider {
		width: 1336px;
	}
	
	.coda-slider .panel { 
		width: 1336px;
	} 
	
	#resizeTrigger {
		width: 4px;
	}
}