/*
 Theme Name: Maximus Systemtechnik
 Theme URI: http://druckundmedien-pf.de/
 Author: Bernhard Layer
 Author URI: http://druckundmedien-pf.de/
 Description: 
 Version: 1.1
*/

/*
 * C O N T E N T
 * =====================================================================
 *
 *	# RESETS
 *	# FONTS & TYPOGRAPHY
 *	# LAYOUT
 * 		- TWO COLUMNS
 *		- THREE COLUMNS
 *		- FOUR COLUMNS
 *		- FIVE COLUMNS
 *		- SIX COLUMNS
 * 	# HEADER
 *  # LOGO & BRANDING
 *  # NAVIGATION
 * 	# SUBHEADER
 *	# SLIDESHOW
 * 	# HOME CONTENT
 * 	# CONTENT
 *	# COMMENTS
 * 	# SIDEBAR 
 *	# WIDGETS
 *	# FOOTER
 *	# PORTFOLIO
 *	# GALLERY 
 *	# CONTACT FORM
 *	# PAGINATION
 *  # ANIMATIONS RELATED 
 *  # SIDEBAR FIX
 *	# ERROR 404 PAGE
 *
 * ======================================================================
 */
 
/* # RESETS
 * [Eric Meyer's: http://meyerweb.com/eric/tools/css/reset/index.html]
 * ===================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
small{font-size:10px;}

/*== HTML5 display-role reset for older browsers ==*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;}
table {	border-collapse: collapse; border-spacing: 0;}

/*== Heading resets ==*/
h1, h2, h3, h4, h5, h6 {margin-bottom: 20px; font-weight: 300;}

h1 {
	font-size: 72px;
}
h2 {
	font-size: 52px;
}
h3 {
	font-size: 36px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 12px;
}

/*== Theme Tag Resets ==*/
p {
	line-height: 16px;
	color: #747474;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #000;
	outline: 0 none;
}

em {
	font-style: italic;
}

cite.url,
cite .url {
	color: #57692F;
}

cite .url:hover {
	color: #000;
}

label {
	color: #747474;
}

input[type="text"], textarea {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	border: 0 none;
	padding: 5px;
	color: #6D6E70;
	font-family: 'Open Sans';
    font-size: 12px;
	
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing:     border-box;
	box-sizing:         border-box;
	
	-webkit-appearance: none;
}

textarea {
	resize: none;
	width: 100%;
}

input[type="text"]:focus, textarea:focus {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}



/* # FONTS & TYPOGRAPHY
 * ===================================================================== */
 
/*== text alignment ==*/
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-centered {
	text-align: center;
}

.text-justified {
	text-align: justify;
}

/*== floating ==*/
.fleft {
	float: left;
}

.fright {
	float: right;
}

.fnone {
	float: none;
}

/* # LAYOUT
 * ===================================================================== */
