@charset "utf-8";
/*
 * IBS CSS Framework FLUM [MULTICOLUMN and RESPONSIVE] v 2 beta (Mobile First)
 * http://flum.http://ibs-typo3-agentur.de/
 * Author: Ralf Geffke  
 * Copyright 2012-2013, IBS Internet Business Solutions
 * @lastmodified 24-June-2013
 */

/*###########################################################################
	Mediaqueries/Breakpoint Fluid Columns - principle "Mobile first" 	
  ########################################################################### */
	
/* older Smartphones (Portrait View) and Mobile Phones 320px */
@media screen and (min-width:20.000em) {
	.logo{background-image:url(../../images/logos/logo170px.png);text-indent: -9999px;display:block;width:170px;height:170px; margin:-1% auto 6%;}
}	
/* for Smartphones (Portrait View) 480px */
@media screen and (min-width:30.000em) {
	/* Basic Breakpoints */
	#inner-wrap{padding:2%;}
	header{padding:0;}
	main,.content{float:none;display:block;padding:1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
	main:after,#main:after{clear:both;}
	footer{width:100%;display:block;clear:both;}
	/* Layout Breakpoints */
	.logo{background-image:url(../../images/logos/logo170px.png);text-indent: -9999px;display:block;width:170px;height:170px;margin:-1% auto 3%; }
	
  #intro .caption{float:left;width:45%;display:block;text-align:left;padding-top:0;}
	#intro .caption h2{color:#fff;}
	#intro img{float:right;display:block;}
}
 
/* for Droid Razr Maxx & Droid 3 & 4 and similar (Portrait View)
also internal Breakpoint for this FLUM design 540px */
@media screen and (min-width:33.750em) {
	/* Fluid-Column Breakpoints */
	.split2 > .case {width:50%;float:left;} 
	.split2 > .case ~ .media {width:100%;}	
	.split2 > .case > .case > .splite3 {width:100%;float:none;}
	.split2 > .case > .case > .splite3 > .case {width:50%;float:left;}
	.split2 > .case > .case > .splite3 > .case ~ .split2{width:50%;}	
	.split2 > .case > .split2 > .case{width:100%;}
	.seoCol3 > .col1_44{float:none;width:100%;}
	.seoCol3 > .col2_28{float:left;width:50%;}
	.seoCol3 > .col3_28{float:right;width:50%;}
	.seoCol3 > .col1_50{float:none;width:100%;}
	.seoCol3 > .col2_25{float:left;width:50%;}
	.seoCol3 > .col3_25{float:right;width:50%;}
	/* Basic Breakpoints */	
	#inner-wrap {/*position:relative;*/padding:2%;}
	main,#main{float:left;display:block;padding: 1%; margin-bottom:1em; width:100%;
	-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	main:after,#main:after {clear:both;}
	footer{width:100%;display:block;}		
	section {margin:0 auto;}
	/* Layout Breakpoints */
	
	#intro .caption {padding:1em 0;width:40%;}
}
/* for Galaxy Tab and similar (Portrait View) 600px */
@media screen and (min-width:37.500em) {
	/* Fluid-Column Breakpoints */
	.split2 > .case {width:50%;} 
	.split2 > .case ~ .media {width:100%;}
	/*.split3 > .case:first-child {width:100%;} */  /*optinal */
	.split3 > .case:last-child {width:100%;} /*optinal */
	.split3 > .span2 {width:100%;}
	.split4 > .case {width:50%;} 
	.split5 > .case {width:50%;}
	/*.split5 > .case:first-child {width:100%;} */  /*optinal */
	.split5 > .case:last-child {width:100%;} /*optinal */
	.split6 > .case {width:50%;float:left;}
	.split7 > .case {width:50%;}
	/*.split7 > .case:first-child {width:100%;} */  /*optinal */
	.split7 > .case:last-child {width:100%;} /*optinal */	
	/* special breakpoints for individual settings */
	.split4-3 .span2 {width:100%;position:relative;float:left;}
	.split4-3 .case:first-child {width:50%;float:none;position:relative;}
	.split4-3 .case:last-child {width:50%;float:right;position:absolute;}	
	.split4-4 .span3 {width:100%;}
	.split4-4 .case {width:100%;}		
	/* Layout Breakpoints */
	main,.content{padding:0;}
	#intro .caption {padding:2em 1em;width:45%;}
	#category article{margin:1em 0;}	
	/*header .logo{margin:0;}*/
}
/* internal Breakpoint for this FLUM design 620px */
@media screen and (min-width:38.750em) { 
	/* Fluid-Column Breakpoints */
	.split2 > .case ~ .media {width:100%;}
	/* Basic Breakpoints */
	
	.boxfl{float:left;margin:0; }
	.boxfr{float:right;margin:0 0 0 -5px;}
	/* Layout Breakpoints */

}
/* responsive table for mobile 640px  */
@media screen and (max-width:40.000em) {
	.respondTable, .respondTable thead, .respondTable tbody, .respondTable tr, .respondTable th, .respondTable td {display:block;}
	.respondTable{text-align: right;}
	.respondTable thead{position:absolute;top: -1111px;left: -1111px;}
	.respondTable td:before{float:left;padding:0 10px 0 0;content:attr(data-label) ":";}
	.respondTable td:nth-child(1){font-weight:bold;}
	.respondTable td:last-child{border-bottom:5px #ddd solid;}
	.oddRow{background:#fff;}
	.oddCol{background:#efefef;}
}
/* for iPhone 5 and similar (Portrait View)640px */
@media screen and (min-width:40.000em) { 
	/* Fluid-Column Breakpoints */
	.split3 > .case:last-child {width:33.33333%;}
	.split3 > .case {width:33.33333%;float:left;}
	.split3 > .span2 {width:66.66666%;float:left;}
	.split3 > .case ~ .span2:last-child {width:66.66666%;} 	
	.split5 > .case:nth-child(-n+2) {width:50%;}
	.split5 > .case{width:33.33333%;}
	.split5 > .case:last-child {width:33.33333%;}	
	.split6 > .case {width:33.33333%;}
	.split7 > .case:nth-child(-n+4){width:50%;}/* nth-child{-n+4} setting for the first 4 elements */
	.split7 > .case {width:33.33333%;}
	.split7 > .case:last-child {width:33.33333%;}	
	.seoCol1 > .col1_75,.seoCol1 > .col1_68,.seoCol1 > .col1_66{width:68%;float:left;}
	.seoCol1 > .col2_25,.seoCol1 > .col2_32,.seoCol1 > .col2_33{width:32%;float:right;}
	.seoCol2 > .col1_75,.seoCol2 > .col1_68,.seoCol2 > .col1_66{width:68%;float:right;}
	.seoCol2 > .col2_25,.seoCol2 > .col2_32,.seoCol2 > .col2_33{width:32%;float:left;}	
	/* Layout Breakpoints */
	
}
/* for Galaxy Nexus & Galaxy S3 & BlackBerry Q10 and similar (Portrait View)720px */
@media screen and (min-width:45.000em) { 
	/* Fluid-Column Breakpoints */
	.split2 > .case ~ .media {width:50%;float:left;}	
	.split4-4 .case {width:33.33333%;}
	.split4-4 .span3 {width:66.66666%;}
	/* Layout Breakpoints */
}
/* for iPad 1 & 2  and similar (Portrait View) 768px */
@media screen and (min-width:48.000em) {
	/* Fluid-Column Breakpoints */
	.split4-4 .case {width:25%;float:left;}
	.split4-4 .span3 {width:75%;}	
	/* Basic Queries */
	#inner-wrap{padding:0 1em;margin:0 auto;}	
	main,#main{float:left;padding:0;}
	footer{font-size:.7em;display:block;width:100%;	clear:both;}	
	section {width:100%;}
	/* Layout Breakpoints */
	header .logo{background-image:url(../../images/logos/logo119px.png);text-indent: -9999px;display:block;width:119px;height:119px;float:left;margin-top:0; }
	.headertitle {right:1em;top:11em;}
	.headertitle h1{font-size:200%;text-align:right;}
	
	.socials a{color:#fff;padding:.5em 0;font-size:600%; text-decoration:none;}
	.socials li{float:left;}
	
	footer .copyright{text-align:center;}
	footer .case {min-height:18em;/*background:darkblue;*/}
	footer a{ text-decoration:none;}
	footer h5{font-size:150%;font-weight:bold;}
	footer ul li a{font-size:150%;}


}
/* Document fixed menu 768px */
@media screen and (max-width:48.000em) {
/*	#docked {position: absolute;top:0;left:0;margin-top:-1em;width:100%;}
	#docked.fixed {position:fixed;top:1em;left:auto;width:90%;} */
}
/* for Tablets (Portrait View) and modern Smartphones (Landscape View) 800px */
@media screen and (min-width:50.000em) {
	/* Fluid-Column Breakpoints */
	.split2 > .case > .split2 > .case{width:50%;}
	.split4 > .case {width:50%;float:left;}
	.split4-3 .span2 {width:50%;}
	.split4-3 .case:first-child {width:25%;float:left;}
	.split4-3 .case:last-child {width:25%;}	
	.split7 > .case:nth-child(-n+4) {width:25%;}
	.split7 > .case {width:33.33333%;}
	.split7 > .case:last-child {width:33.33333%;}
	/* Layout Breakpoints */
	.headertitle {position: absolute;font-size: 80%;top: 10em;}
    #inner-wrap{max-width:1130px;}
        }
    }

/* for Droid Razr Maxx & Droid Razr (Landscape View) 
also internal Breakpoint for this FLUM design 960px */
@media screen and (min-width:60.000em) {
	/* Fluid-Column Breakpoints */	
	.seoCol3 > .col1_44{margin-left:1%;float:right;width:66%;}
	.seoCol3 > .col2_28{width:33%;}
	.seoCol3 > .col3_28{width:33%;float:left;} /* optional left side */
/*	.seoCol3 > .col3_28{width:100%;} */  /* optional full width */
	.seoCol3 > .col1_50{float:right;width:75%;} /* optional width */
	.seoCol3 > .col2_25{width:25%;} /* optional width */
/*	.seoCol3 > .col3_25{width:30%;float:left;} */ /* optional left side */
	.seoCol3 > .col3_25{width:100%;}  /* optional full width */	
	/* Layout Breakpoints */	
	#intro h2,#intro h3,#intro p{font-weight:bold;}
	#intro h2{font-size:270%;}
	#intro h3{font-size:180%;}
	#intro p{font-size:160%;line-height:1.25;padding-left:3em;}
	#intro .btnIBS{font-size:150%;padding:.6em 1.2em .65em;margin:1em 0;}
}
/* for Tablets (Landscape View) (iPad 1 & 2 or Galaxy Tab)1024px  */
@media screen and (min-width:64.000em) {
	/* Fluid-Column Breakpoints */
	.split4 > .case {width:25%;}
	.split5 > .case:nth-child(-n+2) {width:20%;}
	.split5 > .case {width:20%;float:left;}	
	.split5 > .case:last-child {width:20%;}
	.seoCol3 > .col1_44{margin-left:28%;float:left;width:44%;}
	.seoCol3 > .col2_28{float:left;width:28%;position:absolute;}
	.seoCol3 > .col3_28{float:right;width:28%;}
	.seoCol3 > .col1_50{margin-left:25%;float:left;width:50%;}
	.seoCol3 > .col2_25{float:left;width:25%;position:absolute;}
	.seoCol3 > .col3_25{float:right;width:25%;}
	/* Basic Breakpoints */
/*	#inner-wrap{padding:0 1em;}	
	header{padding:2% 2% 0 2%}
	figure .demo{border:10px solid #fff;}
	.gallery img{border:0;}
	/* Layout Breakpoints */
	header .logo{background-image:url(../../images/logos/logo170px.png);text-indent: -9999px;display:block;width:170px;height:170px;margin-bottom:0; }
	#hideonmobile{display:block;}
	input[type="text"],input[type="url"],input[type="email"],input[type="tel"],input[type="password"],textarea,select{width: 90%;}
	.forms select{width:90%;}
	.equalInnerContainer{height:16em;}
	.headertitle {top:12em;font-size:100%}
}

/* for modern Smartphone (Landscape View) (HTC-One or Galaxy SIV )1080px  */
@media screen and (min-width: 67.500em) {

}

/* for all modern Smartphone & Tablets (Landscape View) & Notebook & Desktop Computers 1120px */
@media screen and (min-width: 70.000em) {
	/* Fluid-Column Breakpoints */
	.gallery .case4 li{width:25%;}
	.split3 > .case {float:left;}
	.split6 > .case {width:16.66666%;}	
	.split7 > .case:nth-child(-n+4) {width:14.28571%;}
	.split7 > .case {width:14.28571%;}
	.split7 > .case:last-child {width:14.28571%;}		
	/* ----- Special Cases for indivial using --------------*/
	/* Special for Case 3 */

	/* Special for Case 4 */
	.split4 > .span2 {width: 50%; }
	.split4-3 > .span2 {width: 50%; }
	.split4 > .span3 {width: 75%; }
	/* Special for Case 5 */
	.split5 > .span2 {width: 40%; }
	.split5 > .span3 {width: 60%; }
	.split5 > .span4 {width: 80%; }
	/* Special for Case 6 */
	.split6 > .span2 {width: 33.33333%;}
	.split6 > .span3 {width: 50%;}
	.split6 > .span4 {width: 66.66666%;}
	.split6 > .span5 {width: 83.33333%;}
	/* Special for Case 7 */
	.split7 > .span2 {width: 28.57142%;}
	.split7 > .span3 {width: 42.85714%;}
	.split7 > .span4 {width: 57.14285%;}
	.split7 > .span5 {width: 71.42857%;}
	.split7 > .span6 {width: 85.71428%;}
	/* Special Layout */
	.seoCol1,.seoCol2,.seoCol3{position:relative;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.seoCol1:after,.seoCol2:after,.seoCol3:after{clear:both;}		
	.seoCol1 > .col1_66{width: 66.66666%;}
	.seoCol1 > .col1_68{width: 68%;}
	.seoCol1 > .col1_75{width: 75%;float:left;}
	.seoCol1 > .col2_33{width: 33.33333%;}
	.seoCol1 > .col2_32{width: 32%;}
	.seoCol1 > .col2_25{width: 25%;float:right;}	
	.seoCol2 > .col1_66{width: 66.66666%;}
	.seoCol2 > .col1_68{width: 68%;}
	.seoCol2 > .col1_75{width: 75%;}
	.seoCol2 > .col2_33{width: 33.33333%;position:relative;}
	.seoCol2 > .col2_32{width: 32%;position:relative;}
	.seoCol2 > .col2_25{width: 25%;position:relative;}
	/* Basic Breakpoints */
	header{padding:0;}
	main{clear:both; }
	.home {padding:1em 0;}
	.subpage{padding:1em 0 1em 14em;}
	footer{/*font-size:.7em;display:block;clear:both;*/}
	.footer_inner{width:100%;padding-top: 0.2em;}
	/*.socials{padding-top: 0.5em;}*/
	section .content .split2:after{clear:both;}
	article{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	/* Layout Breakpoints */					 
	.box{background:#fff;}
	section ~ .content, .content .case{margin-bottom:2em;}
	
/*	#intro h2,#intro h3,#intro p{font-weight:bold;}
	#intro h2{font-size:270%;}
	#intro h3{font-size:180%;}
	#intro p{font-size:160%;line-height:1.25;padding-left:3em;}
	#intro .btnIBS{font-size:150%;padding:.6em 1.2em .65em;margin:1em 0;}*/
	#intro .liquid-slider-wrapper .liquid-nav-left-arrow,
	#intro .liquid-slider-wrapper .liquid-nav-right-arrow{margin-top:11.5em;}
	
	input[type="text"],input[type="url"],input[type="email"],input[type="tel"],input[type="password"],textarea,select{width: 75%;}
	.forms select{width:75%;}
	.forms input[type="submit"],button {margin-left:25%;}
}