/*

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
*/


@font-face {
    font-family: 'socialicoregular';
    src: url('../img/socialico-webfont.eot');
    src: url('../img/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/socialico-webfont.woff') format('woff'),
         url('../img/socialico-webfont.ttf') format('truetype'),
         url('../img/socialico-webfont.svg#socialicoregular') format('svg');
}




textarea, tt {
	font-family:	"Courier New", Courier, monospace;
}

pre, code {
	font-family:	monospace;
	font-size:		1.1em;
}

hr {

}
	
h1, h2, h3, h4, h5, h6 {
	padding:		0px 0px 3px 0px;
	font-weight:	normal;
}


.content_main p {
	padding:		0px 0px 5px 0px;
}


.content_main ul, .content_main ol, .content_main dl,
.content_sidebar ul, .content_sidebar ol, .content_sidebar dl {
	list-style-position:	inside;
}

cite, blockquote {
	font-style: 	italic;
	padding: 		0px 0px 5px 8px;
}

.search-form fieldset {
	padding:	6px !important;
}
.search-form input {
	color:			#B0B0B0 !important;
	font-size:		13px;
}







/* =================================================
	2 - Positionierung der Layoutbereiche
==================================================== */
#keyvisual {
	display:	none;
}
		
.head_wrapper {
	width:			100%;
	margin:			0px auto;
	position:		fixed;
	top:			0px;
	min-width:		1200px;
	box-shadow:		0px 0px 3px rgba(0,0,0,0.3);
	max-height:		60px;
	z-index:		10;
}
		.logo_wrapper {
			display:		inline-block;
			min-width:		220px;
			width:			10%;
			vertical-align:	top;
		}
		#logo {
			width:			200px;
			height:			60px;
			vertical-align:	top;
			margin:			-60px 0px 0px auto;
		}
		.navigation_wrapper {
			display:		inline-block;
			vertical-align:	top;
			padding:		0px 10px;
			max-width:		800px;
			white-space:	nowrap;
		}



.content_wrapper {
	width:		1000px;
	margin:		0px auto;
	opacity:	0.9;
	min-height:	1000px;
}
		.title_wrapper {
			width:			1000px;
			vertical-align:	top;
			padding:		140px 0px 70px 0px;
			text-align:		center;
		}
				.title_wrapper .title {
					margin:			0px;
					padding:		0px;
					margin-top:		10px;
				}
				.title_wrapper .subtitle {
					margin:			0px;
					padding:		0px;
					margin-bottom:	10px;
				}
		.main_wrapper {
			display:		inline-block;
			width:			760px;
			vertical-align:	top;
		}				
				.main_color {
					padding:	20px;
				}
				.content_main {
					line-height:	1.7;
				}
		.sidebar_wrapper {
			display:		inline-block;
			width:			200px;
			margin-left:	1px;
			vertical-align:	top;
			padding:		15px;
		}
		
				.sidebar {
					width:		180px;
				}
				.toolbar_wrapper {
					font-family:		socialicoregular;
					font-size:			65px;
					line-height:		0;
					height:				55px;
					text-align:			center;
					padding-top:		20px;
				}
						.ticon {
							display:	inline-block;
							cursor:		pointer;
					
							-webkit-transition:	color 0.3s, opacity 0.3s, margin 0.3s;
							transition:			color 0.3s, opacity 0.3s, margin 0.3s;
						}
						.share {
							cursor:	default;
						}
						.flip {	
							-webkit-transform:	scaleY(-1) translateY(2px);
							transform:			scaleY(-1) translateY(2px);
						}
						.sec {
							opacity:	0;
							position:	absolute;
							width:		40px;
							margin:		0px 0px 0px -40px;
						}
								.share:hover .face {
									opacity:	1;
									margin:		-50px 0px 0px -50px;
								}
								.share:hover .twitter {
									opacity:	1;
									margin:		-27px 0px 0px -5px;
								}
								.share:hover .google {
									opacity:	1;
									margin:		23px 0px 0px -5px;
								}
								.share:hover .linked {
									opacity:	1;
									margin:		50px 0px 0px -50px;
								}
			
				.toolbartop {
					display:		inline-block;
					line-height:	90%;
					padding:		0px 25px;
					height:			55px;
					overflow:		hidden;
				}
				
				.toolbartop > .ticon {
					margin-top:		-55px;
					
					transition:		all 0.3s;
				}
				
				.fixed > .ticon {
					margin-top:		0px;
				}