html {
	overflow-x: hidden;
}
body, html {
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

.row:after, .wrapper:after {
	content: "";
	display: table;
	height: 0;
	width: 0;
	clear: both;
}

.hr-bottom { /* horizontal rule - bottom */
	border-bottom: 1px solid #E7E8E9;
	margin: 0 0 30px;
	padding: 0 0 20px;
}

.hr-bottom-no-border { /* horizontal rule - bottom */
	margin: 0 0 30px;
}

.hr-p { /* horizontal rule for paragraphs */
	margin: 20px 0;
}

.hr-bottom-portfolio { /* horizontal rule - bottom portfolio */
	margin: 0 0 30px;
}

/*== Margin and padding resets ==*/
.mb10, .divider.mb10 {
	margin-bottom: 10px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60, .divider.mb60 {
	margin-bottom: 60px;
}

.divider.mb60mt-35 {
	margin: -35px 0 60px;
}

h5.mb5 {
	margin-bottom: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt30 {
	margin-top: 30px;
}

.mt60 {
	margin-top: 60px;
}

.mb20p10 {
	margin-bottom: 20px;
	padding: 10px;
}

/* Divider */
.divider {
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/divider_center.png") repeat-x center bottom;	
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 1px;
}

.divider:before, .divider:after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 53px;
	height: 17px;
}

.divider:before {
	left: -53px;
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/divider_left.png") no-repeat left bottom;
}

.divider:after {
	right: -53px;
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/divider_right.png") no-repeat right bottom;
}


/* # TWO COLUMNS
 * ===================================================================== */
.one-half {
	width: 468px;
	margin-right: 24px;
	float: left;
}

/*== one half within three-fourth ==*/
.three-fourth .one-half {
	width: 330px;
	margin-right: 30px;
}

.one-half.last, 
.three-fourth .one-half.last {
	margin-right: 0;
}

/* # THREE COLUMNS
 * ===================================================================== */
.one-third {
	width: 300px;
	margin-right: 30px;
	float: left;
}

.two-third {
	width: 630px;
	margin-right: 30px;
	float: left;
}

.one-third.last,
.two-third.last {
	margin-right: 0;
}

/*== One third within one third ==*/
.one-third .one-third,
.two-third .one-third {
	width: 94px;
	margin-right: 9px;
	float: left;
}

.one-third .two-third, 
.two-third .two-third{
	width: 188px;
	margin-right: 30px;
	float: left;
}

/* # FOUR COLUMNS
 * ===================================================================== */
.one-fourth {
	width: 222px; 
	margin-right: 24px;
	float: left;
}

.two-fourth {
	width: 468px;
	margin-right: 24px;
	float: left;
}

.three-fourth {
	width: 690px;
	margin-right: 48px;
	float: left;
}

/*== four columns within a half ==*/
.one-half .one-fourth {
	width: 112px;
	margin-right: 20px;
	float: left;
}

.one-half .three-fourth {
	width: 336px;
	float: left;
}

/*== five within a half ==*/
.one-half .two-fifth {
	width: 182px;
	margin-right: 13px;
	float: left;
}

.one-half .three-fifth {
	width: 273px;
	float: left;
}

/*== four columns within a third ==*/
.one-third .one-fourth {
	width: 69px;
	margin-right: 8px;
	float: left;
}
.one-third .two-fourth {
	width: 146px;
	margin-right: 8px;
	float: left;
}

.one-third .three-fourth {
	width: 215px;
	margin-right: 8px;
	float: left;
}

/*== four columns within a two third ==*/
.two-third .three-fourth {
	width: 380px;
	margin-right: 8px;
	float: left;
}

.one-fourth.last,
.two-fourth.last,
.three-fourth.last {
	margin-right: 0;
}

/* # FIVE COLUMNS
 * ===================================================================== */
.one-fifth {
	width: 180px;
	margin-right: 15px;
	float: left;
}

.two-fifth {
	width: 375px;
	margin-right: 15px;
	float: left;
}

.three-fifth {
	width: 570px;
	margin-right: 15px;
	float: left;
}

.four-fifth {
	width: 765px;
	margin-right: 15px;
	float: left;
}

/* five columns within a third */
.one-third .one-fifth {
	width: 56px;
	margin-right: 10px;
	float: left;
}

.one-third .two-fifth {
	width: 117px;
	margin-right: 5px;
	float: left;
}

.one-third .three-fifth {
	width: 178px;
	margin-right: 5px;
	float: left;
}

.one-third .four-fifth {

	width: 234px;
	margin-right: 5px;
	float: left;
}

/* five columns within a four */
.one-fourth .one-fifth {
	float: left;
	margin-right: 10px;
	width: 72px;
}

.one-fourth .four-fifth {
	float: left;
	margin-right: 10px;
	width: 140px;
}

.one-fifth.last,
.two-fifth.last,
.three-fifth.last,
.four-fifth.last {
	margin-right: 0;
}

/* # SIX COLUMNS
 * ===================================================================== */
.one-sixth {
	width: 150px;
	margin-right: 10px;
	float: left;
}

.one-sixth.last{
	margin-right: 0;
}

.last:after {
	content: "";
	display: block;
	clear: both;
}


#primary.three-fourth {
	width: 620px;
	padding-right: 80px;
	margin-right: 35px;
}

/* HEADER
 * ===================================================================== */
#masthead {
	position: relative;
}

/*== search ==*/
.searchform {
	height: 30px;
}

#masthead .searchform {
	position: absolute;
	right: 0;
	top: 50px;
}

