/* CSS Document */

* {
    box-sizing: border-box;
	margin:0;
	padding:0;
}
html, body{
	width: 100%;
	height: 100%;
	background-color: #000;
}
body, td, th {
	font-family: Arial;
    font-size: 11px;
	color: #000;
}
body {
    padding: 24px 48px;
}

/* BODY */

#document {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.titel0 {
	width: 800px;
	text-align: right;
}

.News {
	width: 800px;
}
.NewsTitel {
	text-align: center;
	color: #C00;
	font-weight: bold; 
    font-size: 18px;
}
.NewsText {
	margin-top: 9px;
	text-align: justify;
	color: #C00;
    font-size: 18px;
}

.textBox {
	width: 800px;
}
.ZweiSpalten {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.LinkeSpalte {
width: calc(600px - 18px);
}
.RechteSpalte {
width: calc(200px - 0px);
}

.lightbox {
	padding: 18px 24px;
	margin-bottom: 18px;
	background-color: #CCC;
	border-radius: 12px;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.4) inset;
	font-family: Arial;
}

.BoxTitel {
	text-align: right;
    font-size: 12px;
	color: #333;
	font-weight: bold; 
    font-size: 15px;
}
.BoxSubTitel {
	margin-top: 9px;
	text-align: justify;
	color: #000;
    font-size: 12px;
	font-weight: bold; 
}
.BoxZwTitel {
	margin:  9px 0;
	padding: 3px 0;
	border-top   : 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
	color: #666;
    font-size: 12px;
	font-weight: bold; 
}
.BoxText {
	margin-top: 9px;
	text-align: justify;
	color: #333;
    font-size: 12px;
}
.BoxListe {
	margin-top: 9px;
	text-align: left;
	color: #333;
    font-size: 12px;
}