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

a, a:link, a:hover, a:visited, a:active {color: #7e6bae; 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: 2em;
	font-weight: lighter;
 font-family:  'Oswald', sans-serif !important;
}


h2
{font-size: 18px !important;
        line-height: 2em;
	font-weight: lighter;
 font-family:  'Oswald', sans-serif !important;
}


h3
{
        font-family: Times New Roman;
	font-size: 1.5em;
        line-height: 1.25em;
	font-weight: lighter;
        color: #000;
}



h4
{

	font-size: 1.5em;
        line-height: 1.25em;
	font-weight: lighter;
        font-family:  'Oswald', sans-serif !important;
}

.frontline
{
margin: 0 auto;
width: 400px;
max-height: 200px;
border: 4px solid black;
background-color: white;
padding: 1em;
	font-size: 1.5em;
        line-height: 1.25em;
	font-weight: lighter;
        color: black;

}


.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: #7e6bae; text-align: center; text-transform: uppercase;}

.header {
margin: 0px auto;
text-align: center;
font-size: 1.2em; 
padding: 2.25em 0em 1.25em 0em;
height: 400px;
width: 100%;
background-image: url(/upload/CMS/templateimages/hintergrundbild_startseite2.jpg);
}
  

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

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


.white { color: white ;  text-shadow: 2px 2px #000;}
.black { color: black ;  text-shadow: 2px 2px #fff;}

.logo {float: left; display:block; width: 170px; height: 50px;}

.footer{
        margin: 0px auto;
        padding: 20px;
        color: #fff;
        background-color: #7e6bae;
position:fixed;
    bottom:0px;
width: 100%;

}

.footer_container
{

}



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


.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%; background-color: #f5f5f5; padding-top: 30px; padding-bottom: 200px; }

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

.content_container {margin: 0 auto;}

.content_white {
background: none repeat scroll 0% 0% #FFF;
border-radius: 3px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 2em;
margin-bottom: 2em;
}

section {
padding: 0;
    overflow: auto; 
}

.headline {text-align: center;}

.line {border-top: 1px solid #7e6bae;}

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

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


.purple-btn {background-color: #7e6bae; padding: 5px 13px; border-radius: 5px; text-align: center; color: #fff !important; margin: 10px;}
.purple-btn:hover {background-color: #50446e; padding: 5px 13px; border-radius: 5px; text-align: center; color: #fff;  margin: 10px;}


article {
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.icon {height: 70px; width: 70px;}



img {
height: auto;
}



.slides {
	margin: 2.816901408% 0;
}





.imgleft
{
float: left;
margin-left: 0px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 20px;
}


/* ----------------------------------------------------------------------------- * 
 *                  Boxen .box                                                                *
 * ----------------------------------------------------------------------------- */


.box.team {
	float: left;
	margin-right: 3%;
        width: 31.3%;
	overflow: auto;
}

.team {
	font-size: 1em; /* 16 px */
        color: #1d2456;
}

.box.team:nth-of-type(2n+3) {
 margin-right: 0; /* Ende der Box wird kein Rand angezeigt */
}




/* ----------------------------------------------------------------------------- * 
 *                                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: 100%;}

 .footer 
       {
          width: 100%;
         background-color: #7e6bae;
	  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
         {
          width: 100%;
	  margin: 0 auto;
padding-left: 15%; padding-right: 15%;
         }
     }


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

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



@media only screen and (min-width: 1366px) { .rltbDescriptionBox .rltbDescBottom { display:none; }}
@media only screen and (max-width: 640px) { .rltbDescriptionBox .rltbDescBottom { display:none; }}
@media only screen and (max-width: 400px) { .rltbDescriptionBox .rltbDescBottom { display:none; }}

@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: 400px) { .footer { margin-top: 55px;}}

@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: #7e6bae; padding: 15px 15px 30px 15px; border-radius: 10px; text-align: center; } }

@media only screen and (max-width: 400px) { .col-span {height: 80px; width: 20px; 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-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: white !important;
    background-color: #7e6bae !important;
margin-top: -5px;
    font-weight: bold;
}




.row {
    margin-right: 0;
    margin-left: 0;
}

.col-md-6 {width: 48% !important; margin-right: 30px; margin-bottom: 30px;}


.col-md-6:nth-of-type(1n+2) {
    margin-right: 0px;
}

.navbar-default {
    margin-top: -5px;
    background-color: #7e6bae !important;
    border-color: #7e6bae !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;
}}




@media only screen and (max-width: 640px) { .row { padding-left: 15px; padding-right: 15px;} }
@media only screen and (max-width: 640px) { .col-md-6 { width: 100% !important;} }

.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;
}


/*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{margin-bottom: 0px !important;}

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

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