#search-label {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/search.png) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 6px;
}

.searchform input {
	width: 220px;
	height: 28px;
	padding: 3px 25px 3px 3px;

	-moz-transition: width 0.5s ease;
	-webkit-transition: width 0.5s ease;
	-ms-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

/* # LOGO / BRANDING ( SITE TITLE AND DESCRIPTION )
 * ===================================================================== */
#branding {
	height: 126px;
	display: table;
	float: left;
}
#site-title {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

#site-title a {
	color: #221E1F;
	font-size: 18px;
	font-weight: bold;
}

/* NAVIGATION
 * ===================================================================== */
#nav {
	height: 126px;
    left: 190px;
    line-height: 126px;
    position: absolute;
    top: 0;
}

#header .menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1000;
}

#header .menu > .menu-item {
	float: left;
	position: relative;
}

ul.simple_menu > li /*== for the simple default menu ==*/, 
#header .menu > .menu-item {
	display: inline;
	float: left;
	position: relative;
	height: 126px;
	line-height: 126px;
}

ul.simple_menu > li > a,
.menu-item a {
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	color: #747474;
	padding: 0 15px;
	position: relative;
	outline: 0 none;
}

ul.simple_menu > li > a:hover,
.menu-item.current-menu-item > a, .current-menu-ancestor > a, .menu-item a:hover {
	color: #000;
}

#menu-follow {
	display: block;
	position: absolute;
	z-index: 9;
	height: 126px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/*== First Level Menu ==*/
.sub-menu {
	position: absolute;
	display: none;
	background: #fff;
	min-width: 188px;
	top: 95px;
	z-index: 1000;
	opacity: 0;
    left: 50%;
  
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
	
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sub-menu:before {
	content: "\2666";
	display: block;
	width: 80px;
	height: 14px;
	line-height: 28px;
	position: absolute;
	top: -24px;	
	left: 50%;
	text-align: center;
	cursor: default;
	overflow: hidden;
	border: 0 none;
	margin-left: -40px;
	color: #fff;
	text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
	font-size: 48px;
	padding: 10px 0 0;
}

.sub-menu li {
	display: block;
	line-height: 32px;
	position: relative;
	white-space: nowrap;
	border-bottom: 1px solid #E6E7E8;
}

.sub-menu li a {
	font-size: 12px;
}

.sub-menu li:last-child {
	border: none;
}

#header .menu > .menu-parent-item:hover .sub-menu {
	display: block;
	opacity: 1;
}

/*== IE menu fixes ==*/
.no-csstransforms .sub-menu {
	display:none;
	left:0;

	-moz-transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;

	opacity: 0;
}

.no-boxshadow .sub-menu, .no-boxshadow .sub-subnav {
	border: 1px solid #E7E8E9;
}
.no-csstransforms .menu-item:hover .sub-menu {
	display: block;
	opacity: 1;
}


.no-boxshadow .has-subnav {
	border: 1px solid transparent;
	border-bottom: 0 none;
}

.no-boxshadow li:hover .has-subnav {
	border: 1px solid #E7E8E9;
	border-bottom: 0 none;
}

/*== Second, third... level Menu ==*/
.sub-sub-menu {
	display: none;
	background: #fff;
	min-width: 188px;
	margin-left: -74px;
	position: absolute;
	top: 0;
	right: -188px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	z-index: 1002;
}

.sub-sub-menu:before {
	content: "\2666";
    border: 0 none;
    color: #FFFFFF;
    cursor: default;
    display: block;
    font-size: 48px;
    height: 22px;
	width: 28px;
    left: -30px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 0 0 10px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    top: 10px;
	transform: rotate(-90deg);
}

.sub-sub-menu li a{
	padding: 10px 15px;
	font-size: 12px;
}

.sub-menu li:hover > .sub-sub-menu, .sub-sub-menu > .sub-sub-menu {
	display: block;
}

/*== Mobile devices menu ==*/
#mini {
	padding: 0;
	display: none;
	margin-bottom: 10px;
}
#mini-nav {
	display: none;
	clear: both;
	width: 100%;
}

#mini-nav option {
	padding: 0;
}

