/* SVN FILE:   $Id: inhalt.css 193 2011-08-25 09:07:34Z j.mueller $
 * SVN HEADER: 1.1
 ***
 * $title           ITK Gutachterausschuss Layouts Inhalte
 *
 * $description
 *   Test
 *   Text
 *
 * $author          j.mueller
 * $copyright       babiel GmbH
 * $version         $Revision: 193 $
 * $modifiedby      $LastChangedBy: j.mueller $
 * $lastmodified    $LastChangedDate: 2011-08-25 11:07:34 +0200 (Do, 25 Aug 2011) $
 * $filesource      $URL: http://svn.babiel.com/ITK/Projekte/Gutachterausschuss/HTML-Prototyp/includes/css/inhalt.css $
 * $keywords        Layout, Style, Inhalte
 * $require         rahmen.css
 *
 */
#startseite #content {
    float: left;
    width: 41.443em;
    margin: 1.85em 0 0 1.25em;
    padding-bottom: 3em;
}

#mitMarginalspalte #content {
    float: left;
    width: 27.215em;
    margin: 1.85em 0 0 1.25em;
    padding-bottom: 3em;
}

#ohneMarginalspalte #content {
    float: left;
    width: 41.44em;
    margin: 1.85em 0 0 1.25em;
    padding-bottom: 3em;
}

#content h2 {
    font-size: 1.475em;
    margin: 0 0 .65em 0;
}


#content h3 {
    font-size: 1.11em;
    margin: 0 0 1.35em 0;
    /*float: left;*/
}

#content p  {
    font-size: .8em;
    line-height: 150%;
    margin: 0 0 1.6em 0;
}

#context p {
    margin-top: 0;
}

#content div.pic {
    float: left;
    border: 1px solid #d8e8f4;
    margin: 0 19em 19em 0;
    font-size: 1px;
}

.csc-textpic-border .csc-textpic-image {
	border: 1px solid #d8e8f4;
}
.csc-textpic-border .csc-textpic-caption {
	font-size:0.75em;
	background:#F1F8FE;
	padding:20px;
	line-height:1.4em;
}

#content div.lastPic {
    margin: 0 0 19em 0;
}

/* Bild mit Unterschrift, normale Variante  */
#content div.bildMitUnterschrift {
    float: left;
    background-color: #f1f9fe;
    margin: 0 1.25em 1.25em 0;
    padding: 0 0 0.25em 0;
}

#content div.bildMitUnterschrift div.pic {
    margin: 0;
}

#content div.bildMitUnterschrift p {
    float: left;
    clear: both;
    margin: .3em 0 0 1.6em;
}

#content div.bildMitUnterschrift p a.standard {
    margin: 0 0 0.2em -0.7em;
    display: block;
    height: 1.25em;
    background-position: 0 0.5em;
}

/* Bild mit Unterschrift, Tabellenvariante  */
table.bildMitUnterschrift {
    float: left;
    background-color: #f1f9fe;
    margin: 0 1.25em 1.25em 0;
    padding: 0 0 0.25em 0;
}

table.bildMitUnterschrift img {
    float: left;
    border: 1px solid #d8e8f4;
}



#content div.picTabelle {
    margin: 0 20em 0 0 !important;
}

a.standard {
    background-image: url(../Images/_layout/linkpfeil.gif);
    background-position: 0 0.3em;
    background-repeat: no-repeat;
    padding: 0 0 0 .75em;
}

ul a.standard {
    float: left;
}

#content p a.standard {
    margin: 0 0 0 0.25em;
}

a.mehrButton {
    float: right;
    display: block;
    background-image: url(../Images/_layout/mehrButtonBG.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 0.41em 1.71em 0.45em 0.7em;
    color: #FFFFFF;
    background-color: transparent;
}


#content ul.list-standard {
    /*float: left;*/
    margin: 0 0 1.6em 1.9em;
    width: 25em;
}

#content ul.list-standard li {
    list-style: disc;
    font-size: 0.8em;
    line-height: 150%;
    list-style-position: outside;
}

#context a.standard {
    background-position: 0 0.3em;
}

.meta,span.meta,p.meta {
    color: #d2d2d2;
}

#content ul.linkliste {
    float: left;
    font-size: 0.8em;
    margin: 0 0 1.6em 0;
}

#content ul.linkliste li {
    float: left;
    clear: both;
    line-height: 1.5em;
}

#content ul.linkliste li a {
    float: left;
    margin: 0 0 0 0;
    background-image: url(../Images/_layout/linkpfeil.gif);
    background-position: 0 0.5em;
    background-repeat: no-repeat;
    padding: 0 0 0 .75em;
}

/* Marginalspalte */
#context {
    float: left;
    width: 12.99em;
    margin: 1.85em 0 0 1.25em;
}

#context h2 {
    /*font-size: 1em;*/
    font-weight: normal;
}

.standardBox {
    float: left;
    width: 100%;
    margin: 0 0 2.05em 0;
}

.standardBox > .box > h2,
.standardBox > .box > h3 {
    display: block;
    font-size:1.4em;
    line-height:1.2em;
    background:#f1f9fe url(../Images/_layout/contextBoxOben.gif)  left bottom no-repeat;
    min-width: 100%;
    min-height:42px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin:-20px -9px 20px -10px;
    padding:10px 9px;
}

