/* Responsive Nav */
@import "/js/responsive-nav.css";

/* Globale Vorgaben nach Umstellung auf em */

.Body .Document H2 { font-size: 16px; line-height: 1.4em; }

.Body .Document H3 { font-size: 14px; }

.Body .Document H4 { font-size: 13px; }

.Body .Document p,
.Template .text,
.Body .Document ul li,
.Body .Document ul li a { font-size: 13px; }

.listeData .vorschauData li .name { 
  font-size: 10px; 
  width: 500px;
}

.listeData .vorschauData li .filename,
.listeData .vorschauData li .size,
.trefferlistefooter,
.trefferlisteheader,
.Template .minitext { 
  font-size: 11px; 
  width: 500px;
}

/* Globale Templates */

/* Artikel - Reine Bild-Darstellung */

.s9 .Nachricht {
    margin: 0px 10px 15px 10px;
}

.s9 .Nachricht .datum {
    font-size: 11px;
}

.s9 .Nachricht.spalte {
    width: 305px !important;
}

.s9 .Nachricht.spalte .info {
    background-color: white;
    float: left;
}

.s9 .Nachricht .info {
    width: 170px;
    left: 0px;
    padding: 0px 10px;
}

.s9 .Nachricht .info h1 {
    margin: 0px 0px 10px 0px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Bilder-/Datengalerie - Standard */

.s3 .listeData .vorschauData li .filename,
.s3 .listeData .vorschauData li .size {
    font-size: 10px;
}

/* Detailansicht */

.listeData ul.vorschauData li.detail {
    width: 634px;
}

.listeData ul.vorschauData li.detail img.icon {
    margin-top: 0px !important;
    border: none !important;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Sitemap - Standard */

.s6 .Seite {
    width: 206px;
    height: 260px;
    margin: 0px 5px 15px 5px;
}

.s6 .Seite .box {
    font-size: 13px;
}

.s6 .Seite h3 {
    font-size: 17px;
}

.s6 .Seite .box .button {
    font-size: 11px;
}

.s6 .Seite .bild {
    border-bottom: 2px solid #F7E100;
    height: 94px;
    width: 206px;
}

.s6 .Seite .bild img {
    height: auto;
    width: 206px;
}

/* Sitemap Zeilendarstellung */

.s247 .Seite {
    height: 115px;
}

.s247 .Seite .bild img {
    width: 206px;
    margin: 0px;
}

/* Sitemap - Zeilen??bersicht */

.s247 .Seite .head a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.s247 .Seite .bild {
    border-bottom: 2px solid #F7E100;
    width: 206px;
    margin-bottom: 5px;
    height: 75px;
    float: none;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Text - Introvorlage */

.s207 .header h1 {
    font-size: 22px;
}

.s207 .header h2{
    font-size: 15px;
}

.s207 .textile{
    font-size: 15px;
}

.s207 .spalte .minitext{
    font-size: 10px;
}

/*--------------------------------------------------SYSTEMVORLAGEN--------------------------------------------------------------------------------*/

/* Gastgeber - Standard */

.s142 .treffer .detailinfo .name .sterne {
    font-size: 9px;
}

.s142 .treffer .kontaktinfo .beschreibung,
.s142 .treffer .kontaktinfo .merkmale {
    font-size: 11px;
}

.s142 .treffer .kontaktinfo .preis .info {
    font-size: 9px;
}

/* Global Ende */

.Body {
    margin: 0;
    padding: 0;
    /*font-family: Arial, Helvetica;*/
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
}

.Body .Document h1,
.Body .Document h2,
.Body .Document h3,
.Body .Document h4 {
    color: #999999;
    margin: 0 0 15px 0;
}

.Body .Document h1 {
    font-size: 1.8em;
    line-height: 1.2em;
}

.barrierReef {
    left:-5000px;
    position:absolute;
}

img,
a img {
    border: 0 none;
}

#shanty {
    width: 900px;
/*    border-top: 10px solid #f7e100; */
      border-top: 10px solid #fff;
}

#main {
    background: url(/gfx/mm-logistik/bgBody2.gif) repeat-y;
}

#main.noBG {
    background: url(/gfx/mm-logistik/bgBody2.gif) repeat-y;
}

#header {
    /* background: url(/gfx/mm-logistik/header_background.jpg) repeat-x; */
    background: #fff;
    position: relative;
    width: 885px;
    padding: 0px 0px 0px 15px;
    color: #999;
}

#header img {
    margin-right: 15px;
}

#header .search,
#header .claim {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

#header .claim {
    left: 193px;
}

#header .search,
#header .search input {
    font-size: 0.9em;
    color: #999;
}

