@media only screen and (min-width: 280px) and (max-width: 736px){
/* ############################################################################################### */
/* ############################################################################################### */

div.responsive-table { overflow: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

figcaption.image-caption {font-size:.8em !important;text-align:center;}

.news-single-imgcaption {font-size:.7em !important;padding:0 !important;text-align:center !important;}

ul.typo3-messages li.alert-success {list-style:none;}
ul.typo3-messages li.alert-success p.alert-message {color:#CF0565;}

.important header,
.important header div,
.important header h1
{background-color:#ff8c00 !important;}

.green header,
.green header .emptyIconField,
.green header h1
{background-color:rgb(162, 198, 19) !important;}

header.green,
header.green .emptyIconField,
header.green h1,
header.green h2,
header.green h3
{background-color:rgb(162, 198, 19) !important;}

h3.green {color:rgb(162, 198, 19) !important;}

#stoerer {
  position:absolute;
  list-style:none;
  width:94%;
  margin:0 0.5%;
  padding:0;
}    

#stoerer li{
  height:0;
}  

#stoerer li a{
  position:absolute;
  left:0;
  top:-66px;
  width:100%;
  height:46px;
  margin:0;
  text-align:center;
  text-transform:none;
  font-weight:bold;
  vertical-align:middle;
  
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

#stoerer a span{
  vertical-align:middle;
  padding:8px 0 0 0;
  font-size:0.7em;
  display:inline-block;
  max-width:450px;
}

#stoerer a img{
  display:none;
  
}

#stoerer a,
#stoerer a:visited{
  display:table-cell;
  vertical-align:middle;
  background:#b0b0b0;
  color:#294e96;
  text-decoration:none;
}

#stoerer a:hover,
#stoerer a:active{
  display:table-cell;
  vertical-align:middle;
  background:#b0b0b0;
  color:#294e96;
  text-decoration:none;
}







/* ############################################################################################### */

#toparea{
  max-width:94%;
  margin:0 auto;
  padding:0 3%;
  height:120px;
}

/* ############################################################################################### */

#toparea #topnavigation{
  display:none;
}

.sb-slidebar #topnavigation{
  float:left;
  border-top:5px solid #FFF;
  margin:0;
  padding:0;
  width:100%;
  list-style:none;
}

/* ############################################################################################### */

#topnavigation > li{
  width:100%;
  margin:0;
  padding:0;
  font-size:0.8em;
  border-bottom:1px solid #FFFFFF;
}

#topnavigation > li:first-child > a > img{
  width:20px;
}

/* ############################################################################################### */

#topnavigation > li > a,
#topnavigation > li > a:visited{
  padding:9px 15px;
  background:#0065ad;
  color:#FFFFFF;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  position: relative;
    z-index: 510;
}

#topnavigation > li > a:hover,
#topnavigation > li > a:active{
  padding:9px 15px;
  background:#828282;
  color:#FFFFFF;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  position: relative;
    z-index: 510;
}

#topnavigation > li.active > a,
#topnavigation > li.active > a:visited,
#topnavigation > li.active > a:hover,
#topnavigation > li.active > a:active,
#topnavigation > li:hover > a{
  background:#828282;
}

#topnavigation > li:nth-child(2n+2){
  display:none;
}

#topnavigation > li:first-child > a > img{
  width:20px;
}

/* ############################################################################################### */

#logo{
  position:relative;
  float:right;
  width:180px !important;
  padding:20px 0 20px 0;
}

/* ############################################################################################### */
/* ############################################################################################### */
/* ############################################################################################### */

#naviline{
  clear:both;
  position:relative;
  z-index:1001;
  width:100%;
  height:34px;
  background:#0065ad;
  border-bottom:2px solid #FFFFFF;
}

/* ############################################################################################### */

#naviline nav #mainnavigation{
  display:none;
}

/* ############################################################################################### */

.sb-slidebar #mainnavigation{
  margin:0;
  padding:0;
  width:100%;
  list-style:none;
}

/* ############################################################################################### */

#mainnavigation > li{
  width:100%;
  margin:0;
  padding:0;
  font-size:0.8em;
  border-bottom:1px solid #FFFFFF;
}

#mainnavigation > li:first-child > a > img{
  width:20px;
}

/* ############################################################################################### */

