/*
 * Copyright (C) 2002-2015 by Gerhard Bürgmann office@rundumsweb.at
 *
 * Responsive version
 */
 
/*
@font-face {
    font-family: 'dombold_btregular';
    src: url('dom_bold_bt-webfont.eot');
    src: url('dom_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('dom_bold_bt-webfont.woff') format('woff'),
         url('dom_bold_bt-webfont.ttf') format('truetype'),
         url('dom_bold_bt-webfont.svg#dombold_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #000;
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;

}
p, th, td {
	font-family: Helvetica, Arial, sans-serif;
}
h1 {
	/* font-family: Magra, dombold_btregular, Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 36px;
	margin: 0;
	padding: 0;
}
h2 {
	display: inline;
	font-size: 120%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fef5e4;
}
h3 {
	display: inline;
	font-size: 110%;
	color: #fef5e4;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
}
img, iframe {
	max-width: 100%;
	height: auto !important;
}
a img {outline : none;}
a:link {
	color: #3bf;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #07b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline: none;
}
#alles, #zentrum {
	position: relative;
	width: 95%;
	min-width: 700px;
	max-width: 1100px;
	margin: auto;
}
#bmw {
	text-align: center;
}
#bmw img {
	height: 220px;
	width: 405px;
}

#zentrum {
	text-align: center;
}
#head {
	margin-top: 0px;
	color: #fe0216;
	height: 58px;
	border-bottom: 1px #ccc solid;
}
#head p {
	float: left;
}
#head h1 {
	position: relative;
	top: 8px;
}
#mc {
	position: relative;
	bottom: -1px;
	float: right;
	width: 393px;
	height: 43px;
	margin-top: 18px;
}
#mitte {
	width: 100%;
}
#foot {
	color: #aaa;
	margin-top: 5px;
	border-top: 1px #ccc solid;
	padding: 2px;
	text-align: center;
	font-size: small;
	max-width: 100%;
}
#foot a {
	margin: 32px;
	line-height: 32px;
}
#content {
	padding: 32px 0 10px 20%;
	line-height: 130%;
}
#content big {
	color: #fef5e4;
	font-size: larger;
}
#news {
	position: relative;
	float: right;
	margin-top: 10px;
}
#pp {
	position: relative;
float: right;
top: 28px;
text-align: right;
margin-top: -93px;
}

.newscontent {
	padding-top: 20px;
	color: #fe0216;
}
.protab {
	margin: auto;
}
.protab th {
	color: #fff;
	padding: 2px 8px;
	background-color: #86f;
}
.protab td {
	color: #000;
	background-color: #fff;
	font-size: smaller;
	padding: 1px 8px;
}
.protab a {
	color: #64f;
}
.protab a:visited {
	color: #d26;
}
.clr {
	clear: both;
}
.rclr {
	clear: right;
}
.blc {
	text-align: center;
	margin-bottom: 50px;
}
.blr {
	text-align: right;
}
.cen {
	text-align: center;
	padding-bottom: 12px;
}
.blau {
	color: #3bf;
}
.rot {
	color: #fe0216;
}
.indent {
	padding-left: 40px;
}
.s1 {
	font-size: 14px;
}
.s2 {
	font-size: 16px;
}
.w250 {
	width: 250px;
	height: 250px;
	padding-left: 15px;
}
.lnk { text-decoration: none;} 
.uebers {font-size: 150%; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #fef5d4; }
.ueber2 {display: inline; font-size: 120%; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #fef5d4; }
.mark {
	color: black;
	background-color: white;
}

/* Tool tips */
.info {
    position: relative; /*this is the key*/
    z-index: 24;
}
a.info, a.info:visited {
	color: #00f;
}
a.info img {
	border: 0;
}
a.info:hover {
    z-index: 25;
    background-color: #eef;
	text-decoration: none;
}
a.info span {
    display: none;
}
a.info:hover span {
    display: block;
    position: absolute;
    top: 15px;
    left: 25px;
    color: #000;
    text-align: left;
	background-color: #fff;
    padding: 10px;
	margin: 0;
	border: 1px solid black;
	box-shadow: 5px 5px 5px #666;
}

