﻿/*Farbeinstellungen*/

/*Standard: #f40000*/
/*Alternativ: #0a5c0a*/



* {
	margin: 0;
	padding: 0;
}

div#wrapper{
}
body {
	background-color: white;
}
div {
	overflow: hidden;
}

@font-face {
    font-family: 'nunitoregular';
    src: url('../font/nunito-regular-webfont.eot');
    src: url('../font/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nunito-regular-webfont.woff2') format('woff2'),
         url('../font/nunito-regular-webfont.woff') format('woff'),
         url('../font/nunito-regular-webfont.ttf') format('truetype'),
         url('../font/nunito-regular-webfont.svg#nunitoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../font/lato-bold-webfont.eot');
    src: url('../font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bold-webfont.woff2') format('woff2'),
         url('../font/lato-bold-webfont.woff') format('woff'),
         url('../font/lato-bold-webfont.ttf') format('truetype'),
         url('../font/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoblack';
    src: url('../font/lato-black-webfont.eot');
    src: url('../font/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-black-webfont.woff2') format('woff2'),
         url('../font/lato-black-webfont.woff') format('woff'),
         url('../font/lato-black-webfont.ttf') format('truetype'),
         url('../font/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

iframe {
	margin: 0;
	border: 0;
	width: 650px;
	height:550px;
	max-width: 100%;
	overflow: scroll;
}

hr {
  background-color: #f40000;
  color: #f40000;
  border: #f40000;
  height: 1px;
 }
hr.un-texte {
	margin-bottom: 12px;
	margin-top: 12px;
}

p, div, span, blockquote {
	font-family: 'nunitoregular', Arial , sans-serif;
}
p, div, span {
	line-height: 1.1;
}

p.haupttext, li.haupttext {
	font-size: 0.9em;
	line-height: 1.3;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
p.text-1, div.text-1 {
	font-size: smaller;
	line-height: 1.1;
}
p.mittig {
	text-align: center;
}
p.haupttextmittig {
	font-size: 0.9em;
	line-height: 1.3;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

	text-align: center;
}
p.haupttext_freiraum_links50 {
	margin-left: 50px;
	font-size: 0.9em;
	line-height: 1.3;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

span.text-1 {
	bottom: 0.2em;
	font-size: smaller;
}
p.haupttextfett {
	font-size: 0.9em;
	line-height: 1.3;
	font-weight:bolder;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
span.fett {
	font-weight:bolder;
}
p.haupttextkursiv, p.haupttextzitat {
	font-size: 0.9em;
	line-height: 1.3;
	font-style: italic;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
span.kursiv {
	font-style: italic;
}
span.fettkursiv {
	font-style: italic;
	font-weight: bolder;
}
li#wir, ul#wir {
	list-style: square inside;
	font-family: 'nunitoregular', Arial , sans-serif;
	font-size: 0.9em;
	line-height: 1.3;
	margin-bottom: 7px;
}
h1, h2, h3 {
	font-family: 'latoblack', sans-serif !important;
	line-height: 1.3;
}
h2 {
	color: #f40000;
}
h4 {
	font-family: 'latobold', sans-serif !important;
}
h4.un-texte {
	margin-bottom: 10px;
	margin-top: 10px;
}
span.durchgestrichen {
	text-decoration: line-through;
}
.quelle {
	font-size: 8pt;
	color: #000000;
	text-align: right;
	text-decoration: none;
	margin-bottom: 7px;
}
.quelleklein {
	font-size: 7pt;
	color: #333333;
	text-align: right;
	text-decoration: none;
}
ul { 
	list-style-type: disc; 
	list-style-position: outside; 
	margin: 0 0 0 15px; 
	padding: 0; 
} 
ol { 
	list-style-position: outside; 
	margin: 0 0 0 15px; 
	padding: 0; 
} 

span.namen {
	font-variant: small-caps;
}
span.zitat {
	font-style: italic;
}
li.haupttextaufzaehlung {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.3;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}
blockquote {
  background: #ffffff;
  color: #f40000;
  font-weight: bolder;
  line-height: 1.3;
  border-left: 10px solid #f40000;
  border-right: 10px solid #f40000;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
/*  quotes: "\201C""\201D""\2018""\2019";*/
}
blockquote:before {
  color: #f40000;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.3em;
}
blockquote:after {
  color: #f40000;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}
img.imgborderschwarz {
	border:1px solid #000;
	padding: 1px;
}
img.imgbordernull {
	border:0px;
	padding: 1px;
}
.hervorhebung
{
	font-weight: bold;
	text-decoration: none;
	color: #f40000;
}


@media screen and (min-width:600px) {

/* Archiv-Kasten ab 600 Pixel ausblenden*/
div.archivkasten {
	display: none;
}
}

/*Hier kommen die CSS-Einstellungen ab 801 Pixel*/

h1.titel {
	letter-spacing: 0.2em;
}
.container_links {
	width: 61%;
    margin-left: 2%;
	float: left;
	background-color: none;
}
.container_rechts {
	width: 32%;
    margin-left: 65%;
    margin-right: 2%;
	background-color: none;
}
.container_rechts_oben {
	width: 32%;
    margin-left: 65%;
    margin-right: 2%;
	background-color: none;
}

.mitte {
	width: 100%;
	background-color: none;
}

h1#haupt, h2#haupt {
	margin-left: 2%;
	margin-right: 2%;
}


@media screen and (max-width:700px) {

/*Hier kommen die CSS-Einstellungen bis 700 Pixel*/

h1.titel {
	letter-spacing: 0;
}
.container_links {
	width: 96%;
    margin-left: 2%;
	float: none;
	background-color: none;
}
.container_rechts {
	width: 96%;
    margin-left: 2%;
    margin-right: 2%;
	float: none;
	background-color: none;
}
.mitte {
	width: 100%;
	background-color: none;
}
.un_flash {
	display: none;
}
}

@media screen and (min-width:701px) and (max-width: 800px) {

/*Hier kommen die CSS-Einstellungen ab 701 bis 800 Pixel*/

h1.titel {
	letter-spacing: -0.03em;
}

.container_links {
	width: 53%;
    margin-left: 2%;
	float: left;
	background-color: none;
}
.container_rechts {
	width: 41%;
    margin-left: 57%;
    margin-right: 2%;
	background-color: none;
}

.mitte {
	width: 100%;
	background-color: none;
}
.un_flash {
	display: none;
}
}


/* Links / Verweise etc */

.textlink {
	color: #f40000;
	text-decoration: none;
}
a.text-1k {
	font-size: smaller;
	font-style: italic;
	text-decoration: none;
	color: #808080;
}
a.textlinkschwarz {
	color: #000000;
	text-decoration: none;
}
a.bildlink {
	border: 0;
}
a:hover {
	text-decoration: underline;
}

/*  Suche */



#suklein
{
	font-size: 11px; 
	color: #000000; 
	width: 140;
	height: 22;
	border:2px solid #B42829;
	border-left: 2px solid #B42829;
	border-bottom: 2px solid #B42829;
	border-right: 2px solid #B42829;
	border-top: 2px solid #B42829;
	bordercolor: #B42829;
}

#sukleinabsenden
{
	width: 22;
	height: 22;
	font-size: 12px;
	font-weight: bold;
	background-color: #B42829;
	color:#ffffff;
	border:0px solid #B42829;
	cursor: pointer; 
}

#sutext
{
	font-size: 10px;
}

.blue
{
	font-size: 10px;
	color: #336699
}

.hitword
{
	font-size: 12px;
	color: red;
	font-weight: bold
}

.suchwort
{
	font-size: 12px;
	color: red;
	font-weight: bold
}


/*  Drucken   */

.print, .nonoprint
{
	display: none;
}