#mainnavigation > li > a,
#mainnavigation > li > a:visited{
  padding:9px 15px;
  background:#0065ad;
  color:#FFFFFF;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  position: relative;
    z-index: 510;
}

#mainnavigation > li > a:hover,
#mainnavigation > li > a:active{
  padding:9px 15px;
  background:#828282;
  color:#FFFFFF;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  position: relative;
    z-index: 510;
}

#mainnavigation > li.active > a,
#mainnavigation > li.active > a:visited,
#mainnavigation > li.active > a:hover,
#mainnavigation > li.active > a:active,
#mainnavigation > li:hover > a{
  background:#828282;
}

/* ############################################################################################### */

#mainnavigation .mdd{
  margin:0;
  padding:5px 0 10px 0;
  width:100%;
  display:block;
  list-style:none;
  background:#fffdfa;
}

/* ############################################################################################### */
.mdd > li{
  display:block;
  min-height:42px;
}

.mdd > li > a,
.mdd > li > a:visited,
.mdd > li > a:hover,
.mdd > li > a:active{
  padding:5px 20px;
  height:auto;
  color:#000000;
  font-size:1.0em;
  display:block;
  border-bottom:1px solid grey;
}



.mdd > li > a > span,
.mdd > li > a:visited > span{
  text-transform:uppercase;
  font-weight:bold;
  padding:0 2px;
}

.mdd > li > a:hover > span,
.mdd > li > a:active > span{
  background:#0065ad;
  color:#FFF;
  padding:0 2px;
}

.mdd > li > a > small{
  padding:0 1px;
  font-size:0.9em;
}

.mdd > li.active > a > span,
.mdd > li.active > a:visited > span,
.mdd > li.active > a:hover > span,
.mdd > li.active > a:active > span{
  background:#0065ad;
  color:#FFF;
  padding:0 2px;
}

/* ############################################################################################### */

#smandsearch{
  position:absolute;
  right:3%;
  width:94%;
}

#smandsearch .smlinks{
  position:absolute;
  top:1px;
  left:0px;
  z-index:10;
}

#smandsearch .menu{
  float:left;
  margin:4px 8px 0 0;
  width:24px;
}

#smandsearch .facebook{
  width:23px;
  height:23px;
  margin:5px 5px 0 0;
}
#smandsearch .youtube{
  width:33px;
  height:23px;
  margin:5px 5px 0 0;
}

/* ############################################################################################### */

#smandsearch img{
  float:left;
}

#smandsearch form{
  float:right;
}

#smandsearch form label{
  display:none;
}

#smandsearch .suche{
  position:absolute;
  z-index:1000;
  right:34px;
  border:none;

  width:60px;
  padding:0 0 0 10px;
  height:34px;
  margin:0;

  
  background:#0065ad;
  color:#FFFFFF;
  font-family:‚Merriweather Sans‘, sans-serif;
  font-size:1.0em;
  
}

#suchenicon{
  position:absolute;
  right:0;
  z-index:10002;
  width:36px;
  height:34px;
  border:none;
  outline:none;

  background:#0065ad url(../gfx/lupe.svg);
  background-size: cover;
  cursor:pointer;
}

.suchen{
  position:absolute;
  right:0;
  z-index:10001;
  width:36px;
  height:34px;
  border:none;
  outline:none;

  background:#828282 url(../gfx/lupe.svg);
  background-size: cover;
}

/* ############################################################################################### */
/* ############################################################################################### */
/* ############################################################################################### */

#content{
  width:94%;
  padding:0 3%;
  margin:5px 0 60px 0;
/*  display:table; */
  position:relative;
}

h3{
  color:#0065ad;
  padding:0 3%;
}

.wrapper{
  width:100%;
  display:table-header-group;
}



/* ############################################################################################### */

.subnavigation{
  width:99% !important;
  margin:5px 0.5%;
  background:#E6E6E6;
  padding:0;
  display:table-footer-group;
}

.subnavigation header{
  width:100%;
  height:34px;
  background:#0065ad;
  display:table;
  margin:0;
}

.subnavigation p img{
  width:100%;
  height:auto;
}

.subnavigation h1{
  margin:0;
  padding:0 20px 0 0;
  color:#FFF;
  text-transform:uppercase;
  font-size:1.0em;
  font-weight:normal;
  line-height:1.0em;
  display:table-cell;
  vertical-align:middle;
  width:100%;
}

