/*
 Theme Name: FORMLOS 2014
 Author: Miriam Horn, Lukas Kerecz, Richard Brockmanns
 Author URI: http://formlos.berlin/
 */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'museo-sans', sans-serif;
}

#wrapper {
	width: 960px;
	padding: 0 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

header {
	width: 100%;
	height: 100px;
	margin-top: 25px;
}

a img {
	border: none;
}

h1 {
	font-size: 1.5em;
}

#logo {
	float: left;
	width: 20%;
}

#logo img {
	display: block;
	height: auto;
	width: 200px;
}


#home-statement {
	text-align: right;
	font-size: 140%;
	float: right;
	width: 70%;
	padding: 20px 25px 0 0;
}

.active {
	text-decoration: underline;
}

nav {
	margin-top: 46px;
	margin-bottom: 60px;
	font-weight: 700;
	font-size: 110%;
	text-transform: uppercase;
	position: relative;
}

nav ul {
	list-style-type: none;
}

nav li {
	display: inline-block;
	width: 25%;
	padding-bottom: 15px;
}

nav a {
	text-decoration: none;
	color: black;
}

nav a:hover {
	text-decoration: underline;
}

#menu-item-1195 {
	text-align: left;
}

#menu-item-1196, #menu-item-1226 {
	text-align: center;
}

#menu-item-1225 {
	text-align: right;
	margin-left: -40px;
}

#menu-item-40 ul {
	margin-left: -20px;
}

.slicknav_menu{ display: none; }

nav .sub-menu {
	display: none;
	position: absolute;
	font-size: 85%;
	text-transform: none;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 52px;
	padding-top: 5px;
}

.current-menu-item > a {
	text-decoration: underline;
}

#menu-item-1196.current_page_parent:after, nav .sub-portfolio.current_page_item:after, nav .sub-portfolio.current_page_parent:after {
	content: '|';
	text-decoration: none;
	position: relative;
	left: -35px;
	top: 19px;
}

.sub-portfolio.current_page_item:after, .sub-portfolio.current_page_parent:after {
	left: -60px;
}

#menu-item-1196.current_page_parent > a {
	padding-left: 19px;
}

body.single-portfolio #menu-item-1196 .sub-menu, body.single-portfolio #menu-item-1196:after {
	display: none;
}

body.tax-portfoliocategory #menu-item-1196.menu-item-has-children.menu-item-1196:hover .sub-menu {
	display: block;
}

.menu-item.current_page_parent .sub-menu, .menu-item-has-children:hover .sub-menu, body.single-portfolio #menu-item-1196:hover .sub-menu {
	display: block;
}

/* blog sub menu ausblenden, wenn auf portfolio sub menu */

body.tax-portfoliocategory .sub-blog ul.sub-menu, body.tax-portfoliocategory #menu-item-1196.current_page_parent:after {
	display: none;
}

/* blog sub menu ausblenden, wenn auf portfolio sub menu */

body.home .sub-portfolio ul.sub-menu, body.home .sub-portfolio.current_page_parent:after {
	display: block;
}

.menu-item .sub-menu li {
	width: auto;
	padding-bottom: 0;
	margin-left: 20px;
}

.menu-item .sub-menu li a:active {
	text-decoration: underline;
}

.sub-menu li:first-child {
	margin-left: 0;
}

.menu-item-object {
	display: none;
}

.masonry .caption {
	margin-top: 7px;
	text-align: center;
}

.masonry a {
	text-decoration: none;
}

.masonry .caption h2 {
	font-weight: 700;
	font-style: normal;
	font-size: 93%;
}

.masonry .caption h3 {
	font-size: 90%;
	font-weight: 300;
	font-style: italic;
	text-decoration: none;
	padding-top: 5px;
}

.masonry .caption h3 a {
	color: #000;
}

.masonry .caption h3 a:hover {
	text-decoration: underline;
}

/* ---- FARBEN ----- */

.farbe {
	background-color: #1ca369;
	color: #fff;
	font-style: normal;
	font-weight: 700;
}

#menu-item-1196.current_page_parent:after {
	color: #1ca369;
}

.sub-menu {
	border-top: 2px solid #1ca369;
}

.farbe a, a.farbe
a .farbe {
	color: #fff;
	text-decoration: none;
}

a, .farbe2 {
	color: #6e1414;
}

/* ---- ENDE: FARBEN ----- */

.pictures {
	width: 650px;
	margin-right: 11px;
	float: left;
}

#blog_l {
	width: 70%;
	float: left;
}

#blog_r {
	width: 30%;
	float: right;
	position: relative;
}

