@media (min-width: 721px) and (max-width:1023px){

body {
background:#ffffff url(../images/content-hg-tablet.gif) repeat-y center;
}
  
div {
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/* CONTAINER ===========================================================================*/

#container {
width:700px;
height: auto;
margin:0 auto;
padding:0;
border:0;
}



/* HEADER ===========================================================================*/

#header{
height: 100px;
max-height: 100px !important;
padding: 0;
overflow: visible;
}


/* LOGO ---------------------------------------------------------*/

#header1{
height: 100px;
width: 62px;
margin: 0 20px 0 40px;
padding: 0;
max-height: 100px !important;
float: left;
}

#header1 .moduletable {
height: 100px;
max-height: 100px !important;
padding: 0 !important;
text-align: left;
}
  
#header1 .moduletable div {
height: 100px;
max-height: 100px !important;
text-align: left;
}
  
#header1 .moduletable div img {
width: 62px;
height: auto;
text-align: left;
margin:0 0 10px 0;
padding: 0;
border:0;
}
  
#header1 .moduletable div p {
margin-bottom:0;
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height:1.4em;
text-transform: uppercase;
letter-spacing: 0.03em;
text-align: left;
white-space: nowrap;
margin-top:10px;
padding: 0;
}


/* TITEL ---------------------------------------------------------*/

#header2{
float: left;
margin: 0;
}
  
#header2 .moduletable div p {
font-size: 2.0em;
margin: 30px 0 0 0;
}


/* KOPFMENUE ---------------------------------------------------------*/

#header3 {
display: none;
}



/* CONTAINER NAV INHALT SPALTE =====================================================*/

#main {
}

/* HAUPTMENUE ---------------------------------------------------------*/

#nav {
width: 100%;
padding:0 10px 0 20px;
margin:0;
float: none;
}

#nav > div.moduletable {
width: 100%;
}
  
#nav .moduletable.menue {
display: none;
}
  
#nav > div.moduletable, #nav > div.moduletable > div.sm-parent, #nav > div.moduletable > div.sm-parent > div.menu-icon-cont {
text-align: right;
margin:0 !important;
padding:0 !important;
}
  
nav.sm-menu.sm-popup {
margin: 0 auto auto -60px !important;
}
  
nav.sm-menu.sm-popup > div.menu-icon-cont.sm-close {
background:#5AAADF;
}
  
nav.sm-menu > div.sm-levels dl.ps-container > dt > div.inner > div.link > a {
font-weight: 700;
color: #5AAADF;
}
  



/* INHALT 2-spaltig --------------------------------------------------------*/

#content {
width: 660px;
float: right;
padding: 0;
margin: 20px;
background:#ffffff;
background-image: url('../images/blaue_ecke_ro.png');
background-repeat: no-repeat;
background-position: top right;
}



/* HAUPTINHALT -------------------------------------------------------------*/

#section {
width: 620px;
margin:0;
padding:0;
float: none;
}
  
#section_full {
width: 660px;
margin:0;
padding:0;
float: none;
}

  
#section > div, #section_full > div {
width: 100%;
margin:0;
padding:0px 20px 40px 20px;
}
  
div.blog-featured_start > div.items-leading > div {
width: 300px;
height: 460px;
margin: 0 20px 30px 0;
float: left;
overflow: hidden;
}
  
div.items-leading > div:nth-of-type(even) {
margin: 0 0 30px 0 !important;
float: left;
}
  
 
div.blog-featured_start > div.items-leading > div > div.item-image {
width: 100%;
height: 200px;
overflow: hidden;
border-bottom: 10px solid #5AAADF;
}
  
div.blog-featured_start > div.items-leading > div > div.item-image a {
width: 100%;
}
  
div.blog-featured_start > div.items-leading > div > div.item-image img {
width: 100%;
height: auto;
}

div.random-image {
padding: 0 0 40px 0;
}

/* ALLMODE COLUMNS */

.allmode-wrapper {
width: 300px;
float: left;
margin: 0px 0px 40px 20px;
height: 350px !important;
}

.allmode-itemsbox {
padding: 0px 0px 40px 0px;
}
  
#presection div.allmode-item:nth-of-type(1,4,7,10) {
margin:4% 2% 4% 4%;
}

#presection div.allmode-item:nth-of-type(3,6,9,12) {
margin:4% 4% 4% 2%;
}

#presection div.allmode-item h4, #presection div#raxo-module-id151 div#allmode-id151 ul li .allmode-right h4 {
margin: 0;
padding:0;
font-family:'Oswald',sans-serif;
font-size: 17px !important;
line-height: 1.2em;
}

/* KATEGORIEBLOG */

div.blog_news > div.items-leading > div {
width: 300px;
height: 500px;
margin: 0 20px 30px 0;
float: left;
overflow: hidden;
}

#section_full > div.blog_news h2.item-title, #section_full > div.blog h2.item-title, #section > div.blog_news h2.item-title, #section > div.blog h2.item-title {
font-size: 1.2em;
line-height: 1.3em;
text-transform: uppercase;
margin:0 0 0.2em 0;
padding:0;
}
  
#section_full > div._news > div.items-leading > div:nth-of-type(3) {
margin: 0 0 30px 0 !important;
float: left;
}
  
#section > div.blog_news > div.items-leading > div {
width: 50%;
float: left;
}
  
#section > div.blog_news > div.items-leading > div:nth-of-type(2) {
margin: 0 0 30px 0 !important;
float: left;
}
  
div.blog_news > div.items-leading > div > div.item-image {
width: 100%;
height: 200px;
overflow: hidden;
border-bottom: 10px solid #5AAADF;
}
  
div.blog_news > div.items-leading > div > div.item-image a {
width: 100%;
}
  