.subnavigation .iconfield{
  position:relative;
  float:left;
  width:85px;
  height:34px;
  text-align:center;
}

.subnavigation .circle{
  margin:3px 0 0 0;
  width:28px;
  height:auto;
}

.subnavigation .icon{
  position:absolute;
  left:50%;
  top:50%;
  width:20px;
  height:auto;
  margin:0;
  padding:0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
}

.subnavigation > ul {
  margin:0;
  padding:0;
  list-style:none;
}

.subnavigation > ul > li{
  /*border-bottom:1px solid #0065ad;*/
  border-bottom:1px solid #cfcfd1;
  padding:0 0;
}

.subnavigation > ul > li > a,
.subnavigation > ul > li > a:visited{
  padding:12px 20px 8px 20px;
  display:block;
  color:#0065ad;
  text-decoration:none;
  font-size:0.9em;
}

.subnavigation > ul > li > a:hover,
.subnavigation > ul > li > a:active{
  padding:12px 20px 8px 20px;
  display:block;
  color:#0065ad;
  text-decoration:none;
  background:#cfcfd1;
  font-size:0.9em;
}

.subnavigation > ul > li,
.subnavigation > ul > li.active{
  /*border-bottom:1px solid #0065ad;*/
  border-bottom:1px solid #a3a3a3;
  padding:0 0;
}


.subnavigation > ul > li.active > a,
.subnavigation > ul > li.active > a:visited,
.subnavigation > ul > li.active > a:hover,
.subnavigation > ul > li.active > a:active{
  padding:12px 20px 8px 20px;
  display:block;
  color:#0065ad;
  text-decoration:none;
  background:#cfcfd1;
  font-size:0.9em;
}



.subsubnavi{
  font-size:0.8em;
  margin:0;
  padding:0;
  list-style:none;
}

.subsubnavi > li,
.subsubnavi > li.active{
  border-top:1px solid #a3a3a3;
  padding:0 0;
}

.subsubnavi > li > a,
.subsubnavi > li > a:visited{
  padding:6px 35px;
  display:block;
  color:#0065ad;
  text-decoration:none;
}

.subsubnavi > li > a:hover,
.subsubnavi > li > a:active{
  padding:6px 35px;
  display:block;
  color:#0065ad;
  text-decoration:none;
  background:#cfcfd1;
}

.subsubnavi > li.active > a,
.subsubnavi > li.active > a:visited,
.subsubnavi > li.active > a:hover,
.subsubnavi > li.active > a:active{
  padding:6px 35px;
  display:block;
  color:#0065ad;
  text-decoration:none;
  background:#cfcfd1;
}




.vierteebene{
  font-size:0.9em;
  margin:0;
  padding:0;
  list-style:none;
}

.vierteebene > li,
.vierteebene > li.active{
  border-top:1px solid #a3a3a3;
  padding:0 0;
}

.vierteebene > li > a,
.vierteebene > li > a:visited{
  padding:6px 65px;
  display:block;
  color:#0065ad;
  text-decoration:none;
}

.vierteebene > li > a:hover,
.vierteebene > li > a:active{
  padding:6px 65px;
  display:block;
  color:#0065ad;
  text-decoration:none;
  background:#cfcfd1;
}

.vierteebene > li.active > a,
.vierteebene > li.active > a:visited,
.vierteebene > li.active > a:hover,
.vierteebene > li.active > a:active{
  padding:6px 65px;
  display:block;
  color:#0065ad;
  text-decoration:none;
  background:#cfcfd1;
}



/* ############################################################################################### */
/* ############################################################################################### */
/* ############################################################################################### */

/* ############################################################################################### */

a.more,
a:visited.more,
a:hover.more,
a:active.more{
  text-decoration:underline;
  border:none;
}

a.more > .box,
a:visited.more > .box{
  background:#E6E6E6 url(../gfx/more.png) bottom right no-repeat;
}

a:hover.more > .box,
a:active.more > .box{
  background:#E6E6E6 url(../gfx/more_active.png) bottom right no-repeat;
}


.out{
  display:block !important;
}

.box{
  float:left;
  margin:5px 0.5% 10px 0.5%;
  padding:0 0 15px 0;
  background:#E6E6E6;
  color:#000;
}

