/* grid.css */

div.x490x329-config div#main {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 8px 0 0;
  width: 490px;
}

div.x490x329-config div#right {
  float: left;
  width: 329px;
  margin: 0;
}











div.x620x300-config div#main {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 8px 0 0;
  width: 620px;
}

div.x620x300-config div#right {
  float: left;
  width: 300px;
  margin: 0;
}

div.x140x460x300-extended-config div#top {
  clear: both;
}

div.x140x460x300-extended-config div#left {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  width: 140px;
}

div.x140x460x300-extended-config div#main {
  float: left;
  margin: 0 10px 10px;
  padding: 0 9px;
  width: 460px;
}

div.x140x460x300-extended-config div#right {
  float: left;
  width: 300px;
  margin: 0 0 10px;
  clear: right;
}

div.x140x460x300-extended-config div#bottom {
  margin: 10px 0 0;
  padding-top: 10px;
  clear: both;
}

/* x140x140 */
div.x140x140 {
  clear: both;
  width: 300px;
  margin: 0;
}

div.x140x140 div.column-1 {
  float: left;
  width: 140px;
  margin: 0 20px 0 0;
}

div.x140x140 div.column-2 {
  float: left;
  width: 140px;
  margin: 0;
}

/* x700x220 f�r Service-Men� angepasst */
div.x700x220 {
  clear: both;
  width: 818px;
  margin: 0 0 2px 1px;
}

div.x700x220 div.column-1 {
  float: left;
  width: 160px;
  margin: 6px 32px 0px 0px;

}

div.x700x220 div.column-2 {
  float: left;
  width: 620px;
  margin: 6px 0 0px 6px;
}

/* x620x300 */
div.x620x300 {
  clear: both;
  width: 940px;
  margin: 0;
}

div.x620x300 div.column-1 {
  float: left;
  width: 620px;
  margin: 0 20px 0 0;
}

div.x620x300 div.column-2 {
  float: left;
  width: 300px;
  margin: 0;
  font-size: 0.9em;
}

/* x460x460 */
div.x460x460 {
  clear: both;
  width: 818px;
  margin: 0;
  float: left;
  border: 1px solid #D3D3D3;
  margin-left:3px;
  background-color: #f2f2f2;

}

div.x460x460 div.column-1 {
    float: left;
    width: 470px;
    margin: 0;
    padding: 0;
    border: 10px solid #F2F2F2;
    border-right: none;
    background-color: #fff;
}

/*div.x460x460 div.column-1.Bonn{ border-top: 10px solid #EEEEEE; }*/
/*
div.x460x460 div.column-1.Articles{ border-top: none; }
div.x460x460 div.column-1.Articles > div:first-child{ border-top: 10px solid #F2F2F2;  }
*/
/* generel oben den Abstand und nur die elemente Tiefer den Abstand nehmen  */

