body
{
margin: auto; 
font-family: "Segoe UI", Arial, sans-serif; font-size: 1em; background-color: rgb(255, 255, 255) !important;
	font-size: 16px;
color: #666;
}

a, a:link, a:hover, a:visited, a:active {color: #175b83; text-decoration: none;}


*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- * 
 *                                Hauptselectoren                                            *
 * ----------------------------------------------------------------------------- */


h1
{
	font-size: 24px !important;
        line-height: 1.5em;
	font-weight: bold  !important;
    color: #175b83;
}


h2
{font-size: 18px !important;
        line-height: 2em;
	font-weight: normal  !important;
 color: #175b83;
margin-top: -1em;
}


h3
{

	font-size: 24px !important;
        line-height: 2em;
	font-weight: bolder  !important;
text-transform: uppercase;
    color: #175b83;
}



.page-wrapper
{
margin: 0;
background-color: #fff;
}


.main {margin: 20px; overflow: auto; color: #1d2456;}

.main-left {  float: left;
    width: 49%;
    overflow: auto;
font-size: 10pt;
}
 
.main-right {  float: right;
text-align: right;
    margin-right: 2%;
    width: 49%;
    overflow: auto;
font-size: 10pt;
}

li { list-style-image: url(/upload/CMS/templateimages/li_icon.png); line-height: 1.5em; }

.nav{ margin: auto; padding-top: 5px; margin-top: 0; width: 100%; background-color: #175b83; text-align: center;}

.header {
margin: 0px auto;
text-align: center;
height: 500px;
width: 100%;
margin-bottom: 2em;
overflow:hidden;
}
  

.col-span{height: 50px; background: #ccc; width: 100%;}

.blue
{
color: white;
text-align: center;
background: none repeat scroll 0% 0% #175b83;
border-radius: 3px;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 2em;
margin-bottom: 2em;
}


.logo {position:absolute; top: 0px; left: 10%; width: 212px; height: 223px;}

.footer{
        margin: 0px auto;
        padding: 20px;
        color: #fff;
        background-color: #175b83;
    bottom:0px;
width: 100%;
}

.footer a, .footer a:link, .footer a:hover, .footer a:visited, .footer a:active {color: #fff; text-decoration: underline;}





.service,
.service A,
.service A:link,
.service A:hover,
.service A:active,
.service A:hover
{

text-decoration: uppercase;

}

.service_Active,
.service_Active A,
.service_Active A:link,
.service_Active A:hover,
.service_Active A:active,
.service_Active A:hover
{

text-decoration: uppercase;
}




/* ----------------------------------------------------------------------------- * 
 *                                Inhalt                                                           *
 * ----------------------------------------------------------------------------- */

.Content {margin: auto; width: 100%; padding: 2em;}

.Content a, .Content a:link, .Content a:hover, .Content a:visited, .Content a:active {text-decoration: none;}

.content_container {margin: 0 auto;}




.line {border-bottom: 1px solid #175b83;}

.frame {border: 1px solid #175b83; border-radius: 5px; padding: 1em; margin-right: 5px; margin-left: 5px;}

.info {margin-top: 80px;}

.teaser { text-align: left; margin: 20px 20px 20px 50px;}

.navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


.blue-btn {background-color: #175b83; padding: 5px 13px; border-radius: 5px; text-align: center; color: #fff !important; margin: 10px;}
.blue-btn:hover {background-color: #124664; padding: 5px 13px; border-radius: 5px; text-align: center; color: #fff;  margin: 10px;}





img {
height: auto;
}







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

@media only screen and (min-width: 1366px) {
        .page-wrapper {
          width: 100%;
	  margin: 0 auto;
         }
.nav
{
width: 100%;
margin: 0 auto;
}

.Content {margin: 0 auto; width: 1366px}

 .footer 
       {
          width: 100%;
         background-color: #175b83;
	  margin: 0 auto;
         }

}

@media only screen and (min-width: 980px) {
     

       .content_container
       {
          width: 980px;
	  margin: 0 auto;

         }

       .footer_container 
       {
          width: 1366px;
	  margin: 0 auto;

         }

       .nav_container
         {

	  margin: 0 auto;
padding-left: 15%; padding-right: 15%;
         }

.logo {position:absolute; top: 50px; left: 10%; width: 212px; height: 223px;}
     }


@media only screen and (max-width: 400px) { h1, h2 {font-size: 1.25em; line-height: 1.25em; font-weight: lighter; color: #124664; } }

@media only screen and (max-width: 640px) { img {max-width: 100%; height: auto;} 

.info {margin-top: 0px;}
}





@media only screen and (max-width: 100%) { .linie {height: 143px; padding: 5px 0 5px 0; background-image: url("/upload/CMS/templateimages/linie_100.png"); } }
@media only screen and (max-width: 1366px) { .linie {height: 143px; padding: 5px 0 5px 0; background-image: url("/upload/CMS/templateimages/linie_100.png"); } }
@media only screen and (max-width: 640px) { .linie {height: 30px; padding: 5px 0 5px 0; background-image: url("/upload/CMS/templateimages/linie.png"); } }
@media only screen and (max-width: 400px) { .linie { height: 30px; padding: 5px 0 5px 0; background-image: url("/upload/CMS/templateimages/linie.png"); } }


@media only screen and (max-width: 980px) { .Content { padding: 1em; margin: 0 auto; margin-botton: 55px;}}
@media only screen and (max-width: 640px) { .Content { padding: 1em; margin: 0 auto; margin-botton: 55px;}}
@media only screen and (max-width: 400px) { .Content { padding: 1em; margin: 0 auto; margin-botton: 55px;}}


@media only screen and (max-width: 480px) { .footer { margin-top: 55px;}
.header {
margin: 0px auto;
height: 150px !important;
width: 100%;
overflow:hidden;
}
  

}

@media only screen and (max-width: 320px) { .logo-klein {height: 150px; margin-left: 30%; background-repeat: no-repeat; background-image: url("/upload/CMS/templateimages/logo_mm-klein.png"); } }
@media only screen and (max-width: 360px) { .logo-klein {height: 150px; margin-left: 30%; background-repeat: no-repeat; background-image: url("/upload/CMS/templateimages/logo_mm-klein.png"); } }
@media only screen and (max-width: 371px) { .logo-klein {height: 150px; margin-left: 35%; background-repeat: no-repeat; background-image: url("/upload/CMS/templateimages/logo_mm-klein.png"); } }
@media only screen and (max-width: 480px) { .logo-klein {height: 150px; margin-left: 35%; background-repeat: no-repeat; background-image: url("/upload/CMS/templateimages/logo_mm-klein.png"); } }
@media only screen and (max-width: 320px) { .logo { display:none; } }
@media only screen and (max-width: 360px) { .logo { display:none; } }
@media only screen and (max-width: 371px) { .logo { display:none; } }
@media only screen and (max-width: 480px) { .logo { display:none; } }


@media only screen and (max-width: 768px) {
.header {

height: 150px;
width: 100%;
overflow:hidden;
}

.logo {position:absolute; top: 50px; left: 10%; width: 212px; height: 223px;}


  }

@media only screen and (min-width: 1024px) {
.header {
height: 400px;
width: 100%;
}
  }

@media only screen and (max-width: 400px) { .content-text-link{ min-height: 200px; color: black; background: #bcb0d8; padding: 15px 15px 30px 15px; border-radius: 10px; text-align: center;} }

@media only screen and (max-width: 640px) { .teaser { text-align: left; padding: 10px;} }
@media only screen and (max-width: 400px) { .teaser { text-align: left; padding: 10px;} }


@media only screen and (max-width: 400px) { .content-text{min-height: 200px; color: white; background: #175b83; padding: 15px 15px 30px 15px; border-radius: 10px; text-align: center; } }

@media only screen and (max-width: 400px) { .col-span {height: 80px; background: #f5f5f5; }}


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

.logo {margin-left: 1em; width: 170px; height: 50px;}

DIV.RadMenu_drop .rmItem {
    padding: 3px;
border: 0px;
   }

}





/* ----------------------------------------------------------------------------- * 
 *                                Bootstrap Menü                                  *
 * ----------------------------------------------------------------------------- */


.navbar{margin-bottom: 0px !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: white !important;
    background-color: #175b83 !important;
margin-top: -5px;
    font-weight: bold;
}


.navbar-default {
 margin-top: -5px;
    background-color: #175b83 !important;
    border-color: #175b83 !important;
   font-weight: bold !important;
}


.navbar-default .navbar-nav > li > a {
margin-top: -5px;
    color: #FFF !important;
}

.navbar-nav > li > a {
margin-top: -5px;
    padding-top: 15px;
    padding-bottom: 15px;
}


@media only screen and (min-width: 768px) {.navbar-nav {
    float: left;
    margin: -0.5px;
}}





.navbar-default .navbar-toggle {
    border-color:  transparent !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF !important;
}



@media only screen and (max-width: 640px) {ol, ul {margin-left: -30px;}}


/*WICHTIG: Hier wird das Menü gehackt, dass die Navigationspunkte mittig sind für die Desktop-Ansicht*/

.navbar .nav,
.navbar .nav > li {
  float:none !important;
  display:inline-block !important;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top !important;
}

.navbar-inner {
  text-align:center !important;
}