/*
###########################################################################################################################
####################################################  Pseudo Klassen  #####################################################
###########################################################################################################################

####### CSS aller Webseiten, Content CSS wird per PHP aus dazugehörigen CSS Files abgefragt und eingebunden #######

Gesamte Webseite einschließlich Titel, Body, Content, Navigationsbereich und Fußzeile
*/
html{
	font-size: 62,5%;
	height: 100%;
	color: rgb(60,60,60);
}

/*Gesamte Webseite einschließlich Navigationsbereich, Content und Fußzeile*/
body{
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 12.8rem;
	max-width: 150em;
}

/*Gesamter Navigationsbereich*/
nav{
	margin: 0;
	padding: 0;
}

/*
###########################################################################################################################
########################################################    IDs    ########################################################
###########################################################################################################################

#### Navigiationsbar ID´s ####

ID für das Logo im Navigationsbereich
*/
#logo{
    left: 3%;
    position: absolute;
    top: 3rem;
    z-index: 3;	
}

/*ID für das Hintergrundbild im Navigationsbereich, später für den Slider*/
#slider01{
    border-bottom: 0.8rem solid rgb(0,160,227);
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

/*ID für dir Buttons, mit den Links zu den anderen Seiten der Webseite*/
#navbarButtons{
    background-color: rgb(0, 53, 77);
    margin: 0;
    min-width: 79rem;
    padding: 1.2rem 0rem;
    position: absolute;
    top: 6rem;
    width: 100%;
    z-index: 2;
}

/*Abstand für die Balken Oben und Unten im Navigationsbereich*/
#navbarButtons span{
    padding: 0;
	background-color: rgba(0,160,227,0.5);
}

/*ID für die Links in den Buttons, im Navigationsbereich*/
#navbarButtons a{
	padding: 1.25rem 2.5rem;
}

/*ID für die Balken Oben und Unten*/
#navBalkenOben{
	top: 4.8rem;
}

#navBalkenUnten{
	top: 10.3rem;
}

