.content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
	margin:			0 0 0.7em 0;
}
.content_wrapper p, .content_wrapper code, .content_wrapper pre, .content_wrapper kbd {
	margin:			0 0 1em 0;
}
a {
	outline:		none;
}


html, body {
	margin:		0px;
	padding:	0px;
}

.page_wrapper {
	width:			1150px;
	margin:			0 auto;
	line-height: 	1.7;
}
		.head_wrapper {
		}
				#logo {
					width:		1150px;
					height:		110px;
					position:	absolute;
				}
				.title_wrapper {
					max-width:	1080px;
					padding:	0 0 0 40px;
					min-height:	110px;
					position:	relative;
					display:	inline-block;
				}
						.head_wrapper .title {
							line-height:	60px;
							word-wrap:		break-word;
						}
						.head_wrapper .subtitle {
							line-height:	40px;
							word-wrap:		break-word;
						}
						
		.mobile_navigation {
			display:	none;
		}
		.mobile_navigation .fa-bars {
			margin:	0 10px 0 0;
		}
		.navigation_wrapper {															
		}
				.navigation_wrapper ul {
					list-style: none;
					margin:		0;
					padding:	0;
					z-index:	1010;															/* use z-index 1014 if subnavigation must be show over the slideshow in editmode */
				}
				.navigation_wrapper li.cm_has_subnavigation > a:after {
					content:			">";
					display:			inline-block;
					position:			absolute;
					vertical-align:		middle;		
					margin-left:		8px;
									
					-webkit-transition:	color 0.3s, background-color 0.3s;
					-moz-transition:	color 0.3s, background-color 0.3s;
					transition:			color 0.3s, background-color 0.3s;			
				}
						.navigation_wrapper > ul > li {
							display:	inline-block;
							padding:	0;
							margin:		0;
							position:	relative;
						}
								.navigation_wrapper > ul > li > a {
									display:			block;
									padding:			10px 20px;
									word-wrap:			break-word;
									
									-webkit-transition:	color 0.3s, background-color 0.3s;
									-moz-transition:	color 0.3s, background-color 0.3s;
									transition:			color 0.3s, background-color 0.3s;
								}
								.navigation_wrapper > ul > li > ul {		/* SUBNAVIGATION */
									transform-origin:	center top;
									transform:			scale(1,0);
									list-style:			none;
									margin:				0;
									padding:			0;
									position:			absolute;
									width:				180px;
									
									
									visibility:			hidden;
									opacity:			0;
									-webkit-transition:	transform 0.3s ease-out 0.5s, visibility 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;	
									-moz-transition:	transform 0.3s ease-out 0.5s, visibility 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;	
									transition:			transform 0.3s ease-out 0.5s, visibility 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;									
								}
								.navigation_wrapper > ul > li:hover > ul {
									transform:			scale(1,1);
									visibility:			visible;
									opacity:			1;	
									-webkit-transition:	transform 0.3s ease-out 0s, visibility 0.3s ease-out 0s, opacity 0.3s ease-out 0s;	
									-moz-transition:	transform 0.3s ease-out 0s, visibility 0.3s ease-out 0s, opacity 0.3s ease-out 0s;	
									transition:			transform 0.3s ease-out 0s, visibility 0.3s ease-out 0s, opacity 0.3s ease-out 0s;								
								}
										.navigation_wrapper > ul > li > ul > li {
											margin:		0;
											padding:	0;
											position:	relative;
										}
												.navigation_wrapper > ul > li > ul > li > a {
													display:			block;
													padding:			10px 20px;
													margin:				0;
													word-wrap:			break-word;
													
													-webkit-transition:	color 0.3s, background-color 0.3s;
													-moz-transition:	color 0.3s, background-color 0.3s;
													transition:			color 0.3s, background-color 0.3s;
												}
														.navigation_wrapper > ul > li > ul > li > ul {		/* SUB SUB NAVIGATION */
															transform-origin:	left;
															transform:			scale(0,1);
															list-style:			none;
															margin:				0;
															padding:			0;
															position:			absolute;
															width:				180px;
															left:				180px;
															top:				0;
															
															visibility:			hidden;
															opacity:			0;
															-webkit-transition:	transform 0.3s ease-out 0.5s, visibility 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;	
															-moz-transition:	transform 0.3s ease-out 0.5s, visibility 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;	
															transition:			transform 0.3s ease-out 0.5s, visibility 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;	
														}	
														.navigation_wrapper > ul > li:nth-child(n+5) > ul > li > ul,
														.navigation_wrapper > ul > li:last-child > ul > li > ul {
															transform-origin:	right;
															left:				auto;
															right:				180px;
														}	
														.navigation_wrapper > ul > li > ul > li:hover > ul {	
															transform:			scale(1,1);
															visibility:			visible;
															opacity:			1;	
															-webkit-transition:	transform 0.3s ease-out 0s, visibility 0.3s ease-out 0s, opacity 0.3s ease-out 0s;	
															-moz-transition:	transform 0.3s ease-out 0s, visibility 0.3s ease-out 0s, opacity 0.3s ease-out 0s;	
															transition:			transform 0.3s ease-out 0s, visibility 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
														}													
																.navigation_wrapper > ul > li > ul > li > ul > li {
																	margin:		0;
																	padding:	0;
																}
																		.navigation_wrapper > ul > li > ul > li > ul > li > a {
																			display:			block;
																			padding:			10px 20px;
																			word-wrap:			break-word;
																			
																			-webkit-transition:	color 0.3s, background-color 0.3s;
																			-moz-transition:	color 0.3s, background-color 0.3s;
																			transition:			color 0.3s, background-color 0.3s;
																		}
								
								
		#keyvisual, .cm-slides-addon {														/* #keyvisual + .cm-slides-addon for Slideshow */
			width:	1150px;
			height:	290px;
		}
		.content_wrapper {
			padding:	30px 40px;
			word-wrap:	break-word;
		}
				.design-content {																	/* !!! NEVER USE #content_main FOR STYLINMG !!! */
					display:		inline-block;
					width:			809px;
					vertical-align:	top;
					margin:			0 20px 30px 0;
				}
				.sidebar_wrapper {
					display:		inline-block;
					width:			200px;
					padding:		20px;
				}
		.footer_wrapper {
			text-align:	center;
			padding:	50px 0;
		}
		.footer_wrapper a {
			text-decoration:	none;
		}