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, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 0;}
ol, ul {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline}
a:focus {outline: 1px maroon dotted}
b, strong {font-weight: bold}
i, em, figcaption {font-style: italic}
table {border-collapse: separate; border-spacing: 0}
tr, td {vertical-align: top}
img {-ms-interpolation-mode: bicubic;}
:focus {outline: 1px  dotted}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1}
audio:not([controls]) {display: none; height: 0}
[hidden] {display: none}
button, input, select, textarea {font-family: sans-serif}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -0.5em}
sub { bottom: -0.25em}

/*****/

html, body { height: 100%; }
body {
	font-family: 'RotisSemiSansStd-Regular',Arial,Helvetica,sans-serif,sans;
	font-size: 100.01%; -webkit-text-size-adjust: 100.01%; -ms-text-size-adjust: 100.01%; line-height: 1em;
	color: #777;
	}

header, section, footer, aside, nav, article { display: block; line-height: 1 }
a { color: #777; }

/*****/

#container { width: 960px; margin: 0 auto; }
#wrapper { height: 100%;  position: relative; width: 100%; }

#e1a, #e1b, #e1c, #e1cWide, #e1d, #e2a, #e2b, #e2c, #e3a, #e3b, #e3c { position: absolute; overflow: hidden; }

#wrapper div { background-repeat: no-repeat;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#e2b img { position: absolute; top: 33%; left: 15%; width:66% !important; height: auto !important; }

#e1a { top: 0px; left: 0px; width: 33%; height: 33%; }
#e1b { top: 0px; left: 33%; width: 25%; height: 25%; }
#e1c { background: #d1d3d4 45% 45%;	top: 0px; left: 58%; width: 30%; height: 25%;  }
#e1d { top: 0px; left: 88%; width: 12%; height: 25%; background: #eee; }
#e2a { top: 33%; left: 0px; width: 33%; height: 12%; background: lightblue}
#e2b { background-image: url(../img/logo_bg.gif); background-size: 100% 100% !important; top: 25%; left: 33%; width: 25%; height: 20%; }
#e2c { top: 25%; left: 58%; width: 42%; height: 12%; background: lightblue}
#e3a { top: 45%; left: 0px; width: 58%; height: 55%; }
#e3b { top: 37%; left: 58%; width: 30%; height: 63%; }
#e3c { background: #d1d3d4;  -webkit-background-size: contain !important; -moz-background-size: contain !important;  -o-background-size: contain !important; background-size: contain !important; top: 37%; left: 88%; width: 12%; height: 63%;	}

#e1cWide { top: 0px; left: 58%; width: 42%; height: 25%;}

#datenschutz { position: absolute; top: 0px; left: 0px; font-size: .7rem; text-transform: uppercase; background: white; background: rgba(255,255,255,.65); padding: .3rem; }
#datenschutz:hover { background: #09aefc; }
#datenschutz a:hover, #datenschutz a:focus { color: #fff; text-decoration: none }

/*****/

h1,h2 { color: #09aefc; font-size: 150%; margin-bottom: 1em; }
h2 { margin-bottom:0.5em; }
p, ul { font-size: 100%; line-height: 1.2em; margin-bottom: 1.5em; }
ul { list-style-type: square; margin-left: 1em;}
li { margin-bottom: .5em; }

.innerContents { padding: 7.5%; height:100%; overflow: auto;}
.innerContents a { color: #09aefc; }

#socials1 { margin-bottom:1.8em }
#socials1 a { margin-left: -.75em}
#socials1 a { padding: 0 .75em; }	
#socials1 img { width: 3.5em; height: auto; }

.navi a { padding: 0 .5em; }
.navi { position: absolute; top: 45%; width: 100%; text-align: center; }

.subnavi { position: absolute; top: 9%; left: 15%; list-style-type: none; line-height: 1.5em; white-space: nowrap; }

.navi a:hover, .subnavi a:hover { text-decoration: none; color: #09aefc; }
.navi a.aktiv, .subnavi li.aktiv a { font-family: 'RotisSemiSansStd-ExtraBold'; }

/*****/

.contentTable2 p { margin-bottom: 0; }

/*****/

.floatbreaker { clear: both; }
.rahmen1 { border: 1px #555 solid; }
.rund1 {	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.fadein1, .fadein2 img { opacity: .75; filter: alpha(opacity=75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;	}
.fadein1:hover, .fadein2 img:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.rechts { float: right; margin: 3px 0 15px 15px; }
.links { float: left; margin: 3px 15px 15px 0; }

a.rArr { background: url(../img/icons/rArr.gif) no-repeat 0px 3px; padding-left: 12px; }
a.rArr.external { background: url(../img/icons/ext.gif) no-repeat 0 2px; padding-left: 15px; }
.navi a.external, .innerContents a.rArr.external { background: url(../img/icons/ext-big2.gif) no-repeat; padding-left: 3.5%; background-size:22.5%; background-position: 7.5% center }
.innerContents a.rArr.external { padding-left: 4.5%; background-size:7.5%; background-position: 0 center }
.innerContents a.rArr.mailto { background: url(../img/icons/email-big2.gif) no-repeat 0 5px; padding-left: 4.5%; background-size:5.5%; background-position: 0 center }
a.rArr.mailto img { vertical-align: middle; }
a.pdf { background: url(../img/icons/pdf.gif) no-repeat 0 2px; padding-left: 18px; }
a.indent { display: list-item; list-style-type:none; }
	
#hinweisIE6, #hinweisIE7 { display: none; position: absolute; top: 0px; left: 0px; width: 100%; background: red; color: white; text-align: center; padding: 5px 0; font-size: 80%; font-weight: bold; }
#hinweisIE6 a, #hinweisIE7 a {color: white; }
#hinweisNoscript { position: absolute; top: 0px; left: 0px; width: 100%; background: red; color: white; text-align: center; padding: 5px 0; font-size: 80%; font-weight: bold; }

/* Galerie SEO */
#galerie { display: none; }

/* Special Font Sizes: */

.navi { font-size: 2vmin; }
.subnavi { font-size: 1.7vmin; letter-spacing: -.025em;}
.innerContents p, .innerContents ul { font-size:  1.6vmin; }
.innerContents h1 { font-size:  2.3vmin; }


/* Queries, Ein- und Ausblendungen: */

.portrait { display: none; }
#textPortrait { background: url(../img/layout/bg_textPortrait.png); width: 90%; height: 90%; margin: 1em auto auto; overflow-y: auto; }
#textPortrait .innerContents { overflow: initial ; }

@media only screen and (max-width: 1280px)
{
	#e1c { display: none; }
	#e1d { left: 58%; width: 42%;  }
	#e1d .subnavi { font-size: .9rem; }
	.innerContents p, .innerContents ul { font-size: .9rem;}
}
@media only screen and (max-width: 1024px)
{
	.navi { font-size: .9rem; line-height: 1.2rem; }
	#e1d .subnavi { font-size: .9rem; line-height: 1.5em;}	
	.innerContents p, .innerContents ul { font-size: 1rem;}
	.innerContents h1 { font-size: 1.2rem; }	
}
@media only screen and (max-width: 1024px) and  (orientation: landscape)
{
	.subnavi li:nth-child(n+6) { display: none}
}

@media only screen and (max-width: 960px)
{
	#e2a .navi { top: 60%; }
	#e2a .portrait.navi { top: 24%; }
	.navi { font-size: 1rem; line-height: 1.2rem; }
	.subnavi { font-size: 1rem; line-height: 1.5em;}	

}

@media only screen and (max-width: 800px)
{
	.navi { top:25%; }
	#e2a .navi { top: 37.5%; }
	.navi a.external, .innerContents a.rArr.external { background: none; padding-left: 0 }
}

@media only screen and (orientation: portrait), only screen and (max-width: 460px)
{
	#e1c, #e1d, #e2c, #e3b, #e3c, #e1cWide { display: none; }
	#e1a, #e2a { width: 56%; }
	#e1b, #e2b { width: 44%; left: 56%; }
	#e3a { width: 100%; }

	#e1b { background: #eee !important; }
	#e1b .backstretch { display: none !important }

	.portrait { display: block; }

	#e2a .navi { top: 66%; }
	#e2a .portrait.navi { top: 21%; line-height: .9rem; }
	
	.navi { font-size: .8rem; line-height: 1rem; }
	.navi a { padding: 0 .15em; }
	.subnavi { font-size: .8rem; line-height: 1.2em;}	
	
	.innerContents h1 { font-size: 1.2rem;}
	.innerContents p { font-size: .9rem;}
}