div.blog_news > div.items-leading > div > div.item-image img {
width: 100%;
height: auto;
}
  
  
/* DETAILSEITE */
  
#content > div > div.item-page_start > div.page-header {
height: 60px;
margin: 0;
padding:0;
}
  
#content > div > div.item-page_start > div.page-header > h2 {
font-size: 1.5em;
line-height: 1.0em;
letter-spacing: 0.05em;
text-transform: uppercase;
color:#5AAADF;
margin: 0;
padding:0;
}
  
#content > div > div.item-page_start > dl.article-info.muted {
display: none;
}
  
#content > div#section > div.item-page_start > div.item-image {
width: 100%;
height: auto;
overflow: hidden;
margin:0 0 40px 0;
padding:0;

}
  
#content > div#section > div.item-page_start > div.item-image img {
width: 100%;
height: auto;
margin:-59px 0 -9px 0;
padding:0;
border-bottom: 9px solid #5AAADF;
}
  
#content > div > div.item-page_start > div.item-image > img.ecke_wb {
position: relative;
top: 0;
left: 570px;
width: auto !important;
height: auto !important;
z-index:1000;
text-align: right !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}


#content > div > div.item-page_start > div.item-image > img.ecke {
display: none;    
}

/* DETAILSEITE NEWS */

#content > div > div.item-page_news > div.page-header {
height: auto;
margin: 0;
padding:0;
}
  
#content > div > div.item-page_news > div.page-header > h2 {
font-size: 1.5em;
line-height: 1.3em;
letter-spacing: 0.03em;
text-transform: uppercase;
color:#5AAADF;
margin: 0;
padding:0;
}
  
#content > div > div.item-page_news > dl.article-info.muted {

}
  
#content > div#section > div.item-page_news > div.item-image {
width: 100%;
height: auto;
overflow: hidden;
margin:0 0 40px 0;
padding:0;

}
  
#content > div#section > div.item-page_news > div.item-image img {
width: 100%;
height: auto;
margin:0 0 -10px 0;
padding:0;
border-bottom: 10px solid #5AAADF;
}

#content div.blog_news div.pull-left.item-image {
margin-bottom:10px;
}
  
#content > div > div.item-page_news > div.item-image > img.ecke_wb {
display: none;
}


/* MODUL VOR INHALT */

#section > #presection, #section_full > #presection{
margin:0 !important;
padding:0 !important;
}


/* SPALTE -------------------------------------------------------------*/

#aside {
width: 620px;
margin:40px 20px;
padding:0;
float: none;
}
  
#aside > div {
margin:0;
padding:40px 20px;
}
  
#aside .moduletable::before {
margin-left: -3px;
content: url('../images/modul0_2spaltig.png');
}

#aside .moduletable > h3 {
padding:0px 20px 0 20px;
margin: -40px 0 20px 0; 
border: none;
text-align: left;
text-transform: uppercase;
}

#aside .moduletable > div {
padding:0 20px;
margin: 0 0 20px 0; 
border: none;
text-align: left;
}


#aside .moduletable1::before {
margin-left: -3px;
content: url('../images/modul1_2spaltig.png');
}

#aside .moduletable1 > h3 {
padding:10px 20px 0 20px;
margin: 0 0 20px 0; 
border: none;
text-align: left;
text-transform: uppercase;
}

#aside .moduletable1 > div {
padding:0 20px;
margin: 0 0 20px 0; 
border: none;
text-align: left;
}



/* FOOTER =======================================================================*/

#footer {
padding:0;
border-top: 40px solid #5AAADF;
margin:40px 0 0 0;
clear:both;
}

#footer1, #footer2, #footer3 {
width: 100%;
}


/* MODUL SPONSOREN ---------------------------------------------------------*/

#footer1 {
padding:0px 20px 40px 20px;
margin: 0;
height: auto;
background: #ffffff;
}

/*
#footer1 .moduletable {
width: 300px;
text-align: left;
margin: 0px 20px 0 0;
float: left;
}
  
#footer1 .moduletable:nth-of-type(even) {
margin: 40px 0 0 0;
}
  
#footer1 .moduletable h3{
text-transform: uppercase;
margin:0 0 1.0em 0;
padding:0;
}
  
#footer1 .moduletable p{
margin:0;
padding:0;
}
*/

/* MODUL KOPFMENUE MOBIL ---------------------------------------------------------*/

#footer2{
clear:both;
margin:0 !important;
}
  
#footer2 .moduletable ul{
list-style-type: none;
margin: 0;
padding:0;
}

#footer2 .moduletable ul li{
list-style-type: none;
margin: 0 1.0em 0 0;
padding:0;
float: left;
}

#footer2 .moduletable ul li a{
letter-spacing: 0.05em;
font-weight: 700;
color:#ffffff;
text-transform: uppercase;
margin: 0;
padding:0;
float: left;
}


/* MODUL FUSSMENUE ---------------------------------------------------------*/

#footer3{
clear:both;
}

#footer3 .moduletable ul{
list-style-type: none;
margin: 0;
padding:0;
}

#footer3 .moduletable ul li{
list-style-type: none;
margin: 0 1.0em 0 0;
padding:0;
float: left;
}

#footer3 .moduletable ul li a{
letter-spacing: 0.05em;
font-weight: 700;
color:#ffffff;
text-transform: uppercase;
margin: 0;
padding:0;
float: left;
}

/* JEM Tabelle */

div#jem, div#jem.jem_eventlist-termin {
	overflow:hidden;
	background-color:#FFFFFF;
	border:0px solid #000000;
	border-radius:0px;
	padding:0 20px 0 20px;
	margin: 135px 20px 0px 0;
	width: 620px;
}