@charset "utf-8";
/*
 * IBS CSS Framework FLUM [MULTICOLUMN and RESPONSIVE] v 2.1
 * http://www.flum-css.com/
 * Author: Ralf Geffke  
 * Copyright 2012-2013, IBS Internet Business Solutions
 * @lastmodified 30-Sep-2013
 */

/*###########################################################################
	General Fluid-Column Settings 
  ########################################################################### */

.seoCol1,.seoCol2,.seoCol3 {margin:0;padding:0;clear:both;}
.case,.field-case,.col1_44,.col1_50,.col1_66,.col1_68,.col1_75,.col2_25,.col2_28,.col2_32,.col2_33,.col3_25,.col3_28 {
  margin:0; 
  display:inline-block;
  vertical-align:top;
  letter-spacing:normal;
  word-spacing:normal;
}
.field-case,.col1_44,.col1_50,.col1_66,.col1_68,.col1_75,.col2_25,.col2_28,.col2_32,.col2_33,.col3_25,.col3_28{display:block;} 
.case,.field-case,.col1_44,.col1_50,.col1_66,.col1_68,.col1_75,.col2_25,.col2_28,.col2_32,.col2_33,.col3_25,.col3_28 {
  padding:0 1em; /* possible to set also in % or px (must match .content -margins) */
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

/*--------------- Some IE 7 Hacks --------------------------*/
.seoCol1,.seoCol2,.seoCol3{ *zoom:1; *letter-spacing:normal;text-align:left;}
.case,.col1_44,.col1_50,.col1_66,.col1_68,.col1_75,.col2_25,.col2_28,.col2_32,.col2_33,.col3_25,.col3_28{*display:inline;}
.case,.field-case,.col1_44,.col1_50,.col1_66,.col1_68,.col1_75,.col2_25,.col2_28,.col2_32,.col2_33,.col3_25,.col3_28{*margin-right:-1px; *padding:0; *zoom:1;}

/* setting for Mobile Screen 320px for iPhone 3 and older phones (Portrait View)*/
	/*--------------- Cases: divide in percent ------------*/
	.split1 > .case {width:100%;}
	.split2 > .case {width:100%;overflow:hidden;} 
	.split3 > .case {width:100%;} 
	.split4 > .case {width:100%;} 
	.split5 > .case {width:100%;} 
	.split6 > .case {width:100%;}
	.split7 > .case {width:100%;}	
	.split4-3 > .case {width:100%;} 
	.split4-4 > .case {width:100%;}
	
	/* ----- Special Cases for indivial using --------------*/
	/* Special for Case 3 */
	.split3 > .span2 {width:100%; }
	/* Special for Case 4 */
	.split4 > .span2 {width:100%; }
	.split4-3 > .span2 {width:100%; }
	.split4 > .span3 {width:100%; }
	.split4-4 > .span3 {width:100%; }
	/* Special for Case 5 */
	.split5 > .span2 {width:100%; }
	.split5 > .span3 {width:100%; }
	.split5 > .span4 {width:100%; }
	/* Special for Case 6 */
	.split6 > .span2 {width:100%;}
	.split6 > .span3 {width:100%;}
	.split6 > .span4 {width:100%;}
	.split6 > .span5 {width:100%;}
	/* Special for Case 7 */
	.split7 > .span2 {width:100%;}
	.split7 > .span3 {width:100%;}
	.split7 > .span4 {width:100%;}
	.split7 > .span5 {width:100%;}
	.split7 > .span6 {width:100%;}
	/* Special Layout */
	.seoCol1,.seoCol2,.seoCol3,.split4-3,.split4-4{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;}

/* ############## Reset Browser Standard Settings #####################*/ 
a,abbr,acronym,address,applet,article,aside,audio,
body,blockquote,big,b,
cite,code,center,canvas,caption,
div,del,dfn,dl,dt,dd,details,
em,embed,
fieldset,form,footer,figure,figcaption,
html,header,h1,h2,h3,h4,h5,h6,hgroup,
iframe,img,ins,i,
kbd,
li,label,legend,
menu,mark,
nav,
output,object,ol,
p,pre,
q,
ruby,
s,samp,small,strike,strong,sub,sup,span,section,summary,
table,tbody,tfoot,thead,tr,th,td,tt,time,
ul,u,
var,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* Reset for older browsers - HTML5 display-role */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {line-height: 1; /*-webkit-text-size-adjust: none; overflow-y: scroll;*/}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
ol, ul {list-style: none;}
table {border-collapse:collapse;border-spacing: 0;}
.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after{display:table;content: "";}
.clearfix:after{clear: both;} 
/* Correct 'block' display not defined in IE 8/9
-------------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}

/* Correct 'inline-block' display not defined in IE 8/9
-------------------------------------------------*/
audio,canvas,video {display: inline-block;}

/* Modern browsers prevent the display of 'audio' without controls.
Remove excess amount in iOS 5 Devices
-------------------------------------------------*/
audio:not([controls]) {display: none; height: 0;}

/* Address styling is not present in IE 8/9
-------------------------------------------------*/
[hidden] {display:none;}

/*###########################################################################
	Basic settings - default values
  ########################################################################### */

/* Set default font family to Verdana
  and impeded iOS text size adjust after orientation change, without disabling
-------------------------------------------------*/
html {
    font-family: Verdana; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */		
}
/* Typography
-------------------------------------------------*/
h1 {font-size: 200%;margin: 0.67em 0;}
h2 {font-size: 180%;margin: 0.67em 0;}

strong,b{font-weight: bold;}
small{font-size: 80%;}

abbr[title] {border-bottom: 1px dotted;}
dfn {font-style: italic;}
code,kbd,pre,samp{font-family: monospace, serif;font-size: 1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
mark {background: #ff0;color: #000;}
hr {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; height: 0;}
/* Links
-------------------------------------------------*/
a{color:#00a;}
a:focus{/*outline:thin dashed;*/}
a:active,a:hover{outline:0;}

/* Media settings
-------------------------------------------------*/
img{max-width:100%;height:auto;}
svg:not(:root){overflow:hidden;}

/* Forms
-------------------------------------------------*/
fieldset{margin: 0 2px;padding: 0.35em 0.625em 0.75em;border: 1px solid #c6c6c6;}
legend {border: 0;padding: 0;}
input[type="checkbox"],
input[type="radio"]{box-sizing: border-box; padding: 0;}
input[type="search"]{-webkit-appearance: textfield; -moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
textarea {overflow: auto;vertical-align:top;}
button,input,select,textarea {font-family:inherit; font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}

/*#####################################################################################
   Page setting for Mobile Screen 320px for iPhone 3 and older phones (Portrait View)
  ##################################################################################### */
body {  
  color:#444;
  background:#BDBFB5;	
  font: 0.7em/1.5em Verdana, Geneva, sans-serif; 
  overflow-x:hidden;
  position:absolute;
  width:100%;
  min-width:320px;
}
#outer-wrap {overflow:hidden;width:100%;}
#inner-wrap, .inner-wrap {padding:1%;max-width:1130px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
footer{text-align:left;margin-top:2%;box-sizing:border-box;clear:both;}
main{float:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0 auto;padding:2% 3%;width:100%;clear:both;}
section{margin-bottom: 1em;padding:0;}
article{margin:0 auto 1% auto;width:100%;overflow:auto;}
.box,.boxframe,.note,.groovy,.caution,.stop,.info,.flum{margin:1em 0;padding:1em; *zoom: 1;}
.box {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.boxframe {border:thin solid #ccc;}
.boxInner{margin:0.5em; width:96%; padding:0.5em;}
.gallery img {margin:0 auto;}	
.boxfl,.boxfr{margin:0;}
.boxfl{float:left;padding-right:0;}
.boxfr{float:right;padding-left:0;margin:0 0 0 -5px;}
.boxfl img{padding-top:.5em;padding-right:.5em;}
.boxfr img{padding-top:.5em;padding-left:.5em;}