/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #1a1a1a;
}

body {
    font-size: 16px;
    line-height: 19px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #3c598b;
    color:#fff;
    text-shadow: none;
}

::selection {
    background: #3c598b;
    color:#fff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	background: #f0f0f0 url(../style/hg-main.jpg) no-repeat center top;
    background-attachment:fixed;
}

section#root {
    width:1134px;
    margin:auto;
}

    section#root2 {
        margin-left:20px;
        width:1004px;
        float:left;
        -moz-box-shadow: 0px 0px 20px #000;
        -webkit-box-shadow: 0px 0px 20px #000;
        box-shadow: 0px 0px 20px #000;
        min-height:800px;
        padding: 0 45px;
        background:#fff;
    }

    .lt-ie9 section#root2 {
        filter:
		  progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=90,strength=10),
		  progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=270,strength=10);
	  	background:#fff;
    }

        section#titelzeile {
            height:122px;
            border-bottom:1px solid #d0d0d0;
        }

            div#titel {
                float:left;
                text-transform:uppercase;
                font-size:42px;
                width:400px;
                letter-spacing: 7.5px;
                line-height:42px;
                padding-top:45px;
            }

            div#titel2 {
                float:left;
                color:#C79965;
                line-height:30px;
                font-size:22px;
                width:800px;
                letter-spacing: 3.5px;
            }

            img#logo_csu {
                float:right;
                margin-top:60px;
            }

        img#headerbild {
            margin:10px 0 10px 2px;
        }

        nav {
            border-top: 1px solid #d0d0d0;
            border-bottom: 1px solid #d0d0d0;
            display:block;
            float:left;
            width:100%;
        }

        ul#metaa {
            display:block;
            float:left;
            width:100%;
            margin:0;
            padding:0;
        }

            ul#metaa > li {
                display:block;
                float:left;
                height:38px;
                line-height:38px;
                text-transform:uppercase;
                padding:0 0 0 21px;
                font-family:Arial, Helvetica, sans-serif;
                font-size:17.3px;
				overflow:visible;
				white-space: nowrap;
            }

            ul#metaa > li:first-child {
                padding-left:1px;
            }

            ul#metaa > li:nth-child(7) {
                
                background-image:  url('../style/fb-navi-icon.jpg');
                background-repeat: no-repeat;
                background-position: 98% bottom;
                margin-top:-1px;
                margin-bottom:-1px;
                height:40px;
                float:left;
            }

                ul#metaa > li > a {
					text-decoration: none;
					display:block;
					float:left;
					color:#1a1a1a;
					height:26px;
					line-height:28px;
					margin-top:6px;
					margin-bottom:6px;
					overflow:visible;
				}

                ul#metaa > li > a.active,
                ul#metaa > li > a:hover {
					font-weight:bold;
					/*border-bottom:4px solid #3c598b;*/
					background: transparent url(../style/meta-line.gif) repeat-x left bottom;
					height:26px;
					line-height:28px;
					margin-top:6px;
					margin-bottom:6px;
					border-right:3px;
				}

            	ul#metaa > li:nth-child(7) a {
            		color:#1a1a1a;
            		line-height:30px;
            	}

            	ul#metaa > li:nth-child(7) a:hover {
            		color:#1a1a1a;
            		line-height:30px;
            	}

				ul#metaa > li > ul {
					position:absolute;
					display:block;
					background:#C79965;
					padding:0 13px;
					margin-top:45px;
					display:none;
					z-index:10;
					font-family:Arial, Helvetica, sans-serif;
                	font-size:17.3px;
				}

				.lt-ie9 #metaa > li > ul {
					margin-left:9px;
				}

					ul#metaa > li > ul > li {
						display:block;
						color:white;
						clear:both;
						height:38px;
						line-height:38px;
						border-bottom:1px solid white;
					}

					ul#metaa > li > ul > li:last-child {
						border:0;
					}

						ul#metaa > li > ul > li a {
							text-transform:uppercase;
							height:38px;
							line-height:38px;
							text-decoration:none;
							display:block;
							color:#fff;
						}

						ul#metaa > li > ul > li a:hover {
							text-decoration:underline;
						}

						ul#metaa > li > ul > li a:before,
						.prim_before {
							height:36px;
							width:19px;
							background: transparent url('../style/pfeil.png') no-repeat center left;
							content:' ';
							display:block;
							float:left;
						}

		section#content {
			width:690px;
			float:left;
			padding:15px 50px 15px 0;
			border-right:1px solid #d3d3d3;
			margin:22px 0;
			min-height:575px;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

			nav#status {
				border:0;
				margin-bottom:30px;
				font-size:13px;
			}

				nav#status ul {
					margin:0 0 0 -8px!important;
					padding:0!important;
				}

					nav#status li {
						float:left;
						list-style-type:none!important;
					}

						nav#status a {
							color:	#1A1A1A;
						}

						nav#status a:before {
							display:block;
							content:' ';
							float:left;
							height:0px;
							width:0px;
							background:#1a1a1a;
							border-left:4px solid #000;
							border-top:4px solid #fff;
							border-bottom:4px solid #fff;
							margin: 7px 4px 0 3px;
						}

		section#right {
			width:200px;
			float:left;
			margin-top:22px;
			margin-left:-75px;
			
		}

			section.box {
				background:#fff;
				-moz-box-shadow: 0px 0px 10px #333;
		        -webkit-box-shadow: 0px 0px 10px #333;
		        box-shadow: 0px 0px 10px #333;
		        float:left;
		        width:220px;
			    margin-left:120px;
		        margin-bottom:20px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
			}

			.lt-ie9 section.box {
				filter:
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5),
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=2),
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5),
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5),
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10),
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=5),
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5),
				  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=2);
			  	background:#fff;
			  	zoom: 1;
			  	position:relative;
			  	margin-top:-10px;
  			}

				section.box header {
					background:#C79965;
					color:#fff;
					text-transform:uppercase;
					height:34px;
					line-height:34px;
					padding-left:16px;
				}

				section.box_content {
					padding:16px;
				}

				section.no_padding {
					padding:0;
				}

					table.box_teaser {
						width:100%;
					}

						table.box_teaser td {
							vertical-align:top;
							padding-bottom:20px;
							line-height:23px;
						}

						table.box_teaser tr:last-child td {
							padding-bottom:0;
						}

						table.box_teaser td a {
							text-decoration:none;
							color:#1a1a1a;
						}

						table.box_teaser td:first-child+td a:before,
						.box_teaser_before {
							content:'-';
							height:24px;
							display:block;
							float:left;
							padding:0 5px;
						}

				section.box_bilder {
					width:320px;
					height:170px;
					overflow-y:hidden;
					left:15px;
				}

					section.box_bilder img {
						max-width:320px;
						min-height:170px;
					}

				section.box footer {
					background:#fff;
					color:#1a1a1a;
					height:1px;
					line-height:41px;
					margin:0 16px;
					border-top:1px solid #d0d0d0;
				}

				section.box footer.no_border {
					border:0;
				}

				section.box footer ul {
					height:41px;
					line-height:41px;
					padding:0;
					margin:0;
				}

					section.box footer ul li {
						height:41px;
						line-height:40px;
						font-size:13.3px;
						float:left;
						list-style-type:none;
						padding:0;
					}

						section.box footer ul li a {
							color:#1a1a1a;
							text-decoration:none;
							margin-right:13px;
						}

						section.box footer ul li a:hover {
							text-decoration:underline;
						}

						section.box footer ul li a:before,
						.box_before {
							height:40px;
							width:15px;
							background: transparent url('../style/pfeil.png') no-repeat 0px 15px;
							content:' ';
							display:block;
							float:left;
						}

	section#root2 > footer {
		height:40px;
		line-height:40px;
		width:100%;
		border-top:1px solid #d0d0d0;
		float:left;
		color:#a0a0a0;
		font-size:13.3px;
	}

		section#root2 > footer p {
			margin:0;
			display:inline;
		}

		section#root2 > footer p a {
			color:#a0a0a0;
			text-decoration:none;
		}

		section#root2 > footer > a {
			float:left;
			color:#1a1a1a;
			margin-right:13px;
			text-decoration:none;
		}

		section#root2 > footer > a:hover {
			text-decoration:underline;
		}

		section#root2 > footer > a:before,
		.footer_before {
			height:40px;
			width:15px;
			background: transparent url('../style/pfeil.png') no-repeat 0px 15px;
			content:' ';
			display:block;
			float:left;
		}

		section#root2 > footer ul#social_media {
			padding:0;
			margin:0;
			display:block;
			float:right;
		}

			section#root2 > footer ul#social_media li {
				display:block;
			}


