/*============ 768px Width Layout ============*/ 
/*@media screen and (max-width: 768px), (max-device-width: 768px) {*/
@media screen and (max-width: 954px), (max-device-width: 954px) {

/*=== Layout ===*/
#page, #header{
  width: 715px
}
/*=== Header ===*/
.header-content{
  width: 445px
}
/*- Main Nav -*/
.nav1{
  font-size: 12px;
}
/*- Secondary Nav -*/
.nav2 ul{
  width: 468px;
  float: right
}
/*- Navigation Tabs -*/
.nav-tabs{
  font: 14px HelveticaNeueLTStd77BdCn;
}
/*- Slider Banner -*/
#slider, #slider-content li{
  height: 356px;
  width: 715px;
}
.slide-pic{
  height: 354px;
  width: 713px;
  overflow: hidden;
}
.slide-pic img{
  width: auto;
  height: 354px;
}
.slide-text{
  top: 135px;
}
#slide-btn-left,
#slide-btn-right{
  top: 150px;
}
/*- Featured Title -*/ 
#featured-title h1{
  font-size: 28px;
}
/*=== Columns ===*/ 
#rightcol{
  float: none;
  width: auto;
}
/*- List News -*/
.list-news dl:last-child{
  border: 0
}
/*- Archive Blocks -*/ 
.list-archiv{
  margin: 0 -20px 0 0;
  position: relative;
  padding: 0 0 1em;
  height: 1%
}
.archiv-block{
  width: 222px;
  float: left;
  margin: 0 20px 0 0
}

body#typo3-backend-php {
    margin: 0;
    padding: 0;
}
.x-viewport, .x-viewport body {
    border: 0 none;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.x-border-layout-ct {
    background-color: #F0F0F0;
}
.x-border-layout-ct {
    background: none repeat scroll 0 0 #EFEFF4;
}
.x-border-layout-ct {
    position: relative;
}
body {
    color: black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 14px;
}
body {
    background-color: #F8F8F8;
}
select, textarea, input, td, body, .defstyle, p, div {
    margin: 0;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
img, body, html {
    border: 0 none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

}


/*============ 480px Width Layout ============*/ 
@media screen and (max-width: 480px), (max-device-width: 480px) {

/*=== Layout ===*/
#page{
  width: 390px
}
#page-top{
  height: auto;
  background: #9fb2ce;
  margin: 0 0 15px
}
/*- Logo -*/
.logo{
  float: none;
  width: 225px;
  margin: 0 0 15px;
}
.logo img{
  width: 100%
}
/*=== Header ===*/
#header{
  width: 390px;
  height: 307px;
}
.header-content{
  width: auto;
  float: none;
}