#langs {
	position: absolute;
	right: 0;
	top: 10px;
	float: right;
	text-align: right;
}
#langs img {
	float: right;
	width: 32px;
	height: 20px;
	border: 0px;
	padding-left: 10px;
}
/* Neues Menü */
#menu, #dmenu, #emenu {
	list-style: none;
	padding-left: 0px;
}
#menu {
	float: left;
	width: 20%;
	margin: 15px 0 20px 0;
}
#menu li {
	padding-top: 15px;
}
#menu li a, #dmenu li a, #emenu li a {
	height: 0px | important;
	display: block;
}
#menu li a, #dmenu li a {
	background: transparent url(/img/menue1.gif) no-repeat;
}
#emenu li a {
	background: transparent url(/en/img/menue1.gif) no-repeat;
}
#menu li a, #dmenu li a, #emenu li a {
	overflow: hidden;
	width: 130px;
	height: 36px;
	text-indent: -9000px;
	text-decoration: none;
}
ul#menu li#m0 a { background-position: 0px 0px; }
ul#menu li#m1 a { background-position: 0px -36px; }
ul#menu li#m2 a, ul#dmenu li#m2 a, ul#emenu li#m2 a { background-position: 0px -72px; }
ul#menu li#m3 a { background-position: 0px -108px; }
ul#menu li#m4 a { background-position: 0px -144px; }
ul#menu li#m5 a { background-position: 0px -180px; }
ul#menu li#m6 a { background-position: 0px -216px; }

ul#menu li#m0 a:hover { background-position: -130px 0px; }
ul#menu li#m1 a:hover { background-position: -130px -36px; }
ul#menu li#m2 a:hover, ul#dmenu li#m2 a:hover, ul#emenu li#m2 a:hover { background-position: -130px -72px; }
ul#menu li#m3 a:hover { background-position: -130px -108px; }
ul#menu li#m4 a:hover { background-position: -130px -144px; }
ul#menu li#m5 a:hover { background-position: -130px -180px; }
ul#menu li#m6 a:hover { background-position: -130px -216px; }

ul#menu li#ma0 a { background-position: -130px 0px; }
ul#menu li#ma1 a { background-position: -130px -36px; }
ul#menu li#ma2 a { background-position: -130px -72px; }
ul#menu li#ma3 a { background-position: -130px -108px; }
ul#menu li#ma4 a { background-position: -130px -144px; }
ul#menu li#ma5 a { background-position: -130px -180px; }
ul#menu li#ma6 a { background-position: -130px -216px; }

.box3d {
	background-color: #393431;
	border: 2px solid #444;
    border-top-color:#888;
    border-left-color:#aaa;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	background: #393431 url(/img/hintergrund393431a.jpg) no-repeat left top;
}

