/************************************/
/***** Pfalzwerke Joomla Layout *****/
/***** Standard HTML Init Stuff *****/
/************************************/

/*@import	url("startseite.css");*/
/*
@import	url("menu.css");
@import	url("header.css");
@import	url("footer.css");
@import	url("content.css");
@import	url("jsdatepicker.css");
@import	url("modules.css");
@import	url("pfmnetForm.css");
*/
html {
	height:			100%;
	margin:			0;

	/****
	ACHTUNG: IE11 kann keine standard "Variablen" in CSS. Deswegen ist ein Fallback auf hardcoded Farben verbaut
	*****/

	--button-background: #003249;
	--button-color: #fff;
	--footer-color: #003249;
	--button-background-pressed: rgb(0,18,23);
	--light-grey: #ededed;
	--menu-text-color: rgb(0,50,73);
	--light-green: #84b451;
	--menu-item-border: #ced4da;
	/****
	PW Farben
	*****/

	--pwRot: #D31628;

	--southsea: #00d7bb;
	--layfieldGreen: #42bc31;
	--lightGreen: #84b451;
	--royalPurple: #781c7f;
	--brightMango: #f5ba4c;
	--luckyPeach: #e94c3b;
	--midniteBlue: #004362; /*Die Button auf der Website nutzen eine Farbe die Midniteblue heißt aber nicht die gleich Farbe ist!*/
	--azureWindowBlue: #597bf1;
	--summerskyBlue: #77c3ff;
	--crystalBlue: #99c5e9;
	--morningskyBlue: #b5cad4;
	
	

}

form {
	margin:			0;
	padding:		0;
}

body {
	
	/* font-family:		Arial, Verdana, sans-serif; */
	font-family: Titillium Web,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	color:			#000000;
	
	background-color: #003249; /* Temporärer Fallback dank IE11*/
	background-color: var(--footer-color);
	
	margin:			0;
	padding:		0;
	font-size:		12px;
	
	min-width: 99vw;

	display: block;
}

body select,
body input[type='text'] {
	color: #000000;
}

a:link, a:visited, a:active {
	color:			white;
	text-decoration:	none;
	font-weight:		normal;
}

a:hover {
	text-decoration:	underline;
	font-weight:		normal;
}

p {
	margin-top:		0;
	margin-bottom:		5px;
}

img {
	border:			0 none;
}


th, td{
	text-align: left;
}













#cms_site {

	width: fit-content;			/* Immer auf Content-Breite aufspannen, damit das Hintergrundbild nicht abgerissen wird. */
	width: -moz-fit-content;	/* -moz-fit-content, damit Firefox ebenfalls funktioniert. */
	min-width: calc(100% - 2 * 5px);	/* 100% - 2 * padding */

	padding: 0px 5px;

	background-image: url(../images/headerbackground.png);
	background-size: 100% 640px;
	background-repeat: no-repeat;

}


#cms_container{
	width: fit-content;
	width: -moz-fit-content;
	margin: 0 auto;
}


#cms_header {
	min-width: 1050px;
	width: min(100%, 100vw - 30px);		/* Breite = Kleinerer Wert aus: 100% des Moduls und Gesamter Viewport-Breite - Summe Margins und Paddings */
	height: 120px;

}


#cms_announcement,
#cms_ieWarning {

	margin: 0px -5px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;

	background-color: var(--brightMango);
	background-color: #f5ba4c;

}


#cms_content {

	width: fit-content;			/* width notwendig, damit margin: 0 auto; funktioniert. */
	width: -moz-fit-content;	/* -moz-fit-content, damit Firefox ebenfalls funktioniert. */
	min-width: 100px;			/* min-width, um den Content-Container so klein wie möglich zu halten. */

	min-height: 670px;

	margin: 0 auto;				/* div zentrieren */

	padding: 15px 0px 10px 0px;

	background-color: white;

}


#cms_content_inner {

	margin: 0px 15px 0px 10px;
	position: relative;

}






.clear {
	clear:			both;
}

.hidden {
	visibility: hidden;
	height: 0px;
	width: 0px;
}

#loader {
	z-index:		1000001;

	display:		none;

	color:			#FFFFFF;

	position:		fixed;

	margin-left:		-20%;

	padding-top:		25%;

	text-align:		center;
	vertical-align:		middle;

	width:			120%;
	min-width:		120%;

	height:			100%;
	min-height:		100%;

	background-image:	url(../images/loader_bg.png);
}

#loaderBalken {
	position:		fixed;
	top:			50%;
	left:			50%;
	margin-top:		-30px;
	margin-left:		-80px;
	width:			160px;
	height:			160px;
}

#loadingText {
	width:			160px;
	height:			26px;
	background-image:	url(../images/loading_bg.png);
	padding-top:		10px;
	text-align:		center;
}