/*- Main Nav -*/
.nav1{
  height: auto;
  font-size: 12px;
  margin: 0 0 15px;
}
.nav1 ul{
  float: none
}
.nav1 li{
  float: none;
  padding: 0;
  margin: 0 0 1px;
}
.nav1 li a{
  background: #ccd5e5;
  color: #003c7a;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 10px;
  float: none;
}
.nav1 li a:hover,
.nav1 li.active a{
  background: #003c7a;
  color: #fff;
}
/*- Secondary Nav -*/
.nav2{
  margin: 0 0 1em;
  padding: 1em 0 0
}
.nav2 .fl{
  float: none;
}
.nav2 ul{
  width: auto;
  float: none;
  padding: 10px 0
}
.nav2 li a{
  height: 1%;
  line-height: normal;
  padding: 3px 25px 3px 5px
}
/*- Navigation Path -*/
.nav-path{
  background: url(../images/btn-right.png) no-repeat 5px 2px;
  color: #003c7a;
  height: auto;
  font-weight: bold;
  padding: 0 0 0 20px;
  margin: 0 0 1em
}
.nav-path li{
  float: none;
  padding: 0 10px 0 0
}
.nav-path a{
  color: #003c7a;
  text-decoration: none;
  border-bottom: 0
}
.nav-path a:hover,
.nav-path .active a{
  text-decoration: underline;
}
/*- Navigation Tabs -*/
.nav-tabs{
  font: 11px HelveticaNeueLTStd77BdCn;
  height: auto;
  background: #fff;
  height: 1%;
  margin: 0 0 -1px;
  position: relative;
  display: table;
}
.nav-tabs li{
  height: auto;
  line-height: normal;
}
.nav-tabs li a{
  height: auto;
  line-height: normal;
  padding: 5px;
}
.nav-tabs li:hover a,
.nav-tabs li.active a{
  padding-top: 5px;
  background: url(../images/btn-below.png) #ccd5e5 no-repeat 10px 8px;
  height: auto;
  line-height: normal;
}
/*- Headlines -*/
.headline2{
  padding: 3px 10px;
}
.headline2 h2{
  font-size: 14px;
}
.headline3-above, .headline3-below{
  margin: 0 0 .5em;
  font-size: 1.2em
}
.headline4 h2{
  font-size: 1.2em
}
/*- Slider Banner -*/
#slider, #slider-content li{
  height: 320px;
  width: 390px;
}
.slide-pic{
  height: 318px;
  width: 390px;
  overflow: hidden;
}
.slide-pic img{
  width: auto;
  height: 318px;
}
.slide-text{
  height: 185px;
  top: 119px;
  width: 250px;
  padding: 15px 25px 0 30px;
  font-size: 12px;
}
.slide-text h3{
  font: 24px/25px ImpactRegular;
  color: #ffffff;
  margin: 0;
  padding: 0
}
.slide-text p{
  line-height: normal;
  padding: 0
}
#slide-btn-left,
#slide-btn-right{
  top: 130px;
}
#slide-nav{
  bottom: 10px;
  right: 10px;
}
/*- Featured Title -*/ 
#featured-title{
  margin: 0 0 1em;
  font-size: 1.2em;
}
#featured-title h1{
  font-size: 28px;
  line-height: 30px
}
.featured-pic{
  width: 390px;
  float: none;
  margin: 0 0 1em;
  height: 140px;
  border-bottom: 5px solid #003c7a
}
.featured-pic.bbgreen{
  height: 140px;
  border-bottom: 5px solid #7a8121
}
.featured-pic img{
  width: 390px;
  height: 140px;
}
/*=== Columns ===*/ 
#centercol{
  width: auto;
  float: none;
}
#rightcol{
  float: none;
  width: auto;
}
/*- Content Boxes -*/ 
.content-block{
  padding: 10px 0 0
}
.content-block2{
  padding: 10px 1px
}
/*- List Lernangebote -*/ 
.lernangebote{
  width: 222px;
  float: none;
  margin: 0
}
/*- List News -*/
.list-news .pic.fl{
  float: none;
  margin: 0 0 1em
}
/*- 'Search' Form -*/
.form-search fieldset{
  float: none;
  width: 225px;
}
.form-search input{
  width: 160px;
}
/*=== Link Buttons ===*/
.btn-close, .btn-open a{
  text-indent: -999em;
}
.btn-close a, .btn-open a{
  width: 15px;
  padding: 0
}
.btn-more2{
  margin: 0 0 1em;
  height: 20px;
}
.btn-menu{
  display: block;
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic-video{
  margin: 0 0 1em;
  width: 225px;
  overflow: hidden;
}
.pic-video img{
  width: 100%;
  height: auto;
}
}



/*============ 320px Width Layout ============*/ 
@media screen and (max-width: 320px), (max-device-width: 320px) {

/*=== Layout ===*/
#page{
  width: 225px
}
#page-top{
  height: auto;
  background: #9fb2ce;
  margin: 0 0 15px
}
/*- Logo -*/
.logo{
  float: none;
  width: 225px;
  margin: 0 0 15px;
}
.logo img{
  width: 100%
}
/*=== Header ===*/
#header{
  width: 225px;
  height: 307px;
}
.header-content{
  width: auto;
  float: none;
}