div.x460x460 div.column-1.Articles{  border-top: 10px solid #F2F2F2; }
div.x460x460 div.column-1.Articles > div:first-child{ border-top: none; }

div.x460x460 div.column-1.Articles > div.carouselGroup:first-child{ border-top: none;}

div.x460x460 div.column-1.Articles > div.staticContent + div.stories { border-top: none;}

/*
div.x460x460 div.column-1.Articles > div:first-child div.box:first-child{ border-top: none;}

div.x460x460 div.column-1.Articles > div.box:first-child{ border-top: none;}

div.x460x460 div.column-1.Articles > div.staticContent:first-child{ border-top: none;  }
*/

div.x460x460 div.column-1.Articles.Home{ border-top: 10px solid #F2F2F2;  }

/*
div.x460x460 div.column-1.Übersicht {
    width: 470px;
    padding: 0;
}
*/
div.x460x460 div.column-1.News div.body p {
    margin: 10px 0 11px 0;
}

div.x460x460 div.column-1.Wetterwarnungen p {
	margin: 0 0 11px !important;
}

div.x460x460 div.column-2 {
  float: left;
  width: 317px;
  margin: 0;
  border-right: 10px solid #F2F2F2;
  border-bottom: 10px solid #F2F2F2;
  border-left: 10px solid #F2F2F2;
}

/* x380x300x220 */

div.x380x300x220 {
  clear: both;
  width: 940px;
  margin: 0;
}

div.x380x300x220 div.column-1 {
  float: left;
  width: 382px;
  margin: 0 20px 0 0;
}

div.x380x300x220 div.column-2 {
  float: left;
  width: 300px;
  margin: 0 20px 0 0;
}

div.x380x300x220 div.column-3 {
  float: left;
  width: 220px;
  margin: 0;
}

/* x380x300 */

div.x380x300 {
  clear: both;
  width: 700px;
  margin: 0;
}

div.x380x300 div.column-1 {
  float: left;
  width: 380px;
  margin: 0 20px 0 0;
}

div.x380x300 div.column-2 {
  float: left;
  width: 300px;
  margin: 0;
}

/* x220x220x220 */

div.x220x220x220 {
  clear: both;
  width: 700px;
  margin: 0;
}

div.x220x220x220 div.column-1,
  div.x220x220x220 div.column-2 {
  float: left;
  width: 220px;
  margin: 0 20px 0 0;
}

div.x220x220x220 div.column-3 {
  float: left;
  width: 220px;
  margin: 0;
}

/* x220x220x220x220 */

div.x220x220x220x220 {
  clear: both;
  width: 940px;
  margin: 0;
}

div.x220x220x220x220 div.column-1,
  div.x220x220x220x220 div.column-2,
  div.x220x220x220x220 div.column-3 {
  float: left;
  width: 220px;
  margin: 0 20px 0 0;
}

div.x220x220x220x220 div.column-4 {
  float: left;
  width: 220px;
  margin: 0;
}

/* x140x140x140x140 css styles */
div.x140x140x140x140 {
  clear: both;
  width: 620px;
  margin: 0;
}

div.x140x140x140x140 div.column-1,
  div.x140x140x140x140 div.column-2,
  div.x140x140x140x140 div.column-3 {
  float: left;
  width: 140px;
  margin: 0 20px 0 0;
}

div.x140x140x140x140 div.column-4 {
  float: left;
  width: 140px;
  margin: 0;
}

/* x300x300 css styles */
div.x300x300 {
  clear: both;
  width: 620px;
  margin: 0;
}

div.x300x300 div.column-1 {
  float: left;
  width: 300px;
  margin: 0 20px 0 0;
  overflow: hidden;
}

div.x300x300 div.column-2 {
  float: left;
  width: 300px;
  margin: 0;
  overflow: hidden;
}

/* x380x220 */

div.x380x220 {
  clear: both;
  width: 804px;
  margin: 0;
  border-top: 10px solid #F2F2F2;
  border-bottom: 10px solid #F2F2F2;
  border-left: 10px solid #F2F2F2;
  border-right: 10px solid #F2F2F2;
}

div.x380x220 div.column-1 {
  float: left;
  width: 476px;
  margin: 0 20px 0 10px;
  border-right: 10px solid #F2F2F2
}

div.x380x220 div.column-2 {
  float: left;
  width: 317px;
  margin: 0;
}

/* x220x220x140 */

div.x220x220x140 {
  clear: both;
  width: 620px;
  margin: 0;
}

div.x220x220x140 div.column-1, div.x220x220x140 div.column-2 {
  float: left;
  width: 220px;
  margin: 0 20px 0 0;
}

div.x220x220x140 div.column-3 {
  float: left;
  width: 140px;
  margin: 0;
}

/* x300x140x140 */
div.x300x140x140 {
  clear: both;
  width: 620px;
  margin: 0;
}

div.x300x140x140 div.column-1 {
  float: left;
  width: 300px;
  margin: 0 20px 0 0;
}

div.x300x140x140 div.column-2 {
  float: left;
  width: 140px;
  margin: 0 20px 0 0;
}

div.x300x140x140 div.column-3 {
  float: left;
  width: 140px;
  margin: 0;
}

/* x460x140 */

div.x460x140 {
  clear: both;
  width: 620px;
  margin: 0;
}

div.x460x140 div.column-1 {
  float: left;
  width: 460px;
  margin: 0 20px 0 0;
}

div.x460x140 div.column-2 {
  float: left;
  width: 140px;
  margin: 0;
}

/* x300x140 */
div.x300x140 {
  clear: both;
  width: 460px;
  margin: 0;
}

div.x300x140 div.column-1 {
  width: 300px;
  float: left;
  margin: 0 20px 0 0;
}

div.x300x140 div.column-2 {
  width: 140px;
  float: left;
  margin: 0;
}

/* x220x220 */
div.x220x220 {
  clear: both;
  width: 460px;
  margin: 0;
}

div.x220x220 div.column-1 {
  width: 220px;
  float: left;
  margin: 0 20px 0 0;
}

div.x220x220 div.column-2 {
  width: 220px;
  float: left;
  margin: 0;
}

/* x140x140x140 */
div.x140x140x140 {
  width: 460px;
  clear: both;
  margin: 0;
}

div.x140x140x140 div.column-1 {
  width: 140px;
  float: left;
  margin: 0 20px 0 0;
}

div.x140x140x140 div.column-2 {
  width: 140px;
  float: left;
  margin: 0 20px 0 0;
}

div.x140x140x140 div.column-3 {
  width: 140px;
  float: left;
  margin: 0;
}

/* x300x300x300 css styles */



div.x300x300x300 .column-1{
  width: 300px;
  float: left;
}

div.x300x300x300 .column-2{
  width: 300px;
  float: left;
}
div.x300x300x300 .column-3{
  width: 300px;
  float: right;
}



div.x300x300x300 .column-1 {
  margin: 0px 6px 10px 6px;
}

div.x300x300x300 .column-2 {
  margin: 0px 6px 10px 6px;
}

div.x300x300x300 .column-3 {
  margin: -10px 6px 10px 5px;
}

/* WRAPPED */
div.floatingContent-right {
  float: right;
  margin: 0 0 0 15px;
  padding: 0;
  overflow: hidden;
  clear: both;
}

div.floatingContent-left {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}

div.wrappingContent, div.wrappingContent * {
  overflow: visible;
}

div#footer {
    margin-bottom: 2em;
}