/* overwrite menu styles for "mini" */
#mini .menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1000;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	display: none;
	clear: both;
}

#mini .menu > .menu-item {
    border-bottom: 1px solid #eee;
    line-height: 32px;
}

#mini .menu > .menu-item:last-child {
	border-bottom: none;
}

#mini ul.simple_menu > li, 
#mini .menu > .menu-item {
	display: block;
	position: relative;
}

#mini ul.simple_menu > li > a,
#mini .menu-item a {
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	color: #747474;
	padding: 0 15px;
	position: relative;
	outline: 0 none;
}

#mini ul.simple_menu > li > a:hover,
#mini .menu-item.current-menu-item > a, 
#mini .current-menu-ancestor > a, 
#mini .menu-item a:hover {
	color: #000;
}

/*== First Level Menu ==*/
#mini .sub-menu {
	position: relative;
	display: none;
	background: #fff;
	min-width: 188px;
	margin-left: auto;
	top: 0;
	z-index: 1000;
	opacity: 1;
	box-shadow: none;
	border-left: 5px solid #AEAEAE;
}

#mini .sub-menu:before {
	content: "";
	display: block;
	width: 80px;
	height: 14px;
	line-height: 28px;
	position: absolute;
	top: auto;	
	left: auto;
	text-align: center;
	cursor: default;
	overflow: hidden;
	border: 0 none;
	margin-left: -40px;
	color: #fff;
	text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
	font-size: 48px;
	padding: 10px 0 0;
}

#mini  .sub-menu li {
	display: block;
	line-height: 32px;
	position: relative;
	white-space: nowrap;
	border-bottom: 1px solid #E6E7E8;
}

#mini  .sub-menu li a {
	font-size: 12px;
}

#mini .sub-menu li:last-child {
	border: none;
}

#mini .menu > .menu-parent-item:hover .sub-menu {
	display: block;
	opacity: 1;
}

#mini-menu {
	line-height: 30px;
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/menu.png) no-repeat scroll 40px 9px;
	padding-right: 24px;
	position: absolute;
	top: 23px;
	right: 0;
}















/* # SUBHEADER 
 * ===================================================================== */
#subhdr {
	position: relative;
	height: 100px;	
	width: 100%;
	overflow: hidden;
	background: #57692F;
}

#subhdrtrans {
	width: 1086px;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	position: absolute;
	left: 50%;
	margin-left: -543px;
}

#subhdrcnt {
	width: 920px;
	height: 100%;
	line-height: 100px;
	margin: 0 auto;
	padding: 0 0 0 40px;
	font-size: 32px;
	color: #fff;
	background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.1));
	background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.1));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.1)));
	background-image: -ms-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.1)));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 100%);

}



/*== tagline on subheader ==*/
.page-title {
	float: left;
	margin-right: 15px;
	font-size: 32px;
}

.header-tagline {
	display: table;
	float: left;
	height:100px;
	position:relative;
	width:400px;
}

.header-tagline p {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	padding: 0 0 0 30px;
	font-weight: 600;
	color: #fff;
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/search-arrow.png) no-repeat 0 center;
}

.header-button {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 20px;
	height: 100px;
}

/* # SLIDESHOW
 * ===================================================================== */
#ftbox {
	height: 385px;
	width: 100%;
	position: relative;
	overflow: hidden; 
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/header_light.png) center center no-repeat #57692F;
}

#fttransbox {
	height: 100%;
	width: 1086px;
	position: absolute;
	left: 50%;
	margin-left: -543px;
	background: rgba(255, 255, 255, 0.1);
}

#ftimgcnt {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

/* # HOME CONTENT 
 * ===================================================================== */
.home-intro h5 {
	float: left;
	line-height: 48px;
	margin-bottom: 0;
	font-weight: bold;
}

.home-intro h5 span {
	font-weight: 300;
}

.home-intro a {
	float: right;
	line-height: 16px;
	font-weight: normal;
	margin: 0;
}

.item-box {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.item-box-content {
	padding: 25px;
}

.item-box-content p {
	margin-bottom: 20px;
}

.latest-title a, .latest-title a:hover {
	color: #000;
}

/* #CONTENT 
 * ===================================================================== */
#content,
#primary {
	position: relative;
}