/*
###########################################################################################################################
########################################################  Klassen  ########################################################
###########################################################################################################################

#### Navigationsleiste Klassen ####

Klasse Navigationbreich für Balken Oben und Unten
*/
.navBalken{
	background: rgb(0,160,227);
    background: linear-gradient(to right, rgb(227,32,41), rgb(0,160,227));
	background: -webkit-linear-gradient(left, rgb(227,32,41), rgb(0,160,227));
	background: -webkit-gradient(left, right, rgb(227,32,41), rgb(0,160,227));
	background: -moz-linear-gradient(left, rgb(227,32,41), rgb(0,160,227));
	background: -ms-linear-gradient(left, rgb(227,32,41), rgb(0,160,227));
	background: -o-linear-gradient(left, rgb(227,32,41), rgb(0,160,227));
    height: 0.5rem;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

/*Klassen für die Links im Navigationsbereich, um die Formatierung des Hyperlinks zu entfernen*/
.linkButton{
	padding: 0;
	text-decoration: none;
	font-weight: bold;
}

.linkButton:hover {
	background-color: rgb(227,32,41);
}

.linkButton:visited {
	color: white;
	text-decoration: none;
}

.linkButton:active {
	color: white;
	text-decoration: none;
}

.linkButton:link {
	color: white;
	text-decoration: none;
}

/*Klasse für den Gesamten Navigationsbereich*/
.naviLeiste{
	margin: 0 0 -0.2rem;
	padding: 0;
	width: 100%;
	height: auto;
	float: none;
	min-width: 79rem;
	text-align: center;
}

/*Klasse für das Hintergrundbild des Navigationsbereiches*/
.banner{
    height: auto;
    width: 100%;
	margin: 0;
	padding: 0;
}

/*Klasse für den Hintergrund der Gesamten Webseite*/
.ganzeSeite{
	position: relative;
	min-width: 80rem;
	background-color: rgb(240, 240, 240);
	margin: 0;
	padding: 0;
	top: -2rem;

}

/*Nimmt den unerwünschten Abstand im oberen Bereich, bei Firefox raus*/
@-moz-document url-prefix(){
	.ganzeSeite{
			top: 0rem;
	}
}

/*
#### Klasse für den Gesamten Content ####

Inhalt des Contents wird per PHP abgefragt und CSS Files werden dazugehörig eingebunden
*/
.content{
	width: 60.5rem;
	height: auto;
	background-color: rgba(248,248,248,0.9);
	margin: 0 auto 0rem;
	padding: 1.5%;
}

/*#### Klasse für die Gesamte Fußzeile ####*/
.fussZeile{
	background-color: rgb(0, 53, 77);
	margin: 0;
	padding: 1rem 0 1rem 0;
	width: 100%;
	height: 6rem;
	border-top: 0.8rem solid rgb(0,160,227);
	min-width: 79rem;
	float: none;
}

/*Klasse für den Linken Bereich der Fußzeile*/
.fussLinks{
	text-decoration: none;
	font-size: 1rem;
	font-weight: bold;
	margin: 0rem 1rem 0rem 0rem;
	padding: 2rem 0rem 0rem 0rem;
	width: auto;
	height: auto;
	position: absolute;
	left: 9.5%;
	text-align: left;
}

/*Klasse für den Linken Balken der Fußzeile*/
.fussBalkenLinks{
	background-color: white;
	border-radius: 1rem;
	margin: 0;
	padding: 0;
	height: 6rem;
	width: 0.2rem;
	position: absolute;
	left: 17%;
}

/*Klasse für den Mittleren Bereich der Fußzeile*/
.fussMitte{
    height: 6rem;
    left: 17%;
    margin: 0;
    padding: 0.2rem 0.5rem 0rem;
    position: absolute;
    text-decoration: none;
    width: 65%;
}

/*Klasse für den Text im Mittleren Bereich der Fußzeile*/
.fussMitte p{
	font-size: 0.6rem;
	color: white;	
}

/*Klasse für den Rechten Balken der Fußzeile*/
.fussBalkenRechts{
	background-color: white;
	border-radius: 1rem;
	margin: 0;
	padding: 0;
	height: 6rem;
	width: 0.2rem;
	position: absolute;
	left: 83%;
}

/*Klasse für den Rechten Bereich der Fußzeile*/
.fussRechts{
	text-decoration: none;
	font-weight: bold;
	font-size: 3rem;
	margin: 0;
	padding: 0;
	width: 8rem;
	height: auto;
	position: absolute;
	left: 82.5%;
}

/*Klasse für die Links und deren Formatierungsentfernung als Hyperlinks im Linken Bereich der Fußzeile*/
.fussLinks a{
	font-size: 1.0rem;
}

.fussLinks ul{
	margin: 0;
	padding: 0;
}

.fussLinks ul li{
	list-style: none;
	margin: 0;
}

.fussLinks a:visited {
	color: white;
	text-decoration: none;
}

.fussLinks a:active {
	color: white;
	text-decoration: none;
}

.fussLinks a:link {
	color: white;
	text-decoration: none;
}

/*Klasse für die Links und deren Formatierungsentfernung als Hyperlinks im Rechten Bereich der Fußzeile*/
.fussRechts a{
	font-family: Arial;
	margin: 0;
	padding: 1rem 2rem;
}

.fussRechts a:visited {
	color: white;
	text-decoration: none;
}

.fussRechts a:active {
	color: white;
	text-decoration: none;
}

.fussRechts a:link {
	color: white;
	text-decoration: none;
}

.fussRechts ul{
	margin: 1.5rem 16% 0.5rem 0;
}

.fussRechts ul li{
	list-style: none;
	display: inline;
}

/*Klasse Regelt den Abstand für den Text im Linken Bereich der Fußzeile*/
.PfussLinks{
	position: absolute;
	text-align: left;
	margin-left: 0.5rem;
	margin-top: 0.2%;
}

/*Klasse Regelt den Abstand für den Text im Rechten Bereich der Fußzeile*/
.PfussRechts{
	text-align: right;
	margin-top: 0.6rem;
	margin-right: 0.4rem;
}