/*

***************************************************************************************
*
*   Projektname
*   http://www.centralstation-berlin.de
*
*   M O D U L E S . C S S
*
*   Last modified: 08.07.2011
*
**************************************************************************************/



/*  F O R M A T I N G   R E D A X O   M O D U L E S
------------------------------------------------------------------------------------ */


/* 01.2 - Text und/oder Bild [textile]
   02.1 - Bild (mit Link)
   02.3 - Flash einbinden */

div.text-img-box { margin-bottom: 6px; }
div.text-img-box.left { float: left; margin-right: 12px; }
div.text-img-box.right { float: right; margin-left: 12px; }
div.text-img-box.align-left { text-align: left; }
div.text-img-box.align-right { text-align: right; }
div.text-img-box.align-center { text-align: center; }
div.text-img-box p { font-size: 0.9em; margin: 0 !important; }
div.text-img-box img { margin-bottom: 6px !important; }


/* 02.2 - Bildleiste */

div.imgset-box { margin-bottom: 6px; }
div.imgset-box.left { float: left; margin-right: 12px; }
div.imgset-box.right { float: right; margin-left: 12px; }
div.imgset-box.align-left { text-align: left; }
div.imgset-box.align-right { text-align: right; }
div.imgset-box.align-center { text-align: center; }
div.imgset-box.align-left div { margin: 0 auto 0 0; }
div.imgset-box.align-right div { margin: 0 0 0 auto; }
div.imgset-box.align-center div { margin: 0 auto 0 auto; }
div.imgset-box ul {  }
div.imgset-box ul li { float: left; margin: 0; padding: 0 !important; background: transparent !important; }
div.imgset-box p { font-size: 0.9em; line-height: 100%; margin: 0 !important; }
div.imgset-box img { margin-bottom: 6px !important; }


/* 03.1 - Interner Link
   03.2 - Externer Link
   03.3 - zwischen Kategorien blättern (vor/zurück)
   03.4 - zwischen Artikel blättern (vor/zurück)
   05.1 - Artikelliste */

p.link-normal { margin-bottom: 12px; }
ul.link-styled { position: relative; margin-bottom: 12px; }
ul.link-styled li { margin: 0; padding: 0 !important; background: transparent !important; }
ul.link-styled li a, ul.link-styled li.right a { padding-right: 12px; background: url('../images/a-more.gif') no-repeat right 4px; }
ul.link-styled li.left a { padding-left: 12px; background: url('../images/a-back.gif') no-repeat left 4px; }
ul.link-styled li.left { float: left; }
ul.link-styled li.right { float: right; }
ul.link-styled li.center { position: absolute; width: 40%; top: 0; left: 30%; text-align: center; padding: 0 !important; background: transparent !important; }
ul.link-styled li.center a { padding: 0 !important; background: transparent !important; }

/* 04.1 - Download */

