.navPosition {float:left; width:75%; padding-left:5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;}	.navPosition {float:left; width:75%; padding-left:5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;}/*
Theme Name: PerNicCox
Theme URI: perniccox.com
Author: Bettina Mier
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input, select, textarea { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none; }

body {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;background:url(../img/navigation/top_bg_dotted.png) repeat-x #fff;overflow-x:hidden;position:absolute;width:100%;color:#fff;}
   
a { outline:none;border:0;}
img {width:100%;height:auto;}
header {background:url(../img/navigation/top_bg_dotted.png) repeat-x;background-color:white;z-index:90;width:100%; height:92px;padding:2% 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 150px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #ffb82f;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #ffa802;
    box-shadow: inset 0 0 5px 5px #ffa802;}

#pageslide ul {background:none;}
#pageslide ul li a {background:none;box-shadow:none;text-align:left;}
#pageslide li:first-child {margin-top:40px;}

.colored  {color:#a7a7a7;}
.bglightorange {background-color: #f9ae23; /*ffc555;*/}
.productcolor {color:#ffa802;font-size:1.2em;margin-bottom:1.5em;}
.spaceleft {margin-left:4%;}
.container {max-width:1080px;margin:0 auto;}
.logofloat {float:none;}
.featuredorange {float:left;width:100%;background-color:#f9ae23;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#imageHeader {/*float:left;*/width:100%;margin:0;padding:0.1% 4% 2% 4%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#imageHeader .button {display:inline-block; position:relative; font-size:1em; margin-top:20px; margin-bottom:20px; border-radius:3px; padding:11px 15px 6px 15px !important; line-height:19px; color:#ddfbd2 !important; text-shadow:0 -1px 1px rgba(0,0,0,0.7); text-decoration:none; background: #62d03a; background: -moz-linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62d03a), color-stop(100%, #4ba829)) !important; background: -webkit-linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; background: -o-linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; background: -ms-linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; background: linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d03a', endColorstr='#4ba829', GradientType=0 ) !important;
border-top:1px solid #4ba829 !important; border-left:1px solid #4ba829 !important; border-right:1px solid #429425 !important; border-bottom:1px solid #429425 !important; box-shadow:0 1px 1px rgba(0,0,0,0.3); width:auto !important; /* for submit etc */ }
#imageHeader .button.withDarkBg { border-top:1px solid #62be40 !important; border-left:1px solid #62be40 !important; border-right:1px solid #4ba829 !important; border-bottom:1px solid #4ba829 !important; box-shadow:0 1px 1px rgba(0,0,0,0.5); }
#imageHeader .button:hover { color:white !important; background: #62d03a !important; background: -moz-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62d03a), color-stop(100%, #429425)) !important; background: -webkit-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -o-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -ms-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: linear-gradient(top, #62d03a 0%, #429425 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d03a', endColorstr='#429425', GradientType=0 ) !important;
}
#imageHeader .button.withDarkBg:hover { border-top:1px solid #ffa802 !important; border-bottom:1px solid #ffa802 !important; border-right:1px solid #ffa802 !important; border-left:1px solid #429425 !important; }
#imageHeader .button:active, .button.withDarkBg:active { box-shadow:inset 0 2px 2px rgba(0,0,0,0.4); background: #429425 !important; background: -moz-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62d03a), color-stop(100%, #429425)) !important; background: -webkit-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -o-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -ms-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: linear-gradient(top, #62d03a 0%, #429425 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d03a', endColorstr='#429425', GradientType=0 ) !important;
border-top:1px solid #000 !important; border-left:1px solid #1d1d1d !important; border-right:1px solid #1d1d1d !important; border-bottom:1px solid #55a5bc !important; padding-top:12px !important; padding-bottom:5px !important; }
#imageHeader .withArrow { padding-right:45px !important; }
#imageHeader .button .arrow { width:33px; height:38px; position:absolute; top:-1px; right:-1px; background: url('../img/navigation/sprite02.png') no-repeat 0 -77px; z-index:10; }
#imageHeader .button:active .arrow { background: url('../img/navigation/sprite02.png') no-repeat 0 -76px; }

#imageHeader section {
	/*background:transparent;*/
	margin-bottom:2%;
	padding:2% 4% 1% 4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;}
#imageHeader .shadow:after {
	content:'';
	height:4px;
	width:100%;
	display:block;
	background:url(../img/schatten.png) top center no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	bottom:10px;}
	
