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

/******* ALT ********/

.jd_footer {display:none!important;}

* {
  margin: 0;
  padding: 0;
}


.container {background: rgba(0,0,0,0) linear-gradient(to bottom,#505664 0%,#363A45 100%) repeat scroll 0 0;}

#jawnav {border-radius:0; border:0; border-color: rgba(0,0,0,0); box-shadow:0;}

#jawnav ul>li>a {border-radius:0; border-color: rgba(70,70,70,100);}

body {
	font: 100%/1.4 'Open Sans', sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color:#58595b;
}



#fbox1 {border:none!important;}


/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}

#cloak4fdcb021fdd83887a92baa9bc027de9b a {color:#fff!important;}

/*------------------------------------*\
-------- Page Styles: Accordion
\*------------------------------------*/
body {
	position:relative;
	z-index:0;
}
.main:before {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	content:'';
	background:-webkit-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:-moz-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:-o-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
}

.site-header-wrap {
	margin-bottom:60px;
	border-bottom:1px solid #cd9ad6;
}

/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	border-radius:3px;
	width:80%;
	margin:0 auto;
}

.newsletter-info {background-image: linear-gradient(to top, #224d7e, #0d2c6c 50%);
width:95%;
margin-top:20px; 
margin:0 auto;
margin-bottom:20px; 
padding-bottom:40px;
padding-top:40px;
border-radius:15px;}

#midiapp-info {background-image: linear-gradient(to top, #224d7e, #0d2c6c 80%);
width:90%;
margin:0 auto;
padding-bottom:15px;
padding-top:20px;
text-align:center;
border-radius:15px;
}


#midiapp-info .text-info { float:left; width:75%; color:white;text-align:center;padding-left:20px;
font-size:16px;
line-height:4;}


/*----- Section Titles -----*/

.accordion-section-title {

	padding:9px;
	margin-bottom:1em;
	padding-right:2em;
	display:inline-block;
	background: url(/images/graphics/drop-a.svg) no-repeat;
	transition:all linear 0.15s;
	/* Type */
	font-size:1em;
	color:#58595B;
	padding-left:4.5em;
	background-color:#E0E1E3;
}

.up-ver {	font-size:1em;
	color:#58595B;
	font-weight:500;
	margin-bottom:1em;
	padding-right:1em;
	padding:9px;
	width:75%;
	background-color:#E0E1E3;
	text-align:center;
	}

.accordion-section-title.active, .accordion-section-title:hover {
	/* Type */
	background-color:#58595B;
	color:#FFF;
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

.accordion-section p {width:90%;}

.accordion-section h3 {margin-bottom:0.5em; margin-left:0; line-height:1.4em;
width:90%; margin:0 auto;}

.accordion-section h4 {width:100%; margin:0 auto; padding:2em 0em 1em 0em;
width:90%;}

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

/*----- DOWNLOAD -----*/

.downloadInfo
{

    z-index: 1;
}

.downloadInfoContent
{
    position: absolute;
    top:0;
    left:0;
    margin-top:10px;
    background-color:#fff;
    color:#58595b;
    border:1px solid #CCC;
    font-size:0.8em;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    z-index: 2;
    text-align:left;
    padding:1em;
    width:200px;
    
}

.downloadInfoContent div  {font-size:0.7em; padding:1em 0 1em 0;}

.downloadInfoContent a {color:#0d2c6c;}

.downloadInfoContent a:visited {color:#CCC;}

.download
{
    position: relative;
}

.download:hover .downloadInfoContent
{
    opacity: 1;
}

#bms {width:80%; margin:0 auto;}

#bms th {border:1px solid #CCC; padding:1em;}

#bms td {border:1px solid #CCC; padding:1em;}

/*----- Section Content -----*/
.accordion-section-content {
	padding-bottom:3em;
	padding-top:1.5em;
	display:none;
}

h1 {
	font-size:2.2em;
	margin-bottom:20px;
	font-weight:300;
	text-align:center;
}

h2 {
	font-size:1.6em;
	margin:1em 0 1em 0;
	font-weight:300;
	text-align:center;
}


h3 {font-size:1.2em;
	width:80%;
	margin:0 auto;
	padding-bottom:0.5em;
	font-weight:200;
	}


p {
	font-weight:300;
	font-size:0.9em;
	margin-top: 0;
margin:0 auto;
width:80%;
text-align:justify;
	}

	.card p  {
	font-weight:300;
	font-size:0.9em;
	margin-top: 0;
	text-align:left;
	width:100%;
	}

#liste {margin:0 auto;
width:80%;
padding-top:10px;
padding-left:20px;}

#liste li { 
	list-style-type: none;
    list-style-image: none;
    margin-left: 0;
	background: url(/images/layerslider/MIDITEC/Produkte/list-style.png) 0 4px  no-repeat;
	padding-left: 40px;
	line-height:2em;
}

#wartung {background-color:rgb(240, 240, 240);
border-top:1px solid black;
border-bottom:1px solid black;
padding:100px 0 100px 0;
margin:50px 0 260px 0;
height:400px;}