.hentry { 
	margin-bottom: 50px;
}

.entry-meta {
	clear: both; 
}

.entry-meta a {
	color: #6D6E70;
}

.entry-meta a:hover {
	color: #000;
}

.comments-link {
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/comments.png") no-repeat scroll right;
	padding-right: 23px;
	padding-bottom: 2px;
	float: right;
}

.cancel-comment-reply {
	margin: 0 0 20px;
}

.cancel-comment-reply a {
	color: #57692F;
}

.entry-title {
	float: left;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
}

.entry-title a {
	color: #000;
}

.entry-image-link {
	display: block;
}

.entry-image {
	padding: 10px;
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

.entry-image.single {
	border:0 none;
	max-width: 100%;
	height:auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.entry-content {
	clear: both;
	margin-top: 30px;
}

.entry-content p {
    margin: 20px 0;
}

.read-more {
	margin: 20px 0 0;
	display: block;
}

/*== Social share buttons into post ==*/
.social-share {
	overflow: hidden;
	padding: 10px 10px 7px;
	margin: 30px 0 50px 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#fb-share, #twitter-share, #pinterest-share, #google-plus-share {
	float: left;
	width: 100px;
	overflow: hidden;
}

#pinterest-share {
	width: 70px;
}

/*== related posts ==*/
.related-post {
	float: left;
	width: 190px;
	margin-right: 25px;
}

.blog-related-posts .related-post:last-child {
	margin-right: 0;
}

.related-post a {
	display: block;
}

.related-post img {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	padding: 5px;
}

.related-post h6 {
	margin: 15px 0 0 5px;
	font-size: 14px;
}

/* # COMMENTS
 * ===================================================================== */
 #comments {
	clear: both;
 }
 
.commentlist {
	margin-bottom: 50px;
}

.comment {
	margin-bottom: 30px;
}

.comment-author {
	height: 48px;
}

.comment-author img {
	float: left;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 3px;
}

.comment-meta {
	float: left;
	margin-left: 10px;
}

.comment-meta p {
	margin: 5px 0;
}

.comment-body {
	margin: 10px 0 10px 60px;
}

/*== children comments ==*/
.comment .children {
	margin: 20px 0 0 56px;
}

.reply {
	margin: 0 0 0 60px;
}

.reply a {
	color: #000;
}

/*== respond comment form ==*/
#respond {
	width: 100%;
}

#commentform p {
	margin-bottom: 10px;
}

#commentform label {
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
}

#commentform input[type=text] {
	height: 30px;
	width: 100%;
}

/* # SIDEBAR 
 * ===================================================================== */
 #sidebar {
	float: left;
	width: 225px;
}


/* # WIDGETS 
 * ==================================================================== */
.widget-container {
	margin-bottom: 50px;
}

.widget-container ul {
	list-style: inside url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/list_arrow.png);
}

.widget-container li {
	line-height: 26px;
    position: relative;
}

.widget a {
	font-size: 14px;
	color: #747474;
}

.widget a:hover {
	color: #000;
}

.textwidget {
	color: #747474;
	line-height: 16px;
	overflow: hidden;
}

/*== recent coments author link ==*/
.widget_recent_comments .url {
	font-size: 12px;
	color: #57692F;
}
.widget_recent_comments .url:hover {
	color: #000;
}

/*== custom recent/popular posts with thumbs ==*/
.widget-popular-posts-thumb {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    display: block;
    margin: 0 10px 0 0;
    padding: 5px;
    text-decoration: none;
}

.widget-posts-tmk .hentry {
	margin-bottom: 20px;
}

.widget-posts-tmk .one-fifth {
	float: left;
    margin-right: 10px;
    width: 72px;
}

.widget-posts-tmk .four-fifth {
	float: left;
    margin-right: 0px;
    width: 140px;
}

.widget-posts-tmk .widget-post-title {
	font-size: 14px;
    margin: 5px 0 10px;
}

.widget-posts-tmk  .widget-post-comments a {
	font-size: 12px;
	color: #747474;
	opacity: 0.5;
}

.widget-posts-tmk  .widget-post-comments a:hover {
	opacity: 1;
}

