@charset "utf-8";
* { /* Universal-Selektor, gilt (hoffentlich) für alle Selektoren. */
	margin:0;
	padding:0;
	box-sizing:border-box; /* Aktiviert das border-box-Modell im Browser. padding und -border-Werte werden nicht mehr automtisch addiert! Margin-Werte werden weiterhin addiert!!!! */
}
img {
	max-width:100%; /* ermöglicht, Bilder im Browser kleiner zu skalieren*/
	height:auto;
}

.rechts div img {
	height: 100px;
	padding-right: 10px;
}
	
	
	#container { /* Syntax: die Art und Weise, wie etwas notiert wird, hier in CSS */
	background-color: rgba(204,204,204,1);
	max-width: 1250px; /* "max-width" erlaubt das Kleinerskalieren eines Elements. Das ist notwendig für responsive Web. */
	margin-right: auto;
	margin-left: auto;
}
#container .mitte {
}
.zeile {
	background-color: rgba(216,190,17,1.00);
	display: table;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(24,70,137,1.00);
}
.linksoben {
	background-color: rgba(24,70,137,1.00);
	display: table-cell;
	width: 25%;
}
.rechtsoben {
	background-color: rgba(24,70,137,1.00);
	display: table-cell;
	width: 75%;
	vertical-align: top;
}
.links {
	background-color: rgba(24,70,137,1.00);
	float: left;
	/* Platziert das Element links und lässt nachfolgende Elemente rechts umfließen, wenn sie dorthin passen und keine anderen Werte (Breite) widersprechen. */
	height: 350px;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(35,102,200,1.00);
	height: 350px;
	border-right-style: dashed;
	border-right-color: rgba(35,102,200,1.00);
	border-right-width: 1px;
}
.links_last {
	background-color: rgba(24,70,137,1.00);
	float: left;
	/* Platziert das Element links und lässt nachfolgende Elemente rechts umfließen, wenn sie dorthin passen und keine anderen Werte (Breite) widersprechen. */
	height: 350px;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(35,102,200,1.00);
	height: 500px;
	border-right-style: dashed;
	border-right-color: rgba(35,102,200,1.00);
	border-right-width: 1px;
}
.mitte {
	background-color: rgba(35,102,200,1.00);
	float: left;
	height: 350px;
	width: 40%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(68,130,222,1.00);
	border-right-style: dashed;
	border-right-color: #4482DE;
	border-right-width: 1px;
	padding-top: 20px;
	padding-left: 20px;
}
.mitte_last {
	background-color: rgba(35,102,200,1.00);
	float: left;
	height: 500px;
	width: 40%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(68,130,222,1.00);
	border-right-style: dashed;
	border-right-color: #4482DE;
	border-right-width: 1px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.rechts {
	background-color: rgba(68,130,222,1.00);
	float: left;
	height: 350px;
	width: 40%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(35,102,200,1.00);
	padding-top: 20px;
	padding-left: 20px;
}
.rechts_last {
	background-color: rgba(68,130,222,1.00);
	float: left;
	height: 500px;
	width: 40%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(35,102,200,1.00);
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
#container br {
	clear: both; /* "clearfix" oder "clearer" hebt Float-Befehle vorangegangener Elemente auf, zwingt nachfolgende in eine neue Reihe; stellt Ritter Tims Default-Zustand wieder her. */
}
.linksoben img {
	margin-bottom: -5px;
}

body {	font-family: 'Barlow Semi Condensed', sans-serif;
}

marker {
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: rgba(216,190,17,1.00);
}

fine {
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: black;
	font-size: 9pt;
}
	
h1 {	font-family: 'Delius Unicase', cursive; color: white;

}    
h2 {
	font-family: 'Delius Unicase', cursive;
	color: rgba(216,190,17,1.00);
	font-size: 40pt;
}    

	
<!------- Hyperlinks Farben -------->
	
a,a:link { color: rgba(255,255,255,1);
}
a:visited { color: rgba(255,255,255,1);
}
a:hover { color: rgba(255,0,0,1);
}
a:active { color: rgba(255,255,255,1);
}
a:focus { color: rgba(255,255,255,1);
}