@charset "utf-8";

/* --------------------------------------------
http://www.nav-tronic.com - Screen Styles

- Allgemeine Definitionen
- Typografie
- Layout

Letzte Änderung: 10.01.2008
----------------------------------------------- */


/* Allgemeine Definitionen
----------------------------------------------- */
* {
padding: 0;
margin: 0;
border: 0;
}
body {
font-size: 80%;
line-height: 1.45em;
color: #BB0000;
background: #666666 url(gfx/bg3.jpg) repeat-x fixed;
font-family: "Lucida Grande","Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.clear {
clear: both;
height: 0px;
}
img,
a img {
border: 0;
}
.none {
display: none;
}
.left {
float: left;
margin: 0 1em 0.5em 0; 
}
.right {
float: right;
margin: 0 0 0.5em 1em;
}
.standardlist {
list-style-type: none;
}
.center {
text-align: center;
}

/* Typografie
----------------------------------------------- */
a:link {
color: #BB0000;
text-decoration: underline;
}
a:visited {
color: #999;
text-decoration: underline;
}
a:hover,
a:focus {
color: red;
text-decoration: none;
}
a:link.link {
color: #3F3F3F;
text-decoration: none;
border-bottom: 1px solid #A31421;
}
a:visited.link {
color: #999;
text-decoration: none;
border-bottom: 1px solid #A31421;
}
a:hover.link,
a:focus.link {
color: red;
text-decoration: none;
border-bottom: 1px solid white;
}
.extern {
padding-left: 16px;
background: url(gfx/xyz.gif) no-repeat 1px 50%;
}
a.hide,
a:link.hide {
color: #3F3F3F;
text-decoration: none;
border: none;
}
.center {
text-align: center;
}
p {
font-size: 1em;
line-height: 1.5em;
margin: 0.75em 0;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.67em;
font-weight: normal;
color: #BB0000;
margin: 0 0 10px 0;
}
h2,
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.35em;
font-weight: normal;
color: #BB0000;
}
h4 {
font-size: 1em;
font-weight: bold;
margin: 1.5em  0 0 0;
}
body#inhalt .links {
display: none;
}
strong,
em {
font-weight: bold;
}
cite {
font-style: normal;
font-size: 0.95em;
color: #666;
}
address {
font-style: normal;
font-size: 1em;
line-height: 1.5em;
margin: 0.75em 0;
}
dl {
list-style: none;
}
dl.range dt {
font-weight: 600;
}
dl.range dt img {
display: block;
}
dl.range dd {
margin: 0 0 0.75em 0;
height: 5.5em;
}
dl.sitemap dt {
font-weight: 600;
}
dl.sitemap dd {
margin: 0.2em 0 1.25em 0;
}
.null {
padding: 0;
margin: 0;
}
.small {
font-size: 0.9em;
}
.kursiv {
font-style: oblique;
}
ul.wegbeschreibung {
margin-left: 25px;
}
.imgleft dd,
.imgright dd {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.95em;
font-style: oblique;
margin-top: -7px;
}
.opening p,
.opening address {
font-weight: bold;
margin: 0;
}
.upper {
text-transform: uppercase;
}

/* Layout
----------------------------------------------- */
#container {
margin: 45px auto 20px auto;
width: 750px;
background: white;
color: #1a1a1a;
text-align: left;
}

#header {
float: left;
width: 750px;
height: 150px;
border-top: 15px solid #BB0000;
background: #BB0000 url(gfx/header.gif) no-repeat;
}
#header .logo {
margin: 15px 0 0 15px;
}

#menu {
float: left;
width: 750px;
height: 1.75em;
line-height: 1.75em;
border-bottom: 1px solid #BB0000;
color: #BB0000;
background: #666666;
}
#menu ul {
list-style-type: none;
}
#menu li {
float: left;
white-space: nowrap;
}
#menu li a:link,
#menu li a:visited {
display: block;
width: 125px;
text-align: center;
text-decoration: none;
color: #FFFFB0;
background: #666666;
}
#menu li a:hover,
#menu li a:focus {
text-decoration: none;
color: #000000;
background: #ff4a4a;
}
li#active {
display: block;
width: 125px;
text-align: center;
text-decoration: none;
color: #FFFFB0;
background: #BB0000;
font-weight: bold;
}

#bigcontent {
background: url(gfx/bg_grauverl.gif) repeat-x;
float: left;
padding: 1.7em 20px 1.7em 50px;
width: 750px; /* für IE 5x */
voice-family: "\"}\"";
voice-family:inherit;
width: 680px; /* so sollte es sein */
}
html>body #bigcontent { /* Re-Korrektur für Opera */
width: 680px;
}

.leftcolumn {
float: left;
width: 325px;
}
.rightcolumn {
float: right;
width: 325px;
}

#content {
background: url(gfx/bg_grauverl.gif) repeat-x;
float: left;
padding: 1.7em 20px 1.7em 50px;
width: 490px; /* für IE 5x */
voice-family: "\"}\"";
voice-family:inherit;
width: 420px; /* so sollte es sein */
}
html>body #content { /* Re-Korrektur für Opera */
width: 420px;
}

#sidebar {
background: url(gfx/bg_grauverl.gif) repeat-x;
float: left;
padding: 1em 35px 1em 0;
width: 260px; /* für IE 5x */
voice-family: "\"}\"";
voice-family:inherit;
width: 225px; /* so sollte es sein */
}
html>body #sidebar { /* Re-Korrektur für Opera */
width: 225px;
}
#sidebar .box {
background: #F6FDE8 url(gfx/bg_gruenverl.gif) repeat-x;
border: 1px solid #a8cc56;
margin-top: 15px;
padding: 0.5em 1em;
}

#footer {
background: url(gfx/line.gif) top center no-repeat;
border-bottom: 10px solid #BB0000;
font-size: 0.92em;
margin-top: 20px;
text-align: center;
}

.opening {
padding: 0 0.5em;
color: #3F3F3F;
border-left: 8px solid #f1f1f1;
}
.imgright {
float: right;
margin: 0 0 0.5em 1em;
}
.imgleft {
float: left;
margin: 0 1em 0.5em 0; 
}
.frame {
padding: 25px;
background: url(gfx/bilderrahmen.jpg) no-repeat;
}
.framesmall {
padding: 25px;
background: url(gfx/bilderrahmenklein.jpg) no-repeat;
}
.framesmallhoch {
padding: 25px;
background: url(gfx/bilderrahmenkleinh.jpg) no-repeat;
}
.frameshg {
padding: 25px;
background: url(gfx/thumbrahmen_hg.jpg) no-repeat;
}
.thumb {
padding: 8px;
background: url(gfx/thumbrahmen.jpg) no-repeat;
}