/* ############################################################################################### */

.box header{
  width:100%;
  height:34px;
  background:#0065ad;
  display:table;
  margin:0 0 20px 0;
}

.box header .iconfield{
  position:relative;
  float:left;
  width:85px;
  height:34px;
  text-align:center;
}

.box header .circle{
  margin:3px 0 0 0;
  width:28px;
  height:auto;
}

.box header .icon{
  position:absolute;
  left:50%;
  top:50%;
  width:20px;
  height:auto;
  margin:0;
  padding:0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
}

.box header h1,
.box header h2.lho,
.box header h3.lho{
  margin:0;
  padding:0 15px 0 0;
  color:#FFF;
  text-transform:uppercase;
  font-size:1.0em;
  font-weight:normal;
  line-height:1.0em;
  display:table-cell;
  vertical-align:middle;
  width:100%;
}

/* ############################################################################################### */

.box p{
  font-size:0.9em;
  padding:0 3%;
  text-align:justify;
  
}

.box p img{
  width:100%;
  height:auto;
  margin:0 auto;
}

.box img{
  width:94%;
  margin:0 3%;
  height:auto;
}

.box h1{
  margin:0;
  padding:0 20px 0 0;
  color:#FFF;
  text-transform:uppercase;
  font-size:1.3em;
  font-weight:normal;
  line-height:1.0em;
  display:table-cell;
  vertical-align:middle;
  width:100%;
}

.box ul{
  margin:0 0 0 35px;
  padding:0;
  list-style:square;
  font-size:0.9em;
}

.box ol{
  margin:0 0 0 25px;
  padding:0;
  font-size:0.9em;
}

.box ul li,
.box ol li{
  margin:0;
  padding:3px 10px 3px 5px;
  /*color:#0065ad;*/
}

.box a,
.box a:visited{
  color:#0065ad;
  text-decoration:underline;
  /*text-transform:uppercase;
  padding:10px 0 0 0;*/
  display:inline-block;
}

.box a:hover,
.box a:active{
  color:#0065ad;
  text-decoration:none;
  /*text-transform:uppercase;
  padding:10px 0 0 0;*/
  display:inline-block;
}

.box #contentauswahl{
  margin:0;
  padding:0;
  list-style:none;
  font-size:1.0em;
}

#contentauswahl li{
  margin:0;
  padding:0;
}

#contentauswahl li a,
#contentauswahl li a:visited{
  margin:2px 0;
  padding:2px 20px;
  display:block;
  background:#b0b0b0;
  color:#FFF;
  text-decoration:none;
}

#contentauswahl li a:hover,
#contentauswahl li a:active{
  margin:2px 0;
  padding:2px 20px;
  display:block;
  background:#0065ad;
  color:#FFF;
  text-decoration:none;
}

#contentauswahl li a.activate,
#contentauswahl li a:visited.activate,
#contentauswahl li a:hover.activate,
#contentauswahl li a:active.activate{
  margin:2px 0;
  padding:2px 20px;
  display:block;
  background:#0065ad;
  color:#FFF;
  text-decoration:none;
}

.rightimg{
  width:50% !IMPORTANT;
  margin:0 20px 15px 15px !IMPORTANT;
  height:auto;
  float:right;
}
  
.leftimg{
  width:50% !IMPORTANT;
  margin:0 20px 15px 15px !IMPORTANT;
  height:auto;
  float:left;
}

/* ############################################################################################### */

.accordion{
  width:99%;
  float:left;
  height:auto;
  margin:5px 0.5%;
  padding:0;
  background:#E6E6E6;
}

.profilfoto{
  float:right;
  margin:20px;
  width:120px;
}

.accordion .optional{
  float:none;
  width:100%;
  border-top:1px solid #0065ad;
  font-size:0.9em;
  color:#000;
}

.accordion header{
  width:100%;
  background:#0065ad;
  display:table;
  margin:0;
  cursor:pointer;
}

.accordion header:hover{
   background:#828282;

    -webkit-transition: background 100ms ease-in 100ms; /* property duration timing-function delay */
    -moz-transition: background 100ms ease-in 100ms;
    -o-transition: background 100ms ease-in 100ms;
    transition: background 100ms ease-in 100ms;
}

