/*** Layout Definitionen ***/
body { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #838383; margin: 0; }
td { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
p { margin: 0; padding: 0; }
td.logo { background-image: url(img/logo_roeslioptik.jpg); background-repeat: no-repeat; background-position: 20px 0; width: 381px; height: 66px; }
td.image { padding-left: 20px; }
td.content { width: 400px; }
td.nav { height:  30px; }
td.subnav { vertical-align: top; min-height: 150px; padding-top: 10px; padding-left: 18px; }
td.copyright { color: #c0c0c0; font-size: 10px; text-align: center; vertical-align: middle; height: 15px; }
td.adresse { color: #fff; font-size: 12px; text-align: center; vertical-align: middle; height: 30px; }
td.farbe { background-image: url(img/farbe.gif); background-repeat: repeat-x; width: 50%; height: 229px; }
a { color: #022666; text-decoration: underline; }
a:visited { color: #838383; }
td.copyright a { color: #c0c0c0; text-decoration: underline; }
td.copyright a:visited { color: #c0c0c0; }
/*** Navigations Definitionen ***/
td.nav a { display:block; float:left; padding:2px 5px; color:rgb(125,125,125); font-size:12px; text-decoration:none; }
td.nav a:hover { text-decoration:none; color:#022666; font-size:12px; }
td.nav a.active { text-decoration:none; color:#022666; font-size:12px; }
td.subnav dl { width: 150px; margin: 0; padding: 0; }
td.subnav dt { float: none; margin: 0; padding: 0; }
td.subnav dd { margin: 0; padding: 0 0 0 10px; }
td.subnav a { display:block; padding:2px 5px; color:#022666; font-size:12px; text-decoration:none; }
td.subnav a:hover { text-decoration:none; color:#c0c0c0; font-size:12px; }
td.subnav a.active { text-decoration:none; color:#838383; font-size:12px; }
/*** Text Definitionen ***/
h1 { color: #022666; font-size: 16px; margin: 0; }
td.block h1 { color: #022666; font-size: 12px; margin: 0; padding: 0; }
td.block { color: black; font-size: 11px; margin: 0; padding: 0; }
@media print {.header-top {width:920px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:920px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:920px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:920px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}