.fb-widget {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/*== m sidebar widgets ==*/
.footer-widget-container li {
	margin-bottom: 10px;
}

#footer-sidebar .widget {
	margin-bottom: 25px;
}

#footer-sidebar .widget-title {
	color: #fff;
}

#footer-sidebar.widget-area a, 
#footer-sidebar.widget-area a:link, 
#footer-sidebar.widget-area a:visited, 
#footer-sidebar.textwidget, 
#footer-sidebar li, 
#footer-sidebar p {
    color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
}

#footer-sidebar.widget-area a:hover {
	color: rgba(255, 255, 255, 1);
}

#footer-sidebar.widget-area li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 32px;
}

#footer-sidebar.widget-area li:last-child {
	border-bottom: 0 none;
}

/*== footer widget contact form ==*/
#footer-contact-form {
	position: relative;
}

#footer-contact-form input, 
#footer-contact-form textarea {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

#footer-contact-form input {
	width: 70%;
}

#footer-contact-form p {
	margin-bottom: 20px;
}

#footer-contact-form .statusMessage {
	left: 0;
}

#footer-contact-form ::-webkit-placeholder {
	color: rgba(255, 255, 255, 0.4);
	font-family: "Open Sans";
}

#footer-contact-form :-moz-placeholder {
	color: rgba(255, 255, 255, 0.4);
}

/*== latest tweets widget ==*/
div.latest-tweets li {
	display:block;
	list-style:none;
	margin-bottom:10px;
	clear:both;
	padding-bottom: 10px;
}

div.latest-tweets li div {
	line-height: 16px;
}

.latest-tweets .tweet-status {
	margin: 10px 0 0;
	font-size: 10px;
}

.latest-tweets .tweet-status a {
	font-size: 10px;
}

/* FOOTER
 * ==================================================*/
#footer {
	position: relative;
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/foo_grad.png) center 0 no-repeat #57692F;
}

#footer-sidebar {
	padding: 46px 0 16px;
}

/*== sub-footer ==*/
#sub-footer {
	position:relative;
	background: #030000;
	height: 65px;
	line-height: 65px; 
}

#sub-footer  p {
	line-height: 65px;
	margin: 0;
}

#sub-footer a, #sub-footer p {
	color: rgba(255, 255, 255, 0.5);
}

#sub-footer a:hover {
	color: rgba(255, 255, 255, 1);
}

/*== copyright ==*/
.copyright {
	font-size: 11px;
	position: relative;
	float: left;
}

/*== footer social icons ==*/
.social-item {
	display: inline-block;
	position: relative;
	list-style: none;
	margin: 0 15px 0 0;
	float: left;
}

.social-item a {
	text-decoration:none;
	opacity: 0.3;
	float: left;
}

.social-item a:hover {
	opacity: 1;
}

.social-item a.rss {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/rss.png) no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 4px;
}

.social-item a.twitter {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/twitter.png) no-repeat;
	width: 24px;
	height: 21px;
	margin-top: 4px;
}

.social-item a.facebook {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/facebook.png) no-repeat;
	width: 12px;
	height: 24px;
}

.social-item a.linkedin {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/linkedin.png) no-repeat;
	width: 24px;
	height: 23px;
}

.social-item a.dribbble {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/dribbble.png) no-repeat;
	width: 24px;
	height: 24px;
}

.social-item a.flickr {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/flickr.png) no-repeat;
	width: 23px;
	height: 10px;
	margin-top: 9px;
}

.social-item a.behance {
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/behance.png) no-repeat;
	width: 24px;
	height: 15px;
	margin-top: 6px;
}

/*== footer-menu ==*/
#sub-footer .menu {
	position: relative;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sub-footer .menu  li {
	display: inline;
	float: left;
	margin: 0;
	position: relative;
}

#sub-footer .menu  li.current-menu-item a {
	color: rgba(255, 255, 255, 1);
}

#sub-footer .menu  li a {
	padding: 0 0 0 20px;
	display: block;
}

/* # PORTFOLIO 
 *  * ===================================================================== */
.portfolio-content {
	position: relative;
	top: -40px;
}

