/* 
Grün: #b9de33 
Mittleres Grün (Links): #b9cf3d
Dunkelgrau: #404040
Hellgrau: #777777
*/


@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=5c08bcf8-0ab7-45ee-8dad-145b477d550a&fontids=1296275");
@font-face{
	font-family:"Futura W03 Light";
	src:url("../css/Fonts/1296275/67f68344-9a64-4c89-8cb6-b177de5f04d8.eot?#iefix");
	src:url("../css/Fonts/1296275/67f68344-9a64-4c89-8cb6-b177de5f04d8.eot?#iefix") format("eot"),
			url("../css/Fonts/1296275/c11d9fb8-3107-47a4-9f23-cd5fb87f2052.woff2") format("woff2"),
			url("../css/Fonts/1296275/3c4a1ec8-8453-4d7b-8813-a83d5f2b1459.woff") format("woff"),
			url("../css/Fonts/1296275/cd82e062-3dc5-403f-a184-b3969df745d7.ttf") format("truetype"),
			url("../css/Fonts/1296275/ecfbddd0-0521-4502-91cc-db6633b38fb8.svg#ecfbddd0-0521-4502-91cc-db6633b38fb8") format("svg");
}


* {
	margin: 0;
	padding: 0;
}

#line {
	position: absolute;
	top: 0;
	left: 1200px;
	width: 1px;
	height: 1000px;
	background: red;
	z-index: 10;
}


/*-------------------------  
  BODY & TEXTFORMATE
-------------------------*/

body {
	background-color: #b9de33;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'Futura W03 Light', 'Futura Lt BT', sans-serif;
	font-size: 112.5%; /* 16px */
	font-weight: 400;
	color: #404040;
	margin: 40px 0 70px 0;
	line-height: normal;
}
h1 {
	font-size: 175%;
	color: #b9cf3d;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 16px;
}
h2 {
	font-size: 136%;
	font-weight: normal;
	margin-bottom: 10px;
}
h3 {
	font-size: 115%;
	font-weight: normal;
	margin-bottom: 6px;
}
a:focus,
a:hover,
a:active {
	outline: none
}
#content a,
#navi ul li a {
	color: #b9cf3d;
	text-decoration: none;
}
#content a:hover,
#navi ul li a:hover,
#navi ul li a.act {
	color: #777777;
}
#content ul {
	margin-bottom: 1em;
}
#content li {
	list-style-type: none;
	background:  url("../images/www/list.png") no-repeat 0px 0.5em;
	padding-left: 12px;
}
#content li.more {
	background: none;
	padding-left: 0;
}
.green {
	color: #b9de33;
	font-weight: bold;
	white-space: nowrap;
}
.clearAll {
	clear: both;
}



/* boxes */
.left {
	display: block;
	float: left;
	width: 190px;
	height: auto;
	margin-right: 15px;
	margin-bottom: 13px;
}
.right {
	display: block;
	float: right;
	width: 190px;
	text-align: right;
}
.zoom {
	margin-top: 4px;
}
.right a {
	margin-bottom: 13px;
}


/* div */
.txt-right {
	display: block;
	float: left;
	margin-top: -4px;
	}
.pic-right {
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
.pic-left {
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.pic-team {
	display: inline-block;
	float: none;
	width: 190px;
	margin-bottom: 3em;
}
.pic-left {
	margin-bottom: 2em;
	}

/* galerie */
.galerie {
	width: 100%;
	margin-bottom: 0.5em;
}
.galerie a {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
}
.galerie a img {
	border: 0;
}
.galerie a img:hover {
	opacity: 0.6;
}

/* team */
#team {
	font-size: 90%;
	line-height: normal;

}
.galerie iframe {
	margin-left: 15px;
	width: 172px;
	height: 172px;
}



/*-------------------------  
  NAVIGATION
-------------------------*/

	/* essential styles */
	.sf-menu, .sf-menu * {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.sf-menu li {
		position: relative;
	}
	.sf-menu ul {
		position: absolute;
		display: none;
		top: 100%;
		left: 0;
		z-index: 99;
	}
	.sf-menu > li {
		float: left;
	}
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul {
		display: block;
	}
	.sf-menu a {
		display: block;
		position: relative;
	}
	.sf-menu ul ul {
		top: 0;
		left: 100%;
	}
	
	/* defaults */
	#navi {
		white-space: nowrap !important;
	}

	/* mainnavi */
	#navi ul.sf-menu > li {
		list-style-type: none;
		display: inline-block;
		margin-right: 36px;
		padding-left: 8px;
		padding-top: 40px;
		color: #777777;
		border-left: 1px dotted #777777;
	}
	#navi ul.sf-menu > li:last-child {
		margin-right: 6px;
		}
	

	/* subnavi */
	#navi ul.sf-menu ul {
		border-left: 1px dotted #777777;
		margin-left: -1px;
		margin-top: 0;
		padding-left: 9px;
		padding-top: 6px;
		font-size: 80%;
	}		
	#navi ul.sf-menu ul li {
		display: block;
		color: #777777;
	}


/*-------------------------  
  SET
-------------------------*/

#set {
	position: relative;
	width: 100%;
	background: #fff url("../images/www/logobg.png") no-repeat;
	min-height: 500px;
	height: auto;
}

/* left col */
#logo {
	position: absolute;
	top: 8px;
	left: 24px;
	width: 196px;
	height: 65px;
	z-index: 1;
}
#address {
	position: absolute;
	top: 184px; /* 152px */
	left: 24px;
	z-index: 1;
	color: #777777;
	font-size: 80%;
	line-height: 18px;
	white-space: nowrap;
}
#address a {
	color: #777777;
	text-decoration: none;
}
#address a:hover {
	color: #b9cf3d;
}
#mirandaweb {
	margin-bottom: 0.8em;
}
#mirandaweb a {
	color: #e1ecac;
	line-height: normal;
	text-decoration: none;
}
#mirandaweb a:hover {
	color: #b9cf3d;
}

/* right col */
#navi {
	position: absolute;
	top: 0;
	left: 380px;
	width: 600px;
	height: auto;
	z-index: 2;
}
#content {
	position: relative;
	margin-left: 380px;
	max-width: 780px;
	height: auto;
	padding-top: 180px; /* 148px */
	padding-bottom: 4em;
	line-height: 24px;
}


/* footer */
#footer {
	position: relative;
	margin-top: -1.4em;
	margin-left: 24px;
	font-size: 80%;
	z-index: 10;
}


/* nicht anzeigen */
#logoprint, #addressprint {
	display: none;
}

@media (max-width: 1240px) {
	#content {
		margin-left: 300px;
	}
	#navi {
		left: 300px;
	}


}