#header .search .input {
    margin: 0;
    padding: 2px;
    width: 90px;
}

#header .search form {
    display: inline;
    margin: 0;
    padding: 0;
}

#header .search .submit {
    position: absolute;
    left: 140px;
    top: 0;
}

#header .slogan {
    position: absolute;
    bottom: 16px;
    left: 250px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

#header .rechts {
    float: right;
    height:90px;
}

#header .rechts img {
  display: block;
  margin-right: 38px;
}

#headerbild {
    width: 429px;
    height: 144px;
    overflow: hidden;
    margin-right: 1px;
    border-top: 1px solid #333;
}

#news {
    padding-left: 10px;
}

#language {
    float: left;
    width: 230px;
}

#language img{
    margin: 0px 0px 0px 3px;
}

#claim {
	background: #ccc;
	color: #000;
	width: 220px;
	padding: 0;
	height: 178px;
	font-size: 0.9em;
	border-top: 1px solid #333;
}

#claim h4 {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	line-height: 20px;
    /* height: 50px; */
    height: 40px;
    padding: 10px 0px;
}

#iso14001 {
  background: #fff;
  height: 118px;
  width: 50%;
  float: left;
}

#iso14001 img {
  display: block;
  padding: 12px 0 11px 0;
}

#umzugsanfrage {
  background: #e2001a url(/gfx/bg-truck.png) no-repeat center 75px;
  width: 50%;
  height: 118px;
  float: left;
}

#umzugsanfrage a {
  background: url(/gfx/bg-cursor-hand.png) no-repeat 85px 55px;
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  height: 108px;
  padding: 10px 0 0 0;
}

#umzugsanfrage a:hover {
  text-decoration: underline;
}

#leftFrame {
    background: #fff;
    float: left;
    width: 235px;
    margin-right: 15px;
    border-top: 1px solid #333;
    border-bottom: 15px solid #fff;
    position: relative;
    z-index: 100;
}

#rightbar {
    background: #fff;
}

#rightbar.template_left {
    margin: 0px 0px 0px 15px;
}

/*  menu */

#home {
    padding: 0px;
    background: #999;
}

#menu {
    padding: 0px 0px 30px 0px;
    background: #999;
}

#home ul,
#menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 235px;
    overflow: hidden;
}

#home ul li,
#menu ul li {
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
    width: 235px;
    overflow: hidden;
    display: inline;
}

#menu ul li ul {
    display: none;
}

#menu ul li.open ul,
#menu ul li.active ul {
    display: block;
}

#home ul li a,
#menu ul li a {
    display: block;
    padding: 7px 0px 7px 20px;
}

#menu ul li.on a {
    background: url(/gfx/mm-logistik/bg_menu.jpg) repeat-x;
    width: 235px;
    padding: 5px 0px 5px 20px;
}

#menu ul li.open a,
#menu ul li.active a {
    background: url(/gfx/mm-logistik/bg_menu.jpg) repeat-x;
}

#menu ul ul {
    padding-bottom: 0.8em;
    background-color: #555;
    border-top: 1px solid #333;
    width: 235px;
    overflow: hidden;
}

* xhtml #menu ul ul {
    width: 215px;
}

#menu ul ul li {
    font-size: 0.8em;
}

#menu ul ul li.on a {
    border: 0;
    background: transparent;
    font-weight: bold;
}

#menu ul ul li a {
    padding: 3px 0px 3px 25px;
    background: transparent !important;
}

/* 2te Menuebene */

#menu ul li ul li.active a,
#menu ul li ul li.open a,
#menu ul li ul li a:hover {
    background: #444 !important;
}

#globalMenu {
    position: absolute;
    width: 429px;
    height: 26px;
    z-index: 100;
    background: #ffff01;
/*    background: #f7e100; */
    padding: 8px 0px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
}

#globalMenu,
#globalMenu a {
    text-decoration: none;
    color: #333;
}

#globalMenu a {
    padding: 4px 7px;
    font-size: 13px;
}

#globalMenu .border {
    border-right: 1px solid #fff;
}

/* menu END */

#home a,
#menu a {
    color: #fff;
    text-decoration: none;
}

.KontaktBox {
    background-color: #e6e6e6;
    margin-bottom: 15px;
    font-size: 0.9em;
    border-bottom: 2px solid #FFFF09;
}

.KontaktBox .image {
    width: 128px;
    margin-bottom: 10px;
}

.KontaktBox .textmargin {
    margin: 0px 10px 10px 10px;
}

#kontakt {
    position: relative;
    width: 190px;
}

* html #kontakt {
    float: left;
}