#kundennaehe {background-color:rgb(240, 240, 240);
border-top:1px solid black;
border-bottom:1px solid black;
padding:30px 0 30px 0;
margin-top:50px;}

/* FAQ Animated */

#q-and-a {width:80%;
margin:0 auto;}

#q-and-a ul { 
margin: 0; 
padding: 0; 
}

#refe_produkte {margin-top:2em;}

#refe_produkte td {padding-bottom:2em;}

#refe_produkte p {text-align:left;}

.breite {width:30%;text-align:center;}

.breite img {width:70%;}

#q-and-a li { 
margin: 0; 
padding: 0; 
list-style-type: none;
list-style-image: none;
background: url(/images/graphics/drop-a.svg) no-repeat;
padding-left: 3em;
line-height:2.8em;
margin-bottom:0.5em;
}

#q-and-a li a { 
background-color:rgb(224, 225, 227);
padding:0.7em 1em 0.7em 1em;
cursor:pointer;

}

#q-and-a li p a {background-color:#fff;
padding:0;
font-weight:500;
color:#0d2c6c;}

#q-and-a a:hover {
	background-color:#58595b;
	color:#fff;

}

#q-and-a a:visited {

}

#q-and-a a:active {
	background-color:#58595b;
	color:#fff;

}

#q-and-a div { 
display: none; 
width:100%;
font-weight:200;
line-height:1.5em;
margin:2em 0em 3em 0em;
}

#q-and-a p {margin:0; padding:0; width:100%;}


#q-and-a h3 {margin-bottom:0.5em; margin-left:0; line-height:1.4em;}

#q-and-a h4 {width:100%; margin:0 auto; padding:2em 0em 1em 0em;}

/* LOGIN */

/* LOGIN */

.unstyled {list-style:none;
margin-top:1em;
}

legend {font-size:1.4em;
font-weight:200;}

.control-label {font-size:0.8em;}

.registration fieldset {border:none;
}

a.btn {
   padding:10px;
   font-size:0.8em;
   margin-top:1em;
   border:1px solid #CCC;
   color:#58595b;
   background-image: linear-gradient(to bottom, white 10%, #CCC 50%);
}

.unstyled li {line-height:1.2em;}

.unstyled li a {color:darkslategrey;
font-size:0.8em;
}

#support-anfrage h3{display:none;}
#visform3 {width:100%; margin:0 auto;}
#visform3 label {font-size:0.8em;}

#visform4 {width:100%; margin:0 auto;}
#visform4 label {font-size:0.8em;}

#mod-visform3 {width:100%}
#mod-visform3 input {width:95%;}

#mod-visform4 {width:100%}
#mod-visform4 input {width:95%;}

#field49 {width:95%;}

#field57 {width:95%;}

#field62 {width:5%!important;}

#field63 {width:5%!important;}

label.vis_mandatory.visCSSbot10.visCSStop10 {font-size:0.6em!important;}

.form-actions {width:90%;}

.pretext {margin-left:-7em;}

#login-form {
font-weight:300;
line-height:2em;
margin:0 auto!important;
width:80%!important;
}

.tooltip-inner {
  max-width: 150px;
  color: #ffffff;
  padding:10px;
  text-align: center;
  text-decoration: none;
  background-color: #CCC;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
	margin-left:1em;
	font-size:0.7em;

}


.login {margin-bottom:10em!important;}

#form-login-remember {display:none;}

