/* 
	Stylesheet fuer elox Gerhard Gotta
	www.elox-gotta.de

	Ulrich Grundstein | info@buero-dortmund.de | 04/2009 - now 
*/


/* 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;}


/*	tags	*/
body {min-width:320px;padding:27px 0 0 0;font-size:87.5%;font-family:Arial, Helvetica, Verdana, sans-serif;color:#000;background:#fff url(../images/bg.gif) repeat-x 0 141px;-webkit-text-size-adjust:none;}
.skip {position:absolute;display:inline-block;top:-10em;width:40%;padding:0.5em;font-size:1em;text-align:center;text-transform:uppercase;text-decoration:none;color:#000;background:#ccc;letter-spacing:0.05em;z-index:999;}
.skip:focus {top:1.0em;left:30%;outline:none;text-decoration:none;}
#content:focus, #prim-nav:focus {outline:none;}
img {display:block;}
#content img {border:1px solid #999;}
h1 {margin:0 0 1.25em 0;font-size:1.4em;font-weight:bold;line-height:normal;color:#333;}
h2 {margin:1.7em 0 0 0;font-size:1.0em;font-weight:bold;}
h2.mb085 {margin:1.7em 0 0.85em 0;}
h3, h4, h5, h6, h7 {font-size:1.0em;font-weight:bold;}
p {margin:0 0 1.7em 0;}
ul, ol {margin:0.2em 0 1.7em 0;list-style-type:none;line-height:150%;}
li {padding:0 0 0 7px;background:url(../images/li-bullet.gif) no-repeat 0 0.4em;}
ol li {margin:0 0 0 2.25em;padding:0 0 0 0.25em;background:none;}
p +  ol {margin-top:-1em;}
ul.referenzen li {padding:0 0 0.12em 0;background:none;}
ul.spiegelstrich li {padding:0.1em 0 0.075em 8px;background:url(../images/li-strich.gif) no-repeat 0 0.6em;}
a {color:#006699;font-weight:bold;text-decoration:none;}
#content a:hover {color:#000;}
a img {border:none;}
table {margin:1px 0 1.7em 0;font-size:1.0em;}
td {padding:0 1.75em 0 0;vertical-align:top;font-size:1.0em;}
td.ta-r {text-align:right;}
td.pr-0 {padding:0;}
strong {font-weight:bold;}


/*	ids	*/
#bg {background:#fff url(../images/bg.gif) repeat-x 0 114px;}
#wrapper {width:100%;max-width:936px;}
html.ie-old #wrapper {width:936px;}
#logo {margin:0 0 0 190px;height:114px;vertical-align:bottom;line-height:90%;}
#logo img {display:inline;padding-top:67px;}
#logo img.elox-logo {float:right;padding:0;}
#logo img.elox-gg {padding-right:23px;}
#logo div.logo-egg {display:inline-block;padding:0 28px 0 7px;vertical-align:top;}
#logo div.logo-egg img {padding-top:75px;}
#logo div.logo-kia {display:inline-block;padding:0 0 0 4px;}
#logo div.logo-kia img {padding-top:79px;}
#kopf {clear:both;height:160px;}
#prim-nav {float:left;width:20.28%;max-width:190px;}
#mobile-menu-icon {display:none;width:100%;padding:5px 0 6px 12px;-moz-box-sizing:border-box;box-sizing:border-box;}
#mobile-menu-icon span {display:block;width:36px;height:4px;margin:3px 0 0 0;background:#0066a1;}
#mobile-menu-icon span.text {position:absolute;top:-12em;}
#mobi-nav-close {display:none; height:2.2em; width:100%; background:url(../images/mobi-nav-close.png) 50% 50% no-repeat;}
#mobi-nav-close span {display:block;position:absolute;top:-12em;}
#bildleiste {float:left;width:79.72%;max-width:746px;background:#333;}
#bildleiste-inner {max-width:730px; height:160px;margin:0 6px 0 10px;background:#e4e4e4;}
#bildleiste img {float:left;max-width:100%;width:auto;height:auto;margin:0;padding:0;}
#bildleiste img {width:72.603%;}
#bildleiste img:first-child {width:27.397%;}
#main {clear:both;padding:25px 0 0 0;}
#sek-nav {float:left;width:190px;min-height:1px;margin:0 0 1px 0;speak:none;}
#content {float:left;display:inline;width:530px;margin:1px 0 0 210px;line-height:165%;}
#fuss {clear:both;width:200px;margin:16px 0 0 0;background:#333;}
#fuss div {display:none;}


/*	classes	*/
.kleiner {margin-top:0.15em;font-size:0.85em;line-height:1.35em;}
.clb {clear:both;font-size:0.2em;line-height:0.2em;height:1px;}
br.clb {clear:both;display:block;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
span.dt-hidden,li.dt-hidden {display:none;}


/*	nav	*/
#prim-nav ul {margin:24px 0 0 30px;width:150px;padding:0;list-style-image:none;}
#prim-nav ul li {margin:0;padding:0 0 3px 0;background-image:none;}
#prim-nav ul li a {padding:0;text-transform:uppercase;color:#666;}
#prim-nav ul li a.aktiv {font-weight:bold;color:#336699;}
#prim-nav ul li a:hover {color:#336699;}
#prim-nav ul li ul{display:none;}
#sek-nav ul {margin:0 0 0 30px;width:150px;padding:0;list-style-image:none;}
#sek-nav ul li {margin:0;padding:0 0 3px 0;background-image:none;}
#sek-nav ul li a {font-weight:normal;padding:0;color:#333;}
#sek-nav ul li a.aktiv {font-weight:bold;color:#006699;}
#sek-nav ul li a:hover {color:#006699;}
#fuss ul {margin:0;width:160px;padding:0.25em 0 0.2em 30px;list-style-image:none;background:#fff;speak:none;}
#fuss ul li {margin:0;padding:0 0 3px 0;background-image:none;}
#fuss ul li a {font-weight:normal;padding:0;color:#333;}
#fuss ul li a.aktiv {font-weight:bold;color:#006699;}
#fuss ul li a:hover {color:#006699;}


/*	Liste Ansprechpartner	*/
h2.asp {margin:0 0 1.25em 0;padding-top:1.2em;font-size:1.4em;font-weight:bold;line-height:normal;color:#333;}
div#asp h3 {margin:0;font-size:1.0em;font-weight:bold;}
div#asp div {float:left;width:46.8%;margin:0 6.4% 3.25em 0;}
div#asp div  + div  {margin-top:-2em;}
div#asp div.clb + div, div#asp h3 + div + div.rechts  {margin-top:0;}
div#asp div.lastrow {margin-bottom:1.7em;}
div#asp div.rechts {margin-right:0;}
div#asp div.clb {float:none;width:100%;margin:0;}
dl {width:248px;margin:0;}
dt {width:170px;display:none;}
dd {width:248px;margin:0.35em 0 0 0;}

/*	Grossansicht	*/
#content.grossansicht {margin-left:200px;}
div#bu {margin:0.75em 0 0 0;}


/*	Zertifikate	*/
div#zertifikate {margin:0 0 0.25em 0;text-align:center;}
div#zertifikate img {display:inline;margin:0 1px 0 0;}
div#zertifikate.vier-sp img {display:inline;margin:0 2px 0 0;}
div#zertifikate img.last {margin:0;}
div#zertifikate + p {text-align:center;}

	
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap {position:absolute;top:0;left:0;z-index:8020;-ms-touch-action:pan-y;touch-action:pan-y;}
.fancybox-skin {position:relative;background:#fff;color:#666;}
.fancybox-opened {z-index:8030;}
.fancybox-outer, .fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe {display:block;width:100%;height:100%;}
.fancybox-image {max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('../images/fancybox_sprite.png');}
#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div {width:44px;height:44px;background:url('../images/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute;top:-28px;right:-32px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-close span {display:block;overflow:hidden;text-indent:-20em;}
.fancybox-nav {position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../images/blank.gif');/* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev {left:-48px;}
.fancybox-next {right:-48px;}
.fancybox-nav span {position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;overflow:hidden;text-indent:-20em;}
.fancybox-prev span {left:10px;background-position:0 -36px;}
.fancybox-next span {right:10px;background-position:0 -72px;}
.fancybox-close:hover, .fancybox-close:focus, .fancybox-nav:hover, .fancybox-nav:focus  {opacity:0.7;}
.fancybox-tmp {position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}

/* Overlay helper */
.fancybox-lock {overflow:hidden !important; width:auto;}
.fancybox-lock body {overflow:hidden !important;}
.fancybox-lock-test {overflow-y:hidden !important;}
.fancybox-overlay {position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:#666;opacity:0.8;}
.fancybox-overlay-fixed {position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll;}

/* Title helper */
.fancybox-title {visibility:hidden;position:relative;z-index:8050;line-height:150%;padding:0.5em 0 0.5em 0;font-size:1.33em;}

@media 
	only screen and (max-width:720px) {
		.fancybox-title {line-height:120%; font-size:1.2em;}
	}

@media 
	only screen and (max-width:480px) {
		.fancybox-title {font-size:1.1em;}
	}

.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;/* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8);color:#fff;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap {position:relative;margin-top:10px;color:#fff;}
.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}


/* Video */
.responsive-video-wrapper { width:100%; max-width:100%;  margin:0 auto 2.75em auto; border:1px solid #ddd;}
.responsive-video { position:relative; padding-bottom:56%; height:0; overflow:hidden;}
.responsive-video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}


@media 
	only screen and (max-width:956px) {
		body {padding:12px 0 0 0;}
		#wrapper {max-width:none;}
		#bg {background:#fff;}
		#kopf {height:auto;}
		#bildleiste {width:100%;max-width:none;margin:2px 0 0 0;}
		#bildleiste-inner {height:auto;max-width:none;margin:0;}
		#logo {height:104px;margin:0 0 0 8px;padding:0 8px 0 0;}
		#logo div.logo-egg {padding:0 28px 0 0;}
		#content {width:auto;margin:1px 16px 0 16px;}
		#prim-nav {width:100%;max-width:none;background:#ccc;float:none;}
		/* mobi */
		#mobile-menu {display:none;}
		#prim-nav ul {display:none;width:auto;margin:0;}
		#prim-nav #mobile-menu ul {display:block;}
		#prim-nav ul li {border-bottom:1px solid #fff;}
		#prim-nav ul li {margin:0;padding:0.35em 0 0.25em 14px;}
		#prim-nav ul li a {display:block;color:#333;text-transform:none;}
		#prim-nav ul li ul{display:block;margin:0.5em 0 0.5em 0;}
		#prim-nav ul li li{border-bottom:none;}
		#prim-nav ul li li a{font-weight:normal;}
		#mobile-menu-icon {display:block;}
		#mobile-menu-icon:hover, #mobile-menu-icon:focus {opacity:0.7;}
		#mobi-nav-close {display:block;}
		#mobi-nav-close:hover, #mobi-nav-close:focus {opacity:0.7;}
		#sek-nav  {display:none;}
		#fuss {display:none;}
		li.dt-hidden {display:list-item;}
		span.dt-hidden {display:inline;}
		dl,dd{width:100%;}
	}

@media 
	only screen and (max-width:720px) {
		body {font-size:100%;}
		#logo div.logo-egg {display:inline-block;padding:49px 28px 0 4px;}
		#logo img.elox-logo {width:144px;height:auto;}	
		#logo div.logo-egg img {padding-top:0;}
		#logo img {padding-top:0;}
		#logo div.logo-kia {display:block;padding:5px 0 0 0;}
		#logo div.logo-kia img{padding-top:0;}
	}

@media 
	only screen and (max-width:480px) {
		#logo {height:92px;margin:12px 0 0 6px;padding:0 2px 0 0;}
		#logo img.elox-logo {width:132px;height:auto;}	
		#logo div.logo-egg {display:inline-block;width:125px;padding:4px 28px 0 4px;}
		#logo div.logo-kia {width:125px;margin:3px 0 0 0;}
		div#asp div {float:none;width:100%;margin-right:0;}
	}


@media print {
	body {background:#fff;font-size:75%;}
	a {color:#000;text-decoration:underline;}
	ul {margin:0.2em 0 1.7em 18px;list-style-type:disc;}
	li, ul.spiegelstrich li {padding:0;background:none;}
	ul.referenzen {margin:0.2em 0 1.7em 0;list-style-type:none;}
	/*	ids	*/
	#bg {margin:0;background:#fff;}
	#wrapper {width:530px;margin:0 auto;}
	#logo {margin:0;}
	#logo img {float:left;display:block;margin:0 0 -12px 0;padding-top:40px;}
	#logo img.elox-logo {float:right;margin:0 0 -6px 0;}
	#logo img.elox-gg {margin-left:-10px;padding:130px 4px 0 0;}
	#logo div.logo-egg {padding:0 28px 0 0;margin:0 0 0 -4px;}
	#logo div.logo-egg img {padding-top:56px;}	
	#logo div.logo-kia {display:inline-block;padding:0;margin:6px 0 0 -7px;}
	#logo div.logo-kia img {padding-top:12px;}
	#kopf, #sek-nav {display:none;}
	#main {width:530px;margin:0;}
	#content {width:100%;float:none;margin:0;}
	#fuss {width:auto;margin:2em 0 0 0;padding:1em 0 0 0;background:#fff;}
	#fuss div {display:block;line-height:165%;}
	#fuss ul {display:none;}
	/*	Zertifikate	*/
	div#zertifikate {margin:0 -1px 0.25em 0;}
}