#kontakt img {
    position: absolute;
    top: 0;
    right: 0;
}

#kontakt p {
    width: 130px;
}

.leftBox .boxlink {
    display: block;
    padding: 5px;
    background: #fff;
    color: #B11111;
    font-weight: bold;
}

.leftBox {
    margin: 15px 0px 0px 0px;
    background-color: #e6e6e6;
    padding: 15px;
    font-size: 0.9em;
    border-bottom: 2px solid #f7e100;
}

.leftBox img {
    border-top: 0;
}

#geprueft {
  margin: 15px 0 0 0;
  position: relative;
}

#location {
    border-bottom: 2px solid #f7e100;
    border-top: 15px solid #fff;
    margin: 0px 0px 15px 0px;
}

.leftBox a {
    text-decoration: none;
    color: #333;
}

.red {
    background-color: #cd3333;
}

.block {
    margin-bottom: 15px;
}

.bildBlock img,
#content img {
    /* margin-top: 15px; */

    padding-top: 1px;
    border-bottom: 2px solid #f7e100;
}

.infoBlock {
    width: 190px;
    overflow: hidden;
    padding: 15px;
    background: #ebebeb;
    border-bottom: 2px solid #f7e100;
}

.infoBlock a {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    color: #666;
}

.infoBlock .Template .spalte {
    margin: 0px;
    width: 190px;
}

.infoBlock .Template .spalte h1 {
    line-height: 15px !important;
}

.leftBox img {
    border-top: 0;
}

#anschrift h3 {
    font-weight: normal;
    font-size: 15px;
}

.infoBlock .header h1 {
    background: url(/gfx/mm-logistik/erdball.jpg) no-repeat scroll 0 50%;
    color: #333 !important;
    font-size: 15px !important;
    font-weight: normal;
    padding-left: 18px;
}

#adresse {
    margin: 0px 0px 10px 0px;
}

/* footer */

#footer {
    width: 900px;
    margin: 0px 0px 30px 0px;
    color: #ccc;
}

#footer a,
#footer .links {
    color: #666;
    font-size: 10px;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer .links {
    background: #e6e6e6;
    position: relative;
    float: left;
    width: 205px;
    height: 18px;
    padding: 15px;
}

#footer .copyright {
	float: left;
	margin: 0;
}

#fb_footer img {
    margin-left: 5px;
    opacity: 0.7;
    vertical-align: middle;
	float: right;
}

#fb_footer img:hover {
    opacity: 1;
}


#footer .mitte {
    border-bottom: 1px solid #e6e6e6;
    margin: 0px 15px;
    float: left;
    width: 415px;
    padding: 15px 0px;
}

#footer .mitte .template_left {
    background: url(/gfx/mm-logistik/brief.gif) no-repeat 0px 50%;
    padding-left: 18px;
}

#footer .mitte .template_right {
    background: url(/gfx/mm-logistik/top.gif) no-repeat 55px 50%;
    padding-right: 25px;
}

#footer .rechts {
    background: #e6e6e6;
    position: relative;
    float: right;
    width: 190px;
    padding: 15px;
    height: 18px;
}

/* footer END */

#contentHeader {
    border-bottom: 15px solid #fff;
    width: 650px;
    overflow: hidden;
}

#content.mitte {
    width: 650px;
    position: relative;
}

#content {
    margin: 15px 0px 0px 0px;
}

#content .Document {
    width: 650px;
}

.clear {
    clear: both;
}

/* content objekte*/

.headline {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.2em;
}

.headtext {
    font-size: 1.3em;
}

#content h1,
#content a,
.headline  {
    color: #e2001a;
}

h3,
.headtext,
.template {
    color: #333;
    font-size: 13px;
}

#content table {
    border: 1px solid #ccc;
    border-spacing: 0;
}

#content th {
    background: #ccc;
    color: #666;
}

#content td,
#content th {
    padding: 2px;
}

#content .submit {
    background: #999;
    color: #fff;
}

#content .template_form table, #content .template_form img {
    border: 0px dotted #FFF;
}

/* Personen miniDB-Ausgabe */

#personen .person {
    background: #e6e6e6;
    width: 200px;
    height: 330px;
    float: left;
    margin: 0px 7px 15px 7px;
    border-bottom: 2px solid #f7e100;
    position: relative;
    color: #666;
}

#personen .person img {
    margin: 0px;
    border: none;
}

#personen .person .text {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

#personen .person .text h3 {
    color: #535353;
    font-size: 16px;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#personen .person .text .small {
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#personen .person .text p {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#personen .person .text a {
    font-size: 11px;
}

/* --------------- Templates ----------------- */

