/* Screen CSS Document 4 Microcar.at by Kessler.at */

body{ background: #fff url(../pix/hg-body.jpg) repeat-x top center; font-family: Arial, Tahoma, sans-serif; text-align:center; padding:0; margin:0; }
.skiplink{ position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; font-size:0.7em; }
img{ border:0; }
.clear{ clear:both; }

#page{ margin:0 auto; width:960px; text-align:left; position:relative; }
#top{ list-style-type:none; margin:0; padding:0; font-size:1em; height:90px; position:relative; }
#top li{ margin:0; padding:0; }
#top #logo{ position:absolute; left:20px; top:30px; }

#content{ margin-top:60px; margin-left:250px; line-height:1.2em; position:relative; }
/* #home #content{ background:url(../pix/hg-start-mgo.jpg) no-repeat; min-height:710px; }
#home #content{ background:url(../pix/einladung-microcar-treffen.jpg) no-repeat; min-height:810px; } */
#content h1{ color: #257; margin-top:10px; font-weight:normal; font-size: 1.4em; letter-spacing:1px; }
#content h2{ color: #900; font-weight:normal; font-size: 1.2em; line-height:1.2em; letter-spacing:1px; }
#content h3{ color: #666; font-size: 1em; font-weight:normal; }
#content h4{ padding:0.2em 0.4em; font-size:0.9em; margin:0; }
#content p, #content li, #content td{ font-size: 0.8em; }
#content p span{ float:left; width:8em; }
#content small{ font-size:0.7em; color:#999; }
#content th{ font-size: 0.8em; text-align:left; color: #900; font-weight:bold; border-bottom:2px solid #900; }
#content ul{ list-style-type:square; }
#content .fotobox{ list-style-type:none; float:right; margin-left:1em; width:300px; text-align:right; margin:0; padding:0; line-height:0.9em; }
.fotobox li{ margin:0; padding:5px; }
.meldung{ float:left; }
strong{ font-weight:normal; }
em{ font-style:normal; text-transform:uppercase; }
.foto{ float:left; margin-right:1em; }
.errmsg{ border-left: 15px solid #B00; background-color: #fff; color: #000; text-align:left; margin:1em; padding:1em; }
.okmsg{ border-left: 15px solid #060; background-color: #fff; color: #000; text-align:left; margin:1em; padding:1em; }
/* Links */
#content a{ color:#000; text-decoration:none; border-bottom:1px solid #abc; }
#content td a{ font-weight:normal; }
#content a:visited{ color:#222;	}
#content a:hover{ color:#900; border-bottom-color:#fff; }
 #videolink{ position:absolute; right:0; top:0; margin:0; padding:0; }
/*#videolink{ position:absolute; right:0; bottom:10px; margin:0; padding:0; } */
/* Formulare */
form{ margin:0; }
input{ font-style:italic; }
label b{ display:block; float:left; width:6em; margin-right:0.5em; }
.textnormal{ background-color:transparent; border: 1px solid #abc; color: #333; padding:2px; }
.textfocus{ background-color: #fff; border: 1px solid #A03; color: #000; padding:2px; }
.button{ border:0; background-color:#a03; color:#fff; font-weight:bold; font-style:italic; padding:3px; }
.button:active{ position:relative; top:1px; }
fieldset{ margin:10px 0; border:1px solid #abc; }
legend{ font-weight:bold; font-style:italic; font-size:0.9em; letter-spacing:1px; color:#abc; }
#map_canvas{ width:100%; height:400px; }
/* Tabellen */
table{ border:0; }
td, th{ font-size:0.75em; }
caption{ text-align:left; }
th{ text-align:left; color:#fff; }
#ueberuns th{ text-align:right; }
.zeilehell td{ background-color:#def; border-bottom:1px solid #fff; }
.zeiledunkel td{ background-color:#eee; border-bottom:1px solid #fff; }
.zeilehover td{ border-bottom:1px solid #abc; background-color:#fff; }

#navi{ position:absolute; top:70px; right:0; width:720px; list-style-type:none; margin:0; padding:0; z-index:90; }
#navi li{ position:absolute; top:0; font-size:0.8em; text-align:center; height:20px; overflow:hidden; }
#navi #limodelle{ left:0; width:100px; }
#navi #lihaendler{ left:100px; width:100px; }
#navi #limicrocar{ left:200px; width:160px; }
#navi #likontakt{ left:360px; width:100px; }
#navi #liboerse{ left:460px; width:180px; }
#navi #lipresse{ left:640px; width:80px; }
#navi a{ position:relative; display:block; height:20px; line-height:20px; color:#257; text-transform:capitalize; text-decoration:none; text-indent:-999em; }
#navi a:visited, #ulmodelle a:visited, #ulhaendler a:visited { color:#146; }
#navi a:hover, #ulmodelle a:hover, #ulhaendler a:hover { color:#900; }
#navi a span{ position:absolute; top:0; left:0; height:20px; background:url(../pix/hg-navi.gif) no-repeat; cursor:pointer; }
#navi #limodelle a span{ background-position: 0 0; width:100px; }
#navi #lihaendler a span{ background-position: -100px 0; width:100px; }
#navi #limicrocar a span{ background-position: -200px 0; width:160px; }
#navi #likontakt a span{ background-position: -360px 0; width:100px; }
#navi #liboerse a span{ background-position: -460px 0; width:180px; }
#navi #lipresse a span{ background-position: -640px 0; width:80px; }
#navi #limodelle a:hover span, #modelle #limodelle a span, #home #limodelle a span{ background-position: 0 -20px; }
#navi #lihaendler a:hover span, #haendler #lihaendler a span{ background-position: -100px -20px; }
#navi #limicrocar a:hover span, #microcar #limicrocar a span{ background-position: -200px -20px; }
#navi #likontakt a:hover span, #kontakt #likontakt a span{ background-position: -360px -20px; }
#navi #liboerse a:hover span, #gebrauchtwagen #liboerse a span{ background-position: -460px -20px; }
#navi #lipresse a:hover span, #presse #lipresse a span{ background-position: -640px -20px; }

#ulmodelle, #ulhaendler{ display:none; position:absolute; top:100px; left:240px; list-style-type:none; margin:0; padding:0; z-index:99; font-size:0.8em; }
#ulmodelle li, #ulhaendler li{ position:relative; float:left; margin:0; padding:0; }
#ulmodelle a, #ulhaendler a{ text-decoration:none; color:#257; text-transform:capitalize; display:block; padding:0 5px; margin:0 5px; }
#home #ulmodelle, #modelle #ulmodelle, #haendler #ulhaendler{ display:block; }

#sidebar{ position:absolute; top:150px; left:0; width:240px; list-style-type:none; margin:0; padding:0; }
#sidebar li{ position:absolute; left:0; font-size:0.8em; text-align:center; width:240px; height:240px; overflow:hidden; }
#sidebar #lisicherheit{ top:0; }
#sidebar #lifahrspass{ top:240px; }
#sidebar #litechnik{ top:480px; }
#sidebar #liintern{ top:750px; }
#social{ text-align:right; font-family:Arial, sans-serif; position:absolute; top:120px; right:0; }
#sidebar a:visited{ color:#146; }
#sidebar a:hover{ color:#900; }
#sidebar a span{ position:absolute; top:0; left:0; width:240px; height:240px; cursor:pointer; }
#sidebar #lisicherheit a span{ background:url(../pix/mgo-icon-sicherheit.jpg) 0 0 no-repeat; }
#sidebar #lifahrspass a span{ background:url(../pix/mgo-icon-fahrspass.jpg) 0 0 no-repeat; }
#sidebar #litechnik a span{ background:url(../pix/mgo-icon-technik.jpg) 0 0 no-repeat; }
#sidebar #lisicherheit a:hover span, #sicherheit #lisicherheit a span{ background-position: 0 -240px; }
#sidebar #lifahrspass a:hover span, #fahrspass #lifahrspass a span{ background-position: 0 -240px; }
#sidebar #litechnik a:hover span, #technik #litechnik a span{ background-position: 0 -240px; }

#bottom{ padding:1.5em 0; color:#666; clear:both; text-align:right; list-style-type:none; margin:0; font-size:0.7em; }
#bottom li{ display:inline; padding-left:15px; }
#bottom a{ color:#666; text-decoration:none; border-bottom: 1px solid #abc; }
#bottom a:visited{ color:#555;  }
#bottom a:hover{ color:#900; border: 0; }