.standardBox .box {
    float: left;
    font-size: 0.742em;
    /*width: 14.35em;*/
    width:100%;
    border-left: 1px solid #d8e8f4;
    border-right: 1px solid #d8e8f4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    /*padding: 1.25em 1.5em 0;*/
    padding:20px 9px 0 9px;

}

.standardBox .box ul.linkliste {
    float: left;
    width: 12em;
    margin: 0 0 0 0;
}

.standardBox .box ul.linkliste li {
    float: left;
    clear: both;
    margin: 0 0 1.4em 0;
    width: 100%;
}

.standardBox .box ul.kompakt li {
    margin: 0 0 0.25em 0 !important;
}

.standardBox .box ul.linkliste li.pic {
    background-image: none;
    padding: 0;
}

.standardBox .boxUnten {
    float: left;
    width: 13.01em;
    height: 1em;
    padding-top: 7px;
    background-image: url(../Images/_layout/contextBoxUnten.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.legende {
    float: left;
    width: 36.24em;
    margin: 0 0 1em 0;
    background-color: #f1f8fe;
    font-size: 0.75em;
    padding: 1.4em 0 0 0;
}

/* Variante Tabelle */
.legende table {
    float: left;
    margin: 0 0 1.75em 1.75em;
}

.legende table caption {
    float: left;
    font-weight: bolder;
    font-size: 1.05em;
}

.legende table td {
    float: left;
}

.legende table .col1{
    width: 3.1em;
}

.legende table .col2{
    width: 1.1em;
}

/* Variante DefinitionList */
dl, dt, dd {
    float: left;
}

#content h3.dl {
    clear: both;
    margin: 0 0 0 1.75em;
    font-weight: bold;
}

dl {
    margin: 0 0 1.75em 2.1em;
    line-height: 1.5em;
    clear: both;
}

dt {
    clear: both;
    width: 3.85em;
}

dd {
    margin: 0 0 0 0.75em;
}


/* Sitemap */

div.sitemap {
    /*float: left;
    width: 19.48em;
    margin: 0 1.2em 0 0;*/
    
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
}

div.sitemap ul {
    float: left;
    clear: both;
    width: 100%;
    font-size: 1.1em;
    font-weight: normal;
}

div.sitemap ul li {
    float: left;
    width: 100%;
}

div.sitemap ul li div{
    display: block;
    padding: 0.3em 0;
    border-bottom: 1px solid #d8e8f4;
}

div.sitemap ul li.empty {
     margin-bottom: 1.475em;
}

div.sitemap ul li.last {
    
}

div.sitemap ul ul {
    float: left;
    clear: both;
    font-size: .68em;
    margin-top: 0;
    padding-bottom: 2.1em;
}

div.sitemap ul ul li {
    padding: 0.58em 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d8e8f4;
}

div.sitemap ul ul li a {
    margin: 0 0 0 1.8em;
    padding: 0 0 0 .75em;
    background-image: url(../Images/_layout/linkpfeil.gif);
    background-position: left;
    background-repeat: no-repeat;
}

/* Durch ITKR hinzugef?gt */

abbr, acronym {
border-bottom: 1px dotted #333;
cursor: help;
}

.noFloat {
    float: none!important;
}






/* 
 * Umstellung auf TYPO3 
 */


/* RTE */

.red,span.red,h2.red,h3.red,p.red {
    color: #FF0000;
}

.lila,span.lila,h2.lila,h3.lila,p.lila {
    color: #4009fa;
}

.gruen,span.gruen,h2.gruen,h3.gruen,p.gruen {
    color: #198a04;
}

h3.red,
h3.lila,
h3.gruen {
	font-weight:bold;
	margin:0 !important;
}
table {
	font-size:1em;
}
td {
	vertical-align:top;
	padding:2px 8px 2px 0;
}
.box-blue {
	background:#F1F8FE;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    padding: 10px 20px;
}
.box-blue td {
	font-size: 0.75em;
	line-height:1.4em;
}
.box-blue h3 {
	font-size:0.8em !important;
	line-height:1.4em;
}

.box-blue .ce-textpic {
    margin:-25px -26px;
}

.box-blue .ce-gallery {
    margin:2px !important;
}

.box-blue .ce-gallery figure {
    margin-bottom: 10px;
    margin-left: 5px;
}

.ce-gallery figure {
     margin-left: 0px;
 }

.ce-gallery figure img {
    float: left;
    margin-right: 30px;
}

.box-blue .ce-gallery img {
    border: none;
    margin-bottom: 20px;
}

.box-blue .ce-bodytext {
    padding: 12px 20px;
}

.standardBox .box .ce-gallery {
    margin:0;
}

.standardBox .ce-gallery figure img {
    margin-bottom: 10px;
    margin-left: 15px;
}

.ce-above .ce-gallery {
    margin-bottom: 9px;
    margin-top: -9px;
}

.standardBox .box .ce-bodytext table td {
	padding:2px 8px 2px 0;
	vertical-align:top;
}









/* colorbox */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#000; }
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../Images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../Images/controls.png) no-repeat 0 0;}
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

.gray img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
    background-color: #FFF;
}
.gray { color: #777; }