.button {
    text-align: right;
}

.button a {
    font-weight: bold;
    color: #999 !important;
    font-style: italic;
}

.button a:hover {
    color: #e2001a !important;
}

.Template {
    margin: 0px 0px 15px 0px;
    width: 650px;
    position: relative;
}

#content .template,
#content .Template,
{
    margin: 0px 0px 15px 0px;
    padding: 0;
    background: #fff;
    clear: none;
    overflow: visible;
}

.template_left {
    float:left;
}

.template_right {
    float:right;
}

.Document.Detail .detailfilesize,
.Document.Detail .detaildimensions,
.Document.Detail .detailcreated,
.Document.Detail .detailchanged {
    display: none;
}

/* Template Artikel 2 Spalten Ueberschrift oben */

.s96 .spalte {
    width: 182px !important;
    margin: 0px 5px 10px 5px !important;
}

.s96 .info h1 {
    position: absolute;
    top: 0px;
    left: -95px;
    overflow: hidden;
}

.s96 .Nachricht.spalte .info .text {
    margin-top: 40px;
}

/* Breites Layout anpassung */

.Template.s2 h1 {
    font-size: 1.2em;
}

.Template.s2 h1 a {
    font-size: 1em;
    text-decoration: none;
}

.Template.s2 .spalte {
    width: 98%;
}

.s205 .Nachricht.spalte {
    min-height: 160px;
}

.s205 .Nachricht.spalte .bild {
    top: 40px;
}

.Template.s2.s96 .spalte,
.Template.s2.s82 .spalte {
    width: 48% !important;
    height: 170px;
}

.Template.s82 .spalte .info {
    float: left;
    width: 195px;
}

.s82 .Nachricht.spalte .info h1 {
    margin: 0px 0px 15px 0px;
}

.s82 .spalte {
    height: 170px;
}

.s96 .Nachricht.spalte .info {
    width: 195px;
}

.s96 .Nachricht.spalte .bild {
    border-bottom: 2px solid #F7E100;
    margin-top: 20px;
    margin: 40px 5px 15px 0;
    width: 90px;
    height: 90px;
}

.s96 .Nachricht.spalte .bild img {
    height: 90px;
}

/* Mitarbeiterportrait */

.s234 .textBlock {
    border-left: 2px solid #fff;
    margin-left: 0;
    padding-left: 2%;
    float: left;
    width: 68%;
}

/* Text-Template */

.s5 .spalte,
.s5 .spalte .bild,
.s5 .spalte .bild img {
    width: 205px;
}

/* Login Secure */

#loginform label {
    float: left;
    display: block;
    width: 100px;
}

#loginform div {
    margin-bottom: 5px;
}

/* Template Divider */

h2.divider {
    border-bottom: 2px solid #E6E6E6;
}

/* ---------- Responsive Features ---------- */

/* Bootstrap inspired */
.hidden {
	display: none;
	visibility: hidden;
}

.hidden-desktop {
	display: none !important;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}


/*
 --------------- Media Queries - Responsive -------------
*/

@media (min-width: 1200px) {
	/*Large display*/
}

@media (max-width: 979px) {
	/*default*/
	/* senseless cause Layoutwidth per default: 900px */
}

@media (max-width: 900px) {
	/*lower than default resolution: get fluid*/

	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important;
	}
	.visible-phone {
		display: inherit !important;
	}
	.hidden-phone {
		display: none !important;
	}

    #shanty {
		width: 95%;
		padding: 0 2%;
	}
    #header {
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}
	 #header .search {
		bottom: auto;
		left: auto;
		margin: 0 auto 10px 0;
		position: relative;
	}
	#header .search .submit {
		left: 150px;
		top: 2px;
	}
	#language {
		bottom: auto;
		float: none;
		left: auto;
		right: 0;
		top: 0;
		width: 50px;
	}
	
	#header .slogan {
		bottom: auto;
		left: 0;
		text-align: center;
		top: 30px;
		width: 100%;
	}
	 #header .rechts {
		float: none;
		margin-top: 40px;
	}
	
	 #header .rechts a {
		display: block;
	}
	
	 #header .rechts img {
		margin: 0 auto;
	}
	 #main {
		background: none;
		position: relative;
		float: none !important;
	}
	
	#leftFrame {
		float: none;
		margin: 0;
		width: 100%;
	}
	
	#anschrift h3 {
		margin: 0 0 10px 0;
	}
	
	#adresse,
	#telefon,
	#hotline {
		width: 31.5%;
		margin: 0 1% 0 0;
		float: left;
	}
	#hotline {
		margin: 0;
	}
	
	 #home ul, 
	 #menu ul,
	 #home ul li, 
	 #menu ul li {
		width: 100%;
	}
	 #rightFrame {
		position: relative;
		float: none;
	}
	 #rightFrame .template_left {
		float: none;
	}
     #headerbild {
      display: none;
    }
	 #headerbild,
	 #globalMenu {
		width: 100%;
	}
	 #headerbild img {
		width: 100%;
		height: auto;
	}
	 #globalMenu {
		position: relative;
	}
	 #rightFrame .template_left.mitte {
		margin-bottom: 20px;
	}
	 #claim {
		width: 100%;
		height: auto;
	}
	#claim h4,
	#iso14001 {
		width: 50%;
		float: left;
	}
	#contentHeader,
	#content.mitte,
	#content .Document,
	#content .Document .Template {
		width: 100%;
	}
	.nav-toggle {
		background: url(/gfx/hamburger.png) no-repeat 20px center #999999;
		border-top: 5px solid #fff;
		color: #FFFFFF;
		display: block;
		font-size: 1.2em;
		padding: 7px 0 7px 51px;
		text-decoration: none;
	}
	#footer {
		width: 100%;
	}
	#footer .links,
	#footer .mitte,
	#footer .rechts {
		width: 100%;
		padding: 15px 0;
		margin: 0;
	}
	
	
	/* Templates */
	
}

