/*

***************************************************************************************
*
*   MSVG Anwälte
*   http://www.rechtsanwalt-berlin-mitte.com
*
*   M O D U L E S . C S S
*
*   Last modified: 19.02.2010
*
**************************************************************************************/



/*  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 {  }


/* 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 { list-style-type: none; margin: 0px !important; padding: 0px; }
div.imgset-box ul li { float: left; margin: 0; padding: 0; }
div.imgset-box p { font-size: 0.9em; line-height: 100%; margin: 0 !important; padding-top: 0px; padding-bottom: 12px; }
div.imgset-box img { border: 0px solid #fff; }


/* 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; width: 100%; clear: both; font: 12px/19px Arial, Helvetica, sans-serif; margin: 24px 0px 6px 0px ! important; padding: 9px 0px 3px 0px; border-top: 1px solid #d3d9de; list-style-type: none; }
ul.link-styled li { margin: 0px; padding: 0px; background: none; }
ul.link-styled li a { padding-left: 14px !important; padding-right: 0px !important; background: url('link.gif') no-repeat left center !important; text-align: left; }
ul.link-styled li.left { float: left; text-align: left; }
ul.link-styled li.right { text-align: right; }
ul.link-styled li.center { position: absolute; width: 40%; top: 0px; left: 30%; text-align: center; color: #d3d9de; }
ul.link-styled li.left a { float: left; padding-left: 14px !important; padding-right: 0px !important; background: url('link_left.gif') no-repeat left center !important; text-align: left; }
ul.link-styled li.right a { text-align: right; padding-right: 14px !important; padding-left: 0px !important; background: url('link.gif') no-repeat right center !important; }


/* 04.1 - Download */