#imageHeader a {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;font-size:.9em;margin-bottom:.5em;color:#ffb82f;text-decoration:underline;}
#imageHeader h1 {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;font-size: 2.1em;margin-bottom:.5em;color:#ffb82f;}
#imageHeader h2 {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;font-size: 1.7em; color:#505050; margin-bottom:2%;}
#imageHeader h3 {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;font-size: 1.1em; color:#ffb82f; margin-bottom:2%;}
.service {color:#ffb82f; font-size:1em; text-indent:3%; line-height:1.8em;}
#imageHeader section p {
	 margin-top:0; 
	 color:#383838; 
	 font-size:1em; 
	 margin-bottom:1.6em; 
	 line-height:1.4em;
	 width:90%;}
	 
#imageHeader .subnav {margin:4%;}
#imageHeader .subnav li a {float:left; margin-right:5%;text-decoration:none;}
#imageHeader .subnav li {
	display:inline-block; 
	margin-right:1%;
    position:relative; 
	font-size:1.1em; 
	border-radius:3px; 
	padding:2% 3% 1% 3% !important; 
	text-decoration:none; 	
	border-bottom:1px solid #ffa802 !important; 
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
#imageHeader section ul li {color:#282828;list-style:none; padding-left: 4%;font-size: 0.9em;}
#imageHeader section ul .styledisc {color:#282828;list-style:inside; padding-left: 4%;font-size: 0.9em; line-height: 2em;}
.listenbox {background-color:#fff; width: 100%; margin-bottom: 3em; padding-top: 1em;}
.mtop {margin-top: 2em;}
.fleft {width: 50%; float: left; padding: 2%;}
.fright {float: right; padding: 2%;}
.allclear {clear: both; line-height: 0em;}

.open {float:left;height:65px;width:65px;background:url(../img/navigation/open02.png) 0 0 no-repeat;margin:8px 4% 0 0;text-indent:-9999px;}

#logo {
	min-width:210px;
	background: url(../img/logo_pnc.png) no-repeat;
	display:block;
	height:60px;
	text-align:center;
	float:left;
	text-indent:-9999px;
	margin:5px 0;}
 
.navPosition {float:left; width:100%; padding-left:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;}
	

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* navMain */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
#navMain {display:none;padding:0;list-style:none;background:#fff;}
#navMain li a {border-radius:3px;padding:3%;text-align:center;color:#383838;text-decoration:none;width:100%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1%;}
#navMain li a:hover {text-shadow: 0 1px 1px  rgba(0,0,0, .2);}
#navMain li a span {text-align:left; color: #3c3c3c; font-size: 77%; display: block;}
#navMain li .aktiv {color:#f7931d;}


/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* featuredContainer */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
#featuredContainer {float:left;width:100%;padding:4%;background-color:#f9ae23;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#featuredContainer .third {width:100%; text-align:center; float:left;}
#featuredContainer .button {
	margin-top:20px;
	color:#0955ae;
	background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: linear-gradient(bottom, #fff 0%, #f2f2f2 100%);
	border: 1px solid #a7a7a7;
	padding:4%;
	text-align:center;
	text-decoration:none;
	width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:3px;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);}
#featuredContainer a {text-align:center;}
#featuredContainer h1 {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;font-size:2.2em;margin-bottom:.7em;color:#175301;}
#featuredContainer h2 {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:200;font-size:1.2em;letter-spacing:.1em;margin-bottom:.5em;margin-top:.5em;color:#fff;}
#featuredContainer p {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:200;text-shadow: 0 1px 1px  rgba(0,0,0, .5);font-size:.9em;letter-spacing:.1em;line-height:1.5em;color:#383838;margin-bottom:2em;}

 .mobilenav {/*margin:0 0 -80px 0;*/margin:0;display:block;}

#navFeatured {padding:0;list-style:none;display:block;}
#navFeatured li  {padding:5% 0 5% 25%;width:100%;width:100px;height:100px;overflow:hidden;float:left;}
#navFeatured li a {text-align:center;color:#00336f;text-decoration:none;font-size:0.8em;float:left;} 

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* content */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
#content {float:left;background:#f9ae23;width:100%;padding:0 4%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#content section {/*background:white;*/margin-bottom:8%;padding:4% 4% 6% 4%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;border-radius:3px;box-shadow:0 0 15px rgba(0,0,0,.05);}
#content .markentext {max-width:955px;margin:0 auto;}
#content .markentext p {max-width:600px;}
#content section:after {
	content:'';
	height:10px;
	width:100%;
	display:block;
	background:url(../img/schatten.png) top center no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	bottom:-10px;}
