@charset "UTF-8";
/* main style // Lighthouse Club Münsterland */
/*
@import url(https://weloveiconfonts.com/api/?family=entypo);

/* entypo */
/*
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
*/
/* presets */
*{ margin: 0; padding: 0; border: 0; }
html,body{ width: 100%; height: 100%; font-size: 14px; font-weight: 400; color: #666; font-family: 'Kameron', serif; }
h1{ font-size: 18px; font-weight: 400; color: #048cc4; line-height: 26px;}
h2{ font-size: 14px; font-weight: 400; color: #fff; text-align: center; margin-top: 12px; }
p{ line-height: 20px;}
.clear{ clear: both; }
hr{ border-bottom:solid 1px #003551; }
a{ color: #048CC4; text-decoration: underline; }

/* overlay - loading screen */ 
#loading-overlay { width: 100%; height: 100%; position: fixed; z-index: 99999; top: 0; left: 0; background: #003551 url(../images/lighthouse_picto.svg) center center no-repeat; 
}

/* frame for content - visible */
#frame{ width: 1220px; height: auto; margin: 0 auto; }
/* wrapper to center content */
.wrapper{ width: 960px; height: 100%; padding-bottom: 100px; margin: 0 auto; position: relative; z-index: 200; }
/* line on top */
#line{ width: 100%; height: 5px; position: fixed; z-index: 8011; top: 0;	background-color: #003551; }

/* login area */
#login{ width: 170px; height: 35px; float: right; background-color: #003551; color: #000; overflow:hidden; }
	#login:hover{ height: 150px; overflow: visible; }
	#login #input input{ width: 140px; padding: 5px; margin: 11px 10px 0 10px; }
	#login #input #submit{ width: 150px; padding: 5px; margin: 10px 10px 0 10px; }
	#login #input #submit:hover{ transition: 0.3s; color: #fff; background-color: #048cc4;cursor: pointer; }			
/* login area end */	

/* header */
header{ height: 150px;}
	header img{ float: left; }
	header img:hover{ opacity: 0.6; transition: 0.8s; }
	header{ padding: 70px 0 0 0;	}
/* header end */

/* navi */
nav{ float: right; }	
	nav ul{ font-size: 14px; margin-top: 25px; }
	nav ul li{ float: left; margin-left: 25px; list-style: none; }
	nav ul li a{ color: #048cc4; text-decoration: none; }	
	nav ul li a:hover{ color:#003551; transition: 0.8s; }
	nav ul li a.active{ color:#003551; }
/* navi end */ 

/* main */
main{ width: 100%; }
/* main end */

/* column grid*/
	/*  sections  */
	.section { clear: both; padding: 0px; margin: 0 0 0 0; }	
	/*  sections end */
		
	/* column setup  */
	.col { display: block; float:left; margin: 1% 0 1% 1.6%; }
	.col:first-child { margin-left: 0; }
	/* column setup end  */

	/*  grouping  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both; }
	.group { zoom:1; /* For IE 6/7 */ }	
	/*  grouping end */
	
	/*  grid of three  */
	.span_3_of_3 { width: 100%; }
	.span_2_of_3 { width: 66.1%; }
	.span_1_of_3 { width: 32.2%;}
	.span_1_of_3 img{ width: 100%; display: block;}
	
	.content{ height: 330px; } /*makes buttons horizontal line*/

/* column grid end*/

/* table mitglieder */
	.tg {border-collapse:collapse;border-spacing:0;}
	.tg td{font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
	.tg th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
	.tg th a{color: #048cc4; text-decoration: none;}
	.tg th a:hover{color: #003551; transition: 0.3s; cursor: pointer;}
/* table end */

/* content (index.php or aktuelles.php) button set */
	button{ font-family: 'Kameron', serif; font-weight: 400; font-size: 16px; color: #fff; }	
	.more{ width: 100%; margin-top: 10px; padding: 2.5%; background-color: #048cc4;	}	
	.more:hover{ background-color: #003551; cursor:pointer;	transition: 0.5s; }
/*  ontent (index.php or aktuelles.php) button set end */

/* project button set */
ul#sub_navi{ list-style: none;}
ul#sub_navi li{ float: left; width: 30px; color: #048cc4;}

/* project button set end */

/* contact */
#contact{}
	#contact a{ text-decoration: none; color: #666; }	
	#contact a:hover{ color: #003551; transition: 0.5s; }
	/* gmaps settings */
	.google-maps {
	position: relative;
	padding-bottom: 350px; // This is the aspect ratio
	height: 0;
	overflow: hidden;
	}
	.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 350px !important;
	}
	/* gmaps settings end */
/* contact end */

hr{ border: 1px solid #048cc4; }

/* footer */
footer{ width: 100%; height: 80px; position: fixed; z-index: 200; bottom: 0; background-color: #048cc4; font-family: 'Kameron', serif; font-weight: 400; font-size: 12px; color: #fff; margin-top: 50px;}
	footer p{ float: left; margin-top: 33px; }	
	footer span{ float: right; margin-top: 33px; }	
	footer span a{ text-decoration: none; color: #fff; }
	footer span a:hover{ color: #003551; transition: 0.5s; }
	/* imprint content */
	#imprint{ line-height:none; }
		#imprint #lbinner h1{ font-size: 19px; font-weight: 400; color: #048cc4; margin: 20px; }
		#imprint #lbinner p{ font-size: 12px; font-weight: 400; color: #048cc4; margin: 20px; overflow:scroll; }
	/* imprint content end */
	
	/* lighthouse pic */
	#lighthouse{ float: right; position: relative; margin: -400px 0 0 0; }
	/* lighthouse pic end */
/* footer end */