/*****************************/
/*** Core html setup stuff ***/
/*****************************/
@media (max-width: 414px) {

html {
  height: 101%;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Calibri, sans-serif;
	line-height: 1.4em;
	margin: 0px;
	font-size: 14px;
	color: #000;
	margin-bottom: 0px;
    background-color: #fff;
}

:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #0A58AB;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #999;
}

.protectedby,
.accordion-toggle,
.mod-articles-category-group,
.muted {
   display: none;
}

.wrapper {
    position: relative;
    margin: 0;
    padding: 15px 15px 0 15px;
    max-width: 1100px;
    height: auto;
    overflow: hidden;
    z-index: 2;
    background-color: #fff;
} 

h1 {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
   padding: 0 0 10px 0;
    color: #1B3D87;
}

h2 {
    font-size: 14px;
    line-height: 24px;
    color: #1B3D87;
    margin: 10px 0 5px 0;
    padding: 0;
    text-align: center;
}

#visform1 {
    width: 320px;
}

.main {
   position: relative;
   margin: 0 auto;
   padding: 0;
   max-width: 100%;
   height: auto;
   background-color: #fff;
   overflow: hidden;
   z-index: 2;
}

.main2 {
   position: relative;
   margin: 0 auto;
   padding: 15px;
   max-width: 100%;
   height: auto;
   background-color: #fff;
   overflow: hidden;
   z-index: 2;
}

.menu_oben {
   float: left;
   height: auto;
   margin: 0 0 0 0px;
}

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

.menu_oben a:link {
   color: #959B96;
   font-size: 15px;
   text-decoration: none;
}

.menu_oben a:hover {
   color: #1B3D87;
   text-decoration: none;
}

#nav {
    width: 100%;
    margin: 20px 0 0 0;
}    

.flex {
   position: relative;
   width: 100%;
   height: 127px;
   margin: 0;
   z-index: 1;
}

.links {
    float: left;
    width: 100%;
    height: auto;
}

.rechts {
    float: right;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
}



/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

}

/*****************************************/

@media (width: 1024px) {

.menu_oben {
   float: right;
   height: auto;
   margin: 15px 10px 0 0px;
}

#nav {
    position: relative;
    z-index: 2;
    margin: 0 20px 0px 0;
    padding: 0;
}

.flex {
   position: relative;
   width: 100%;
   height: 313px;
   margin: 0;
   z-index: 1;
}

}

/*****************************************/

@media (width: 810px) { 

.logo {
   width: 200px;
   height: auto;
   float: left;
   padding: 10px 0 15px 0;
}

.suche {
   float: right;
   margin: 0 15px 0 10px;
   position: relative;
   width: 100px;
}

.menu_oben {
   float: left;
   height: auto;
   margin: 15px 0 0 40px;
}

#nav {
    position: relative;
    float: right;
    z-index: 2;
    margin: 10px 10px 0px 0;
    padding: 0;
}

.flex {
   position: relative;
   width: 100%;
   height: 248px;
   margin: 0;
   z-index: 1;
}

}