@media (max-width: 767px) {
	/*Phones to tablets*/
	
	/* Templates */
	.Template.s2.s96 .spalte, 
	.Template.s2.s82 .spalte {
		height: auto;
	}
	
	.Template.s2.s96 .spalte,
	.Template.s2.s82 .spalte {
		width: 98% !important;
	}
	.s96 .Nachricht.spalte .bild {
		margin: 0 0 15px 0;
		width: 100%;
	}
	.s96 .Nachricht.spalte .info {
		width: 65%;
	}
	.s96 .Nachricht.spalte .info h1 {
		height: auto;
		left: auto;
		position: relative;
	}
	
	.s96 .Nachricht.spalte .info .text {
		margin-top: 0;
	}
    
	/* Bilder miittig ueber Text anordnen */

	#content .Template .spalte,
	#content .Template .spalte,
	#content .Template.s5.s97 .spalte {
		float: none;
		margin: 0 0 15px 0;
		width: 100%;
	}

	#content .Template .spalte .bild,
	#content .Template.s5 .spalte .bild,
	#content .s96 .Nachricht.spalte .bild {
		background: #E6E6E6;
		width: 100%;
		height: auto;
		border-top: 2px solid #F7E100;
		border-bottom: none;
		height: auto;
		text-align: center;
	}

	#content .Template .spalte .bild img,
	#content .Template.s5 .spalte img,
	#content .s96 .Nachricht.spalte .bild img {
		border: none;
		display: block;
		height: auto;
		width: 250px;
		margin: 0 auto;
	}
	
	/* Ansprechpartner und Mehrspalter nebeneinander */
	
	#content .Template.s234 .spalteEins,
	#content .s70 .spalteEins, 
	#content .s70 .spalteZwei,
	#content .s71 .spalteEins, 
	#content .s71 .spalteZwei {
		margin-right: 0;
	}
	
	#content .Template.s234 .spalteEins, 
	#content .Template.s234 .spalteZwei,
	#content .s70 .spalteEins,
	#content .s70 .spalteZwei,
	#content .s70 .spalteDrei,
	#content .s71 .spalteEins,
	#content .s71 .spalteZwei,
	#content .s71 .spalteDrei {
		float: none;
		width: 100% !important;
		margin-bottom: 15px;
	}
}


@media (max-width: 480px) {
	/*Phones*/
	#shanty {
		/* min-width: 320px; */
	}
	#iso14001 img {
		max-width: 100%;
		height: auto;
	}
	#globalMenu {
		min-height: 26px;
		white-space: normal;
		height: auto;
	}
	#globalMenu a {
		display: inline-block;
		padding: 10px;
	}
	#anschrift h3 {
		margin-bottom: 5px;
	}
	#adresse,
	#telefon,
	#hotline {
		float: none;
		width: 100%;
		line-height: 1.2em;
		padding: 0 0 5px 0;
	}
}

.spalte .minitext {
     width: 205px;
}


/* Ausnahme fuer Artikel Eintritt in die DMS Deutsche Moebelspedition  */

.Template.s5.s97 p {
 line-height: 1.5em !important; 
}


/* Textmarkierung im Inhaltebereich ??ber Editor  */


.marker {
  background-color: #ffff01;
}


h2.toggleTrigger {
  cursor: pointer;
}