#modlgn-username {margin-left:0.5em!important; height:2em!important; line-height:2em!important; width:100%!important;}

.controls {line-height:2.5em!important;}

#modlgn-passwd {margin-left:0.5em!important; height:2em!important; line-height:2em!important; width:100%!important;}

.add-on {padding-right:1%!important;}


button {padding:10px;font-size:1em; margin-top:1em;
color:#fff;}

input.btn.btn-primary {padding:10px;font-size:1em; margin-top:1em;
   border:1px solid #CCC;
   background-image: linear-gradient(to bottom, white 10%, #CCC 50%);
   color:#fff;}

   p.alert-message {margin-left:0em; margin-top:1em; margin-bottom:1em;}

ul.nav.nav-tabs.nav-stacked {display:none;}

.news {font-weight:300;
	font-size:0.7em;
	margin:0 auto;
	width:80%;
	text-align:justify;}



/* MENU REFE */

#gray-menu img { 
filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* For Webkit browsers */
  filter: gray; /* For IE 6 - 9 */
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}


#gray-menu img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
/* Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site */

a:visited {
	color:#58595b;
}

a:hover, a:active, a:focus { /
	text-decoration: none;
color: #58595b;
}

a:link {text-decoration:none;
color: #58595b;
}



/* Header */

.header { margin:0 auto;
	width:98%;
}


#language {margin-top:10px; float:right}


#logo {
text-align:center;
float:left;
width:25%;
 }

#logo img {width:250px;float:left;
}

select {border:1px solid #CCC;
}

/*SUCHE */

.suche {text-align:right;
float:right;

font-weight:100;
font-size:1.2em;
margin-bottom:1em;}

#mod-search-searchword92 {padding:15px;
width:350px;
border: 1px solid #CCC;
border-radius:2px;
font-size:12px;}

#mod-search-searchword.inputbox { }

select.inputbox {width:84px;
border: 1px solid #CCC;
background-color:#fff;
color:#58595b;
text-transform:uppercase;
font-size:11px;}

#software-table {width:80%; margin:0 auto;}

#software {width:40%; 
float:left; 
border:1px solid #CCC; 
padding:10px;}


/*************/
/*************/
/*************/
/*NAVIGATION */
   
  
  #gruemenu {
  	margin:0 auto;
	width:95%;
	max-width:1280px;
	min-width:1024px; 
margin-bottom:1px;
font-weight:400;}

#gruemenu > ul {box-shadow:none;}

#gruemenu > ul > li > a { padding: 15px 15px 15px 15px; border-right: none; text-decoration: none;
margin-right:5px;
}


ul.sub-menu > li > a {padding:15px 35px 15px 25px!important;}


ul.sub-menu > li > a::after {margin-top:4px!important; margin-right:-8px!important;}



/*Slider*/

.slider {
	width:100%;
}

/* Content */

.content_head {	background:#fff;
	margin:0 auto;
	width:75%;
	max-width:1280px;
	min-width:860px;
	margin-top:50px;
}

.content {
	background:#fff;
	margin:0 auto;
	width:75%;
	max-width:1280px;
	min-width:860px;
	padding: 0px 0;
	margin-top:30px;
	margin-bottom:10em;
}

.spalten { 
width:80%;
margin:0 auto;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    }

    #nav-carousel {margin-bottom:20px;
    margin-top:60px;
    text-align:center;
    font-weight:200;}

    #nav-carousel li {display:inline;
border:1px solid #CCC; padding:10px 20px 10px 20px;
margin:0 20px 0 20px;}

.text {width:80%;
margin:0 auto;}

.div-left {	width:45%;
		float:left;
		font-size:1.3em;
	font-weight:200;
		}

		.div-left a {float:right;
		font-size:0.7em;
		border:1px solid #CCC;
		padding:0.2em 0.7em 0.2em 0.7em;
		font-style:italic;
		color:#58595b;
		}

		.div-left img {width:100%;}

		.div-left a:hover {background-color:rgba(125,161,196,0.5)}

.div-right {width:45%;
		float:right;
		font-size:1.3em;
font-weight:200;}

		.div-right img {width:100%;}

		.div-right a {float:right;
		font-size:0.7em;
		border:1px solid #CCC;
		padding:0.2em 0.7em 0.2em 0.7em;
		font-style:italic;
		color:#58595b;
		}

		.div-right a:hover {background-color:rgba(125,161,196,0.5)}