#content section img {max-width:400px;} 
#content section h1 {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;font-size: 1.8em;margin-top:.2em;margin-bottom:.2em;color:#ffb82f;}
#content h2 {font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;font-weight:400;font-size: 1.7em; color:#505050; margin-bottom:2%;}
#content section p {
	 margin-top:0; 
	 color:#383838; 
	 font-size:1em; 
	 margin-bottom:1.6em; 
	 line-height:1.4em;
	 width:85%;}
#content section a {color:#a7a7a7;}
#content p {color:#383838; margin-bottom:2%;}	 
#content, featuredContainer a { text-decoration:none; background-image:none; background:transparent;}
#content ul li  {color:#383838; text-decoration:none; font-size:.8em;}

	
#content .button {display:inline-block; position:relative; font-size:1em; margin-top:20px; margin-bottom:20px; border-radius:3px; padding:11px 15px 6px 15px !important; line-height:19px; color:#ddfbd2 !important; text-shadow:0 -1px 1px rgba(0,0,0,0.7); text-decoration:none; background: #62d03a; background: -moz-linear-gradient(top, #62d03a 0%, #056c8c 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62d03a), color-stop(100%, #4ba829)) !important; background: -webkit-linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; background: -o-linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; background: -ms-linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; background: linear-gradient(top, #62d03a 0%, #4ba829 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d03a', endColorstr='#4ba829', GradientType=0 ) !important;
border-top:1px solid #4ba829 !important; border-left:1px solid #4ba829 !important; border-right:1px solid #429425 !important; border-bottom:1px solid #429425 !important; box-shadow:0 1px 1px rgba(0,0,0,0.3); width:auto !important; /* for submit etc */ }
#content .button.withDarkBg { border-top:1px solid #62be40 !important; border-left:1px solid #62be40 !important; border-right:1px solid #4ba829 !important; border-bottom:1px solid #4ba829 !important; box-shadow:0 1px 1px rgba(0,0,0,0.5); }
#content .button:hover { color:white !important; background: #62d03a !important; background: -moz-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62d03a), color-stop(100%, #429425)) !important; background: -webkit-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -o-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -ms-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: linear-gradient(top, #62d03a 0%, #429425 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d03a', endColorstr='#429425', GradientType=0 ) !important;
}
#content .button.withDarkBg:hover { border-top:1px solid #62be40 !important; border-bottom:1px solid #4ba829 !important; border-right:1px solid #429425 !important; border-left:1px solid #429425 !important; }
#content .button:active, .button.withDarkBg:active { box-shadow:inset 0 2px 2px rgba(0,0,0,0.4); background: #429425 !important; background: -moz-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62d03a), color-stop(100%, #429425)) !important; background: -webkit-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -o-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: -ms-linear-gradient(top, #62d03a 0%, #429425 100%) !important; background: linear-gradient(top, #62d03a 0%, #429425 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d03a', endColorstr='#429425', GradientType=0 ) !important;
border-top:1px solid #000 !important; border-left:1px solid #1d1d1d !important; border-right:1px solid #1d1d1d !important; border-bottom:1px solid #55a5bc !important; padding-top:12px !important; padding-bottom:5px !important; }
#content .withArrow { padding-right:45px !important; }
#content .button .arrow { width:33px; height:38px; position:absolute; top:-1px; right:-1px; background: url('../img/navigation/sprite02.png') no-repeat 0 -77px; z-index:10; }
#content .button:active .arrow { background: url('../img/navigation/sprite02.png') no-repeat 0 -76px; }
	
.clearing {clear:both;height:0;margin:0;}
.nospace   {padding:0;}


/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Footer */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
footer {
	background-color:#a1a1a1;
	float:left;
	width:100%;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}