#blog_l p{
	margin-bottom: 1em;
	line-height: 1.45em;
}

#meta {
	width: 150px;
	height: 100%;
	margin-left: 50px;
}

#date_d {
	width: 90px;
	height: 90px;
	font-size: 450%;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

#date_y {
	width: 90px;
	font-size: 200%;
	margin-top: -13px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.linie {
	border: none;
	border-top: 2px solid #ffffff;
	height: 3px;
}

#date_m {
	padding: 2px 7px 2px 7px;
	position: absolute;
	font-size: 200%;
	top: 16px;
	left: 150px;
	background-color: black;
	font-weight: lighter;
	color: white;
}

#categories {
	margin-top: 15px;
	font-size: 90%;
}

#categories ul {
	list-style-type: none;
	padding-left: 0;
}

#categories ul li a {
	text-decoration: none;
	color: #6e1414;
}

#autor {
	margin-top: 30px;
	margin-bottom: 50px;
	font-style: italic;
	font-weight: 300;
	font-size: 85%;
}

#autor .farbe {
	margin-left: 5px;
	font-style: italic;
}

#commentsbox {
	margin-bottom: 100px;
}

#commentsbox ol {
	padding-left: 0;
	list-style: none;
}

#commentsbox ul {
	padding-left: 0;
	list-style: none;
}

.commentlist {
	margin-bottom: 30px;
}

#titel_bild {
	width: 935px;
	height: 250px;
	margin-bottom: 30px;
}

#titel {
	margin-bottom: 30px;
}

#blog_l #titel,
.blog_description h2,
#description_wrap h1,
#uns_profil h2{
	margin-left: 5px;
}

.pictures { text-align: center; }

.pictures .img {
	margin-bottom: 25px;
}

.pictures p {
	font-size: 85%;
	padding-top: 5px;
}

#text {
	width: 650px;
	height: 100%;
	font-size: 110%;
}

h1, #text h2 {
	margin-bottom: 25px;
}

#description {
	width: 288px;
	font-size: 110%;
	line-height: 1.45em;
	float: right;
	display: inline-block;
}

#description_wrap {
	width: 288px;
	position: relative;
	margin-left: 672px;
}

#description_wrap h1, #description_wrap h2 {
	margin-bottom: 10px;
}

#description_wrap h2,
.blog_description h2,
#description_wrap h1,
.blog_description h1,
{
	font-weight: 700;
	font-size: 160%;
}

.blog_description_wrap {
	width: 288px;
	position: relative;
	margin-left: 672px;
}

.blog_description {
	width: 288px;
	height: 550px;
	font-size: 110%;
	float: right;
}

.blog_eintrag {
	min-height: 400px;
	height: 550px;
	width: 100%;
	_margin-bottom: 50px;
}

.blog_eintrag img {
	width: 100%;
	height: auto;
	margin-bottom: 100px;
}

.blog_eintrag h1, .blog_eintrag h2{
	margin-bottom: 10px;
}

p{
	line-height: 1.45em;
	margin-bottom: 1em;
}

.blog_description .farbe a {
	text-decoration: none;
	font-style: normal;
}

.blog_description h1 a, .blog_description h2 a {
	text-decoration: none;
}

.blog_description a.read_more {
	text-decoration: none;
	font-size: 110%;
	font-style: italic;
	font-weight: 700;
}

.post ol, .post ul, #inhalt ol, #inhalt ul {
	padding-left: 50px;
	margin-top: 15px;
}

.post ol, .post ul {
	margin-bottom: 15px;
}

.post h3 {
	margin: 25px 0;
}

.sd-block {
	margin-top: 30px;
	font-size: 85%;
}

.sd-block h3 {
	font-weight: 300;
}

.more-link {
	display: none;
}

#description a {
	text-decoration: underline;
	font-size: 85%;
	text-transform: uppercase;
	font-weight: 700;
}

.navigation {
	text-align: center;
}

.navigation a {
	font-size: 90%;
	font-style: italic;
	font-weight: 700;
	text-decoration: none;
}

.preview-image {
	height: 550px;
}

#uns_text {
	width: 460px;
	float: left;
	padding-right: 20px;
	padding-bottom: 40px;
}

body.page-id-1212 #uns_profil{
	padding-left: 30px;
	margin-left: 480px;
}

.uns_profil {
	float: left;
}

.uns_einzeln {
	float: left;
	width: 50%;
}

.uns_bilder img {
	height: 300px;
	padding: 0 10px 0 10px;
}

.uns_einzeln ul {
	list-style-type: none;
	padding-left: 10px;
}

