@charset "utf-8";
body {
	margin: 0px;
	color: #151515;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-color: #EFF5F8;
}
#wrapper {
	width: 100%;
	min-width: 750px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-radius: 40px;
	font-family: Calibri;
	font-style: normal;
	font-weight: 200;
	-webkit-box-shadow: 0 2px 3px #2A2A2A;
	box-shadow: 0 2px 3px #2A2A2A;
	margin-top: 10px;
	height: auto;
	margin-bottom: 10px;
}
#top {
	overflow: hidden;
	height: 135px;
}
#hero img {
	max-width: 100%;
	/* [disabled]padding-left: 5px; */
	/* [disabled]padding-right: 5px; */
	/* [disabled]padding-top: 5px; */
	/* [disabled]padding-bottom: 5px; */
}
h1, h2 {
	color: #7db423;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
}


h1 {
	font-size: 72px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-transform: uppercase;
	font-family: Calibri;
}
h2 {
	margin-top: 0.5em;
	font-weight: 600;
}
#main {
	width: 45%;
	margin-left: 25px;
	float: left;
	text-align: justify;
}
#sidebar {
	width: 45%;
	margin-left: 4%;
	float: left;
	text-align: justify;
}




figure {
	display: block;
	width: 750px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
figure img {
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-shadow: 1px 1px 15px #999999;
	box-shadow: 1px 1px 15px #999999;
	padding-right: 10px;
	/* [disabled]margin-left: auto; */
	/* [disabled]margin-right: auto; */
	padding-left: 10px;
}

figcaption {
	font-size: 0.875em;
	font-weight: bold;
	text-align: left;
	display: block;
	margin-top: 0.5em;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
.floatleft {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}
.floatright {
	float: right;
	margin-left: 9px;
	margin-right: 0px;
}
footer {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2%;
	background-color: #7db423;
	color: #FFFFFF;
	clear: left;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
a {
	/* [disabled]font-weight: bold; */
	text-decoration: none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;

}
a:hover, a:active, a:focus {
	color: #000000;
	text-decoration: underline;
}

#hero {
	position: relative;

}
#hero article {
	width: 36%;
	position: absolute;
	top: 399px;
	right: 10px;
	background-color: #7db423;
	border-radius: 16px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
#hero h2 {
	color: #FFFFFF;
	margin-bottom: -18px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
#Vororientierung {
	text-align: justify;
	display: none;
	padding-left: 25px;
	padding-right: 25px;
}
#Detailplanung:target        ,#Vororientierung:target,#Einleitung:target,#Checklisten:target,#Unfallanalyse:target,#MCP1:target,#HOBP:target,#Holzschneiderstraße:target,#M:target{
	display: block;

}

#image {
	width: auto;
	height: auto;
	text-align: center;

}
#navsub1 {
	display: block;
	float: left;
	width: 20%;
}
#navsub2 a  {
	display: none;
	float: none;
	background-color: #02ED00;
}




 
#mainnav {
	width: 100%;
	background-color: #333;
	/* [disabled]font-family:"Century Gothic", "HelveticaNeueLT Pro 45 Lt", sans-serif; */
	float: left;
	padding-left: 0px;
}
#mainnav li {
	list-style: none;
	float: left;
	height: auto;
	line-height: 30px;
	text-align: center;
	width: auto;
} 
#mainnav li a {
	color: white;
	text-decoration: none;
	display: block;
	width: 155px;
} 
#mainnav li a:hover {
	background-color: #7db423;
} 
#Vororientierung .Vororientierung a, #Vororientierung .Vororientierung a:hover,
#tutorials .tutorials a, #tutorials .tutorials a:hover,
#MCP .MCP a, #MCP .MCP a:hover,
#M .M a, #M .M a:hover,
#Checklisten .Checklisten a, #Checklisten .Checklisten a:hover,
#Unfallanalyse .Unfallanalyse a, #Unfallanalyse .Unfallanalyse a:hover {
 	background-color: #FFF; 
	color: #000;
	cursor: default;  
} 		
#mainnav li ul { 
	position: absolute;  
	display: none; 
} 
#mainnav li:hover ul { 
	display: block; 
} 
#mainnav li ul li { 
	float: none; 
	display: inline; 
}
#mainnav li ul li a {
	width: 100%;
	position: relative;
	border-left: 1px solid #686868;
	border-right: 1px solid #686868;
	border-bottom: 1px solid #686868;
	background-color: #333;
	color: #fff;
	border-top-color: #686868;
}
#mainnav li ul li a:hover {
	background-color: #7db423;
}
#Einleitung {
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
	display: none;
}
#Checklisten {
	text-align: justify;
	padding-left: 25px;
	padding-right: 25px;
	display: none;
}
#Unfallanalyse {
	display: none;
	text-align: justify;
	padding-left: 25px;
	padding-right: 25px;
}
#footer_img img  {
	float: none;
}
#footer_img {
	margin-top: auto;
	/* [disabled]margin-bottom: 0px; */
	height: auto;
	width: auto;
	float: left;
}

#footer_autoren {
	width: 370px;
	margin-left: auto;
	margin-right: 0px;
}
#MCP {
	/* [disabled]width: 290px; */
	text-align: justify;
}
#MCP1 {
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
	display: none;
}
#M  {
	display: none;
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
}
#mainnav .Einleitung a {
	width: 120px;
}
#mainnav .Vororientierung a {
	width: 137px;
}
#mainnav .Checklisten a {
	width: 110px;
}
#mainnav #MCP a {
	width: 185px;
}
#mainnav .M a {
	width: 130px;
}
#mainnav .Detailplanung a {
	width: 140px;
}
#footer_qr img {
	float: left;
	padding-left: 170px;
}
#footer_img span {
	padding-top: 0px;
	margin-top: -10px;
	display: block;
	float: left;
}
#HOBP  {
	display: none;
}
#Holzschneiderstraße  {
	display: none;
}
#Detailplanung     {
	display: none;
}
#mainsub {
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
}