footer section {
	margin-bottom:8%;
	border-bottom:1px solid #b5b5b5; padding:0px 0 20px 0;}

footer nav li a {
	list-style:none;
	line-height:1.8em;
	font-size:.75em;
	color:#fff;
	text-decoration:none;
	letter-spacing:0.1em;}
	
footer nav li a:hover {text-shadow: 0 1px 1px  rgba(0,0,0,0.4);}

footer nav h2, 
footer section h2 {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans serif;
	font-weight:400;
	letter-spacing:0.1em;
	font-size: 1.2em;
	margin-bottom:.2em;}

footer section p {
	margin-top:0;
	line-height:1.8em;
	font-size:.75em;
	letter-spacing:0.1em;}

#navFooter li { float:left; margin-right:15px; border-right:1px solid #b5b5b5; padding-right:15px; }


/* Backtotop .................................................. */
.backToTop {display:none;position:fixed;right:20px; bottom:20px;text-indent:-9999px;height:46px;width:46px;background:url(../img/navigation/backtotop_btn.png) no-repeat 0 -9px; }
.backToTop:hover { background:url(../img/navigation/backtotop_btn.png) no-repeat -46px -9px; }



/* Breakpoint Screen 400px .................................................. */
@media screen and (min-width:400px) {
	#content .container img {width:90%;height:auto;}
}


/* Breakpoint Screen 450px .................................................. */
@media screen and (min-width:450px) {
	#content .container img {width:80%;height:auto;}
	#navFeatured li {padding:5% 0 5% 3%;width:44%;float:left;	margin-right:1%;}	
	#navFeatured li:last-child {margin-right:0;}
	.mobilenav {display:none;}
}


/* Breakpoint Screen 480px .................................................. */
@media screen and (min-width:480px) {
	/*body {font-size:0.95em;}*/
	
	#navMain li a,
	#navFeatured li a,
	/*#content section a {padding:3%;}*/
	#content section   {padding:3% 3% 4% 3%;}
	#content .container img {width:70%; height:auto;}
	#content .button  {padding:3%;}	
}


/* Breakpoint Screen 550px .................................................. */
@media screen and (min-width:550px) {
	body {font-size:1em;}
	#featuredContainer {padding-top:3%;}		
	#featuredContainer p {max-width:530px;}
	#navFeatured li:last-child {margin-right:0;}
	#navFeatured li a {padding:9% 0 8%;}
	#content section {padding:2.5% 2.5% 3.5% 2.5%;}
	/*#content section p  {max-width:80%;}*/
}



/* Breakpoint Screen 620px .................................................. */
@media screen and (min-width:620px) {
	
#pageslide, .open {display:none;}
#navMain li a span {color: #f7931d;}
.smarty { display:none;}
.DE_on  {
		text-indent:-99999px; 
		background:url(../img/navigation/DE_on.png) 0px 12px  no-repeat; 
		margin:10px 0 0 20px;
		width:36px;
	    height:36px;
	}
.DE_off  {
		text-indent:-99999px; 
		background:url(../img/navigation/DE_off.png) 0px 12px  no-repeat; 
		margin:10px 0 0 20px;
		width:36px;
	    height:36px;}
		 
.EN_on  {
		text-indent:-99999px;
		background:url(../img/navigation/EN_on.png) 0px 12px no-repeat;
		margin:10px 0 0 5px;
		width:36px;height: 36px; }
.EN_off  {
		text-indent:-99999px;
		background:url(../img/navigation/EN_off.png) 0px 12px no-repeat;
		margin:10px 0 0 5px;
		width:36px; height: 36px; }
		
.CZ_on  {
		text-indent:-99999px; 
		background:url(../img/navigation/CZ_on.png) 0px 12px  no-repeat; 
		margin:10px 0 0 5px;
		width:36px;
	    height:36px;
	}
.CZ_off  {
		text-indent:-99999px; 
		background:url(../img/navigation/CZ_off.png) 0px 12px  no-repeat; 
		margin:10px 0 0 5px;
		width:36px;
	    height:36px;}
	
.PL_on  {
		text-indent:-99999px;
		background:url(../img/navigation/PL_on.png) 0px 12px no-repeat;
		margin:10px 0 0 5px;
		width:36px;height: 36px; }
.PL_off  {
		text-indent:-99999px;
		background:url(../img/navigation/PL_off.png) 0px 12px no-repeat;
		margin:10px 0 0 5px;
		width:36px; height: 36px; }
	
.TH_on  {
		text-indent:-99999px;
		background:url(../img/navigation/TH_on.png) 0px 12px no-repeat;
		margin:10px 0 0 5px;
		width:36px;height: 36px; }
.TH_off  {
		text-indent:-99999px;
		background:url(../img/navigation/TH_off.png) 0px 12px no-repeat;
		margin:10px 0 0 5px;
		width:36px; height: 36px; }
	
#navMain {display:block;}
#navMain {width:100%;float:left;padding:1.0% 1.0% 0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:0;}
#navMain li {float:left;}
#navMain li a {padding: .7em .5em .8em;}
	
header {padding-top:15px;padding-bottom:15px; height:92px;}
#imageHeader section p {
	 margin-top:0; 
	 color:#383838; 
	 margin-bottom:2em; 
	 line-height:1.4em;
	 margin-right:3%;}
#imageHeader section {
	 width:70%;
	 float:left;}
	