/*== portfolio images ==*/
.portfolio-item-image {
	background: #fff;
	display: block;
	padding: 10px;
	margin-bottom: 7px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#portfolio-items {
	width: 992px;
}

.two-column-portfolio-item-box img,
.three-column-portfolio-item-box img,
.four-column-portfolio-item-box img {
	-moz-transition: width 0.25s;
	-webkit-transition: width 0.25s;
	-ms-transition: width 0.25s;
	-o-transition: width 0.25s;
	transition: width 0.25s;
}

#portfolio-items .one-half {
	margin-bottom: 40px;
}

#portfolio-items .one-third {
	margin-bottom: 35px;
}

#portfolio-items .one-fourth {
	margin-bottom: 30px;
}

.portfolio-item-title {
	font-size: 16px;
	margin: 0;
	line-height: 20px;
	padding: 0 0 5px 10px;
}

.one-column-portfolio-item-author {
	padding: 0;
	margin: 0 0 10px;
	clear: both;
}

.one-column-portfolio-item-author a {
	color: #57692F;	
}

.one-column-portfolio-item-author a:hover {
	color: #000;	
}

.portfolio-item-text {
	padding: 0 0 0 10px;
	margin-top: 5px;
}

.one-column-portfolio-item-title {
	font-size: 18px;
	line-height: 28px;
	margin: 0;
	padding-top: 10px;
}

.one-column-portfolio-item-title a {
	color: #000;
}

.one-column-portfolio-item-text {
	color: #747474;
	margin: 0 0 30px;
}

.portfolio-item h2.portfolio-item-title {
	font-size: 18px;
	line-height: 32px;
	padding-left: 0;
}

.portfolio-item a.portfolio-item-author {
	padding: 0;
	color: #57692F;	
}

.portfolio-item-content p {
	margin: 5px 0;
}

.portfolio-item-excerpt  {
	margin-left: 10px;
}

.page-template-template-portfolio-php #main > p {
	margin-bottom: 40px;
}

.portfolio .entry-image.single { 
	width: 960px;
}

/* # GALLERY
 * * ===================================================================== */
#gallery {
	display: inline-block;
}

.gallery-item { 
	float: left;
	margin: 0 7px 7px 0;
} 

.gallery-item:nth-child(3n) {
	margin-right: 0;
}

.gallery-item img { 
	padding: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* # CONTACT FORM
 * * ==================================================================== */
#contact-form {
	position: relative;
}

.contact-form-text {
	padding: 20px 0;
}

#contact-form input[type=text] {
	height: 30px;
	width: 340px;
}

#contact-form label {
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
}

#contact-form p {
	margin-bottom: 10px;
}

#contact-info li {
	clear: both;
	padding-top: 10px;
}

#contact-info a span:hover {
	color: #000;
}

#contact-info img {
	float: left;
	opacity: 0.5;
}

#contact-info span {
	color: #747474;
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin-left: 10px;
}

#contact-social li {
	line-height: 22px;
}

#contact-social a {
	color: #747474;
}

#contact-social a:hover {
	color: #000;
}

#business-hours td {
    padding-left: 20px;
}

.statusMessage {
	float: left;
}

.contact-form-submit {
	position: relative;
}

.contact-form-submit .button {
	float: right;
}

.contact-loader img {
    float: right;
    margin: 10px 10px 0 0;
	display: none;
}

/*== google map ==*/ 
#contact-map {
	position:relative;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 10px;
}
 
#map_canvas {
	width: 600px;
	height: 300px;
	z-index: 8;
}

/* # PAGINATION 
 * ==================================================================== */
.pagination {
	margin: 20px 0 50px 0;
}

.page-previous,
.page-next {
	margin: 0 10px;
	display: block;
	float: right;
}
.page-next {
	float: left;
}


.pagination p {
	margin: 0;
}

.pagination a {
	margin-left: 10px;
	color: #57692F;
}

.pagination a:hover {
	color: #000;
}

.pagination span {
	margin-left: 10px;
}


/* # ANIMATIONS RELATED 
 * ==================================================================== */