.div-left-text {width:50%;
		float:left;
		font-size:1.2em;
font-weight:200;}

.div-right-text {width:50%;
		float:right;
		font-size:1.2em;
font-weight:200;}

		.div-right-text img {width:100%;}

		.div-right-text a {float:right;
		font-size:0.8em;
		border:1px solid #CCC;
		padding:0.4em 0.9em 0.4em 0.9em;
		font-style:italic;
		color:#58595b;
		}

		.div-right-text a:hover {background-color:rgba(125,161,196,0.5);}

.link {
		font-size:1em;
		border:1px solid #CCC;
		padding:0.4em 0.9em 0.4em 0.9em;
		font-style:italic;
		color:#58595b;}

.link:hover {background-color:rgba(125,161,196,0.5);}

		hr {margin:50px 0px 50px 0px;}

#downloadfile {float:left; width:25%; margin-right:2em; text-align:right;
font-weight:200; margin-top:2em;}

#downloadfiles {width:90%; margin:0 auto;}



/* ~~ Fußzeile ~~ */
.footer_bg {
	margin:0 auto;
	background-color:#343a40;
	font-size:0.9em;}

.footer { margin:0 auto;
	padding: 10px;
	width:70%;
	max-width:1280px;
	min-width:860px;
	min-height:17em;
}

.footer_content {
	float:left;
	width:30%;
}

#f1 {width:25%;}
#f2 {width:25%;}
#f3 {float:right;}

.bodytext {width:95%;
margin-top:1em;
font-size:0.9em;
line-height:1.2em;
}

.footer_end_bg {
width:100%;}

.footer_end {
margin:0 auto;
width:95%;

min-height:7em;
padding:10px 0 10px 0;
font-size:0.9em;}

.footer_end .custom {width:60%;}

.footermenu {
width:20%;
	}

#footermenu ul  {
	text-transform:uppercase;
	font-weight:300;
	font-size:1.3em;
	padding:10px 25px 10px 5px;
}

#footermenu ul li {
	border-bottom:1px solid #CCC;
	list-style:none;
	padding:5px 0px 5px 0px;
}

#footermenu a {color:#58595b;}

#footermenu a:hover{color:#0d2c6c;
font-weight:400;}


#footerendmenu {float:right;
padding:5px 0 5px 0;}


#footerendmenu ul li {display:inline;
list-style:none;
border-right:1px solid #CCC;
padding:0px 10px 0 10px;}

#footerendmenu ul li:last-child {border:none;}


/* SUCHE */

.element-invisible {display:none;}

.phrases {margin-bottom:20px; width:75%;}

.result-text {margin-bottom:30px;
width:75%;}

.result-title a {color:rgb(49, 49, 49);
font-weight:600;
}

.phrases-box .controls {margin-top:10px; margin-bottom: 10px; font-size:13px;}

.ordering-box .ordering {font-size:13px;}

.edit.item-page .btn-toolbar .btn-group  {display:inline;}

.edit.item-page .btn-toolbar {margin-bottom:10px;}

.edit.item-page .nav.nav-tabs {display:none;}

.edit.item-page .control-group {display:none;}

.edit.item-page #editor-xtd-buttons {display:none;}

.edit.item-page .toggle-editor {display:none;}

.edit.item-page #mceu_14 {display:none;}

#searchForm .btn-toolbar {margin-bottom:10px;}

.searchintro {margin-left:-140px;padding:10px 0 20px 0;}

#system-message-container {width:80%; margin:0 auto;}

.dropdown-menu {width:80%; margin:0 auto; padding:20px;}

.dropdown-menu.actions li {list-style:none;}

