/*
Macbook (1280 x 800 Pixel), 
iPad portrait (768 x 1024 Pixel), 
iPad landscape (1024 x 768 Pixel), 
Kindle portrait (600 x 1024 Pixel), 
Kindle landscape (1024 x 600 Pixel), 
iPhone portrait (320 x 480 Pixel), 
iPhone landscape (480 x 320 Pixel), 
Galaxy portrait (360 x 640 Pixel) und 
Galaxy landscape (640 x 360 Pixel)

*/

/*
color: #1ecd8c;
color: #19af78;
color: #083732;
color: #0f5a50;
color: #d7fff0;
color: #b9e1cd;

*/
select[name=pdf]{
margin: 22px 0 33px 0;
}

.mapDiv{
height: 100%;
}

.contactBoxes .maps, .contactBoxes .info {
	padding-bottom: 44px;
}

.contactBoxes .maps{
height: 400px;
}
	
.head{
padding-bottom: 44px;
}

.page{
position: relative;

}

* {
margin: 0;
padding: 0;
}
ul,ol {
padding-left: 20px;
}
a img {
border: 0;
}

.clearb{
clear: both;
}

div img{
display: block;
}

.imgLT{padding: 3px 15px 15px 0;float: left;}
.imgRT{padding: 3px 0 15px 15px;float: right;}

p,hr,table,ul,ol {
margin-bottom: 11px;
}

a{
text-decoration: none;
}

body {
font-size: 10pt;
font-family: 'FrescoSansPro';
color: #2b3b3b;
font-size: 16px;
line-height: 21px;
}

select{
font-family: 'FrescoSansPro';
}

html{
overflow-x: hidden;
}
	
table td{
vertical-align: top;
}

table td[valign=middle]{
vertical-align: middle;
}

span.textRight{
display: block;
float: left;
width: 90%;
}

.toggleLink span.plus{
display: block;
width: 10%;
max-width: 20px;
float: left;
}

.fleft{
float: left;
}

.fright{
float: right;
}

.head{
background-color: #1ecd8c;
border-top: 11px solid #1aae77;
}

.navBG{
background-color: #1ecd8c;
}


.logo{
padding: 44px 0;
display: block;
margin: 0 auto;
}

.nav,.navFixed{
width: 100%;
}

.navFixed{
position:absolute;
z-index: 5;
}

.navC{
margin-top: 45px;
display: block;
}

.pHeader{
border-top: 11px solid #c2d4cd;
background: url('/images/stripe.png') top left #e4f9f1;
padding: 11px 10px;
height: 100px;
/*http://www.stripegenerator.com/*/
text-align: center;
}

.pHeader .heading{
font-family: "afb",Courier New;
font-size: 28px;
line-height: 22px;
}

.pHeader .subtitle{
font-size: 16px;
font-family: "FrescoSansPro";
}

.pHeader.start {
height: 221px;
padding-top: 22px;
}



.sbkLogo {
overflow: auto;
max-width: 430px;
margin: 0 auto;
display: block;
font-size: 14px;
padding-top: 22px;
}

.sbkLogo a{
height: 60px;
color: #2b3b3b;
line-height: 18px;
}

.sbkLogo img{
float: left;
padding-right: 11px;
}

.cont h1{
font-family: 'FrescoSansPro';
font-weight: normal;
padding-bottom: 33px;
font-size: 22px;
line-height: 28px;
}

h1{
font-family: 'FrescoSansPro';
font-weight: normal;
padding-bottom: 11px;
font-weight: normal;
font-size: 22px;
line-height: 28px;
}

.box{
background-color: #2b3b3b;
color: #fff;
margin-bottom: 1px;
height: 176px;
font-size: 18px;
line-height: 28px;
float:left;
clear: both;
width: 100%;
}

.box .dborder{
border-top: 11px solid #2d5551;
padding: 25px 15px;
height: 115px;
position: relative;
}

.box span.subing{
display: block;
position: absolute;
bottom: 25px;
}

.stuffInfo{
display: none;
}