#darueber {
	position: fixed;
	right: 10px;
	top: 120px;
	width: 340px;
	color: #fff;
	padding: 20px;
	text-align: center;
}
#darueber p {
	width: 300px;
	padding: 10px 20px;
}
#darueber img {
	width: 300px;
	height: 106px;
	border: #888 1px solid;
}
#ix {
	text-align: right;
	margin-bottom: 3px;
}
#ix a {
	text-decoration: none;
	color: #fff;
	border: #fff 1px solid;
	padding: 0 2px;
}
#ix a:hover {
	color: #000;
	background-color: #fff;
}
.sm_box {
	height: 24px;
	padding:0 20px 5px 0;
}
.sm_fb {
	float: left;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.sm_fbe {
	float: left;
	width: 7px;
	height: 24px;
	margin-right: 10px;
	background: url(/img/social.png) no-repeat 0 -24px;
}
.sm_fb a {
	margin: 0;
	float: left;
	font-size: 14px;
	color: #008;
	text-decoration: none;
	background: url(/img/social.png) no-repeat left top;
	line-height: 24px;
	height: 24px;
	padding: 0 0 0 29px;
}
.sm_fb a:hover {
	color: #30f;
}
.sm_go {
	width: 38px;
	height: 24px;
	float: left;
}
.sm_go a {
	display: block;
	width: 38px;
	height: 24px;
	text-decoration: none;
	background: url(/img/social.png) no-repeat 0px -48px;
}
.sm_go a:hover {
	background: url(/img/social.png) no-repeat -38px -48px;
}
.ltab td {
	vertical-align: bottom;
}
.ltab th {
	font-weight: normal;
}
.ltab th a:link img {
    border: 2px solid #333;
	vertical-align: bottom;
}
.ltab th a:hover img, a:focus img, a:active img {
    border: 2px solid #ccc;
}
.itab {
	padding: 0;
	margin: 0;
	border-spacing:0;
    border-collapse:collapse;
}
.itab td {
	vertical-align: top;
	padding-right: 10px;
}
.bluemenu {
	position: absolute;
	bottom: 5px;
	right: 220px;
	clear: both;
}
.bluemenu a {
	background: url(/img/button_blue.gif) repeat-x;
	float: right;
	height: 18px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 0 10px;
	padding: 0 10px;
	text-decoration: none;
	border-radius: 1px;
	min-width: 100px;
	text-align: center;
	text-shadow: 1px 1px 0px #333;
}
.bluemenu a:hover {
	background-position: left -20px;
}
.bluemenu a:visited {
	background-position: left -40px;
}
.gross {
	font-size: larger;
}
.rotschrift {
	font-family: /* Magra, dombold_btregular, */ Arial Narrow, Arial, sans-serif;
	font-size: 20px;
	color: #f00;
	font-weight: bold;
	line-height: 110%;
}
.article {
	position: relative;
	width: 99%;
	padding: 5px 0 5px 0;
	border-top: #033 1px solid;
}
.art_r {
	position: relative;
	float: right;
	margin-left: 5%;
}
.art_r img {
	border: 0;
	vertical-align: bottom;
}
.fl {
	position: relative;
	float: left;
	padding: 10px;
}
.block {
	float:left;
	width:48%;
}
#passend {
	width: 200px;
	height: 114px;
	float: right;
}
.tshow {
	display: none;
}
.thide {
	display: table-cell;
}