.dropdown-menu.actions li a {color:#0d2c6c;}

.dropdown-menu.actions p {width:100%; margin-top:10px;}

.technicalnews img {float:right;}

.news img {margin-top:2em;}

.news p {width:100%;}

fieldset {/* padding:10px; */width:55%;}

.formular_style {width:70%;}

.formular_left {width:15%; float:left;}

.formular_box {width:55%;}

#recaptcha_response_field {width:25%;}

.visforms-form {width:80%;margin:0 auto;

}

.visforms-form fieldset {width:100%;}

.visforms-form h1 {display:none;}

.visforms-form label.checkbox {padding-left:20px;}

.visforms-form label.radio {padding-left:0px;}
input#field59_1 {margin:0 auto;}
input#field59_0 {margin:0 auto;}
input#field59_2 {margin:0 auto;}

input#field60_1 {margin:0 auto;}
input#field60_0 {margin:0 auto;}
input#field60_2 {margin:0 auto;}

#field67 {width:100%; height:2.2em;}
#field68 {width:100%; height:2.2em;}
#field69 {width:100%;}
#field72 {width:100%; height:2.2em;}
#field73 {width:100%; height:2.2em;}
#field74 {width:100%;}
#field77 {width:100%; height:2.2em;}
#field78 {width:100%; height:2.2em;}

.form-actions {background-color:transparent;}

.visforms-form .vis_mandatory {color:#CCC; font-weight:200;}

form#mod-visform1 div.required > label:after, form#mod-visform1 div.required > label.checkbox.asterix-ancor:after, form#mod-visform1 div.required > span.asterix-ancor:after, form#mod-visform1 div.required > div.asterix-ancor > div:after {color:#CCC; font-weight:200;}

.radio {padding:10px;}

.checkbox {padding:10px;}

.checkbox a:link {color:#0d2c6c;}

.form-limit {margin-top:20px;}

input#mod-search-searchword {border:1px solid #CCC;
padding:5px;
width:120%;
margin-right:10px;}

#search-searchword {padding:5px;}

#ordering_chzn {width:130px!important;}

#limit_chzn {width:60px!important;}


/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.red {color:#ba131a!important;}

.orange {color:#f37021!important;}

	.login fieldset {width:80%; margin:0 auto;}

#service {width:44%; float:left; border:1px solid #CCC; padding:10px; height:350px;}

.ls-l.ls-linkto-1:hover,.ls-linkto-2:hover,.ls-linkto-3:hover,.ls-linkto-4:hover,.ls-linkto-5:hover,.ls-linkto-6:hover {background-color:rgb(203, 214, 225);}

.newsletter {width:100%}

.newsletter table {width:100%;}

.newsletter table p {padding-bottom:15px;}

.newsletter input[type=text] {padding:8px; width:400px;}

.newsletter input[type=radio] {width:30px;}

.newsletter select {padding:8px; width:8%}


.newsletter input[type=submit] {padding:8px; width:90px;}

.anmeldung-zurueck {margin:0 auto;
	width:80%;}

.anmeldung-zurueck input[type=button] {margin-top:30px;padding:10px;}


/****** RESPONSIVE ******/
/************************/
/************************/
/************************/


/* iPad */

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


#midiapp-info {
width:95%;
padding-bottom:10px;
}


#midiapp-info .text-info { 
font-size:14px;
line-height:4;}

.header {width:95%;
max-width:1024px;
}


#logo {width:30%;}

.content {width:90%;}

p {width:90%;}

h3 {
	width:90%;
}


#gruemenu {margin-left:10px;}


#gruemenu.grue_181 ul > li > a { font-size:15px!important}
#gruemenu > ul > li > a { padding: 15px 15px 15px 15px; border-right: none;; text-decoration: none;
margin-right:5px;
}

.footer_end {width:80%;
max-width:1024px;
}

.footer_end .custom {width:500px;}

#kundennaehe {height:250px;}


.searchintro {padding-left:3em;}

#software-table {width:100%;}

#software {width:43%; 
float:left; 
border:1px solid #CCC; 
padding:10px;}


/* iPad hoch */

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

#midiapp-info {width:70%; text-align:center; padding:25px;}

#midiapp-info .text-info { 
font-size:16px;
line-height:1.5;
width:80%;
float:right;
margin-right:3em;
}

#midiapp-info img {margin-top:10px; }

#bms th {font-size:0.8em; padding:0.5em;}

#bms tr {font-size:1em; padding:0.5em;}

.header {width:95%;
max-width:780px;}

.content {width:90%;}

p {width:95%;}

h3 {width:95%;}


#logo {width:40%;}

.footer {width:95%;
max-width:780px;
min-width:680px;}

.footer_end {width:95%;
max-width:780px;
}


