html,body { height: 100%; }
body { margin: 0; padding: 0; }
#wrapper { width: 780px; margin: auto auto; min-height: 100%; position: relative; background: white url(../images/content_bg.gif) top center repeat-y; }
* html #wrapper { height: 100%; }
#footer { position: absolute; bottom: 0; left: 0; width: 100%; }
* html #footer { bottom: -1px; }
#container { margin-bottom: 2em; float: left; }
body {
margin: 0;
background: #EDEEF0 url(../images/petromax_back/petromax_back_course.jpg) top center repeat-x;
background-color: #DBDBDD;
}
/* LINKS */
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
img { border: none; }
.links { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; word-spacing: 1pt; }
.link_lang { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; }
.links_h2 { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #3E3E3E; font-weight:bold; margin-bottom: 0px; }
.links_anker { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #3E3E3E; margin-bottom: 0px; }
.links_td { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
/* ÜBERSCHRIFT SEITEN */
h1 {
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration: none;
margin-bottom: 2px;
color: #E17705;
}
/* ÜBERSCHRIFT PRODUKTE */
h2 {
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom: 0px;
color: #3E3E3E;
margin: 0;
padding: 0;
}
/* WICHTIGE TEXTE */
h3 {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight:normal;
color: #6F6F6F;
word-spacing: 1pt;
line-height: 145%;
}
/* STANDARDSCHRIFT */
td {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #6F6F6F;
word-spacing: 1pt;
line-height: 145%;
}
/* SONSTIGE SCHRIFTEN */
.font_08pt { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_09pt { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_10pt { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_11pt { font-size: 11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_12pt { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_13pt { font-size: 13pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_14pt { font-size: 14pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_15pt { font-size: 15pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.font_16pt { font-size: 16pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
.bildunterschrift { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; line-height: 100%; }
.font_10pt_red { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #DD0000; word-spacing: 1pt; line-height: 145%; }
.fachhaendler { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; }
/* SONSTIGES */
#container { width: 780px; text-align: left; margin: auto; background-color: white; }
#spalte_links { float: left; width: 239px; background-color: white; }
#spalte_rechts { float: right; width: 540px; background-color: white; border-left: 1px #DBDBDD solid; min-height: 100%; position: relative; }
* html #spalte_rechts { height: 100%; }
#logo { width: 239px; height: 124px; text-align: center; margin-top: 64px; border-bottom: 1px #DBDBDD solid; }
.border_bottom { border-bottom: 1px #DBDBDD solid; }
.clear { clear: both; }
.kein_margin { margin: 0; }
.bildabstand_home { margin-top: 3px; float: left; border: 1px #828282 solid; }
/* CONTENT */
#content { width: 490px; margin-top: 15px; padding: 25px 0 20px 25px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 145%; }
#content_tail { clear: both; height: 70px; }
/* NAVI */
#navi { width: 239px; height: 269px;}
#navi .navipunkt { width: 214px; height: 269px; height: 21px; padding: 5px 0 0 25px; border-bottom: 1px #DBDBDD solid; }
#navi #punkt_1_on { background: url(../images/petromax_link_button/petromax_button_01_on.jpg) top left no-repeat; }
#navi #punkt_1 { background: url(../images/petromax_link_button/petromax_button_01.jpg) top left no-repeat; }
#navi #punkt_2_on { background: url(../images/petromax_link_button/petromax_button_02_on.jpg) top left no-repeat; }
#navi #punkt_2 { background: url(../images/petromax_link_button/petromax_button_02.jpg) top left no-repeat; }
#navi #punkt_3_on { background: url(../images/petromax_link_button/petromax_button_03_on.jpg) top left no-repeat; }
#navi #punkt_3 { background: url(../images/petromax_link_button/petromax_button_03.jpg) top left no-repeat; }
#navi #punkt_4_on { background: url(../images/petromax_link_button/petromax_button_04_on.jpg) top left no-repeat; }
#navi #punkt_4 { background: url(../images/petromax_link_button/petromax_button_04.jpg) top left no-repeat; }
#navi #punkt_5_on { background: url(../images/petromax_link_button/petromax_button_05_on.jpg) top left no-repeat; }
#navi #punkt_5 { background: url(../images/petromax_link_button/petromax_button_05.jpg) top left no-repeat; }
#navi #punkt_6_on { background: url(../images/petromax_link_button/petromax_button_06_on.jpg) top left no-repeat; }
#navi #punkt_6 { background: url(../images/petromax_link_button/petromax_button_06.jpg) top left no-repeat; }
#navi #punkt_7_on { background: url(../images/petromax_link_button/petromax_button_07_on.jpg) top left no-repeat; }
#navi #punkt_7 { background: url(../images/petromax_link_button/petromax_button_07.jpg) top left no-repeat; }
#navi #punkt_8_on { background: url(../images/petromax_link_button/petromax_button_08_on.jpg) top left no-repeat; }
#navi #punkt_8 { background: url(../images/petromax_link_button/petromax_button_08.jpg) top left no-repeat; }
#navi #punkt_9_on { background: url(../images/petromax_link_button/petromax_button_09_on.jpg) top left no-repeat; }
#navi #punkt_9 { background: url(../images/petromax_link_button/petromax_button_09.jpg) top left no-repeat; }
#navi #punkt_10_on { background: url(../images/petromax_link_button/petromax_button_10_on.jpg) top left no-repeat; }
#navi #punkt_10 { background: url(../images/petromax_link_button/petromax_button_10.jpg) top left no-repeat; }
/* FLAGGEN */
#flaggen { margin: 41px 0 0 12px; width: 180px; }
#flaggen .flagge_bild { float: left; margin: 0 13px 11px 13px; }
#flaggen .flagge_text { float: left; margin-top: 3px; }
/* FOOTER */
#footer { width: 780px; border-top: 1px #DBDBDD solid; }
#footer #impressum #copy { padding: 11px 0 0 0; text-align: right; float: left; width: 225px; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; }
#footer #impressum #links_unten { padding: 8px 0 0 0; text-align: center; float: right; height: 50px; width: 540px; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #6F6F6F; word-spacing: 1pt; line-height: 190%; }
#footer #footer_links { text-align: center; width: 733px; height: 54px; padding: 8px 0 0 47px; word-spacing: 1pt; line-height: 125%; background: white url(../images/white_bg.gif) top center repeat-x; color: #6F6F6F; }