/* MEDIA QUERIES und FORMATs*/
/* eignes css */
@import url("/_css/media_queries.css");

/*
relative Groesen
 
‘em’	font size of the element
‘ex’	x-height of the element's font
‘ch’	width of the "0" (ZERO, U+0030) glyph in the element's font
‘rem’	font size of the root element
‘vw’	1vw= 1/100 viewport's width 60 zeichen wäre 1,7vw
‘vh’	viewport's height/100
‘vmin’	minimum of the viewport's height and width
‘vmax’	maximum of the viewport's height and width
'vm' (the smaller of vh or vw)
 only supported in IE9 and Opera.  */




/* the absolute minimal CSS reset. works on 97% of the cases */
*{vertical-align: baseline;
   font-weight: inherit;
   font-family: inherit;
   font-style: inherit;
   text-decoration: inherit;
   font-size: 100%;
   padding: 0;
   border: 0;
   margin: 0;
   list-style-type: none;}
   table{ border-collapse: collapse}
   *:focus{outline: 0}
   *:-moz-focus-inner{border: 0}


/* Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-size: 1.0rem;
  font: inherit;
  vertical-align: baseline;
}

body {line-height: 1.6;color:#000000;}
body {margin: 1px 1px 1px 1px;}
a {color: #509ede;}
a img {border: none;}
img{max-width:100%}
p ul {font-size: 0.99rem;line-height: 1.6;margin: 0 0 1.5rem;}
H1,H2,H3,H4,H5,H6{text-transform:uppercase;} 

ol, ul {list-style: none;}
 
FIELDSET {border:solid 1px #ffffff;padding:4mm 4mm 4mm 4mm;margin:10px 10px 10px;width:90%;}
LEGEND {font-size:110%;margin:4mm 4mm 0mm 4mm;padding:4mm 4mm 0mm 4mm;}
input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color: #fdfeeb;
border: 1px inset;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {quotes: none;}

q:before,q:after,blockquote:before,blockquote:after {content: ""; content: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

sub{vertical-align: sub;font-size: smaller;line-height:inherit;}
sup{vertical-align: super;font-size: smaller;line-height:inherit;}

.breadCrumbHolder{margin:0 0 20px 0;}


/* // beginn der dead simple seite von <em>Dead Simple Grid</em> by <a href="http://agafonkin.com/en">Vladimir Agafonkin</a>. <em>View the source</em> and <a href="http://github.com/mourner/dead-simple-grid">check it out on GitHub</a>!</p>*/ 





 

/* The clear FIX*/

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/* IE6/7 support */
.clearfix {*zoom: 1;}

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}






/*TABLES*/
TH {padding:20px;}