/*************************************************************/
/************************ Shadowbox **************************/
/*************************************************************/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../style/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../style/shadowbox/close.png);}
#sb-nav-next{background-image:url(../style/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../style/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../style/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../style/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/*************************************************************/
/*********************** XStandard ***************************/
/*************************************************************/

section#content h1 {
	font-size:30px;
	margin:0 0 15px 0;
	line-height:36px;
	color:#2B497B;
}

section#content h2 {
	font-size:20.6px;
	line-height:28px;
	margin:0 0 15px 0;
}

section#content p {
	font-size:15.3px;
	margin:0 0 30px 0;
}

div.medien_untertitel_none {
	clear:both;
	width: 100%;
}

div.medien_untertitel_none img {
	clear:both;
}

img.right, div.medien_untertitel_right {
	float:right;
	margin-left:10px;
}

img.left, div.medien_untertitel_left {
	float:left;
	margin-right:10px;
}

img.left {
	margin: 0 10px 10px 0;
	float:left;
}

img.right {
	margin: 0 0 10px 10px;
	float:right;
}

div.medien_untertitel_right {
	float:right;
	margin:0 0 10px 10px;
}

div.medien_untertitel_left {
	float:left;
	margin:0 10px 10px 0;
}


section#content li {
	list-style-type: circle;
}

section#content ul {
	margin-left: 25px;
}

	section#content ul li {
		list-style:disc;
		padding-left:8px;

	}

section#content div#article ul, li, ol {
	margin:0;
}

section#content ol {
	margin-left: 25px;
	list-style-position: inside;
}

	section#content ol li {
		list-style:decimal;
		padding-left:5px;
		margin-left:5px;
	}

section#content p.left {
	text-align:left;
}

section#content p.right {
	text-align:right;
}

section#content p.center {
	text-align:center;
}

section#content p.indent {
	margin-left: 20px;
}

section#content p.block {
	text-align: justify;
}

section#content em {
	font-style: italic;
}

section#content strong {
	font-weight: bold;
}

section#content th {
	font-weight:bold;
}

section#content hr {
	margin:8px 0;
	border-color:#d0d0d0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.detail_baum #status,
.detail_baum #right,
.detail_baum header,
.detail_baum footer
{ display:none; }


body.detail_baum,
.detail_baum #root,
.detail_baum #content,
.detail_baum #root2 {
	margin:0;
	padding:0;
	background:#fff;
	background-image:none!important;
	width:600px;
	border:0;
	box-shadow:none;
}

body.detail_baum {
	padding: 0 45px;
}