* { margin:0; padding:0 }

body { 
  background: url(bilder/kopf.jpg) no-repeat center top #FFF;
  font-family: Helvetica, Arial, sans-serif; font-size: 12pt; line-height: 16pt; text-align:center
}

/* allgemeine Styles */
a         { text-decoration:none; display:inline-block }
a:link    { color: #9B9F9A; border-bottom: 1px solid #9B9F9A }
a:visited { color: #9B9F9A; border-bottom: 1px solid #9B9F9A }
a:hover   { color: #0E9FE0; border-bottom: 1px solid #0E9FE0 }
a:active  {	color: #0E9FE0; border-bottom: 1px solid #0E9FE0 }

a.noborder, a.lbox, div#lbMain a { border:none }

h1 { font-size: 200%; color:#0E9FE0; margin:25px }
h2 { font-size: 140%; color:#000000; font-weight:bold; margin:25px 25px 10px 25px; line-height: 120% }
h3 { font-size: 140%; color:#C31924; font-weight:bold; margin:35px 25px 0px 25px }
h4 { font-weight:bold; margin:35px 25px 0px 25px }

span.h2 {		color:#000000; font-weight:bold; }
span.h3 {		color:#C31924; font-weight:bold; }

p, ul { margin-left:25px; margin-right:25px }

table { width:100%; border-collapse:collapse }
td    { vertical-align:top }

hr { border:2px; height:2px; width:100%; color:#9B9F9A; background-color: #9B9F9A }
/*IE<6 Filter*/ * html hr { width:101% }




/* Navigation */
a.navi         { padding:0 5px }
a:link.navi    { color: #FFFFFF; border-bottom: none }
a:visited.navi { color: #FFFFFF; border-bottom: none }
a:hover.navi   { color: #0E9FE0; border-bottom: none; background:#FFF }
a:active.navi  { color: #FFFFFF; border-bottom: none; background:#FFF }

div.navi {
  width:960px; height:30px; line-height: 30px;
  margin:185px auto 5px; padding:4px;
  font-size:13pt; font-weight:bold; color:#FFFFFF 
}

			
/* Inhalt */
div.inhalt {
  padding: 0px; margin: 20px 0px; position:relative;
  text-align: left; 
  color: #000000; background: #E1EEFB;
  border: 3px solid #9B9F9A;
  -moz-border-radius:20px;
  -webkit-border-radius:20px
}

div#welcome {
	background: #E1EEFB url(bilder/post-it.png) 4% 25% no-repeat;
	padding-left:390px;
	margin-left: 0px;
}

div#modelle table td { border-top: 2px solid #9B9F9A}
div#modelle ul {padding-bottom:25px}

div#aktuelles h2 { margin-top:0px; margin-bottom: 25px }
div#aktuelles h4 { margin-bottom:5px }
div#aktuelles div.left { float: left; width: 40% }
div#aktuelles div.right {float:right; width: 60%; margin-top:25px }
div#aktuelles .noborder { margin-top:25px }

img.auto, a:hover img.auto     { margin-left:25px; margin-top:25px; border:none }
img.detail, a:hover img.detail { margin-right:25px; margin-top:25px; border:none }

a img { border:2px solid #9B9F9A }
a:hover img {border:2px solid #0E9FE0}

div.border {
      float:left;
      margin:5px;
      width:125px;
      height:125px;
      overflow:hidden;
      border: 1px solid #9B9F9A;
      }
div.border img {width:200%; position: relative; top:-25%; left:-25%}

p.oben {	text-align:right; clear:both; margin:25px; }
			
div#fuss { padding: 12px 5px 7px; color:#666 }
div#fuss a{ border-bottom:none; color:#666 }
div#fuss a:hover{ border-bottom:none; color:#0E9FE0 }

iframe.verkauf {
  width:800px; height:473px;
  margin-left:-145px; margin-top:-230px;
  margin-bottom:10px; 
  overflow:hidden; 
  border:none;
}

div#verkauf h1, div#aktuelles h1 { margin:0px; padding:25px; border-bottom:2px solid #9B9F9A }

div.iframeouterwrapper {
  margin:25px;
  background:#fff;
  border:1px solid gray
}

div.iframeinnerwrapper {
  width:550px;
  overflow:hidden; 
  background:#fff; 
  border:25px solid #fff }
  
  
/* Service-Standorte */

#karte{
	background: #E1EEFB;
	margin: 0px 120px;
	}

#mei {
	position:absolute; top:667px; left:640px; 
	z-index:5;
}
/*IE<6 Filter*/ * html div#mei { left:520px;}

  
#dd {
	position:absolute; top:695px; left:660px; 
	z-index:3;
}
/*IE<6 Filter*/ * html div#dd { left:540px;}

#b {
	position:absolute; top:545px; left:625px; 
	z-index:6;
}
/*IE<6 Filter*/ * html div#b { left:515px;}

#hr {
	position:absolute; top:380px; left:540px; 
	z-index:9;
}
/*IE<6 Filter*/ * html div#hr { left:420px;}

#hh {
	position:absolute; top:440px; left:400px; 
	z-index:8;
}
/*IE<6 Filter*/ * html div#hh { left:280px;}

#lan {
	position:absolute; top:545px; left:380px; 
	z-index:7;
}
/*IE<6 Filter*/ * html div#lan { left:260px;}

#k {
	position:absolute; top:730px; left:180px; 
	z-index:4;
}
/*IE<6 Filter*/ * html div#k { left:60px;}

#ros {
	position:absolute; top:795px; left:310px; 
	z-index:3;
}
/*IE<6 Filter*/ * html div#ros { left:190px;}

#stock {
	position:absolute; top:815px; left:340px; 
	z-index:2;
}
/*IE<6 Filter*/ * html div#stock { left:220px;}

#karl {
	position:absolute; top:915px; left:290px; 
	z-index:2;
}
/*IE<6 Filter*/ * html div#karl { left:170px;}

.box h2 {
	text-align:left;
	font-size: 120%;
	margin:10px 0px 0px;
}

.box a {
	border:0px;
}

.box a:hover {
background:#ddd8b7;
width:300px;
padding: 10px;
padding-bottom:0px;  
border: 2px solid #9B9F9A;
  -moz-border-radius:20px;
  -webkit-border-radius:20px
box-shadow: 0 0 2px 2px #DDD;
opacity:0.9;
}

.box a span {display:none;
}

.box a:hover span {
color:#9B9F9A;
background:#ffffff;
border:1px solid #9B9F9A;
display:block;
padding:10px;
margin:5px;
margin-bottom:15px;
}