@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url(../fewobepa/public/css/frontend-style.css);


html,
.htmlarea-content-body {
	font-family: 'Noto Serif', serif;
}

html, body {
     height: 100%;
}

#wrapper {
     display: table;
     height: 100%;
     width: 100%;
     min-width: 1200px;
}

#header {
	display: table-row;
	height: 90px;
	background: rgba(255, 255, 255, 1.0);
	padding: 0 40px 0 40px;
}
	#header .content {
		position: relative;
		height: 90px;
		margin: 0 60px;
		min-width: 1000px;
	}
	header {
		float: left;
	}
	menu {
		float: right;
	}

#body {
	position: relative;
	display: table-row;
	height: auto;
}
	#body .content {
		position: relative;
		margin: 60px 60px 60px 60px;
	}
	#text {
		width: 420px;
		padding: 30px 40px 40px 40px;
		background: rgba(255, 255, 255, 1.0);
		overflow: hidden;
	}
	#close {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 40px;
		overflow: hidden;
		line-height: 37px;
		visibility: visible;
		opacity: 1;
		text-align: center;
		cursor: pointer;
		color: rgb(128, 128, 128);
		background: white;
	}
	#open {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 40px;
		overflow: hidden;
		line-height: 37px;
		visibility: hidden;
		opacity: 0;
		text-align: center;
		cursor: pointer;
		color: rgb(128, 128, 128);
		background: white;
	}
	#close:hover,
	#open:hover {
		color: rgb(0, 0, 0);
	}


footer {
	display: table-row;
	height: 90px;
}

	footer .content {
		position: relative;
		height: 90px;
		margin: 75px 0 0 0;
		padding: 0 60px;
		background: rgba(255, 255, 255, 1.0);
	}
	#copyright {
		float: left;
	}
	#impressum {
		float: right;
	}



/*** MENU ***/

/*** MENU MAIN ***/
menu {
	margin-top: 27px;
}
menu ul.menu-main {
	margin: 0;
	padding: 0;
	list-style: none;
}
menu ul.menu-main li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

menu ul.menu-main li:before {
	content: none;
}

menu ul.menu-main li a {
	display: block;
	margin: 0 5px 0 0;
	padding: 0 10px;
	line-height: 34px;
	font-size: 14px;
	font-weight: 400;
	color: rgb(255, 255, 255);
	background: rgb(99, 97, 97);
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
	     -o-transition: all 0.3s linear;
	        transition: all 0.3s linear;	
}
menu ul.menu-main li:last-child a {
	margin: 0 0 0 0;
}
menu ul.menu-main li a:hover,
menu ul.menu-main li.cur a,
menu ul.menu-main li.sub-cur a {
	background: black;
}

menu ul.menu-main li ul {
	position: absolute;
	list-style: none;
	top: 28px;
	left: 0px;
	margin: 0;
	padding: 0;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.33s linear, opacity 0.33s linear;
	z-index: 500;
}

menu ul.menu-main li:hover ul {
	visibility: visible;
	opacity: 1;
}

menu ul.menu-main li ul li {
	float: none;
}

menu ul.menu-main li ul li a,
menu ul.menu-main li.sub-cur ul li a,
menu ul.menu-main li.cur ul li a {
	display: block;
	line-height: 36px;
	text-transform: none;
	margin: 2px 0 0 0;
	padding: 0 20px 0 10px;
	text-decoration: none;
	color: #000;
	transition: color 0s linear 0.33s, background-color 0.33s linear 0s;
	font-size: 17px;
	letter-spacing: 0em;
	background-color: rgba(255, 255, 255, 0.75);
	border-right: none;
}
menu ul.menu-main li ul li:last-child a,
menu ul.menu-main li.sub-cur ul li:last-child a,
menu ul.menu-main li.cur ul li:last-child a {
	margin: 2px 0 0 0;
	padding: 0 20px 0 10px;
	border-right: none;
}

menu ul.menu-main li ul li a:hover,
menu ul.menu-main li.sub-cur ul li a:hover,
menu ul.menu-main li.cur ul li a:hover,
menu ul.menu-main li ul li.cur a,
menu ul.menu-main li.sub-cur ul li.cur a,
menu ul.menu-main li.cur ul li.cur a {
	color: #000;
	background-color: rgba(255, 255, 255, 1);
	opacity: 1;
}


/*** STYLES ***/

#header header {
	font-size: 30px;
	line-height: 90px;
}

#header header span {
	font-size: 24px;
	color: rgb(128, 128, 128);
}

#impressum p,
#copyright p {
	font-size: 13px;
	line-height: 90px;
}

p.lead {
	font-style: italic;
	font-size: 16px;
}

h1 {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0 0 0.5em 0;
	padding: 0;
}
h2 {
	font-size: 15px;
	line-height: 1.5;
	font-weight: 700;
	margin: 1.5em 0 0.25em 0;
	padding: 0;
}
p {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
}

a {
	color: inherit;
}


.csc-mailform ol li {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	padding-bottom: 15px !important;
	display: block;
}
.csc-mailform ol li label {
	display: block;
	float: none;
}
.csc-mailform ol li input {
	display: block;
	float: none;
}

iframe {
	border: none;
	background: #eee;
	padding: 0 0 0 25px;
	width: 395px;
	height: 270px;
}

figcaption {
	font-size: 11px;
}