.smallcaps{

/*-webkit-backface-visibility: hidden;
/*text-shadow: #000 0px 1px 1px;
/** /
-moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";* /
-moz-font-feature-settings:"smcp" 1, "c2sc" 1; 
-moz-font-feature-settings:"smcp=1, c2sc=1"; 
-ms-font-feature-settings:"smcp" 1, "c2sc" 1; 
-o-font-feature-settings:"smcp" 1, "c2sc" 1; 
-webkit-font-feature-settings:"smcp" 1, "c2sc" 1; 
font-feature-settings:"smcp" 1, "c2sc" 1;
/*
-webkit-text-stroke: 1px rgba(0,0,0,0.1);
text-shadow: #000 0px 1px 1px;*/
}

.box .vmiddle{
padding: 0 15px;
height: 176px;
width: 100%;
}

.vmiddle{
display: table-cell;
vertical-align: middle;
}

.box span.heading{
font-size: 20px;
line-height: 28px;
}

.box.last{
margin-bottom: 66px;
}

.box.first{
clear: both;
}

.foot{
font-size: 18px;
clear: both;
background-color: #2b3b3b;
overflow: auto;
line-height: 36px;
}

.foot ul{
margin: 0;
padding: 0;
}

.foot li{
width: 33.333%;
display: block;
float: left;
list-style-type: none;
background-color: #2b3b3b;
text-align: center;
}

.foot li.first{
border-right: none;
width: 33.333%;
}

.foot li a{
color: #fff;
border-left: 1px solid #fff;
display: block;
}

.xxx{
position: absolute;
top: 0;
color: #fff;
left: 50%;
margin-left: -7px;
width: 14px;
cursor: pointer;
}

.icon-arrow-right10{
display: block;
padding-top: 5px;
padding-right: 5px;
float: left;
}

.navC li a{
color: #fff;
background-color: #2b3b3b;
display: block;
padding: 0 15px 0 15px;
border-bottom: 1px solid #fff;

}

.navC li a span{
display: block;
float: right;
line-height: 44px;
}

.navC li a span{
display: block;
float: right;
line-height: 44px;
}

.navC li a span{
padding-top: 0px;
padding-right: 15px;
margin-top: -2px;
}

.navC li a span.hov{
padding-top: 0;
padding-right: 17px;
}

.navC li li a{
padding: 0 60px;
font-size: 18px;
line-height: 44px;
}

ul.navC,ul.navC ul,.nav ul{
margin: 0; padding: 0;
font-size: 20px;
line-height: 44px;
overflow: hidden;
}

.nav ul.wrap li{
width: 50%;
display: block;
float: left;
list-style-type: none;
background-color: #2b3b3b;
text-align: center;
border-bottom: 1px solid #fff;
}

.nav ul.wrap li a{
color: #fff;
border-left: 1px solid #fff;
display: block;
}

.nav ul.wrap li a.slideNav{
border-left: none;
padding-top: 8px;
line-height:36px;
}

.nav ul.wrap li a.slideNav span{

}

.pContent{
padding: 44px 10px 66px 10px;
}

.specialStuffPicContWrapper,.stuffWrapper{
padding: 0 10px 44px 10px;
}

.specialStuffWrapper .stuffPicWrapper{
padding-bottom: 33px;
}

.stuffPic img{
width: 100%;
}
.stuffDesc{
background-color: #e4f9f1;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
height: 88px;
line-height: 20px;
font-size: 16px;
}

.stuffDesc span{
font-size: 18px;
line-height: 28px;
}

.stuffPic{
position: relative;
}

.pHeader.colHead{
margin-bottom: 44px;
}

.stuffHeaderWrapper .pHeader.colHead{
margin-bottom: 0;
}

.toggleLink{
line-height: 28px;
border-top: 2px solid #1ecd8c;
color: #2b3b4e;
display: block;
font-size: 20px;
padding: 8px 0 8px 0;
overflow: auto;
}

.toggleDiv.last{
border-bottom: 2px solid #1ecd8c;
}

.toggleCont{
padding: 22px 0 33px 0;
}

@media screen and (max-width: 640px) {	
	
	.stuffHeaderWrapper{
		padding-bottom: 44px;
	}
}

@media screen and (min-width: 400px) {
	.pHeader.start {
	height: 175px;		
	}
}