/* FORM */
#order > div {
  overflow: hidden;
  padding: 1px;
  margin: 10px 0;
}
#order > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
#order > div > label,
legend {
	width: 22%;
  float: left;
  padding-right: 3%;
  text-align: right;
}
#order > div > div,
#order > div > fieldset > div {
  width: 75%;
  float: right;
}
input[type=text],
input[type=email],
textarea {
	width: 100%;
}
input[type=text],
input[type=email] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}
input[type=number] {
	width: 40px;
}
@media (max-width: 449px) {
	#news { display: none; }
  #order > div {
    margin: 0 0 15px 0; 
  }
  #order > div > label,
  legend {
	width: 100%;
    float: none;
    margin: 0 0 2px 0;
  }
  #order > div > div,
  #order > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%;
	font-size: 16px;
  }
}
@media only screen and (max-width: 799px) {
	#head {
		color: #fe0216;
		height: auto;
		border-bottom: 1px #ccc solid;
		text-align: center;
	}
	#head h1 {
		position: relative;
		margin: 0 0 5px 0;
		top: 0;
	}
	#mc {
		position: relative;
		width: 196px;
		height: 21px;
		float: none;
		margin: 0;
	}
	.block {
		float: none;
		width: 100%;
	}
}
@media only screen and (max-width: 799px) and (min-width: 475px) {
	#alles, #zentrum {
		min-width: 450px;
	}
	#content {
		width: 100%;
		padding: 0px;
	}
	#passend {
		display: none;
	}
	#langs {
		position: relative;
		float: none;
		text-align: center;
		margin: auto;
	}
	#langs p {
		float: left;
		width: 48px;
		padding: 8px;
		text-align: center;
	}
	#langs img {
		width: 32px;
		height: 20px;
		border: 0px;
		padding-left: 10px;
	}
	#menu {
		clear: both;
		position: relative;
		width: 90%;
		float: none;
		height: 70px;
	}
	#menu li {
		padding: 0;
	}
	ul#menu li#m0 a { display: none; }
	
	ul#menu li#m1 a { position: absolute; top: 0; left: 0; background-position: 0px -36px; }
	ul#menu li#m2 a { position: absolute; top: 0; left: 150px; background-position: 0px -72px; }
	ul#menu li#m3 a { position: absolute; top: 0; left: 300px; background-position: 0px -108px; }
	ul#menu li#m4 a { position: absolute; top: 40px; left: 0; background-position: 0px -144px; }
	ul#menu li#m5 a { position: absolute; top: 40px; left: 150px; background-position: 0px -180px; }
	ul#menu li#m6 a { position: absolute; top: 40px; left: 300px; background-position: 0px -216px; }
	
	ul#menu li#ma1 a { position: absolute; top: 0; left: 0; background-position: -130px -36px; }
	ul#menu li#ma2 a { position: absolute; top: 0; left: 150px; background-position: -130px -72px; }
	ul#menu li#ma3 a { position: absolute; top: 0; left: 300px; background-position: -130px -108px; }
	ul#menu li#ma4 a { position: absolute; top: 40px; left: 0; background-position: -130px -144px; }
	ul#menu li#ma5 a { position: absolute; top: 40px; left: 150px; background-position: -130px -180px; }
	ul#menu li#ma6 a { position: absolute; top: 40px; left: 300px; background-position: -130px -216px; }
}
@media only screen and (max-width: 474px) {
	#alles, #zentrum {
		min-width: 240px;
	}
	#bmw img {
		height: 110px;
		width: 203px;
	}
	#content {
		width: 100%;
		padding: 0px;
	}
	#fits {
		display: none;
	}
	#head h1 {
		font-size: 24px;
	}
	#passend {
		display: none;
	}
	#langs {
		position: relative;
		float: none;
		text-align: center;
		margin: auto;
	}
	#langs p {
		float: left;
		width: 48px;
		padding: 8px;
		text-align: center;
	}
	#langs img {
		width: 32px;
		height: 20px;
		border: 0px;
		padding-left: 10px;
	}
	#menu {
		clear: both;
		position: relative;
		width: 100%;
		float: none;
		height: 110px;
	}
	/* ul#menu li#m0 a { position: absolute; top: 0px; left: 0px; background-position: 0px 0px; } */
	ul#menu li#m0 a { display: none; }
	
	ul#menu li#m1 a { position: absolute; top: 0px; left: 0px; background-position: 0px -36px; }
	ul#menu li#m2 a { position: absolute; top: 0px; right: 0px; background-position: 0px -72px; }
	ul#menu li#m3 a { position: absolute; top: 40px; left: 0px;background-position: 0px -108px; }
	ul#menu li#m4 a { position: absolute; top: 40px; right: 0px; background-position: 0px -144px; }
	ul#menu li#m5 a { position: absolute; top: 80px; left: 0px; background-position: 0px -180px; }
	ul#menu li#m6 a { position: absolute; top: 80px; right: 0px; background-position: 0px -216px; }
	
	ul#menu li#ma1 a { position: absolute; top: 0px; left: 0px; background-position: -130px -36px; }
	ul#menu li#ma2 a { position: absolute; top: 0px; right: 0px; background-position: -130px -72px; }
	ul#menu li#ma3 a { position: absolute; top: 40px; left: 0px; background-position: -130px -108px; }
	ul#menu li#ma4 a { position: absolute; top: 40px; right: 0px; background-position: -130px -144px; }
	ul#menu li#ma5 a { position: absolute; top: 80px; left: 0px; background-position: -130px -180px; }
	ul#menu li#ma6 a { position: absolute; top: 80px; right: 0px; background-position: -130px -216px; }

	#content {
		width: 100%;
		padding: 0px;
	}
	#fits {
		display: none;
	}
	.art_r {
		position: relative;
		float: none;
		text-align: center;
		margin: 10px auto;
	}
	.bluemenu {
		right: 5px;
	}
	.box3d {
		line-height:150%;
	}

}
@media only screen and (max-width: 550px) {
	.protab thead {
		display: none;
		visibility: hidden;
	}
	.tshow {
		display: inline;
	}
	.thide {
		display: none;
	}
}