/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; }
article, aside, footer, header, main, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
strong {font-weight:bold;}

* { -webkit-text-size-adjust:none; }

/* tags */
html, html.ie8max { min-width:760px; }
html.js, body { min-height:100%; height:100%; word-wrap:break-word; min-width:320px; }
body { margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, "Helvetica Neue", "Nimbus Sans L", "DejaVu Sans", sans-serif; font-size:0.75em; color:#47607c; }

.skip { position:absolute; display:inline-block; top:-10em; width:40%; padding:0.75em; color:#fff; font-size:1.25em; font-weight:bold; text-decoration:none; text-align:center; background:#214266; }
.skip:focus { top:1em; left:30%; color:#fff; z-index:9999; }

#wrapper { max-width:960px; margin:0 auto; min-height:100%; height:100%; }
#left { float:left; width:23.33%; max-width:223px; text-align:center; min-height:100%; }
#nav { text-align:left; }
header, #headlines { height:11.0em; min-height:150px; margin:0 0 12px 0; background:#fff; }
#head-inner #home-link { display:inline-block; width:100%; max-width:94px; margin:9px 0 0 0; }
#head-inner img.logo-typo { margin:2px 0 0 0; }
#head-inner img { width:100%; height:auto; }

#headlines { position:relative; background:#fff; }
#headlines div { position:absolute; bottom:22px; margin:0 30px 0 30px; }

nav, #visual { background:#fff; }
nav { padding:14px; padding:10px 14px 10px 14px; line-height:140%; }
#langs, #langs-mobil { padding:1px 14px 18px 14px; text-transform:uppercase; }
nav ul { margin:0; list-style-type:none; }
nav li { padding:0.25em 0; }
nav a { font-weight:bold; color:#999; text-decoration:none; }
nav a:hover, nav a:focus, nav li.aktiv a { color:#214266; }

#visual { margin:0; }
#visual img { display:block; width:100%; height:auto; }

#kontakt { margin:0 0 0 0; padding:19px 14px 14px 14px; font-size:83.333%; color:#214266; line-height:140%; }
#kontakt div { text-transform:uppercase; display:block; padding:0 0 0.75em 0; }
#kontakt a { color:#214266; text-decoration:none; }
#kontakt a:hover, #kontakt a:focus { text-decoration:underline; }

#left-bg, #copy-text-bg { position:fixed; overflow:hidden; z-index:-998; top:0; width:23.3%; max-width:223px; height:100%; padding:0; background:url(../images/overlay.png); }
#copy-text-bg { width:100%; max-width:690px; }

#content { float:right; width:71.875%; height:100%; line-height:185%; background:url(../images/overlay.png) no-repeat; }

#copy-text { padding:10px 30px 1px 30px; background:#fff; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto; -moz-hyphenate-limit-chars:6 3 2; -webkit-hyphenate-limit-chars:6 3 2; -ms-hyphenate-limit-chars:6 3 2; -o-hyphenate-limit-chars:6 3 2; hyphenate-limit-chars:6 3 2; }

#copy-text a { color:#993300; text-decoration:none; }
#copy-text a:hover, #copy-text a:focus { text-decoration:underline; }

p, ul, ol { margin:0 0 1.2em 0; }
h1 { margin:0 0 0.5em 0; font-size:1.16667em; font-weight:normal; line-height:133%; }
h2 { margin:0; font-size:2em; font-weight:normal; color:#214266; line-height:116.67%; }
h3 { margin:0; padding:0.5em 0 0 0; font-size:1em; font-weight:bold; }

#content li, #content .zwei-sp ul ul li  { padding:0 0 0 9px; background:url(../images/li-bullet.gif) 0 0.7em  no-repeat; }#content ol { margin-left:2.25em; }#content ol li { padding:0 0 0 0.35em; background:none; }
#content .zwei-sp ul { margin:0; }
#content .zwei-sp ul li { color:#000; background:none; padding:0; }
#content .zwei-sp ul ul li { color:#47607C; }
#content .zwei-sp div { float:left; width:47.5%; margin:0 0 1.2em 0; margin:0; }
#content .zwei-sp div:first-child { margin:0 5% 0 0; }
#content .zwei-sp div h3 { margin:0 0 0.5em 0; }

.conclusio { margin:2.5em 0 1.75em 0; font-weight:bold; line-height:133.33%; }
.conclusio span { text-transform:uppercase; color:#993300; }

#visuals { position:relative; margin:3em -30px -8px -30px; }
.js #visuals { margin-top:0; }
#visuals  img{ width:100%; height:auto; }


#mobile-menu-icon { display:none; }
#mobile-menu { position:absolute; top:83px; display:none; width:100%; }
#mobile-menu-overlay { display:none; }
#mobile-menu nav  { width:70%; padding:14px 15%; background:#fff; }
#mobile-menu #main-nav-mobil { padding:5px 15% 0 15%; } 
#mobile-menu #langs-mobil { padding:0 15% 3px 15%; } 
#mobile-menu nav ul li  { padding:0 0 0.25em 0; } 
#mobile-menu nav ul li a  { display:block; padding:0.35em 0.75em 0.25em 0.75em; color:#fff; background:#999; } 
#mobile-menu nav ul li a:hover, #mobile-menu nav ul li a:focus,#mobile-menu nav ul li.aktiv a { background:#214266;}
 
#content #bottom { display:none;}


/* slides */
.slides { margin:0 -30px -1px -30px; padding:0 0 2em 0; background:#d4d9df;}
.custom-pager { position:absolute; bottom:8px; margin-left:80px; }
.custom-pager span { display:inline-block; overflow:hidden; margin:0 10px 0 0; font-size:1px;}
#copy-text .custom-pager span a { display:block; width:10px; height:10px; color:#61778f; background:#61778f; cursor:pointer; }
#copy-text .custom-pager span.cycle-pager-active a, #copy-text .custom-pager span a:hover, #copy-text .custom-pager span a:focus { color:#af3907; background:#af3907; }
.slides blockquote { line-height:150%; }
.slides blockquote p { margin:0 0 0.8em 0; }
.slides cite { font-size:0.83333em; }
.js .slides div { margin:0 80px; padding:1.25em 0; }
.custom-pager { display:block; }
.slides-inside p + .custom-pager { float:none; margin:1.8em 0 20px 0; }
.custom-pager strong { font-weight:bold; }
.slides-inside .head div { margin-right:6em; }
.center  { position:relative; top:0; bottom:0; z-index:222; margin:0 -30px; }
.prev, .next { position:absolute; height:1.2em; padding:0.35em 0.25em; color:#61778f; font-size:6em; line-height:1; cursor:pointer;}
.prev { left:2px; }
.next { right:2px; }
.no-touch .center .prev:hover, .no-touch .center .next:hover { color:#8f9eaf; }
.no-touch .center .prev:hover { left:0; }
.no-touch .center .next:hover { right:0; }

/* bg-img */
#bg-img { position:fixed; top:0; left:0; z-index:-999; width: auto; height: auto; }
#bg-img.bgwidth { width:100%; }
#bg-img.bgheight { height:100%; }
.js #bg { position:absolute; position:fixed; top:0; left:0; z-index:-999; width:100%; height:100%; background:no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.ie8max #bg { background:none; }


/* clearfix */
#content:after, #bottom:after, div.zwei-sp:after { display:block; clear:both; content:" "; height:1px; overflow:hidden; }



/* solange es nur eine Sprachversion gibt */
div#langs { height:1px; padding:0 0 0.75em 0; background:#fff; }








/* media queries */ 

@media only screen and (max-device-width:1280px) and (max-width:1280px)
{ 
	body { font-size:95%; }
	h2 { font-size:1.75em; }
	#head-inner #home-link { margin:18px 0 0 0; }
}


@media only screen and (max-width:600px)
{
	.js #left, .js #content { clear:both; float:none; width:auto; max-width:100%; height:auto; min-height:0; padding:16px; background:#fff; }
	.js #left { padding:0 16px 6px 16px; }
	.js #copy-text-bg { display:none; }

	.js #head-inner { text-align:left; position:relative; }
	.js #head-inner #home-link { max-width:202px; margin:9px 0 0 0; }
	.js #head-inner img { max-width:94px; }
	.js #head-inner img.logo-bild { max-width:65px; }
	.js #head-inner img.logo-typo { margin:0 0 0 18px; }

	.js #mobile-menu-icon { display:block; position:absolute; right:0; bottom:2px; outline:none; }
	.js #mobile-menu-icon img { width:auto; cursor:pointer; }
	.js #mobile-menu-icon:hover, .js #mobile-menu-icon:focus { opacity:0.7; filter:alpha(opacity=70); }
	
	.js .mobile-menu-visible #mobile-menu  { display:block; z-index:999; }
	.js .mobile-menu-visible .skip, .js .mobile-menu-visible .skip:focus  { display:none; }
	.js .mobile-menu-visible #mobile-menu-overlay { display:block; position:absolute; width:100%; top:88px; bottom:0; background:#999; opacity:0.8; filter:alpha(opacity=80); z-index:998; }

	.js header, .js #headlines  { margin:0; min-height:0; height:auto; position:static; }
	.js #headlines div   { margin:0; min-height:0; position:static; }
	.js main { display:block; }
	.js #headlines div, .js #copy-text { padding:0 16px; padding:0; }

	.js #copy-text { margin:2em 0 0 0; }

	.js #bottom { display:none; }
	.js #content #bottom { display:block; padding:1.2em 0 0 0; }
	 
	.js #bottom div { float:left; width:40%; max-width:223px; }
	.js #bottom #kontakt { width:55%; margin-left:5%; padding:0; }
	.js #kontakt { font-size:0.833333em; }
	.js #kontakt div { width:auto; float:none; }

	.js #left-bg, .js #copy-text-bg { display:none; }

	.js #nav  nav { display:none; }
	.js #left { border-bottom:12px solid #c6cfd8; }

	.js #visuals { display:none; margin:3em -15px 2em -15px; }

	.js #content { line-height:150%; }

	.js h1 { font-size:1em; }
	.js h2 { font-size:1.5em; }

	.js .slides { margin:0 -16px 1.2em -16px; }
	.center  { margin:0 -16px; }
	.prev, .next { line-height:40%; }
	.js .slides div { margin:0 6em; }
	.js .slides blockquote cite { line-height:140%; display:block; }
	.custom-pager { margin-left:6em; }
	
	#bg { display:none; }
}


@media only screen and (max-device-width: 480px)
{ 
	body { font-size:100%; }
}


@media only screen and (max-width:380px)
{ 
	#content .zwei-sp div { float:none; width:auto; margin:0; }
	#content .zwei-sp div:first-child { margin:0 0 1.2em 0; }
	#content #bottom { font-size:90%; }
	.prev, .next { padding:0.35em 0.125em; }
	.js .slides div { margin:0 5em; }
	.custom-pager { margin-left:5em; }
}



@media print
{
	body, html , * { height:auto; min-height:0 !important; width:auto; min-width:0; position:static !important; }
	body { font-size:0.75em; }
	.skip, nav, #visual { display:none !important; }
	#content a { color:#47607C; text-decoration:underline; }
	#bottom { max-width:100% !important; }
	header { position:absolute; right:0; width:175px; }
	#headlines { height:auto; min-height:0; }
	#left { float:right; width:175px; }
	#kontakt { text-align:center !important; }
	#content { float:none; padding:0 240px 0 0; }
	#content li, #content .zwei-sp ul ul li  { margin:0 0 0 1.2em; padding:0; list-style-type:disc; background:none; }
	#content .zwei-sp ul li { margin:0; list-style-type:none; }
	.slides, .js .slides div { margin:0; background:none; }
	.center, .custom-pager { display:none; }
	.cycle-slide { position:static !important; display:block !important; }
}