@media screen and (min-width: 640px) {
	.contactBoxes .maps, .contactBoxes .info{
		width: 50%;
		float: left;
	}
	
	
	.mapDiv{
	margin-right: 22px;
	}

	.formWrapper{
	padding-left: 22px;
	}
	
	.contactBoxes .form{
		clear: both;
	}
	
	.contactBoxes .formWrapper{
		padding: 44px 0 0 0;
	}
	
	
	.contactBoxes .maps{
		height: 350px;
	}
	
	.box.first{
		width: 100%;
	}
	.box{
		width: 50%;
		float: left;
		clear: none;
	}
	.stuffDesc{
	height: 26%;
	}
	.box.last .leftsep{
		border-left: 1px solid #fff;
	}
	
	.sbkLogo{
	padding-top: 33px;
	}
	
	.specialStuffWrapper .stuffPicWrapper{
	width: 50%;
	float: left;
	padding: 0;
	}
	
	.stuffContWrapper, .stuffWrapper{
	width: 50%;
	float: left;
	}
	
	.specialStuffPicContWrapper{
	clear: both;
	overflow: auto;
	padding: 44px 10px 66px 10px;
	}
	
	.specialStuffWrapper .stuffPic{
	padding-right: 10px;
	}
	
	.stuffCont{
	padding-left: 10px;
	}
	.stuffWrapper{
	padding: 0;
	}
	
	.stuffWrapper .stuffPicWrapper{
	padding: 0 10px 44px 10px;
	}
	
	.breadCrumb{
	font-size: 16px;
	/*line-height: 18px;*/
	}
	
	.pHeader.start {
		padding: 22px 80px 11px 80px;
	}
	
	
	
}
.formWrapper input, .formWrapper textarea,select {
		font-size: 16px;
	}
@media screen and (min-width: 768px) {
	body,table {
		font-size: 18px;
		line-height: 24px;
	}
	
	.contactBoxes .maps{
		height: 400px;
	}
}
.stuffEndWrapper{
	clear: both;
}
	
	
@media screen and (min-width: 960px){
	.logo{
		
		max-width: 422px;
	}
	.box.first{
		width: 33.333%;
	}
	.box{
		width: 33.333%;
		float: left;
		clear: none;
	}
	.leftsep{
		border-left: 1px solid #fff;
	}
	
	.pHeader{
		height: 156px;
		padding: 0 11px 0 11px;
	}
	
	h1{
		line-height: 22px;
		font-size: 22px;
		padding-bottom: 11px;
	}
	
	.pHeader.start {
		height:187px;
		padding: 44px 100px 11px 100px;
	}
	
	.pHeader .heading{
		font-size: 38px;
		line-height: 38px;
	}
	
	.sbkLogo {
		max-width: 540px;
		padding-top: 44px;
		font-size: 18px;
	}
	
	.subtitle{
		font-size: 22px;
	}
	
	.stuffHeaderWrapper,.stuffHeader, .stuffWrapper {
		width: 33.333333333%;
		float: left;
	}
	
	.specialStuffPicContWrapper{
		width: 66.666666665%;
		float: left;
		padding: 0;
		clear: none;
	}
	
	.stuffEndWrapper{
	height: 44px;
	clear: both;
	}
	
	.specialStuffPicContWrapper .stuffPic{
	padding-left: 10px;
	}
	
	.specialStuffWrapper{
	overflow: auto;
	padding: 0 0 44px 0;
	}
	
	.stuffHeader .pHeader.colHead
	{
	margin: 0 10px;
	}
	
	.stuffHeaderPad {
	padding: 0 10px;
	}
}