.accordion .active{
  background:#828282 !IMPORTANT;
}

.accordion section{
  display:inline-block;
  width:100%;
  padding:0;
  margin:10px 0;
}

.accordion section p{
  
}

.accordion a,
.accordion a:visited{
  color:#0065ad;
  text-decoration:none;
}

.accordion a:hover,
.accordion a:active{
  color:#000000;
  text-decoration:none;
}

.profilfoto{
  float:right;
  margin:20px;
}

.accordion h1{
  margin:0;
  padding:8px 20px 6px;
  color:#FFF;
  text-transform:uppercase;
  font-size:1.3em;
  font-weight:normal;
  line-height:1.0em;
  width:100%;
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
}

.accordion p{
  font-size:0.9em;
  padding:0 20px;
  text-align:justify;
}


.accordion .optional{
  float:left;
  width:100%;
  border-top:1px solid #0065ad;
  font-size:0.9em;
  color:#000;
}

.optional h1{
  margin:0;
  padding:30px 0 0 20px;
  color:#0065ad;
  text-transform:uppercase;
  font-size:1.5em;
  font-weight:bold;
  line-height:1.0em;
  width:100%;
  display:table-cell;
  vertical-align:middle;
  cursor:default;
}

.optional ul li{
  padding-right:40px;
  margin-bottom:10px;
}

/* ############################################################################################### */

.beforecontent{
  margin:5px 0.5%;
}

.gallery{
  text-align:center;
}
  
  
.gallery a,
.gallery a:visited,
.gallery a:hover,
.gallery a:active{
  display:inline-block !IMPORTANT;
  width:22%;
  margin:0.5%;
  padding:0 !IMPORTANT;
}


















/* ############################################################################################### */
/* ############################################################################################### */
/* ############################################################################################### */

#footer{
  margin:0 0 0 0;
  padding:30px 0 0 0;
  width:100%;
  background:#AAAAAA;
}


#footer article{
  float:left;
  width:94%;
  margin:0 3%;
  padding:0 0 40px 0;
}


#footer address p{
  margin:0;
  padding:0 0 15px 0;
}

#footer address span{
  text-transform:uppercase;
  font-size:1.2em;
  font-weight:bold;
  color:#0065ad;
}

#footer address a,
#footer address a:visited,
#footer address a:hover,
#footer address a:active{
  color:#2c2c2c;
  text-decoration:none;
}

#footer nav{
  display:none;
}

/* ############################################################################################### */
/* ############################################################################################### */
/* ############################################################################################### */

.headerBox {
    margin: 0;
    padding: 0;
    width: 100%;
}
.rightColumn.b25{ width:100%;}
.rightBlock{ width:100%;}












/*  Search section - begin jainish*/



.tx-indexedsearch{

  width:100%;

}



.tx-indexedsearch form table{

  background:none;

  display:table;

  color:#000 !important;

  padding-bottom:15px;

  margin-bottom:30px;

  border-bottom:1px solid #0065ad;

}





.tx-indexedsearch form table tr,

.tx-indexedsearch form table tr:first-child{

  background:none !important;

}



.tx-indexedsearch form table tr td:first-child{

  width:100px !important;

  color:#000;

}



.tx-indexedsearch form table tr td{

  background:none;

  width:auto !important;

}



.browsebox{}



.tx-indexedsearch-browsebox,

.tx-indexedsearch-whatis{

  padding:0 20px;

  font-size:0.9em;

}



.tx-indexedsearch-browsebox a,

.tx-indexedsearch-browsebox a:visited{

  color:#0065ad;

  text-decoration:underline;

}



.tx-indexedsearch-browsebox a:hover,

.tx-indexedsearch-browsebox a:active{

  color:#0065ad;

  text-decoration:none;

}



.tx-indexedsearch-res {
  margin: 10px 2%;
  float: left;
  width: 96%;
  border: 1px solid #464847;
  background: none repeat scroll 0 0 #FFFFFF;
}

 
.tx-indexedsearch-icon {
  display:none;
}

.tx-indexedsearch-res h3 {
  padding: 10px;
  margin: 0;
  font-weight: normal;
  font-size: .9em;
  background-color: #0065ad !important;
}

.tx-indexedsearch-icon,.tx-indexedsearch-result-number,.tx-indexedsearch-title,.tx-indexedsearch-percent

