/*****************************/
/*** Core html setup stuff ***/
/*****************************/
@media only screen and (max-width:375px) { 

html {
  height: 101%;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Calibri,sans-serif;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #666;
	margin-bottom: 0px;
    height: 101%;
}

a:link, a:visited {
	text-decoration: none;
}

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

h1 {
   font-size: 14px;
   line-height: 16px;
   margin: 0 0 10px 0;
   color: #AC465A;
}

#visformcontainer {
    width: 280px;
}

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

#wrapper {
    position: relative;
    margin: 10px auto;
    width: 320px;
    min-height: 100%;
    overflow: hidden;
} 

#oben {
    position: relative;
    margin: 0px auto;
    width: 320px; 
    height: 120px;
} 

#flex {
    position: relative;
    width: 100%;
    height: 150px;
    z-index: 1;
    margin: 2px auto;
    padding: 0;    
} 

/* Menu Oben */

#menu1 {
   position: relative; 
   float: right;
   margin: -5px 0 0 0;
   padding: 0 15px 0 0;
}

#menu1 li {
   display: block;
   list-style-type: none;
   padding: 0 0 3px 0;
   font-size: 13px;
   line-height: 15px;
}

#menu1 li a {
   color: #6B747A;
   font-weight: normal;
   
}

#menu1 li a:hover {
   color: #999;
   font-weight: normal;
}  

#menu1 ul li.active a {
   color: #000;
} 

#mob_menu {
    position: relative;
    margin: 0 0 5px 0;
    width: 320px;
    height: auto;
}

#main {
    position: relative;
    margin: 0px auto;
    width: 300px;
    height: auto;
    min-height: 400px;
    overflow: hidden;
    background-color: #fff;
    padding: 20px 10px;
}  

.left {
    float: left;
    width: 100%;
} 

.right {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
} 

#footer {
    position: relative;
    margin: 0px auto;
    width: 300px;
    height: auto;
    overflow: hidden;
    padding: 20px 10px;
     
} 

}


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

#wrapper {
    position: relative;
    margin: 10px auto;
    width: 360px;
    height: auto;
    overflow: hidden;
} 

#oben {
    position: relative;
    margin: 0px auto;
    width: 360px; 
    height: 120px;
} 

#flex {
    position: relative;
    width: 100%;
    height: 150px;
    z-index: 1;
    margin: 2px auto;
    padding: 0;    
} 

#menu1 {
   position: relative; 
   float: right;
   margin: -95px 0 0 0;
   padding: 0 10px 0 0;
}

#menu1 li {
   display: block;
   list-style-type: none;
   padding: 0 0 3px 0;
   font-size: 13px;
   line-height: 15px;
}

#menu1 li a {
   color: #3A902F;
   font-weight: normal;
   
}

#menu1 li a:hover {
   color: #999;
   font-weight: normal;
}  

#menu1 ul li.active a {
   color: #000;
} 

#mob_menu {
    position: relative;
    margin: 0px 0 0 0;
    width: 360px;
    height: auto;
}

#main {
    position: relative;
    margin: 0px auto;
    width: 360px;
    height: auto;
    min-height: 400px;
    overflow: hidden;
    background-color: #fff;
    padding: 20px 10px;
}  

.left {
    float: left;
    width: 100%;
} 

.right {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
} 

#footer {
    position: relative;
    margin: 0px auto;
    width: 360px;
    height: auto;
    overflow: hidden;
    padding: 20px 10px;
     
} 

}