#tmk-animation-prev, #tmk-animation-next {
	width: 45px;
	height: 100%;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity: 0.1;
	
	text-decoration:none;
	position:absolute;
	top:0;
	left: -54px;
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/animation-prev.jpg) no-repeat center;
	
	outline: 0 none;
	
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#tmk-animation-next {
	left:auto;
	right: -54px;
	background: url(//maximus-systemtechnik.de/wp-content/themes/studioin/img/animation-next.jpg) no-repeat center;
}

#tmk-animation-prev:hover, #tmk-animation-next:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#main {
	min-height: calc(100% - 448px);
	min-height: -moz-calc(100% - 448px);
	min-height: -webkit-calc(100% - 448px);
	min-height: -o-calc(100% - 448px);
	min-height: -ms-calc(100% - 448px);
	
	display:block;
	margin: 60px auto;
}

.slider-text ul {
	list-style: disc inside url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/accept_icon.png");
}

.slider-text ul li {
	line-height: 26px;
	text-align: left;
}

.menu-item a.touch-link {
	display: none;
	color: rgba(0, 0, 0, 0);
	
	height: 20px;
	left: 0;
	line-height: 20px;
	margin: -10px;
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	z-index: 0;
	
}

.touch-hover a.touch-link {
	z-index:9999;
	display:block;
}

/* # SIDEBAR FIX
 * ==================================================================== */
.sidebar-fix {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#fxr1 {
	float: left;
	clear: both;
	position: relative;
	left: 670px;
	width: 100%;
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/fix_left_center.png") repeat-y left center;	
}

#fxr1:before, #fxr1:after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 17px;
	height: 53px;
}

#fxr1:before {
	top: -53px;
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/fix_left_top.png") no-repeat left top;
}

#fxr1:after {
	bottom: -53px;
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/fix_left_bottom.png") no-repeat left bottom;
}


#fxr2 {
	width: 100%;
	position: relative;
	left: -670px;
	background: rgba(0, 0, 0, 0.1);
}

#fxr3 {
	width: 100%;
	position: relative;
	left: 670px;
}

#fxr4 {
	left: -670px;
	position: relative;
	width: 100%;
	float: left;
}

#fxr1-1 {
        float: left;
        position: relative;
        left: -680px;
        width: 100%;
		background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/fix_right_center.png") repeat-y right center;	
}

#fxr1-1:before, #fxr1-1:after {
	content: "";
	position: absolute;
	right: 0;
	display: block;
	width: 17px;
	height: 53px;
}

#fxr1-1:before {
	top: -53px;
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/fix_right_top.png") no-repeat right top;
}

#fxr1-1:after {
	bottom: -53px;
	background: url("//maximus-systemtechnik.de/wp-content/themes/studioin/img/fix_right_bottom.png") no-repeat right bottom;
}

#fxr2-1 {
        width: 100%;
        position: relative;
        left: 680px;
        background: rgba(0, 0, 0, 0.1);
}

/*** use in contact page ***/
#content.content-right {
	padding-left: 60px;
	width: 620px;
	float: right;
}

#sidebar.sidebar-left {
	float: left;
	width: 225px;
	margin-right: 55px;
}

/* # ERROR 404 PAGE
 * ==================================================================== */
.error-page-text {
	float: left;
	width: 575px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 30px;
	position: relative;
}

.error-page-text h4 {
	color: #57692F;
	font-size: 36px;
}	

.error-page-text h5, .error-page-text p {
	font-weight: 400;
}

.error-page-text:before {
	border: 0 none;
	color: #FFFFFF;
	content: "♦";
	cursor: default;
	display: block;
	font-family: Arial,Tahoma,Verdana,sans-serif;
	font-size: 64px;
	height: 14px;
	left: -52px;
	line-height: 28px;
	overflow: hidden;
	padding: 10px 0 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
	top: 50%;
	margin-top: -7px;
	width: 80px;

	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.error-page-heading {
	float: left;
	width: 275px;
	margin: 0 50px 0 0;
}

.error-page-heading h2{
	color: #bdbec2;
	font-size: 160px;
	padding-top: 10px;
	font-weight: bold;
}

.entry-content.error-page-text {
	clear: none;
	margin-top: 0;
}

.error-page-heading .entry-title {
	float: none;
	line-height: inherit;
	margin-bottom: 0;
}