/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th{font-size:1em;font-weight:normal;font-style:normal}ul,ol{list-style:none}fieldset,img{border:none}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}

* {
	margin: 0;
	padding: 0;
}

html {
  margin-bottom: 1px;
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll;
}

img {
	border: none;
}

body {
	font: 12px/1.4 Helvetica, sans-serif;
	background: url(design/muster.png); 
/*	background-color: #568b00; */
/*	background-color: #273f00;  */
	background-color: #272727;
	color: #000;
	-webkit-font-smoothing: antialiased;
}

html, body {
	scrollbar-face-color: #272727;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000;
	scrollbar-3dlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #000;
}

#background {
	position:absolute; 
	height:100%; 
	left:0; 
	width:100%; 
/*	background: url(design/licht.png) no-repeat center; */
	overflow: hidden;
}

/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

article, aside, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

a {
	color: #000;
	text-decoration: none;
	outline-style: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: 0;
}

#page-center { 
	position: absolute;
    width: 960px;
	height: 605px;
	top: 50%;
	left: 50%;
	margin-top: -321px;
	margin-left: -481px;
}

#page-wrap { 
    width: 960px;
	height: 565px;
	background: #fff; 	
}

#wrapper-left {
	float: left;
	width: 200px;
	height: 525px;
	margin: 20px;
}

#logo {
	width: 200px;
	height: 150px;
}

#wrapper-right {
	float: right;
	width: 700px;
	height: 525px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #fff;
}

#main-content {
	overflow: auto;
	height: 525px;
}

#content {
	width: 660px;
	padding: 10px;
}

#linie {
	float: left;
	width: 100%;
	height: 40px;
	background: url(design/Linie.png) center no-repeat;
}

#umbauten {
	float: left;
	width: 670px;
	height: 90px;
	padding-top: 7px;
}

#umbauten_bild {
	float: left;
	width: 200px;
	height: 80px;
	border: #000 1px solid;
}

#umbauten_titel {
	float: right;
	padding: 30px 0 0 20px;
	width: 440px;
	height: 52px;
	color: #000;
	font: 16px/1.6 Helvetica, sans-serif;
	font-weight: bold;
}

h1 {
	font: bold 20px Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	padding-bottom: 5px;
	color: #333;
	text-shadow: 1px 1px 1px white;
}

h1.home {
	color: #333;
}
h1.bmw {
	color: #ff0000;
}

p {
	margin: 0px;
}

nav {
  background: #fff;
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
  width: 200px;
}
nav li {
  font: 14px/1.4 Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
nav a {
  background: #fff;
/* border-bottom: 1px solid #393939; */
  color: #000;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  text-align: right;
  font-weight: bold;
}
nav a:hover {
  background: url(design/transparent.png) repeat;
  color: #fff;
  padding-bottom: 8px;
}

footer {
	clear: both;
	width: 960px;
	height: 15px;
	background: url(design/bg-footer.png);
	padding-top: 15px;
	color: #fff;
	text-align: center;
}

footer a {
	text-decoration: none;
	color: #fff;
}

.unsichtbar {
	display: none;
} 

.sichtbar {
	display: block;
} 

#kein-script {
	width: 500px;
	height: 80px;
	margin-left: 75px;
	margin-top: 200px;
	background-color:#F00;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	line-height: 40px;
	border: 3px solid #000;
}

/* Starter CSS for Rhinoslider */
#slider {
	width:700px;
	height:525px;
	/*IE bugfix*/
	padding:0;
	margin:0;
}
			
#slider li {
	list-style:none;
}

#wrapper-slider {
	position: absolute;
    width: 700px;
	height: 525px;
	top: 50%;
	left: 50%;
	margin-top: -282px;
	margin-left: -240px;
	background: #fff;
}

/* Starter CSS for Lightview */
.demonstrations {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 15px;
	}

.demonstrations a {
  	float: left;
  	width: 120px;
  	height: 80px;
  	cursor: pointer;
}
.demonstrations a img {
  	float: left;
  	width: 120px;
  	height: 80px;
	border: 1px solid #000000;
	-moz-box-shadow:3px 3px 10px #000000; /* Firefox */
	-webkit-box-shadow:3px 3px 10px #000000; /* Chrome, Safari */
	-khtml-box-shadow:3px 3px 10px #000000; /* Konqueror */
	box-shadow:3px 3px 10px #000000; /* CSS3 */
}
.demonstrations .rightmost { margin-right: 0; }

.resources strong { font-family: "Lucida Sans"; }

/* Starter CSS for Flyout Menu */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	border: 0;
}

#cssmenu ul {
  	position: relative;
  	z-index: 597;
  	float: left;
	background: #fff;
}

#cssmenu ul li {
  	float: none;
  	min-height: 1px;
  	line-height: 1em;
  	vertical-align: middle;
}

#cssmenu ul li.hover,
#cssmenu ul li:hover {
  	position: relative;
  	z-index: 599;
  	cursor: default;
}

#cssmenu ul ul ul {
  	top: 1px;
  	left: 99%;
}

#cssmenu ul li:hover > ul {
  	visibility: visible;
}

#cssmenu {
  	font-family: 'Lato', sans-serif;
 	font-size: 18px;
  	width: 200px;
}

#cssmenu ul a,
#cssmenu ul a:link,
#cssmenu ul a:visited {
  	display: block;
  	color: #000;
  	text-decoration: none;
  	font-weight: 300;
}

#cssmenu > ul {
  	float: none;
}

#cssmenu > ul > li {
/*  border-left: 3px solid #d7d8da; */
}

#cssmenu > ul > li > a {
  	padding: 10px 20px;
}

#cssmenu > ul > li:hover {
  	border-left: 20px solid #272727;
	background: #000;
}

#cssmenu ul li:hover > a {
  	color: #b3b3b3;
}

/* Sub Menu */
#cssmenu ul ul a:link,
#cssmenu ul ul a:visited {
	color: #fff;
  	font-weight: 400;
  	font-size: 14px;
}

#cssmenu ul ul {
  	visibility: hidden;
  	position: absolute;
  	top: -5px;
  	left: 180px;
  	z-index: 598;
  	width: 450px;
  	background: url(design/transparent.png) repeat;
  	border-left: 20px solid transparent;
}

#cssmenu ul ul a {
	color: #fff;
  	padding: 8px 0;
  	border-bottom: 1px solid #fff;
	background: url(design/leer.png) no-repeat;
}

#cssmenu ul ul li:hover > a {
  	color: #fff;
	font-weight: bold;
}

#cssmenu ul ul li {
	float: none;
	font-weight: normal;
  	padding: 0 20px;
}

#cssmenu ul ul li:last-child {
  	padding-bottom: 10px;
}

#cssmenu ul ul li:first-child {
  	padding-top: 10px;
}

#cssmenu ul ul li:last-child > a {
  	border-bottom: none;
}

#cssmenu ul ul li:first-child:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: -20px;
	top: 13px;
	border-left: 10px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
}