{

  color: #fff;

}



caption,th,td {

  font-weight: normal;

}



.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {

  background: none repeat scroll 0 0 #EEEEEE;

}



.tx-indexedsearch-info {

  background: none repeat scroll 0 0 #FFFFFF !important;

 

}



.tx-indexedsearch-info {

  color: #252525 !important;

  padding: 15px 10px !important;

}



.tx-indexedsearch-info {

  background: none repeat scroll 0 0 #FFFFFF !important;

}



.tx-indexedsearch-info {

  font-size: 11px;

}


  .tx-indexedsearch-info dt, .tx-indexedsearch-info dt {float:left;}
  
  
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup

  {

  color: #000;

  font-weight: bold;

  font-size: 12px;

}



.tx-indexedsearch-title a {

  color: #fff !important;

}



.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button

  {

  background-color: #0065ad ;

  border: medium none;

  color: #FFFFFF;

  font-size: 14px;

  font-weight: bold;

  height:26px;

  line-height: 26px;

  margin:20px 0 10px 10px;

}



.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword

  {

  border: 1px solid #BABABA;

  color: #333333;

  font: 12px/30px ‚Merriweather Sans‘, sans-serif;

  height: 22px;

  padding: 0;

  width: 200px;

  margin-left: 10px;

}



.tx-indexedsearch-path a{ color: #0065ad ;}



.tx-indexedsearch-browsebox ul{

  float:left;

  width:80%;

  padding:40px 0 0 0;

}



.tx-indexedsearch-browsebox ul li {

  width: auto;

  display:inline-block;

}



.showResultsWrap { display:none;}



/* News */

header.imt{
  background:#828282;
}

header.imt h1,
header.imt h2.lho{
  text-transform:none;
}

header.imt a{
  text-decoration:none;
}

article.news p img{
  margin:0 20px 15px 0px !IMPORTANT;
  width:auto;
  max-width:50% !IMPORTANT;
  height:auto;
}

.news-amenu-container ul li a{
  font-size:1.5em;
}


}


@media screen and (max-width: 737px)  {
.b25{
  width:49%;
  min-height:120px;
}

.b50{
  width:99%;
}

.b75{
  width:100%;
}

.b100{
  width:99%;
}

.clone{
  display:none;
}


.tx-fhwmodulsuche11-pi1 input[type="submit"]{
  /*display:none;*/
}


}

@media screen and (max-width: 560px)  {
.b25{
  width:100%;
}

.b50{
  width:100%;
}

.clone{
  display:none;
}
}

@media only screen and (min-width: 600px){
#footer address{
  float:left;
  width:50%;
  color:#2c2c2c;
  font-style:normal;
  font-size:0.8em;
}

.shariff{
  float:right;
  width:50%;
  margin:40px 0 0 0;
}
}

@media only screen and (max-width: 600px){
#footer address{
  width:100%;
  color:#2c2c2c;
  font-style:normal;
  font-size:0.8em;
}

.shariff{
  width:100%;
  margin:10px 0 0 0;
}
}


@media only screen and (min-width: 280px) and (max-width: 737px){

.tx-felogin-pi1{
  width:96%;
  padding:0 2%;
}

.tx-felogin-pi1 h3{
  padding:0;
}

.tx-felogin-pi1 form{
  margin:30px 0 20px 0;
}

.tx-felogin-pi1 legend{
  display:none;
}

.tx-felogin-pi1 fieldset{
  border:none;
  outline:none;
  margin:0;
  padding:0;
}

.tx-felogin-pi1 #user{
  margin:6px 0 20px 0;
  width:80%;
}

.tx-felogin-pi1 #pass{
  margin:6px 0 20px 0;
  width:80%;
}

.tx-felogin-pi1 input[type="submit"]{
   font-size:1.0em;
  color:#FFF;
  background:#0065ad;
  margin:10px 0 0;
  padding:5px 20px;
  border:none;
}




#content .box.b100.rightBlock{
  width:49%;
}

#content .box.b100.rightBlock .tx-felogin-pi1{
  width:92%;
  padding:0 4%;
}

}


@media screen and (max-width: 560px)  {
  #content .box.b100.rightBlock{
    width:99%;
  }
}
.tx-fhwmodulsuche11-pi1 form select {
    max-width: 280px;
}