@media only screen and (min-width: 1000px){
	.contactBoxes .maps, .contactBoxes .info, .contactBoxes .form{
		width: 33.33333333333332%;
		float: left;
		clear: none;
	}
	
	.contactBoxes .formWrapper{
		padding: 0 0 0 22px;
	}
	
	.contactBoxes .maps{
		height: 400px;
	}
	
	ul.navC ul{
		display: none;
	}
	
	ul.navC{
		width: 1000px;
		margin: 0 auto;
		position: static;
	}
	
	ul.navC li div{
		z-index: 2;
	}
	
	ul.navC li li {
		float: none;
		width: 300px;
		
	}
	
	.navSlide{
		width: 100%;
		z-index: 5;
		position: absolute;
		top: 167px;
		left: 0;
		display: none;
	}
	
	.navC li li a{
		padding: 0 30px;
		border-right: none;
		border-top:  1px solid #fff;
	}
	
	.navC li{
	display: block;
	float: left;
	width: 20%;
	}
	
	
	.navBG{
	padding-top: 44px;
	}
	
	.navC li.active a{
		background-color: #1aae77;
	}
	
	/*.navC li:hover a{
		background-color: #1aae77;
	}
	
	.navC li:hover li a{
		background-color: #2b3b3b;
	}
	
	.navC li:hover li:hover a{
		background-color: #1aae77;
	}*/
	
	.navC li a{
	border-bottom: none;
	border-right: 1px solid #fff;
	}
	
	.navC li.last a{
		border-right: none;
	}
	
	.navC li li.last a{
		
	}
	
	.navBG{
		padding-top: 0;
	}
	
	.navC li a{
	padding: 2px 15px 0 15px;
	margin-bottom: -2px;
	}
}


	.getoggle{
		padding-top: 22px;
	}

@media only screen and (min-width: 1024px){
	.pContent .col{
		width: 50%;
		float: left;
	}
	
	.pContent .col1 .colCont{
		padding-right: 20px;
	}
	
	.pContent .col2 .colCont{
		padding-left: 20px;
	}
	
	.getoggle{
		padding-top: 0;
	}
}

@media only screen and (min-width: 1280px){
	
	
	.page,.navFixed ul{
		width: 100%;
		max-width: 1280px;		
		margin: 0 auto;
	}
	
	.specialStuffPicContWrapper{
	overflow: hidden;
	}
	
	.stuffInfo{
	display: block;
	position: absolute;
	z-index: 2;
	color: #fff;
	font-size: 20px;
	right: 0;
	top: 0;
	padding: 4px 13px;
	cursor: pointer;
	}
	
	.foot{
		line-height: 44px;
	}
	
	.pHeader.start {
	height: 231px;
	padding-top: 22px;
	padding: 11px 250px 11px 250px;
	}
	
	.navFixed ul{
	
	}
	
	.pContent{
		padding: 44px 0 44px 0;
	}
	
	.box.last{
		margin-bottom: 44px;
	}
	
	.stuffHeaderWrapper,.stuffHeader, .stuffWrapper,.specialStuffPicContWrapper {
		width: 25%;
		float: left;
	}
	
	.stuffHeaderWrapper,.specialStuffPicContWrapper{
		width: 50%;
	}
	
	.specialStuffWrapper .stuffPicWrapper {
	width: 100%;	
	}
	
	.stuffHeaderWrapper .pHeader.colHead {
		margin: 0 10px;
	}
	
	.stuffHeaderPad {
	padding: 0;
	}
	
	.sWrapper{
	margin: 0 -10px;
	}
	
	.specialStuffWrapper{
	padding: 0 0 44px 0;
	overflow: visible;
	width: 50%;
	float: left;
	}
	
	.stuffContWrapper{
	display: none;
	}
	
	.specialStuffWrapper .stuffPicWrapper{
	z-index: 2;
	}
	
	.stuffOverlay{
	position: relative;
	}
	
	.stuffContWrapper{
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	}
}

@media screen and (max-width: 360px) {
	
	.sbkLogo{
		text-align: left;
	}
	
	.box{
		width: 100%;
	}
	
	.logo{
		max-width: 290px;
	}
	
	.stuffHeaderWrapper{
		padding-bottom: 44px;
	}
}


.pContent a{
color: #1ecd8c;
color: #2b3b4e;
color: #1aae77;
}

.pContent a.toggleLink {
color: #2b3b4e;
}

.pContent a.toggleLink.active{
color: #1ecd8c;
}

.fastContact{
background-color: #2b3b3b;
margin-top: 44px;
}

.fastContact div{
color: #fff;
border-top: 1px solid #fff;
line-height: 44px;
text-align: center;
}

.contactBoxes{
clear: both;
overflow: auto;
}

.fastContact a{
color: #fff;
}

.formWrapper input, .formWrapper textarea{
	font-family: 'FrescoSansPro';
	padding: 3px 5px;
	margin-top: 11px;
}

.error{
color: #cd1e1e;
}

.scTo{
display: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #2b3b3b;
opacity: 1 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #2b3b3b;
opacity: 1 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #2b3b3b;
opacity: 1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #2b3b3b;
}