.content {	max-width:780px;
	min-width:700px;}

	h2 {font-size:1.6em;}

#navigation a {padding: 0.5em 0.8em;
font-size:1.1em;}

.div-left {	width:100%!important;
		float:left;
		
		}

		.div-left a {float:right;
		font-size:0.8em;
		border:1px solid #CCC;
		padding:0.2em 0.7em 0.2em 0.7em;
		font-style:italic;
		color:#58595b;
		}

		.div-left img {width:100%!important;
		margin:0 auto; float:none;}

		.div-left a:hover {background-color:rgba(125,161,196,0.5);}

.div-right {width:100%!important;
		float:left; margin-top:1em;}


.div-right-text img {width:30%!important;}

.div-right-text a {width:35%!important; margin-top:1em!important; font-size:0.7em!important; padding-right:1.4em;margin-right:1em!important;}


#gruemenu.grue_181 ul ul li a, #navigation-toggle {background:#58595b!important;}


#kundennaehe {height:300px;}

.visforms-form {width:94%;}

.suche {margin-top:10px;
width:100%;}

#mod-search-searchword.inputbox {width:100%; height:40px;margin-left:1em;
max-width:780px;
min-width:680px;}

.searchintro {padding-left:4em;}

#footermenu {font-size:0.8em;}

#software-table {width:80%;}

#software {width:95%; margin-left:0!important;
margin-top:3em;}

#downloadfile {width:44%;}

}


/* Smartphone quer */

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

#downloadfile {width:44%; margin-right:1em;}

p {text-align:left; font-size:85%;
hyphens: auto!important; 
width:85%;}

.accordion-section-title {font-size:95%;}

#fbox1 {display:none;}

.header {
max-width:670px;
}


#logo {width:60%;}

.footer {
max-width:670px;
min-width:480px;}

.footer_end {
max-width:670px;
}



.content {	max-width:670px;
min-width:500px;
width:90%;}

h3 {width:85%;}

#mod-search-searchword.inputbox {
max-width:670px;
min-width:500px;}

.pretext h3 {margin-left:4.5em;}

#bms th {font-size:0.8em;}

#bms tr {font-size:0.8em;}

#bms td {padding:5px;}


}

/* Smartphone hoch */

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


#midiapp-info .text-info { 
margin-right:2em;
}

#midiapp-info img {margin-top:20px;}

	#downloadfile {width:95%;}

	.header {max-width:480px;
min-width:320px;
	width:100%;}

	#subline {
max-width:480px;
min-width:320px;
	width:95%;}

#logo {width:80%;}

#mod-search-searchword.inputbox {
max-width:480px;
min-width:320px;
}


.content {max-width:480px;
min-width:320px;
width:95%;
margin-bottom:2em;}

.footer {max-width:480px;
min-width:320px;
	width:100%;}

.footerend {max-width:480px;
min-width:320px;
	width:100%;}


.footer_end {max-width:480px;
min-width:320px;
	width:100%;}

.footer_end p {width:60%; margin-left:1.5em; padding-top:0.5em;}

#footerendmenu {float:none; margin-top:1.1em; margin-left:0.5em; margin-bottom:0.5em;}

.footermenu {max-width:480px;
min-width:320px;
	width:100%;}

.footer_end_bg {max-width:480px;
}

.footer_bg {max-width:480px;
}

h1 {font-size:1.3em;}

h2 {font-size:1.2em;}

h3 {font-size:1.1em; 
	width:80%;
}

.div-left {font-size:1.2em;}

.div-right {font-size:1.2em;}

p {
width:80%;}

#service {width:100%; height:320px;}

#wartung {height:500px;
padding:50px 0 50px 0;}

.div-left-text {width:100%;
float:none;}

.div-right-text {width:100%;
float:none; margin-top:2em;}


.div-right-text p {margin-left:2em!important;}

.pretext h3 {margin-left:5.7em;}

#bms {max-width:480px;
min-width:320px;
width:90%;}

#bms th {font-size:0.1em;}

#bms tr {font-size:0.1em;}

#bms td img {width:10px;}

#bms td {padding:0px;}

#liste {column-count:1!important;
-moz-column-count: 1!important; 
-webkit-column-count: 1!important;
}

.facebook {width:90%; margin:0 auto;}

}