.uns_social {
	margin-left: 12px;
}

.xing, .link {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.uns_social a img.alignnone.size-medium {
	margin: 0;
}

.uppercase {
	text-transform: uppercase;
	font-weight: 400;
}

.uns_profil .uppercase {
	font-weight: 700;
	font-size: 120%;
}

#aboutus-lastline{
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.required {
	width: 423px;
	height: 25px;
	margin: 0 0 20px 0;
}

.indicates-required {
	font-size: 70%;
	float: right;
	padding-right: 22px;
}

#mce-GENDER {
	width: 70px;
	background-color: white;
}

.katergorieTitelRechts {
	margin-left: 672px;
}

select {
	border-radius: 0px;
}

.mc-field-group {
	line-height: 0.7;
}

#mc-embedded-subscribe {
	margin-bottom: 20px;
}

#social_ende {
	margin-bottom: 40px;
	position: relative;
}

#uns_text h1, #uns_profil h1, #uns_text h2, #uns_profil h2 {
	margin-bottom: 20px;
}

#uns_text p .farbe {
	font-weight: 300;
	box-shadow: none;
}

#inhalt .uns_einzeln ul {
	padding-left: 10px;
}

#footer {
	text-align: center;
	text-decoration: none;
	margin: 100px auto 50px auto;
	font-size: 80%;
}

#footer p {
	padding-top: 15px;
	font-size: 80%;
}

.menu-footer-container ul {
	list-style-type: none;
	display: inline-block;
}

.menu-footer-container ul li {
	display: inline-block;
	margin-left: 20px;
}

.menu-footer-container ul li a {
	text-decoration: none;
}

/*-------- MASONRY ---------*/

.masonry {
	position: relative;
	max-width: 960px;
}

.masonry .item {
	width: 210px;
	float: left;
	margin-bottom: 30px;
}

.masonry .item.w2 {
	width: 452px;
}

.masonry .item.w3 {
	width: 694px;
}

.item img {
	width: 100%;
	height: auto;
}

#container .fixed {
	right: 0px;
	position: absolute;
	background: orange;
	border: 1px dotted black;
	width: 210px;
}

/* =WordPress Core
 -------------------------------------------------------------- */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Responsive */

