/**
	GENERAL STUFF
*/
html {
	overflow-x:hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container-fluid.wide {
	max-width:1580px;
}
.container-fluid {
	max-width:1200px;
}
.ce-column {
	max-width:100%;
}
.ce-gallery figure {
	display:block;
}
h1,h2,h3,h4 {
	text-transform: uppercase;
}
.frame-layout-1 h2 {
	color:black;
}

.navbar-header {
	padding:15px 0px;
	
}
.navbar-brand {
	float:none;
}
.navbar-brand > img {
	display:inline;
	height:50px;
	width:auto;
} 
.navbar .nav li > a:hover,
.navbar .nav li.active > a {
	color:#ff8700;
}


@media( min-width: 769px )  {
	.navbar {
		margin-bottom:0px;
		font-size:17px;
    }
	.navbar-brand > img {
		height:auto;
		width:auto;
		/* todoSF wird dieser Code gebraucht? In Zusammenhang mit shrinking top nav  */
        width: 180px;
        transition: all 0.3s ease-in-out;
	}
	.navbar-header {
		text-align:center;
		width:100%;
	}
	.navbar-collapse {
		text-align: center;
	}
	.navbar .nav ,
	.navbar .nav > li {
		float:none;
		display:inline-block;
		*display:inline;
		*zoom:1;
		vertical-align:top;
	}
	#gallery-slider {
	    margin-left:50px;
	    margin-right:50px;
	}
    /* SF 2017-08-28 Shrinking navigation bar when scrolling down */
    /* todoSF CSS aufraeumen */
    .navbar-default.myNavbarFixedTop { border-bottom: 1px solid #CCC;  }
    .myNavbarFixedTop .navbar-brand {  }
    .myNavbarFixedTop .navbar-brand > img {
        width: 0;
        height: 0;
        transition: all 0.3s ease-in-out;
    }
    .myNavbarFixedTop {}
    .navbar .logoSmall img { width: 0; height: 0; transition: all 0.3s ease-in-out; }
    .myNavbarFixedTop.navbar li a.logoSmall img { display: inline; width: 100px; height: 50px; transition: all 0.3s ease-in-out; }
    .myNavbarFixedTop .navbar-header { padding: 0; }
    .myNavbarFixedTop {
        background-color: #FFFFFF;
        border-width: 0 0 1px;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        z-index: 1030;
    }
    /* End Shrinking navigation bar when scrolling down */

    footer#footertop .nav.footerMenu {
        /* todoSF */
        /* margin-top: 46px; */
    }
    .news-list-item .tags {
        right: 15px!important;
    }
}

#header-slider {
	border:0px;
	width:200%;
	margin-left:-50%;
}
#header-slider .flex-control-paging {
	bottom:20px;
}
#header-slider .flex-control-paging > li > a  {
	border:2px solid white;
	background:white;
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);

}
#header-slider .flex-control-paging > li > a.flex-active,
#header-slider .flex-control-paging > li > a:hover  {
	background:#ff8700;

}

.accordion .panel {
	border-radius:0px;
	/* border:0px; */ /* 2017-08-22 stefan.frank@ma-x.de Mail Heike Mathis vom 2017-08-22 */
}
.accordion .panel .panel-heading {
	background-color: #e9e9e9;
	background-color: transparent;
	padding:0px;
}
.accordion .panel .panel-heading .panel-title  p {
	margin:0px;
}
.accordion .panel .panel-heading .panel-title  {
	padding:10px 15px;
	background-color:#e5f0c8;
}
.accordion .panel .panel-heading .panel-title.collapsed  {
	background-color:#e9e9e9;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
	border-top:0px;
}
.accordion .panel + .panel {
	margin-top: 25px;
}

/*  2017-08-22 stefan.frank@ma-x.de
    #c14  ist das dreispaltige Element auf der Startseite */

#c14 .ce-gallery .ce-column img {
	max-width:100%;
	height:auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
#c14 .ce-gallery figure {
	overflow:hidden;
	position:relative;
	display:block;
}
#c14 .ce-gallery .ce-column figcaption {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:30px;
	line-height:30px;
	padding-left:15px;
	padding-right:15px;
	text-transform: uppercase;
	z-index:1000;
	background-color:rgba(150,150,150,0.7);
	color:white;
}
#c14 .ce-gallery .ce-column:hover figcaption {
	background-color:rgba(229,240,200,0.8);
}
#c14 .ce-left .ce-gallery {
	float:none;
}
#c14 .ce-gallery .ce-column:hover img {
	-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

#c14 .ce-left.ce-intext .ce-gallery .ce-row {
	margin-left:-15px;
	margin-right:-15px;
}
#c14 .ce-left.ce-intext .ce-gallery .ce-column {
	float:left;
	width:100%;
	margin:0;
	padding:0px 15px;
	padding-bottom:30px;
}

.ce-above .ce-gallery[data-ce-columns="1"] .ce-column {
	width:100%;
}
@media(min-width: 769px) {
	#c14 .ce-left.ce-intext .ce-gallery .ce-column {
		width:50%;
	}
	#header-slider {
		border:0px;
		width:150%;
		margin-left:-25%;
}
}
@media(min-width:992px) {
	#c14 .ce-left.ce-intext .ce-gallery .ce-column {
		width:33.3%;
	}
	#header-slider {
		border:0px;
		width:100%;
		margin-left:0%;
	}
}
.ce-gallery img {
	max-width:100%;
	height:auto;
}