div.download-box { background: #fff; border: 1px solid #ccc; padding: 10px; margin-bottom: 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.download-box img { margin: 4px 12px 0 0; float: left; width: 48px; height: 48px; }
div.download-box h4 { font-size: 1em; margin: 0 !important; padding: 0 !important; font-weight: normal; }
div.download-box p { font-size: 1em; margin: 0 !important; }
div.download-box-inner { padding: 0; }

/* 05.1 - Artikelliste
   05.2 - Artikelliste (inkl. Unterkategorien) */

ul.article-list { margin: 0; padding: 0; margin-bottom: 12px; text-align: left; }
ul.article-list li { margin: 0; padding: 0 !important; vertical-align: text-top; background: transparent !important; }
ul.article-list li a { /*display: block;*/ }
ul.article-list .current { background-color: #eceff1; }

ul.article-list.style-1 { list-style-type: none; margin: 0 0 12px 0 !important; padding: 0; }
ul.article-list.style-1 li { background: url('../images/li.gif') no-repeat left 6px !important; padding-left: 12px !important; }

ul.article-list.style-2 { list-style-type: none; margin: 0 0 12px 0 !important; padding: 0; }
ul.article-list.style-2 li { width: 315px; float: left; background: url('../images/li.gif') no-repeat left 6px !important; padding-left: 12px !important; margin: 0 15px 0 0 !important; }

* html ul.article-list.style-1 { min-height: 1%; }
* html ul.article-list.style-2 { min-height: 1%; }

*+html ul.article-list.style-1 { min-height: 1%; }
*+html ul.article-list.style-2 { min-height: 1%; }


/* 05.3 - Kategorieliste */

ul.category-list { margin: 0; padding: 0; margin-bottom: 12px; text-align: left; }
ul.category-list li { margin: 0; padding: 0 !important; vertical-align: text-top; background: transparent !important; }
ul.category-list li a { display: block; }
ul.category-list li span { display: inline; color: #999; }
ul.category-list .current { background-color: #eceff1; }

ul.category-list.style-1 { list-style-type: none; margin: 0 0 12px 0 !important; padding: 0; }
ul.category-list.style-1 li { background: url('../images/li.gif') no-repeat left 6px !important; padding-left: 12px !important; }

ul.category-list.style-2 { list-style-type: none; margin: 0 0 12px 0 !important; padding: 0; }
ul.category-list.style-2 li { width: 315px; float: left; background: url('../images/li.gif') no-repeat left 6px !important; padding-left: 12px !important; margin: 0 15px 0 0 !important; }

* html ul.category-list.style-1 { min-height: 1%; }
* html ul.category-list.style-2 { min-height: 1%; }
* html ul.category-list.style-1 li { width: 90%; float: left; }

*+html ul.category-list.style-1 { min-height: 1%; }
*+html ul.category-list.style-2 { min-height: 1%; }


/* 05.4 - Teaser */

div.teaser {  }
div.teaser h1 { font-size: 1.2em; padding-top: 8px; margin-bottom: 6px !important; }
div.teaser p {  }

div.teaser ul {  }
div.teaser ul li { padding: 0 !important; background: transparent !important; }

div.teaser.style-1 {  }
div.teaser.style-1 ul { list-style-type: none; margin: 0 0 12px 0 !important; padding: 0; }
div.teaser.style-1 ul li { background: url('../images/li.gif') no-repeat left 8px !important; padding-left: 12px !important; }
div.teaser.style-1 ul li a { display: block; }

div.teaser.style-2 {  }
div.teaser.style-2 ul { list-style-type: none; margin: 0 0 12px 0 !important; padding: 0; }
div.teaser.style-2 ul li { width: 315px; float: left; background: url('../images/li.gif') no-repeat left 6px !important; padding-left: 12px !important; margin: 0 15px 0 0 !important; }
div.teaser.style-2 ul li a {  }


/* 05.5 - Artikelreihe */

.article-row { margin-bottom: 6px; border-bottom: 1px solid #ccc; }


/* 07.1 - Sitemap */

ul.level-list { list-style-type: none; margin-left: 0; margin-bottom: 12px; text-align: left; }
ul.level-list a {  }
ul.level-list li { padding-left: 0 !important; background: transparent !important; }
ul.level-list li ul { list-style-type: none; margin-bottom: 0; padding-left: 1em; text-align: left; }
ul.level-list li ul li { background: url('../images/li.gif') no-repeat left 6px !important; padding-left: 1em !important; }
ul.level-list li h3 { margin-top: 1em; }

/* 08.1 - Trennlinie */

div.hr { clear: both; height: 1px; border-top: 1px solid #ccc; font: 1px/0px serif; margin: 0; padding: 0; }
div.hr.hidden { visibility: hidden; }


/* 11.1 - Suchmodul */

ul.pagination { width: 100%; clear: both; font: 12px/19px Arial, Helvetica, sans-serif; margin: 24px 0 6px 0 ! important; border-top: 1px solid #d3d9de; list-style-type: none; }
ul.pagination li { float: left; text-align: center; padding: 0 6px !important; font-weight: bold; border-right: 1px solid #d3d9de; background: transparent !important; }
ul.pagination li.last { border-right: none; }
ul.pagination:after { clear: both; }
ul.pagination li a { float: left; text-align: center; font-weight: normal; }