div.download-box { border-top: 1px solid #d3d9de; border-bottom: 1px solid #d3d9de; margin-bottom: 12px; }
div.download-box img { margin: 4px 12px 0 0; float: left; width: 44px; height: 38px; }
div.download-box h4 { font-size: 1em; margin: 0 !important; font-weight: normal; }
div.download-box p { font-size: 0.9em; margin: 0 !important; }
div.download-box-inner { padding: 6px 0; }


/* 04.2 - Download-Box (MSVG) */

div.download-infobox { font: 12px/17px Arial, Helvetica, sans-serif; padding: 6px; }
div.download-infobox img { margin: 4px 12px 0 0; float: left; width: 44px; height: 38px; }
div.download-infobox h4 { font-size: 1em; margin: 0 !important; font-weight: normal; }
div.download-infobox p { font-size: 0.9em; margin: 0 !important; }
div.download-infobox-inner {  }
div.download-infobox .fileinfo { font: 11px/15px Arial, Helvetica, sans-serif; color: #999; }


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

ul.article-list { list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 12px; text-align: left; }
ul.article-list li { width: 100%; float: left; }
ul.article-list li a { display: block; padding: 0 0 0 20px; margin: 0; background: url('bullet.gif') no-repeat 2px 5px; }
ul.article-list .current { background-color: #eceff1; }

ul.article-list.style-1 { list-style-type: none; margin: 0px !important; padding: 0px; }
ul.article-list.style-1 li { border-bottom: 1px solid #d3d9de; }
ul.article-list.style-1 li a { padding: 4px 4px 4px 24px; display: block; color: #000; background-color: transparent; text-decoration: none; background: url('bullet.gif') no-repeat 5px center; }
ul.article-list.style-1 li a:hover { background-color: #eceff1; text-decoration: none; }

ul.article-list.style-2 { list-style-type: none; margin: 0px !important; padding: 0px; }
ul.article-list.style-2 li { width: 250px; float: left; border-bottom: 1px solid #d3d9de; margin-right: 20px; }
ul.article-list.style-2 li a { padding: 4px 4px 4px 24px; display: block; color: #000; background-color: transparent; text-decoration: none; background: url('bullet.gif') no-repeat 5px center; }
ul.article-list.style-2 li a:hover { background-color: #eceff1; text-decoration: none; }

ul.article-list.style-3 { list-style-type: none; margin: 0px !important; padding: 0px; }
ul.article-list.style-3 li { position: relative; float: left; width: 170px !important; height: 182px !important; background: url('infoblock_paragraph.gif') no-repeat top left;  margin-right: 10px;  margin-bottom: 13px; }
ul.article-list.style-3 li div.innerbox { position: absolute; top: 18px; left: 12px; width: 152px; height: 156px; overflow: hidden; }
ul.article-list.style-3 li a { padding: 0; margin: 0; background: transparent; }
ul.article-list.style-3 li div.innerbox span { color: #999; }

* html ul.article-list li { 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 { list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 12px; text-align: left; }
ul.category-list li { width: 100%; float: left; }
ul.category-list li a { display: block; padding: 0 0 0 20px; margin: 0; background: url('bullet.gif') no-repeat 2px 5px; }
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: 0px !important; padding: 0px; }
ul.category-list.style-1 li { border-bottom: 1px solid #d3d9de; }
ul.category-list.style-1 li a { padding: 4px 4px 4px 24px; display: block; color: #000; background-color: transparent; text-decoration: none; background: url('bullet.gif') no-repeat 5px center; }
ul.category-list.style-1 li a:hover { background-color: #eceff1; }

ul.category-list.style-2 { list-style-type: none; margin: 0px !important; padding: 0px; }
ul.category-list.style-2 li { width: 250px; float: left; border-bottom: 1px solid #d3d9de; margin-right: 12px; }
ul.category-list.style-2 li a { padding: 4px 4px 4px 24px; display: block; color: #000; background-color: transparent; text-decoration: none; background: url('bullet.gif') no-repeat 5px center; }
ul.category-list.style-2 li a:hover { background-color: #eceff1; }

*+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.6em; padding-top: 8px; margin-bottom: 6px !important; }
div.teaser p {  }

div.teaser ul {  }
div.teaser ul li {  }

div.teaser.style-1 {  }
div.teaser.style-1 ul { margin: 0px; padding: 0px; margin-bottom: 12px; text-align: left; }
div.teaser.style-1 li { margin: 0px; padding: 0px; vertical-align: text-top; }
div.teaser.style-1 li a { display: block; }

div.teaser.style-2 {  }
div.teaser.style-2 ul { list-style-type: none; margin: 0px !important; padding: 0px; }
div.teaser.style-2 li { width: 250px; float: left; border-bottom: 1px solid #d3d9de; margin-right: 20px; }
div.teaser.style-2 li a { padding: 4px 4px 4px 24px; display: block; color: #000; background-color: transparent; text-decoration: none; background: url('bullet.gif') no-repeat 5px center; }
div.teaser.style-2 li a:hover { background-color: #eceff1; }


/* 05.5 - RSS-Reader */

ul.rsslist { margin: 0px; padding: 0px; margin-bottom: 12px; text-align: left; }
ul.rsslist li { margin: 0 0 12px 0; padding: 0px; vertical-align: text-top; }
ul.rsslist li a {  }
ul.rsslist li span { display: inline; color: #999; }


/* 06.1 - Formular erzeugen */
.formgen .formheadline { font-size: 1.2em; letter-spacing: -1px; padding-top: 8px; margin-bottom: 6px !important; }
.formgen .formselect { width: 140px; }
.formgen .formsubmit {  }
.forminfo { margin-bottom: 24px; color: #c00; }


/* 07.1 - Sitemap */

ul.level-list { list-style-type: disc; margin-left: 3px; padding-left: 1em; margin-bottom: 12px; text-align: left; }
ul.level-list a {  }
ul.level-list li { margin: 0; padding: 0; }
ul.level-list li ul { list-style-type: square; margin-left: 3px; margin-bottom: 0px; padding-left: 1em; text-align: left; }
ul.level-list li ul li { margin: 0; padding: 0; }


/* 08.1 - Trennlinie */

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


/* 11.1 - Suchmodul */

div.search-box {  }

div.result-box {  }
div.result-box p {  }
div.result-box p a {  }


/* 02.5 - Rubrikbanner (MSVG) */

div.rubrikbanner { width: 550px; height: 60px; background: url('rubrik_blanko.jpg') no-repeat top left; margin-bottom: 20px; }
div.rubrikbanner h1 { text-align: right; font: 22px/26px Arial, Helvetica, sans-serif; color: #fff; padding: 16px 16px 0px 0px; }


/* 11.1 - Suchmodul */

ul.searchresults { margin: 24px 0 12px 0 !important; padding: 0px; text-align: left; list-style-type: none; font: 12px/19px Arial, Helvetica, sans-serif; }
ul.searchresults li { margin: 0px; /*padding: 3px 6px 3px 6px;*/ vertical-align: text-top; }
ul.searchresults strong { font-weight: bold; text-decoration: underline; }

ul.pagination { width: 100%; clear: both; font: 12px/19px Arial, Helvetica, sans-serif; margin: 24px 0px 6px 0px ! important; padding: 9px 0px 3px 0px; 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; }
ul.pagination li.last { border-right: none; }
ul.pagination:after { clear: both; }
ul.pagination li a { float: left; text-align: center; font-weight: normal; }


/* 06.1 - Formular erzeugen */

.formgen { font: 12px/19px Arial, Helvetica, sans-serif; color: #444; }

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }

.formgen form { width: 550px; }
.formgen .formblock { margin-bottom: 6px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 5px; }
.formgen br { clear : both; }

.formgen .formtextfield { width: 492px; height: 250px; margin-left: 0px; border: 1px solid #999; }
.formgen .formtext { width: 330px; background-color: #fff; margin-left: 4px; border: 1px solid #999; }
.formgen .formtrenn { display: block; height: 0px; }
.formgen .formhinweis { font-weight: bold; color: #375194; }
.formgen .formheadline { font-weight: bold; }
.formgen .formpassword { width: 200px; background-color: #CCCCCC; margin-left: 4px; }
.formgen .formcaptcha { border: 1px solid #990000; }

.formgen label { font: 12px/19px Arial, Helvetica, sans-serif; width: 160px; clear: left; float: left; height: 20px; padding: 0px; }
.formgen .formselect { width: 200px; background-color: #fff; margin-left: 4px; border: 1px solid #999; }
.formgen .formsubmit { border: 1px solid #999; }

.formgen fieldset { width: 530px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin-bottom: 12px; border: none; /*background-color: #d9dfe3;*/ }
.formgen legend { display: none; }

.forminfo { color: #cc0000; margin-bottom: 6px; font-weight: bold; width: 510px; }
.formgen .error { color: #cc0000; font-weight: bold; }