/*Table zebra*/
table tr:nth-child(even) {background: rgba(4,4,4,0.8);}
TABLE.tiger TR:nth-child(2n+1) TD{ background: #9d2852;color:#FFFFFF;}
TABLE.tiger TR:nth-child(2n) TD{ background: #fdb99f;}


/*Table hervorgehoben*/
.rot {border:solid 1px #ac09b9;background-color:#fef5fe;}
.orange {border:solid 1px #ff8040;background-color:#fdb99f;}
.gelb {border:solid 1px #f3fdb3;background-color:#e0fdd2;}

pre {
    white-space: pre-wrap;       /* Chrome & Safari */
    white-space: -moz-pre-wrap;  /* Mozilla since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
 
.ellipsis {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis; /* Required for IE8 */
    -o-text-overflow: ellipsis; /* Required for Opera */
    text-overflow: ellipsis;
}

li{ padding-left: 0em; text-indent: 5mm; }
li.spitz:before { content: "j"; padding-left:7px;font-family:'Symbols'; }
.pfeil:before {content:"o";color:#d91a9f;font-family:'Symbols';}
UL.slashed li {color: #999999;display:inline;}
.slashed li:after {padding: 0 3px 0 5px;content: ' | ';	color: #d91a9f;}
/*.slashed li:before {content:'Z';font-family:Symbols;color:#666666;}*/
.slashed li:last-child:after {content: '';padding: 0;} 
.slashed li:first-child:after {content: '';padding: 0;} 

code {
	font-size: 1.2727em;
	color: #777;
}
.schraeg{background-image: linear-gradient(left 45, #FFFFFF 37%, #BFB5BD 69%, #3F2842 43%);
background-image: -o-linear-gradient(left 45, #FFFFFF 37%, #BFB5BD 69%, #3F2842 43%);
background-image: -moz-linear-gradient(left 45, #FFFFFF 37%, #BFB5BD 69%, #3F2842 43%);
background-image: -webkit-linear-gradient(left 45, #FFFFFF 37%, #BFB5BD 69%, #3F2842 43%);
background-image: -ms-linear-gradient(left 45, #FFFFFF 37%, #BFB5BD 69%, #3F2842 43%);

background-image: -webkit-gradient(
	linear,
	left 45,
	120 61,
	color-stop(0.37, #FFFFFF),
	color-stop(0.69, #BFB5BD),
	color-stop(0.43, #3F2842)
);

}

.schraegrechts{
background-image: linear-gradient(20 80, #FCFCFC 43%, #FFFFFF 88%, #333133 46%);
background-image: -o-linear-gradient(20 80, #FCFCFC 43%, #FFFFFF 88%, #333133 46%);
background-image: -moz-linear-gradient(20 80, #FCFCFC 43%, #FFFFFF 88%, #333133 46%);
background-image: -webkit-linear-gradient(20 80, #FCFCFC 43%, #FFFFFF 88%, #333133 46%);
background-image: -ms-linear-gradient(20 80, #FCFCFC 43%, #FFFFFF 88%, #333133 46%);

background-image: -webkit-gradient(
	linear,
	20 80,
	120 110,
	color-stop(0.43, #FCFCFC),
	color-stop(0.88, #FFFFFF),
	color-stop(0.46, #333133)
);}

.TOC{background:-webkit-gradient(linear, 0% 0%, 15% 74%, from(#fefefe), to(#dedede), color-stop(.5,#ffffff))}
#TOC{background:-webkit-gradient(linear, 0% 0%, 15% 74%, from(#fefefe), to(#dedede), color-stop(.5,#ffffff))}


#SUCHE{float:right;position:absolute;top:2mm;right:10mm;}

.TOC3{background: rgb(149,151,153); /* Old browsers */
background: -moz-linear-gradient(-22deg,  rgba(255,255,255,1) 12%, rgba(149,151,153,1) 12%, rgba(30,87,153,1) 13%, rgba(30,87,153,1) 13%, rgba(5,1,1,1) 13%, rgba(7,3,1,1) 42%, rgba(7,3,1,1) 42%, rgba(5,1,0,1) 87%, rgba(227,228,229,1) 88%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(12%,rgba(255,255,255,0)), color-stop(12%,rgba(149,151,153,1)), color-stop(13%,rgba(30,87,153,1)), color-stop(13%,rgba(30,87,153,1)), color-stop(13%,rgba(5,1,1,1)), color-stop(42%,rgba(7,3,1,1)), color-stop(42%,rgba(7,3,1,1)), color-stop(87%,rgba(5,1,0,1)), color-stop(88%,rgba(227,228,229,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-22deg,  rgba(255,255,255,0.2) 1%,rgba(149,151,153,1) 8.8%,rgba(30,87,153,1) 9%,rgba(7,3,1,1) 42%,rgba(7,3,1,1) 42%,rgba(5,1,0,1) 81.9%,rgba(255,255,255,1) 82%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-22deg,  rgba(149,151,153,1) 12%,rgba(149,151,153,1) 12%,rgba(30,87,153,1) 13%,rgba(30,87,153,1) 13%,rgba(5,1,1,1) 13%,rgba(7,3,1,1) 42%,rgba(7,3,1,1) 42%,rgba(5,1,0,1) 87%,rgba(227,228,229,1) 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(149,151,153,1) 12%,rgba(149,151,153,1) 12%,rgba(30,87,153,1) 13%,rgba(30,87,153,1) 13%,rgba(5,1,1,1) 13%,rgba(7,3,1,1) 42%,rgba(7,3,1,1) 42%,rgba(5,1,0,1) 87%,rgba(227,228,229,1) 88%); /* IE10+ */

background: linear-gradient(110deg,  rgba(255,255,255,0.1) 1.5%,rgba(227,228,229,1)  2%,rgba(40,40,40,.9) 2.1%,rgba(50,50,50,.9) 80%,rgba(50,50,50,1) 81%,rgba(5,1,0,1) 87%,rgba(227,228,229,1) 88%, rgba(250,250,250,.1)); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959799', endColorstr='#e3e4e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
width:95% ;text-transform:uppercase;text-align:left;padding-left:10%;padding-right:10%,margin:2mm 2mm 2mm 2mm;margin-left:-2%;COLOR:#ffffff;font-weight:900;letter-spacing:0.4em;}

}




.ziffer { font-variant-numeric: oldstyle-nums diagonal-fractions  tabular-nums ; }

iframe {
	border: 0;
	overflow: hidden;
}

.container {
	margin: 0 auto;
	max-width: 1920px; max-width: 120rem;
	padding: 1rem 1rem  1rem 0;
}

.footer {
	padding-top: 1.5rem;
}
.desc {
	color: #888;
}
.intro {
	border-bottom: 1px dotted #bbb;
	/*padding-bottom: 1.5em;*/
}
.social {
	border-top: 1px dotted #bbb;
	padding-top: 1.5rem;
}

/* minor responsive adjustments */

.footer {
	border-top: 1px dotted #d91a9f;
}
.content {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 1.5em;
}

.h200{min-height:200px;}



/* responsible design. for alll SIZES & FORMATs*/

  


/* EIN PAAR ALLGEMEINE STYLES ZU FORMS */

input, select, textarea{font-size: 99%;  padding: 0.2em;   border: 1px solid;   border-color: #aaa #ddd #ddd #aaa;   border-radius: 4px;   box-shadow: 0 0 3px #ccc inset;}
transition{box-shadow: .8s;}
textarea { width: 100%}

select{   background-color: #cb3da0}

button, input[type="button"]{
   border: 1px outset #ddd;
   cursor: pointer;
   font-weight: bold;
   padding: .2em 1em;
   text-shadow: 0 1px 1px #fff;
   border-radius: 11px;
   linear-gradient: #ffffff #727272;}

button:active, input[type="button"]:active{
   border: 1px inset #cb3da0;
   box-shadow: 3px #0066FF}

input[type="checkbox"], input[type="radio"]{
   vertical-align: text-top;
   border: 0}

label{   cursor: pointer}


/*Vertical margins do not collapse in IE (< 8), but in other browsers the top margin does.*/

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 5.5/6/7 */

FIELDSET {border-color:t#222222;-webkit-box-shadow: 0px 5px 30px rgba(0,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
}

.rund {-webkit-border-radius: 10px 20px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
LEGEND.blue {background:transparent;border-color:transparent;

-webkit-box-shadow: 0px 5px 30px 100px rgba(50,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
background: #1e5799; /* Old browsers */ 
background: -moz-linear-gradient(-45deg, #fdb99f 0%, #b7aa97 50%, #eafffe 51%, #ffffff 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ 
background: linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

 
.egget {
border-width: 20px;
border-style: solid;
border-color: #692222 #33062E #debc08 #debc08;
border-radius: 20px 1em 1vw / 0.5em 3em;
}
.quer {position:relative;top:22px;padding-bottom:2mm;padding-left:2cm;padding-right:2cm;
border-width: 2px;
border-style: solid;
border-color: #dbd5ca #dbd5ca #dbd5ca #dbd5ca;
/*border-left-width:.2px;*/
border-radius: 10px 10px 12px / 0.5em 50em;

}
.elegant {
border-width: 1px;
border-style: solid;
border-color: transparent;/*#692222 #33062E #debc08 #debc08;*/

border-top-left-radius: 0px 0.5em;
border-top-right-radius: 0em 3em;
border-bottom-right-radius: 4em 0.4em;
border-bottom-left-radius: 0.1em 1em;
min-width:30%;
}
LEGEND.gradient {background:transparent;border-color:transparent;

-webkit-box-shadow: 0px 5px 30px 100px rgba(50,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#f7fec5')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
background: #ffffff; /* Old browsers */ 
background: -moz-linear-gradient(-15deg, #f1f1ef 0%, #ffffff 50%, #eafffe 51%, #ffffff 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dbd5ca), color-stop(50%,#9d2852), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(-15deg, #f1f1ef 0%,#f1f1ef 50%,#b7aa97 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(-15deg, #1e5799 0%,#dbd5ca 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(-12deg, #f1f1ef 0%,#dbd5ca 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ 
background: linear-gradient(-12deg, #f1f1ef 0%,#dbd5ca 50%,#ffffff 51%,#f1f1ef 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1ef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/****************GLOBALS***************/
.glow {
-moz-box-shadow: 1px 1px 9px 1px #000;
    -webkit-box-shadow: 1px 1px 9px 2px #000;
    box-shadow: 1px 1px 9px 2px #000;
}

.grell {
    -moz-box-shadow: 1px 1px 6px 1px #222;
    -webkit-box-shadow: 1px 1px 6px 2px #222;
    box-shadow: 1px 1px 6px 2px #222;
}

.rightShadow, 
.itemSlider .leftHolder {
    -webkit-box-shadow: 4px 0px 4px -1.5px #555555;
    -moz-box-shadow: 4px 0px 4px -1.5px #555555;
    box-shadow: 4px 0px 4px -1.5px #555555;
}

.itemSlider .nextItem {
    -webkit-box-shadow: -4px 0px 4px -1.5px #555555;
    -moz-box-shadow: -4px 0px 4px -1.5px #555555;
    box-shadow: -4px 0px 4px -1.5px #555555;
}

/******/
/*** ROUNDED CORNERS -> ***/
.corners, .button, .input, .textbox, areabox, .checkbox, .submitButton, .widgetBox, .dropDown ul, div.anythingSlider .arrow, .promoBox , TR,TD{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
padding:7px 7px 7px 7px;
spacing:7px 7px 7px 7px;
margin:7px 7px 7px 7px;}

table , tr, td{border-spacing: 10px;border-color:transparent;}
input, textarea { -moz-box-shadow: inset 0 1px 3px #bbb; -webkit-box-shadow: inset 0 1px 3px #bbb; -khtml-box-shadow: inset 0 1px 3px #bbb; -o-box-shadow: inset 0 1px 3px #bbb; box-shadow: inset 0 1px 3px #bbb; background-color:#f1f1ef; color: #555; }
.ie7 input, .ie7 textarea,
.ie8 input, .ie8 textarea { border: 1px solid #ccc; }
.chrome input, .chrome textarea { border: 1px solid #fff; }*/
input:focus, textarea:focus { background: #f7fec5; }
  
input, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 0; padding: 6px; }
button { font-size: 13px; padding: 6px 13px 6px 13px; cursor: pointer; border: 0; }
button { font-size: 13px; height: 29px; line-height: 29px; padding: 0 13px 2px 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
button:hover { -webkit-transition-property: background; -webkit-transition-duration: 1s; }
 
#rot {background:-webkit-gradient(linear, 0% 0%, 33% 67%, from(#C71426), to(#F2471D), color-stop(.5,#B52B4C))}	
.grau {background:-webkit-gradient(linear, 0% 0%, 26% 74%, from(#f1f1ef), to(#c3c3c3), color-stop(.5,#ffffff))}		

/* obere Navigation --- braucht /_js/nav.js */
#sidebar {position: relative;top: 0px;left: 15px;padding: 0px;font-size: 1em;text-align:right;z-index:200;}
#sidebar{float:right;overflow:hidden;width:auto;margin-right:30px;list-style:none;}

#sidebar li, sidebar a {display: block;float: left;margin-left: 30px;font-size: 1em;padding: 2px 0;list-style: none;} 
#sidebar h2{border-bottom:#ff8c00 1px solid;font-size:.9em;margin:4mm 0 .5em 0;padding:0 0 .3em 0;}
ul, li {list-style-type: none;list-style-image: none;}
::-moz-selection { background: #9bbd53; color: #ffffff; text-shadow: none; }
::selection {background: #cb3da0;color: #ffffff;text-shadow: none;}



#boxrechts {position: relative;top: 0px;left: 15px;padding: 0px;font-size: 1em;text-align:right;z-index:200;}
#boxrechts{float:right;overflow:hidden;width:auto;margin-right:30px;list-style:none;}

#boxrechts li, sidebar a {display: block;float: left;margin-left: 30px;font-size: 1em;padding: 2px 0;list-style: none;} 
#boxrechts h2{border-bottom:#ff8c00 1px solid;font-size:.9em;margin:4mm 0 .5em 0;padding:0 0 .3em 0;}


#nav ul div.ahover {
	border-radius: 5px; border: 1px solid #ff8000;margin:4px 4px 4px 4px; position: absolute; z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}


/* Animation der oberen Navigation */ #nav ul{ position:relative; } #nav ul div.ahover{ border:1px solid #b9b9b9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; z-index:100; } #nav ul li a{ position:relative; z-index:101; } /* ENDE - Animation der oberen Navigation */ 





 .myStyle {position: absolute;right:0px;top:0px; font-family:Century Gothic;font-size:14pt;font-weight: 600;color:#400040;z-index:900;width:650px;height:100%;background:#f4daca;moz-opacity:0.9; filter:alpha(opacity=90);align:top;padding:40px;line-height:30pt;border-left:solid 5pt  yellow;}
/****************GLOBALS***************/
.text-right{
    text-align:right;
}
.upper{
    text-transform: uppercase;
}
.gold{
    border-color:#bc9a3b;
}
.blue{
    border-color:#24A2CD;
    color:#24A2CD;
}
.borderbottom{
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.noborder{
    border:none;
}
.orbit.with-bullets{
    margin-bottom: 0px;
}

/*  TYPOGRAPHIE */

/*  DRUCKEN */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  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; }
}


 	










/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

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

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */
ul.rein, ol.rein { margin: 1em 0; padding: 0 0 0 40px; }

ul, ol { margin-left:0; padding: 0 0 0 20px; }

ul, li{list-style-type:none;list-style-image: none;}

dd { margin: 0 0 0 20px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Nur für Seiten mit toc*/

span {background: #ffffff;}
span:after { content:'   ';display: inline-block;width: 1px;height: 10px;background: url(/_css/images/dot.gif) repeat-x bottom;margin: 0 0 -2px 1px;}
#toc {list-style: none;margin-bottom: 20px;}
#toc li {background: url(/_css/images/dot.gif) repeat-x bottom left;overflow: hidden;padding-bottom: 2px;position: relative;bottom: -2px;}
#toc a {float: left;display: inline-block;padding: -10px 2px 3px 0px;text-decoration:none;position: relative; bottom: -4px; right: 2px;padding: -10px 3px 1x 1px;background-color: #ffffff;}
#toc a, #toc span { display: inline-block; background: #ffffff; position: relative; bottom: -2px;margin-bottom:-6px;padding-left: 2px;overflow:visible; } 
#toc span { float: right; padding: 0 5px 4px 0; }