/* Allgemeines _________________________________________________________________________________________________________________*/ /* Body */ body { margin:0px; padding: 40px; background-color: #ab5f5f; background-image:url(../img/hp_logo.png); background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 1.6em; color: #333333; height:100%; text-align: center; text-decoration: none;} /* Außenhülle */ #wrapper { width: 900px; padding: 0px; margin: auto; background-color: #FFFFFF; filter: DropShadow(color=#000000, offx=30px, offy=30px); } /* Inhalt*/ #content { position: relative; top: 0px; left: 100px; padding-top: 60px; padding-right: 15px; padding-left: 15px; padding-bottom: 30px; width: 700px; text-align: left; min-height: 900px; } #column_left { position: relative; top: 0px; left: 35px; padding-top: 60px; padding-right: 0px; padding-left: 5px; width: 150px; text-align: left; float: left; min-height: 900px; color: #666666; } /* Kopfbereich */ #header { padding: 0px; clear: both; background-color: #FFFFFF; height: 230px; width: 900px; margin:auto; } /* Kopfbereich Abstandshalter */ #header2 { padding: 0px; clear: both; background-color: #CCB3B3; height: 30px; width: 900px; margin:auto; } /* Aufkleber */ #aufkleber { position: relative; left: 650px; top: -15px; width: 70px; padding: 5px;} /* Footer */ #footer { padding-top: 30px; clear: both; background-color: #CCB3B3; width: 900px; margin:auto; text-align: center; } /* ie5.01 hack */ h1,h2,p,ul {margin-top:0; margin-bottom:0;} /* -- Damit Bilder mit Verlinkungen und Textverlinkungen keinen blauen Rahmen bekommen -- */ a img { border: 0px} a { text-decoration: none; color: #FFFFFF; } /* Texte ______________________________________________________________________________________________________________________*/ /* -- Text -- */ .text_gross { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 13px; color: #333333; height:100%; text-align: center; } /* -- Text -- */ .text_klein { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px; color: #333333; height:100%; text-align: center; } /* -- Zitate -- */ .zitate { color: #666666; font-style: italic } /* -- Tabelle Start-- */ .table { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px; color: #333333; width: 500px; } /* -- Überschriften -- */ h1 { font-size: 16px; font-weight: bold; color: #333333; font-family: verdana, arial, sans-serif; color: #ae9a63; } h2 { font-size: 14px; font-weight: bold; color: #333333; font-family: verdana, arial, sans-serif; } h3 {font-size: 13px; font-weight:bold; color: #333333; font-family: verdana, arial, sans-serif; } h4 {font-size: 11px; font-weight:bold; color: #333333; font-family: verdana, arial, sans-serif; } h5 {font-size: 11px; font-style: italic; color: #333333; font-family: verdana, arial, sans-serif; } /* -- Linien -- */ hr {border-style: solid; border-color: #e7f3f7; border-top-color: #ae9a63; border-top-width: 1px; } /* -- Expertenbild -- */ .expert_pic_left { text-align: left; position: relative; top: 20px; left: 0px; width: 80px; float: left; margin: 20px;} /* -- Expertentext -- */ .expert_text_left { text-align: left; position: relative; top: 20px; left: 10px; width: 200px; } /* Navigation ______________________________________________________________________________________________________________________*/ /* -- Subnavi unten -- */ .sub_unt {text-decoration: none; color: #333333;} .sub_unt a:link { color: #333333; text-decoration: none; } .sub_unt a:visited { color: #333333; text-decoration:none;} .sub_unt a:focus { color: #333333; text-decoration: none; } .sub_unt a:hover { color: #ae9a63; text-decoration: none; } .sub_unt a:active { color: #333333; text-decoration: none; } /* -- E-Mail Links -- */ .email {text-decoration: none; color: #ae9a63; font-weight: bold;} .email a:link { color: #ae9a63; text-decoration: none; } .email a:visited { color: #ae9a63; text-decoration:none;} .email a:focus { color: #ae9a63; text-decoration: none; } .email a:hover { color: #333333; text-decoration: none; } .email a:active { color: #ae9a63; text-decoration: none; } /* -- Downloads -- */ .down {text-decoration: none; color: #333333; line-height: 2.0em;} .down a:link { color: #333333; text-decoration: none; } .down a:visited { color: #333333; text-decoration:none;} .down a:focus { color: #333333; text-decoration: none; } .down a:hover { color: #ae9a63; text-decoration: none; } .down a:active { color: #333333; text-decoration: none; } /* -- Downloads eingerückt -- */ .down2 {text-decoration: none; color: #333333; line-height: 2.0em;} .down2 a:link { color: #333333; text-decoration: none; } .down2 a:visited { color: #333333; text-decoration:none;} .down2 a:focus { color: #333333; text-decoration: none; } .down2 a:hover { color: #ae9a63; text-decoration: none; } .down2 a:active { color: #333333; text-decoration: none; } /* -- Links Columne -- */ .link_col {text-decoration: none; color: #666666; font-weight: bold;} .link_col a:link { color: #666666; text-decoration: none; } .link_col a:visited { color: #666666; text-decoration:none;} .link_col a:focus { color: #666666; text-decoration: none; } .link_col a:hover { color: #ae9a63; text-decoration: none; } .link_col a:active { color: #666666; text-decoration: none; } /* Links unter dem Header */ .links_head {width: 200px; font-size: 10px; position: relative; top: 180px; left: 0px; } .links_head a:link { color: #666666; text-decoration: none; } .links_head a:visited { color: #666666; text-decoration: none;} .links_head a:focus { color: #666666; text-decoration: none; } .links_head a:hover { color: #ae9a63; text-decoration: none; } .links_head a:active { color: #666666; text-decoration: none; } /* Links unter dem Header - HOME */ .home {position: relative; top: 163px; left: 250px; } /* - Hauptnavigation */ .hg_1 a:link {position: relative; left: 251px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold; } .hg_1 a:visited {position: relative; left: 251px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold; } .hg_1 a:focus { position: relative; left: 251px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold; } .hg_1 a:hover {position: relative; left: 251px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_1 a:active {position: relative; left: 251px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold; } .hg_2 a:link{ position: relative; left: 254px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_2 a:visited{ position: relative; left: 254px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_2 a:focus{ position: relative; left: 254px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_2 a:hover{ position: relative; left: 254px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_2 a:active{ position: relative; left: 254px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_3 a:link{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_3 a:visited{ position: relative; left: 256px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_3 a:focus{ position: relative; left: 256px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_3 a:hover{ position: relative; left: 256px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_3 a:active{ position: relative; left: 256px; top: 0px; font-size: 12px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_4 a:link{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #a9a06d; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_4 a:visited{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #a9a06d; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_4 a:focus{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #a9a06d; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_4 a:hover{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #e5dfc0; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_4 a:active{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #e5dfc0; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_5 a:link{ position: relative; left: 260px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_5 a:visited{ position: relative; left: 260px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_5 a:focus{ position: relative; left: 260px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #ab5f5f; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_5 a:hover{ position: relative; left: 260px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_5 a:active{ position: relative; left: 260px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; padding: 5px; height: 20px; float: left; font-weight: bold;} /* - Hauptnavigation aktive Buttons */ .hg_1_akt {position: relative; left: 251px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; color: #FFFFFF; padding: 5px; height: 20px; float: left; font-weight: bold; } .hg_2_akt{ position: relative; left: 254px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; color: #FFFFFF; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_3_akt{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; color: #FFFFFF; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_4_akt{ position: relative; left: 257px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; color: #FFFFFF; padding: 5px; height: 20px; float: left; font-weight: bold;} .hg_5_akt{ position: relative; left: 260px; top: 0px; font-size: 11px; text-decoration: none; width: 150px; background-color: #CCB3B3; color: #FFFFFF; padding: 5px; height: 20px; float: left; font-weight: bold;}