.footer_wrapper {
	width:		720px;
	padding:	20px 20px;
	margin:		1px 0px 40px 0px;
	letter-spacing: 1px;
	text-transform:uppercase;
	text-align:	center;
}

.footer_wrapper, .footer_wrapper a {
	line-height:	1.7;
}


/* =================================================
	3 - Formatierung der Layoutbereiche
==================================================== */

/* ----- 3.1 Navigation ----- */

#cm_navigation ul {
	list-style-type:none;
	padding:		0px;
	margin:			0px;
	margin-top:		-60px;
	max-width:		800px;
	overflow:		hidden;
}
#cm_navigation > ul > li {
	display:		inline-block;
	padding:		0px;
	margin:			0px;
	vertical-align:	top;
}
#cm_navigation > ul > li > a {
	display:			block;
	text-decoration:	none;	
	text-transform:		uppercase;
	padding:			0px 12px;
	border-bottom:		1px dotted transparent;
	line-height:	3.8em;
	
	-webkit-transition:	color 0.3s, border 0.3s;
	transition:			color 0.3s, border 0.3s;
}
#cm_navigation > ul > li:hover > a {
	border-bottom:		1px dotted transparent;
}	

/* ----- Ende Navigation ----- */

/* ----- 3.2 SubNavigation -----  */
#cm_navigation > ul > li > ul {
	visibility:			hidden;
	opacity:			0;
	transform:			skewX(70deg) scaleY(0.15);
		
	list-style-type:	none;
	padding:			0px;
	margin:				-40px 0px 0px 40px;	
	position:			absolute;
	
	-webkit-transition:	opacity 0.4s, margin 0.4s, visibility 0.4s, color 0.4s, transform 0.4s;
	transition:			opacity 0.4s, margin 0.4s, visibility 0.4s, color 0.4s, transform 0.4s;
} 
#cm_navigation > ul > li > ul > li {
	padding:	0px;
	margin:		0px; 
}
#cm_navigation > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 15px 9px 10px; 
	
	-webkit-transition:	color 0.3s, border 0.3s;
	transition:			color 0.3s, border 0.3s;
}
#cm_navigation > ul > li > ul:before {
	content:		"";
	height:			10px;
	width:			100%;
	margin:			-10px 0px 0px 0px;
	background-color:	transparent;
	display:		block;
	position:		absolute;
}


#cm_navigation > ul > li.cm_has_subnavigation:hover > ul {
	opacity:	0.95;
	visibility:	visible;
	margin:		10px 0px 0px 0px;
	transform:	skewX(0deg) scaleY(1);
}


.cm_subnavigation > li > ul {
	display:	none;
}

#cm_navigation li.cm_has_subnavigation > a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-left: 0.313em solid transparent;
    border-right: 0.313em solid transparent;
    border-style: solid solid none;
    border-width: 0.313em 0.313em medium;
    content: "";
    display: inline-block;
    height: 0;
    position: relative;
    right: -0.313em;
    vertical-align: middle;
    width: 0;
}



.clearly {
	clear:	both;
}

/*
.content_wrapper {
	-webkit-transform:	translateX(200%);
	transform:			translateX(200%);
	
	-webkit-transition:	transform 0.4s;
	transition:			transform 0.4s;
}
.loadet .content_wrapper {	
	-webkit-transform:	translateX(0%);
	transform:			translateX(0%);
}

.loadet.moveaway .content_wrapper {	
	-webkit-transform:	translateX(-200%);
	transform:			translateX(-200%);
}

*/