/***************************/
/* General element styles: */
/***************************/
html * {
	font-size: 16px;
	font-family: arial, helvetica; 
	color:#BF0000;
}
pre { font-family: monospace; }
A { 
	color: #BF0000; 
	font-weight: bold; 
	text-decoration: none;
	font-style: italic;
}
A:hover { 
	color: black; 
}
hr {
	border-top: 1px solid #BF0000;
	margin-top: 25px;
	margin-bottom: 25px;
}
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }

			
/******************/
/* Content stuff  */
/******************/
H1, H2, H3, H4, H5 { 
	font-family: helvetica; text-transform: uppercase; color:#BF0000;
	margin-top: 20px; margin-bottom: 20px; }
H1 { font-size: 36px; }
H2 { font-size: 30px; }
H3 { font-size: 24px; }
H4 { font-size: 18px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { 
	font-family: helvetica; text-transform: uppercase; color:#BF0000; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }


/* Wrapper around one page content element */
.frame-default {
	margin-bottom: 50px;
}

/* The title of a page content element */
.ce-headline-left, H2 {
	text-align: center; 
}

/* The <header> element! */
header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;

	border-top: 1px solid #BF0000;
}

/*************/
/* Layout Page */
/*************/
#titel{ 		background-color:#B2B2B2; color:#BF0000; font-size:20pt; vertical-align: bottom; 
				height:60px; width:540px; padding-top:0px; padding-bottom:0px; line-height:100%; letter-spacing:-1px; }
#titelLeft{ 	background-color:#B2B2B2; 	background-repeat:no-repeat; background-position: right;  }
#titelRight{ 	background-color:#B2B2B2;	background-repeat:no-repeat;  }

#mainMenu{ 	background-image:url(images/layout/BackgroundEdge.gif); background-repeat: repeat; 
			vertical-align:top; text-align:right; padding-top: 0px; padding-right:0px; background-position:right top;
			font-size: 0px; }
#contentCell{  	background-color: #CCCCCC; width: 100%; height: 100%;}
#contentTable { width: 100%; height: 100%; }
#content{ 		width: 480px; color:#BF0000; padding-top: 25px; padding-bottom: 25px; vertical-align: top; }
#contentPadding{ width: 60px;}
#contactMenu{ 	background-image:url(images/layout/BackgroundEdge.gif); background-repeat:repeat; vertical-align:top; text-align:left; padding-top: 0px;
		font-size: 0px; }

#whiteLine{ height: 2px; line-height:1px; background-color:#FFFFFF; }
#whiteLine .bodytext { line-height:1px; }
#spacerLine{ height: 1px; line-height:1px; }
#spacerLine .bodytext { line-height:1px; }
#causeContent .bodytext { line-height:0px; }

#causeContent .bodytext { line-height:0px; }
#cellDate .bodytext { line-height:1.4; }
#cellClub .bodytext { line-height:1.4; }
#cellType .bodytext { line-height:1.4; }
#cellLocation .bodytext { line-height:1.4; }



#causeTable .bodytext, #causeContent .bodytext, #causeContact .bodytext, #causeContentTable .bodytext, #cellDate .bodytext, #cellClub .bodytext, #cellType .bodytext, #cellLocation .bodytext {  }


/*******************/
/* General Layout  */
/*******************/

* {
	box-sizing: border-box;
}

.header {
	height: 150px;
	width: 100%;
	background-image:url(images/layout/top/HeaderImage01.gif); 
	background-repeat: no-repeat;
	background-position: center;
}
.header-title {
	width: 100%;	
	margin-bottom: 80px;

	font-family: helvetica;
	vertical-align: middle;
	text-align: center;
	font-size: 32pt; 
	color:#BF0000; 
	letter-spacing:-1px;
}
.content-container {
	overflow: auto;
}
.content-center {
	width: 75%;
	height: 100%;
	padding-left: 100px;
	padding-right: 100px;
	min-width: 600px;
	min-height: 1000px;
	float: left;
}
.menu-left,
.menu-right {
	width: 25%;
	height: 100%;
	min-width: 150px;
	float: left;
}
.footer {
	height: 150px;
	width: 100%;
	margin-top: 120px;
	text-align: center;
}

@media only screen and (max-width:900px) {
	/* For mobile phones: */
	.menu-left, .content-center, .menu-right {
		width: 100%;
	}
}


/*******************/
/* Menus           */
/*******************/

div.menu-left ul,
div.menu-right ul {
	list-style-type: none;
}

div.menu-left a,
div.menu-right a {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	padding: 10px; /* Add some padding */
	display: block; /* Make the links appear below each other */
	text-decoration: none;
}
div.menu-left a:hover,
div.menu-right a:hover {
	/* font-weight: bold; */
	/* background-color: #CECECE; */
	margin-right: 20px;
}

.menu-item {
	display: block;
}
.menu-item.active a {
	/* font-weight: bold; */
	background-color: #CECECE;
	margin-right: 20px;
}

/*******************/
/* RTE / Bodytext: */
/*******************/
P.bodytext { line-height:1.4; }
P.bodytext A {}

/* RTE / Bulletlists */
UL { margin-top: 0px;  }
UL UL LI { font-size: 10px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/* RTE / Table styling */
TABLE.contenttable {  }
TABLE.contenttable TR TD {  }
TABLE.contenttable TR TD P.bodytext {  }
TABLE.contenttable TR {  }



/*************/
/* User Defined Classes */
/*************/