.navPosition {margin-bottom:15px;}
	
/*#logo {float:left;}	*/
#kontaktbtn {display: block;}
	
	
#featuredContainer {padding-bottom:0;	}
#featuredContainer img {margin:3% 0 4%;}
#featuredContainer .button {
		width:15%;
		white-space:nowrap;
		font-size:.8em;
		float:none;
		padding:1%;	
		margin-top:20px;
		margin-bottom:20px;
		color:#0955ae;
		background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: linear-gradient(bottom, #fff 0%, #f2f2f2 100%);
	border: 1px solid #a7a7a7;}
		
		
/*......................alter button.............*/	
/*	#content .button {
		width:25%;
		float:left;
		padding:1%;	
		margin-top:20px;
		color:#0955ae;
		background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: linear-gradient(bottom, #fff 0%, #f2f2f2 100%);
	border: 1px solid #a7a7a7;}*/
	
#content {margin-top:1%;}
#content section {
		float:left;
		width:100%;	
		margin-right:4%;
		margin-bottom: 4%;
		padding:2% 2% 3% 2%;}

#content .button {
		width:18%;
		white-space:nowrap;
		font-size:.8em;
		float:left;
		padding:1%;	
		margin-top:20px;
		color:#0955ae;
		background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image: linear-gradient(bottom, #fff 0%, #f2f2f2 100%);
	border: 1px solid #a7a7a7;}
	
	#content .container img { float:left; width:40%; height:auto; margin:0 30px 50px 0;}
	#content .container p { float:none;}
	#content .markentext section {
		max-width:955px;	
		margin-right:4%;
		margin-bottom: 4%;
		padding:2% 2% 3% 2%;}
	
	/*#content section:nth-of-type(even) {
		margin-right:0;	}	*/	
	
}



/* Breakpoint Screen 720px .................................................. */
@media screen and (min-width:720px) {
	
	/*#navFeatured li a {padding:7% 0 6%;}
	#navFeatured li {
		padding:5% 0 5% 3%;
		width:20%;
		float:left;	
		margin-right:1%;}*/
	#navFeatured li:first-child {padding-left:1%;}
	#content section img { width:100%; height:auto; margin:0 30px 10px 0;}
	#featuredContainer img {margin:2% 0 4%;}
	#navFooter li { margin-right:8px;}
	#navFooter li:last-child { border-right:1px;}
	footer section {
		border-bottom: 0px;
		width:25%;
		margin-right:4%;
		float:left;	}
	footer section:last-child {margin-right:0;}
	
}



/* Breakpoint Screen 820px .................................................. */
@media screen and (min-width:820px) {

	#navFeatured { display:none;}
	header {position:fixed;padding:1% 5% 0 5%;}
	
	#imageHeader {
	padding:0.1% 4% 1% 4%;
	margin-top:111px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
	#imageHeader .subnav li{margin-right:1%;padding:1.5% 2% 1% 2% !important;}
	
	.navPosition {float:left; width:75%; padding-left:5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;}
	
	#navMain {padding: 1% 1% 0%;}
	#navMain li a {padding: .2em .5em .7em;float:none;}
	
	#featuredContainer img {float:left;
		/*width:65.33333333333333%;  kurzfristig ausgeblendet!!!  */
		margin-top:1%;}	
	
	#content .button {width:15%;white-space:nowrap;}	
	/*#content {padding:1% 0 0 0;}*/
	#content  p {/*background:white;*/ width:70%;}
	/*#content section h1 {padding-left:4%;}*/
	#content section, 
	#content section:nth-of-type(even) {
		width:90.666666666666664%;
		margin-right:4%;
		padding:2.2% 1.2% 2.2% 1.2%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;}
		
	#content section:nth-of-type(3n+3) {margin-right:0;	}
	#content section a {width:19%;}
	
	.backToTop { display:block;}
	
}



/* Breakpoint Screen 960px .................................................. */
@media screen and (min-width:960px) {
	
	#navFeatured li  {padding:0 0 0 1%;}
	#content section  {
		margin-right:4%;
		padding:2.2% 5% 2.2% 5%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;}
	#content section a {width:16%;}
	
}



/* Breakpoint Screen 1120px .................................................. */
@media screen and (min-width:1120px) {
	
	#content .button {width:13%;white-space:nowrap;}	
	#content section a {width:16%;}

}