/*- Main Nav -*/
.nav1{
  height: auto;
  font-size: 12px;
  margin: 0 0 15px;
}
.nav1 ul{
  float: none
}
.nav1 li{
  float: none;
  padding: 0;
  margin: 0 0 1px;
}
.nav1 li a{
  background: #ccd5e5;
  color: #003c7a;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 10px;
  float: none;
}
.nav1 li a:hover,
.nav1 li.active a{
  background: #003c7a;
  color: #fff;
}
/*- Secondary Nav -*/
.nav2{
  margin: 0 0 1em;
  padding: 1em 0 0
}
.nav2 .fl{
  float: none;
}
.nav2 ul{
  width: auto;
  float: none;
  padding: 10px 0
}
.nav2 li a{
  height: 1%;
  line-height: normal;
  padding: 3px 25px 3px 5px
}
/*- Navigation Path -*/
.nav-path{
  background: url(../images/btn-right.png) no-repeat 5px 2px;
  color: #003c7a;
  height: auto;
  font-weight: bold;
  padding: 0 0 0 20px;
  margin: 0 0 1em
}
.nav-path li{
  float: none;
  padding: 0 10px 0 0
}
.nav-path a{
  color: #003c7a;
  text-decoration: none;
  border-bottom: 0
}
.nav-path a:hover,
.nav-path .active a{
  text-decoration: underline;
}
/*- Navigation Tabs -*/
.nav-tabs{
  font: 11px HelveticaNeueLTStd77BdCn;
  height: auto;
  background: #fff;
  height: 1%;
  margin: 0 0 -1px;
  position: relative;
  display: table;
}
.nav-tabs li{
  height: auto;
  line-height: normal;
}
.nav-tabs li a{
  height: auto;
  line-height: normal;
  padding: 5px;
}
.nav-tabs li:hover a,
.nav-tabs li.active a{
  padding-top: 5px;
  background: url(../images/btn-below.png) #ccd5e5 no-repeat 10px 8px;
  height: auto;
  line-height: normal;
}
/*- Headlines -*/
.headline2{
  padding: 3px 10px;
}
.headline2 h2{
  font-size: 14px;
}
.headline3-above, .headline3-below{
  margin: 0 0 .5em;
  font-size: 1.2em
}
.headline4 h2{
  font-size: 1.2em
}
/*- Slider Banner -*/
#slider, #slider-content li{
  height: 360px;
  width: 225px;
}
.slide-pic{
  height: 358px;
  width: 223px;
  overflow: hidden;
}
.slide-pic img{
  width: auto;
  height: 358px;
}
.slide-text{
  height: 185px;
  top: 119px;
  width: 168px;
  padding: 15px 25px 0 30px;
  font-size: 12px;
}
.slide-text h3{
  font: 24px/25px ImpactRegular;
  color: #ffffff;
  margin: 0;
  padding: 0
}
.slide-text p{
  line-height: normal;
  padding: 0
}
#slide-btn-left,
#slide-btn-right{
  top: 130px;
}
#slide-nav{
  bottom: 10px;
  right: 10px;
}
/*- Featured Title -*/ 
#featured-title{
  margin: 0 0 1em;
  font-size: 1.2em;
}
#featured-title h1{
  font-size: 28px;
  line-height: 30px
}
.featured-pic{
  width: 225px;
  float: none;
  margin: 0 0 1em;
  height: 78px;
  border-bottom: 5px solid #003c7a
}
.featured-pic.bbgreen{
  height: 78px;
  border-bottom: 5px solid #7a8121
}
.featured-pic img{
  width: 225px;
  height: 75px;
}
/*=== Columns ===*/ 
#centercol{
  width: auto;
  float: none;
}
#rightcol{
  float: none;
  width: auto;
}
/*- Content Boxes -*/ 
.content-block{
  padding: 10px 0 0
}
.content-block2{
  padding: 10px 1px
}
/*- List Lernangebote -*/ 
.lernangebote{
  width: 222px;
  float: none;
  margin: 0
}
/*- List News -*/
.list-news .pic.fl{
  float: none;
  margin: 0 0 1em
}
/*- 'Search' Form -*/
.form-search fieldset{
  float: none;
  width: 225px;
}
.form-search input{
  width: 160px;
}
/*=== Link Buttons ===*/
.btn-close, .btn-open a{
  text-indent: -999em;
}
.btn-close a, .btn-open a{
  width: 15px;
  padding: 0
}
.btn-more2{
  margin: 0 0 1em;
  height: 20px;
}
.btn-menu{
  display: block;
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic-video{
  margin: 0 0 1em;
  width: 225px;
  overflow: hidden;
}
.pic-video img{
  width: 100%;
  height: auto;
}

body#typo3-backend-php {
    margin: 0;
    padding: 0;
}
.x-viewport, .x-viewport body {
    border: 0 none;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.x-border-layout-ct {
    background-color: #F0F0F0;
}
.x-border-layout-ct {
    background: none repeat scroll 0 0 #EFEFF4;
}
.x-border-layout-ct {
    position: relative;
}
body {
    color: black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 14px;
}
body {
    background-color: #F8F8F8;
}
select, textarea, input, td, body, .defstyle, p, div {
    margin: 0;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
img, body, html {
    border: 0 none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

}