@charset "UTF-8";
/* CSS Document */

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}




/* reset */
* { 
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}




/* render html5 elements as block 
   rendert html5 elemente als block  */   

header, footer, section, aside, nav, article { display: block;}


body {
background-color: #FFF;
font-size: 100.1%;
font-family: 'Source Sans Pro', sans-serif;
color:#666;
}

pre, code { font-size: 1.3em; }

a {color: #666666; text-decoration: none;}
a:visited {color:#666666;}
a:hover {color: #FF9900;}
a:active { color:#FF9900;}

h1, h2 {
font-size:1.8em;
font-weight: bold;
/*margin: 0 0 0 0px;*/
}

h3 {
font-size:16px;
/*font-weight: bold;*/
}

h4 {
font-size:14px;
/*font-weight: bold;*/
}

h5 {
font-size:2.8em;
/*font-weight: bold;*/
}

img.download {vertical-align:middle;}
img{border:none;}

/* ---------------------------- navigavtion------------- */
nav {
font-size: 14px;
text-align:right;
line-height:34px;
/*color:#666;*/
	background: #FFF;
	width: 230px; /* -> Wert immer in Verbindung mit margin in section#content ! ********/
	position: fixed;
	left: 0;
	top: 0;
	height:100%;
	padding:57px 15px 57px 0;
}

nav ul { list-style-type: none; }
nav a {
color: #666;
text-decoration: none;
/*line-height:35px;*/
}

nav a:visited {color:#666;}
nav a:hover {color: #FF9900;}
nav a:active {color: #FF9900;}

/* ------------------------------- content--------------------- */

section#content {
	padding: 0 20px 20px 20px;
	margin:0 0 0 230px;  /* -> Wert immer in Verbindung mit width in nav ! ********/
	background-color: #fff;
	max-width: 790px;    /* -> Wert immer in Verbindung mit margin ! ********/
  	min-width:550px; }
	
li {	font-size: 13px;
margin:0 0 0 15px;
padding:  0 0 0 15px;
/*line-height:1.5em;*/
}
	
p {	font-size: 13px;
/*padding:  0 0 20px;*/
/*line-height:1.5em;*/
}

/*nur für Projekte Links*/
pre {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
/*padding:  0 0 20px;*/
line-height:0.7em;
}


/* ------------------------------header for logo-------------- */
header {  padding:0 20px 0 0;}
	
header img{ padding: 0 0 10px;}


/*----------------------------------article------------------------*/
article { margin: 14px 0 0 0;
	padding: 6px 0 0 0;
			
	border-top: 1px dotted #999;}
	
article ul { list-style-type: disc; }

#multicolumn {       /* multicolumn nur für datei feuerstein ****/
/*-moz-column-count:2; /* Firefox */
/*-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
	
margin:0px 0 28px 2px;
/*column-width: 250px;*/
column-count: 2;	/*Anzahl Spalten*/
column-gap: 35px; /*Abstand zwischen den Spalten (wie padding)*/
/*column-rule: 25px;*/
/*column-rule /*Rand zwischen den Spalten (wie border)*/
/*column-rule-color:#FF9900; /*Randfarbe*/
/*column-rule-style:dotted; /*Randstyle*/
}

#box
{
	margin: 3px 0 1px 0;
	width: 750px;
}

#standardbox
{
	margin: 3px 0 1px 0;
height: 365px;
width: 750px;
}

#box_left
{
float: left; 
/*width: 70%; /* optionale Weitenangabe */
height:365px;
}

#fixbox_left
{
float: left; 
width: 150px; /* optionale Weitenangabe */
/*height:365px;*/
}

#box_middle
{	
margin: 0 0 0 181px; 
width: 200px; /* optionale Weitenangabe */
height:365px;
text-align:left;
}

#box_right
{
float: right; 
width: 569px; /* optionale Weitenangabe */
height:365px;
text-align:left;
}

#fixbox_right
{
float: right; 
width: 569px; /* optionale Weitenangabe */
/*height:365px;*/
text-align:left;
}
 
#box_right_small
{
float: right; 
width: 290px; /* optionale Weitenangabe */
height:365px;
text-align:left;
} 
 
#box_right_center
{
float: right; 
width: 575px; /* optionale Weitenangabe */
height:365px;
text-align:center;
}

#Abdeckbox 
{
background:#fff;
color:#fff;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
position:absolute;
left:65px;
top:525px;
z-index:1;
width:165px;
height:25px;
}


/* -------------------------------footer--------------------------- */
footer { margin-top: 10px;
padding: 10px 0 0 0;
border-top: 1px dotted #999; }

footer_2 {
	font-size: 12px;
    background: #bbb;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
	padding-left: 57px;
    border-bottom:1px solid #333;
    border-top:1px solid #666;
    }


/* ------------------------------Textformatierung--------------- */

.titel { vertical-align: bottom; margin-bottom: 4px;}

.absatzgroß { line-height: 24px; }

.bottom { vertical-align: bottom; }

.zitat {
	font-size: 13px;
	font-style: italic;
	color: #FF9900;
	vertical-align: bottom; }

.zitatautor {
	font-size: 12px;
	font-style: italic;
	color: #FF9900;
	text-align: right;
	vertical-align: bottom; }
	
.datum { text-align: right; }

.hinweis { color: #FF9900; }

.hinweis_dot { color: #FF9900; 
	font-size:1.4em; }

.hinweis_rot { color: #FF0000; }

.hinweis_hellgrau {	color: #999999; }

.hinweis_grau {	color: #666666; }

.hinweis_dunkelgrau {	color: #333333; }

.aktualisiert {
	font-size: 11px;
	color: #666666;
	text-align: right;
	margin-right:3px;
}

.besucher {
	font: 10px;
	color: #000000;
	text-align: right; }

.weiss { color: #FFFFFF; }


/* Parameter für slideshow klein */

.fadein { position:relative; width:150px; height:365px; }
.fadein img { position:absolute; left:0; top:0; }

/* Parameter für slideshow groß */

.fadein1 { position:relative; width:750px; height:365px; }

.menu li 			
{	margin-left: 65px;  /*Länge (Abstand) der gestrichelten Menü-Linien*/
	color: #666;
	display: inherit;
	padding: 0px 0px 0px 0px;
	border-top: 1px dotted #999;
	}
	
/* last-child setzt eine gestrichelte Linie als untersten Abschluss */
/*.menu li:last-child{    
	border-bottom: 1px dotted #999;
	}	*/
	
.textlist li 			
{	margin-left: 15px;  /*Länge (Abstand) der gestrichelten Menü-Linien*/
	/*color: #666;*/
	/*display: inherit;*/
	padding: 0px 15px 0px 0px;
	/*border-top: 1px dotted #999;*/
	}