/* HTML5 Boilerplate  */
@import url("/fonts.css");

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	/* [disabled]display: block; */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #182961; color: #fff; text-shadow: none; }
::selection { background: #182961; color: #fff; text-shadow: none; }

#cfg-form-1 ::-moz-selection { background: #fff; color: #182961; text-shadow: none; }
#cfg-form-1 ::selection { background: #fff; color: #182961; text-shadow: none; }

#cfg-element-1-6 ::-moz-selection { background: #fff; color: #182961; text-shadow: none; }
#cfg-element-1-6 { background: #fff; color: #182961; text-shadow: none; }

a { color: #C4261D; text-decoration: none; }
a:visited { color: #C4261D; }
a:hover { color: #182961; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

body { background: url(img/background.png) center repeat-y #e3e3e3; font: 0.83em Tahoma, Geneva, sans-serif; color: #182961; line-height: 1.4; }
p { margin: 0 0 20px 10px; font-size: 1.2em; }

.wrapper{
	width: 998px;
	margin: auto;
}

#maincontent article h2,
#maincontent article h3,
footer .footerCol h5{ font-family: 'Lato', sans-serif }

header{ width: auto; height: 145px; background: url(img/header.jpg) repeat-x center top #fff; clear: both; }
header #branding, header #branding a { width: 350px; height: 110px; margin: 0; padding: 10px 0px 0; float: left; }
header #branding a { padding: 0; background: url(img/ics-logo.png) no-repeat; display: block; text-indent: -9999em; }
header #topNavigation { width: 98%; float: right; height: auto; display: block; margin: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; text-align: right; }
header #topNavigation li { display: inline; padding:0 0 0 15px; }
header #topNavigation li a { color: #182961; font-weight: bold; text-transform: uppercase; }
header #topNavigation li a:hover { color: #C4261D; }

#topNavigation .active { color: #C4261D; background-image: url(/img/10x10.png); background-repeat: no-repeat; background-position: 0 4px; display: inline; }
#topNavigation .active-a { color: #C4261D; background-image: url(/img/10x10.png); background-repeat: no-repeat; background-position: 0px center; display: inline; }

#mainNavigation .active { color: #C4261D; background-image: url(/img/10x10.png); background-repeat: no-repeat; background-position: left center; display: inline; }
#mainNavigation .active-a { color: #C4261D; background-image: url(/img/10x10.png); background-repeat: no-repeat; background-position: 0px center; display: inline; }
#mainNavigation { background: #182961; width: auto; padding: 8px 0 10px 0; text-transform: uppercase; margin-bottom: 34px; font-size: 1.05em; }
#mainNavigation li { display: inline; padding: 0 10px 0 0; text-align: left; }
#mainNavigation li:first-child { padding-left:0px; }
#mainNavigation li a { color: #FFF; font-weight: bold; padding-left: 20px; display: inline; }
#mainNavigation li a:hover { color: #C4261D; background-image: url(/img/10x10-w.png); background-repeat: no-repeat; background-position: left center; }

#topbox { max-width: 954px; padding: 20px; background-color: #fff; background-image: url(/img/10x10.png), url(/img/10x10.png), url(/img/10x10.png), url(/img/10x10.png); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: left top, right top, left bottom, right bottom; }
#topbox .left { width:600px; float:left; }
#topbox .right { width: 338px; float:right; }
#topbox h2 { font: 3.5em 'Journal', sans-serif; font-weight: 300; color: #C4261D; margin: 0 0 10px 10px; line-height: 80%; }
#topbox p:last-child { margin-bottom:0; }

#shadowTopbox { margin-bottom:30px; }
.shadow { background: url(img/shadow-left.png) no-repeat left, url(img/shadow-right.png) no-repeat right; width:100%; height:14px; }
.shadow-content-center { background: url(img/shadow-left.png) no-repeat left, url(img/shadow-right.png) no-repeat right; width:100%; height:14px; margin-bottom: 30px;}

#teaserBoxen { margin-bottom: 30px; padding: 0px; width: auto; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
#teaserBoxen .box { width: 319px; float: left; }
#teaserBoxen .box img { border: 0px solid #fff; }
#teaserBoxen .middle { margin:0 20px; }

#maincontent { width:100%; max-width:658px; float:left; }
#maincontent article { background:#fff; padding:20px; padding-bottom:45px; position:relative; }
#maincontent article h3 { font-size:1.2em; font-weight:bold; color:#949494; margin:0; }
#maincontent article h3 a { color: #182961; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
#maincontent article h2 { font-size: 3.5em;	color: #c4261d; margin: 0 0 10px 0; line-height: 100%; font-family: Journal, Arial, Helvetica, sans-serif; font-weight: 300; }
#maincontent .shadow { margin-bottom:30px; }
#maincontent .articleImage { padding:1px; border:1px solid #a6a6a6; margin-bottom:20px; }
#maincontent .articleImage img{ width:100% }
#sidebar { width: 315px; float: right; background-color: #FFF; height: 505px; }

.articleFooter { background:#f6f6f6; width:100%; padding:10px 0; font-size:0.8em; color:#565656; position:absolute; bottom:0px; left:0px; }
.articleFooter p { display: inline-block; float: left; padding: 0 20px; margin: 0; color: #182961; }
.articleFooter a { color: #182961; }
.articleFooter .icon { width:16px; height:16px; display:block; background:url(img/icons.png); float:left; margin-right:2px; }
.articleFooter .categories .icon { background-position: 0px -16px; }
.articleFooter .author .icon { background-position: 0px -32px; }

#sidebar aside { margin-bottom:30px; }

.socialnetworks ul { list-style:none; padding:0; margin:0; }
.socialnetworks ul li { float: right; padding: 65px 2px 0 0; }
.socialnetworks ul li:first-child { padding-left:0;  padding-right:2px; }
.socialnetworks ul li:last-child { padding-right:0; }
.socialnetworks ul li a { background: url(img/icons.fw.png) no-repeat; width: 25px; height: 25px; display: block; text-indent: -9999em; }
.socialnetworks ul li a.facebook { background-position: 0px 0px; margin-right: 2px; }
.socialnetworks ul li a.googleplus { background-position: -25px 0px; }
.socialnetworks ul li a.twitter { background-position: -50px 0px; }
.socialnetworks ul li a.vimeo { background-position: -75px 0px; }
.socialnetworks ul li a.linkedin { background-position: -100px 0px; }
.socialnetworks ul li a.rss { background-position: -125px 0px; margin-right: 2px; }
.socialnetworks ul li a.facebook:hover { background-position: 0px -25px; }
.socialnetworks ul li a.googleplus:hover { background-position: -25px -25px; }
.socialnetworks ul li a.twitter:hover { background-position: -50px -25px; }
.socialnetworks ul li a.vimeo:hover { background-position: -75px -25px; }
.socialnetworks ul li a.linkedin:hover { background-position: -100px -25px; }
.socialnetworks ul li a.rss:hover { background-position: -125px -25px; }
.socialnetworks p { margin-bottom:5px; }

footer .wrapper { padding-top:30px; }
footer { background:#f3f3f3; font-size:0.9em; border-top:10px solid #182961; }
footer .footerCol { float:left; padding-right:60px; margin-bottom:30px; }
footer .footerCol:last-child { padding-right:0; }
footer .footerCol ul { list-style:none; padding:0; margin:0; }
footer .footerCol ul li { padding-bottom:4px; line-height:1.2; }
footer .footerCol ul li::before { content: "» "; font-weight:bold; }
footer .footerCol a { color:#676767; }
footer .footerCol a:hover { color:#c4261d; }

footer .footerCol h5 { font-weight:bold; color:#3d3d3d; font-size:1em; margin: 0 0 5px 0; }
.slogan { display: block; float: left; height: auto; width: auto; margin: 10px 0 0 30px; }
.slogan h2 { font-family: Journal, Arial, Helvetica, sans-serif; font-size: 60px; font-weight: normal; margin: 0px; padding: 0px; }
#topbox a.link, #topbox a:active { color: #C4261D; }
#topbox a:hover { color: #182961; }
#topbox a:visited { color: #C4261D; }

.content-left { font-size: 1em; font-weight: normal; text-align: left; background-color: #FFF; background-image: url(/img/10x10.png), url(/img/10x10.png), url(/img/10x10.png), url(/img/10x10.png); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: left top, right top, left bottom, right bottom; margin: 0px; padding: 20px 0; }
.content-blue-center { max-width: 920px; height: auto; font-size: 1em; font-weight: normal; text-align: center; background-color: #182961; margin: 0; padding: 20px; color: #FFF; }
.content-white-center { max-width: 910px; height: auto;  font-size: 1em; font-weight: normal; text-align: center; background-color: #FFF; margin: auto; padding: 20px; color: #FFF; display: block; }
.content-center {
	background-color: #fff;
	background-image: url("/img/10x10.png"), url("/img/10x10.png"), url("/img/10x10.png"), url("/img/10x10.png");
	background-position: left top, right top, left bottom, right bottom;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	font-size: 1em;
	font-weight: normal;
	margin: auto;
	max-width: 992px;
	min-height: 480px;
	padding: 20px;
	text-align: center;
}
.content-left h3, .content-center h3 { font-family: Journal; font-size: 2.6em; font-weight: normal; color: #C4261D; padding-left: 10px; margin: 0px; }
.kontakt-text {
    color: #333;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: normal;
    margin: 29px 0 0 84px;
    max-width: 300px;
    padding: 0;
    text-align: left;
}
.kontakt-formular { height: auto; color: #333; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; font-style: normal; font-weight: normal; height: auto; line-height: normal; margin: 0px; max-width: 500px; padding: 0; text-align: left; display:block; }
.block { display: block; height:auto; }

@media only screen and ( min-width:640px ) and ( max-width:1024px ) {
	#sidebar, #teaserBoxen, #topbox .right, .slogan, .socialnetworks ul li  { display:none; }
	#topbox { max-width:600px; margin: auto; }
	#shadowTopbox { max-width:600px; margin:auto; margin-bottom:30px; }
	.wrapper { width:auto; max-width:780px; padding:0 20px; }
	#maincontent { max-width:780px; }
	header #topNavigation { width: 98%; float: right; height: 20px; display: block; margin: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; text-align: right; }
	header #branding { margin:auto; float:none; }
	#mainNavigation { text-align: center; }
	#mainNavigation li:first-child { padding-left:0px; }
	.content-center {padding: 20px; text-align: center; min-height: 680px; }
	.kontakt-text { float: none; padding: 0px; margin: auto;}
}

@media only screen and ( max-width:640px ) {
	#sidebar, #teaserBoxen, #topbox .right, .slogan, .socialnetworks { display:none; }
	body{ background:#fff; }
	header #branding a { padding: 0; background: url(img/ics-logo_klein.png) no-repeat; display: block; text-indent: -9999em;  text-align: center; }
	header #branding, header #branding a { width: 250px; height: 100px; margin: 0; padding: 0; float: none; }
	#sidebar, #teaserBoxen, #topbox .right, #topNavigation, #topbox, #shadowTopbox, #maincontent .shadow, .content-center .shadow, #maincontent .articleFooter{ display:none; }
	.wrapper { width:auto; max-width:640px; padding:0 20px; }
	#maincontent { max-width:640px; }
	#maincontent article { padding: 0; margin-bottom:50px; }
	header #branding { margin:auto; float:none; }
	#mainNavigation li, #mainNavigation li a  { display:block; padding:0; text-align:center; }
	#mainNavigation li a { padding:2px 0; margin:0;}
	footer .footerCol ul li { margin-bottom:6px; }
	#mainNavigation { text-align: center; }
	#mainNavigation li:first-child { padding-left:0px; }
	#topbox .content-center{ max-width: 600; }
	.content-left { max-width: 600; font-size: 0.9em; font-weight: normal; text-align: left; }
	.content-center { max-width: 600; font-size: 0.9em; font-weight: normal; text-align: center; }
	.content-left h3, .content-center h3 { font-family: Journal; font-size: 2.5em; font-weight: 300; color: #C4261D; line-height:0.9em; padding-bottom: 10px; margin: 0px; }

	.kontakt-text { float: none; padding: 0px; margin: auto;}
}

	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
	.ir br { display: none; }
	.hidden { display: none !important; visibility: hidden; }
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
	.invisible { visibility: hidden; }
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	.socialnetworks { float: right; margin-top: 50px; margin-left: 100px; display: inline; }
	thead { display: table-header-group; } 
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}