@media screen and (max-width: 767px),
	screen and (max-device-width: 767px)
{
	
	/*
    Mobile Menu Core Style
	*/
	
	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
	.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
	.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
	.slicknav_menu .slicknav_no-text { margin: 0 }
	.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
	.slicknav_nav { clear: both }
	.slicknav_nav ul,
	.slicknav_nav li { display: block }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { cursor: pointer; }
	.slicknav_nav .slicknav_row { display: block; }
	.slicknav_nav a { display: block }
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a { display: inline }
	.slicknav_brand { float:left }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	/* IE6/7 support */
	.slicknav_menu { *zoom: 1 }
	
	/* 
	    User Default Style
	    Change the following styles to modify the appearance of the menu.
	*/
	
	.slicknav_menu {
	    font-size:16px;
	    box-sizing:border-box;
	}
	.slicknav_menu * {
	  box-sizing:border-box;
	}
	/* Button */
	.slicknav_btn {
	    margin: 5px 5px 6px;
	    text-decoration:none;
	    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;  
	    background-color: #222222;
	}
	/* Button Text */
	.slicknav_menu  .slicknav_menutxt {
	    color: #FFF;
	    font-weight: bold;
	    text-shadow: 0 1px 3px #000;
	}
	/* Button Lines */
	.slicknav_menu .slicknav_icon-bar {
	  background-color: #f5f5f5;
	}
	.slicknav_menu {
	    background:#4c4c4c;
	    padding:5px;
	}
	.slicknav_nav {
	    color:#fff;
	    margin:0;
	    padding:0;
	    font-size:0.875em;
	}
	.slicknav_nav, .slicknav_nav ul {
	    list-style: none;
	    overflow:hidden;
	}
	.slicknav_nav ul {
	    padding:0;
	    margin:0 0 0 20px;
	}
	.slicknav_nav .slicknav_row {
	    padding:5px 10px;
	    margin:2px 5px;
	}
	.slicknav_nav a{
	    padding:5px 10px;
	    margin:2px 5px;
	    text-decoration:none;
	    color:#fff;
	}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
	    padding:0;
	    margin:0;
	}
	.slicknav_nav .slicknav_row:hover {
	    -webkit-border-radius: 6px;
	    -moz-border-radius: 6px;
	    border-radius: 6px;
	    background:#ccc;
	    color:#fff;
	}
	.slicknav_nav a:hover{
	    -webkit-border-radius: 6px;
	    -moz-border-radius: 6px;
	    border-radius: 6px;
	    background:#ccc;
	    color:#222;
	}
	.slicknav_nav .slicknav_txtnode {
	    margin-left:15px;   
	}
	.slicknav_brand {
		color:#fff;
		font-size: 18px;
		line-height:30px;
		padding:7px 12px;
		height:44px;
	}
	
	#wrapper{
		width: 95%;
	}
	
	header{
		height: auto;
	}
	
	.slicknav_menu{
		display: block;
		padding: 0;
		font-size: 115%;
	}
	
	.slicknav_btn{
		background-color: transparent;
	}
	
	.slicknav_nav li{
		padding: 0;
		border-bottom: 2px solid #fff;
		margin: 0;
	}
	
	.slicknav_nav li:last-child{ border: none; }
	
	.slicknav_nav li:first-child{ border-top: 2px solid #fff;}
	
	.slicknav_nav li a,
	.slicknav_nav li a.slicknav_row{
		padding: 1em 0.75em;
		margin: 0;
	}
	
	.slicknav_nav .slicknav_row:hover{
		  -webkit-border-radius: 0px;
		  -moz-border-radius: 0px;
		  border-radius: 0px;
	}
	
	.slicknav_nav li a:hover{
		opacity: 0.85;
	}
	
	.slicknav_nav li .sub-menu{ margin: 0; }

	.slicknav_nav li .sub-menu > li{ padding-left: 1em; }
	
	nav{ display: none; }
	
	.menu-item .sub-menu{ border: none; }
	
	.menu-item .sub-menu li{ margin-left: 0; }
	
	#logo{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	#logo img{
		display: inline;
		width: 60%;
		min-height: 100px;
		height: auto;
	}
	
	#home-statement{
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 100%;
		padding: 0 0 1em 0;
	}
	
	/* PORTFOLIO: Liste */
	.masonry .item,
	.masonry .item.w2,
	.masonry .item.w3{
		width: 100%;
		float: none;
		position: static !important;
	}
	
	.masonry .caption h2{ margin: 0.5em 0; }
	
	.masonry article.item{ margin-bottom: 1.5em; }
	
	/* PORTFOLIO: Single */
	.pictures{
		width: 100%;
		float: none;
		margin: 0;
	}
	
	.pictures img{
		width: 100%;
		height: auto;
	}
	
	#description_wrap{
		width: 100%;
		float: none;
		position: static;
		margin: 0;
	}
	
	#description{
		width: 100%;
		float: none;
		display: block;
	}
	
	#description p{
		line-height: 1.6em;
		margin-bottom: 1em;
	}
	
	/* ÜBER UNS */
	#uns_text{
		width: 100%;
		float: none;
	}
	
	#uns_profil{ float: none; }
	
	.uns_profil > div > img{ width: 100%; height: auto; }
	
	a img.alignleft,
	.alignleft{ display: block; float: none; }
	
	/* SOCIAL */
	body.page-id-1212 #uns_profil{
		margin: 0;
		padding: 0;
	}
	
	.required{ width: 90%; }
	
	/* BLOG: Liste */
	body.blog article,
	body.archive article{ margin-bottom: 2em; }
	
	.katergorieTitelRechts{
		margin-left: 0;
		text-align: center;
	}
	
	.blog_eintrag{
		min-height: auto;
		height: auto;
	}
	
	.blog_eintrag img{ margin: 0; }
	
	.preview-image{ height: auto; }
	
	.blog_description_wrap{
		position: static;
		width: 100%;
		margin: 0;
	}
	
	.blog_description{
		width: 100%;
		height: auto;
		float: none;
	}
	
	/* BLOG: Single */
	#titel_bild{
		width: 100%;
	}
	
	body.single article#blog_l img,
	body.single article#blog_l iframe{
		width: 100%;
		height: auto;
		min-height: 250px;
	}
	
	body.single article#blog_l #commentsbox img{ width: auto; height: auto; }
	
	#blog_l,
	#blog_r,
	#text{
		width: 100%;
		float: none;
	}
	
	#meta,
	#date_m{ display: none; }
	
	#commentform textarea{
		width: 90%;
	}
	
	/* FOOTER */	
	#footer{
		padding-top: 20px;
		margin-top: 0;
	}
	
	#footer ul li{
		margin: 1em;
		display: block;
	}
		
	#footer ul li a{
		font-size: 125%;
	}
}

@media print {
	#wrapper nav,
	footer .menu-footer-container{ display: none; }
}