.news-list-item  {
	padding:15px 0px;
}

.news-list-item ::before,
.news-list-item :before,
.news-list-item ::after,
.news-list-item :after {
	position:relative;
	height:1px;
	width:100%;
	border-top:1px solid #a0a0a2;
}
.news-list-item + .news-list-item::before,
.news-list-item + .news-list-item:before  {
	border-top:0px;
}
.news-list-item .tags {
	position: absolute;
	top:0;
	right:0;
	list-style-type:none;
}
.news-list-item .tags time {
	font-weight:bold;
}
.news-list-item  h3 {
	margin-top: 0px;
}

.booking_widget {
	display:none;
	position:relative;
	left:10%;
	width:80%;
	top:-100px;
	background-color:white;
	margin-bottom:-100px;
	padding:20px;
}
.booking_widget > .widget {
	background-color:#e5f0c8;
}

footer#footertop {
	background-color:#333333;
	color: #dddddd;
	padding-top:30px;
}

footer#footertop a {
	color: #FFFFFF;
}
footer#footertop .nav > li > a {
    padding: 0 0 0 15px ;
}

footer#footertop .nav > li > a:focus,
footer#footertop .nav > li > a:hover {
    background-color: #a0a0a2; text-decoration: underline;
}

footer .row .alignBottom { float: none; display: table-cell; vertical-align: bottom;  }

/* Icons footer */

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.social {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
#social-fb:hover {
    color: #3B5998;
}
#social-tw:hover {
    color: #4099FF;
}
#social-gp:hover {
    color: #d34836;
}
#social-em:hover {
    color: #f39c12;
}

/* Icons Footer */

/* Menu Footer */
footer#footertop .nav-pills > li.active > a,
footer#footertop .nav-pills > li.active > a:focus,
footer#footertop .nav-pills > li.active > a:hover {
    text-decoration: underline; background-color: #a0a0a2;
}
/* Menu Footer */

/* .ce-textpic .ce-bodytext h1, .ce-textpic .ce-bodytext h2 { margin-top: 0 !important; } */

/* -----
TYPO3 email spam protection
   ----- */
span.insat span {
    display: none;
}
span.insat:after {
    content:"@";
}

/* 2017-08-31 stefan.frank@ma-x.de und Sebastian Dietel
   todoSF Bilder responsiv in sd korrekt? */
.ce-intext .ce-gallery {
    width:100%;
}

@media( min-width:993px ) {
    .ce-intext .ce-gallery {
        width:33%;
    }
}
/* ENDE 2017-08-31 stefan.frank@ma-x.de und Sebastian Dietel */

/* todoSF Spiel einfuegen */
@media( min-width: 769px ) {
    .ce-above .ce-column {
        height: 250px;
    }
}

/* call to action-Button */
.btn-success { background-color: #ff8700; border-color: #ff8700;}
.btn-success:hover { background-color: #759514; border-color: #759514;}
.btn-success:hover > a, .btn-success:hover > a:active, .btn-success:hover > a:focus { color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #ff8700; }
.btn-success > a:focus { color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #ff8700; }
.btn-success a { color: #ffffff;}
/* END call to action-Button */

td p { margin-right: 6px; }

/* stefan.frank@ma-x.de, 2017-09-14 Smartphone */
@media( max-width: 768px ) {
    h1 { font-size: 30px; }
    h2 { font-size: 20px; }
    .news-list-item .tags { position: inherit; color: #333333; font-size: 14px; }
    ul.tags { padding-left: 0px; }
    body { overflow: hidden;}
    .nav > li > a.logoSmall { display: none; }
    footer p { font-size: 14px; }
}
/* forms */
#transportorder-freightpayer,
#transportorder-fullTrailer,
#transportorder-partTrailer,
#transportorder-lowbedTrailer,
#transportorder-attachment1,
#transportorder-attachment2,
#transportorder-attachment3,
#transportorder-attachment4,
#transportorder-attachment5
    { display: none; }
/* end forms */

/* formhandler */
#freightpayer,
#partTrailer,
#fullTrailer,
#lowLoader,
#attachment1,
#attachment2,
#attachment3,
#attachment4,
#attachment5 { display: none; }

.Tx-Formhandler fieldset {
    margin-top: 18px;
}

fieldset {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

legend {
    background: #ff8700;
    border: solid 1px #ff8700;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 6px;
    text-transform: uppercase;
    width: 30%;
}
footer p {
    font-size: 12px;
    padding: 16px;
    text-align: center;
}
.tx-felogin-pi1 fieldset { margin-top: 22px; }
.tx-felogin-pi1 legend {
    display: none; }
.tx-felogin-pi1 label { width: 140px;}

.form-horizontal .form-group {
    margin-right: 10px;
}

#hiddenFields { display: none; }

td.col1 { width: 180px; }

table.orders {}
table.orders tr {}
table.orders td, table.orders th  { padding: 4px 10px; }

table.tableOffers {}
table.tableOffers tr {}
table.tableOffers td, table.tableOffers th  { padding: 3px 3px; }
table.tableOffers td { border-bottom: 1px solid #999; }

#cboxLoadedContent { padding: 10px; }

.navbar-nav, .navbar-toggle, header, .btn, .printLink { display: none !important; }