/* www.elektro-rix.de
Autor der Modifikation : Karsten Peters
Version 2.0 , 29-09-2005 ( w3c - validiert )
- Verknüpfte Dateien -
Headergrafik:
( hab' die Grafik zerschnitten, damit das Menu und die Suchbox besser plaziert werden können )
1. images/header_oberes_segment.jpg
2. images/header_unteres_segment.jpg
Contentgrafik:
images/contentbackground.jpg
- Farben -
rot : #FF0000
grau : #c0c0c0
*/

BODY , TD  {font-family : Verdana, Geneva, Arial, Helvetica;font-size : 9pt;color : black;line-height : 20px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;}

hr {border:solid #ff0000 1px;height:1px;}
      
/* Backgrounds für den Header; gesplittet w/ Einbau des Menus */      
.top_1 {background-image : url(images/header_oberes_segment.jpg);background-repeat : no-repeat;margin-bottom:-3px;}

.top_2 {background-image : url(images/header_unteres_segment.jpg);background-repeat : no-repeat;}
      
/* Backgroundbild für den content */      
.contentbg {background-image : url(images/contentbackground_2.jpg); background-repeat : no-repeat;height:100%;}

H1 {font-size : 12pt;font-weight : bold;margin-bottom : 10px;color : red;}
H2 , H3 {font-size : 12pt;font-weight : bold;margin-top : 20px;margin-bottom : 20px;color : red;}
H4 {font-size : 12pt;font-weight : normal;margin-bottom : 6px;}
      
/* Formatiert die Schrift ím Footer und bestimmt die BG-Grafik */      
.bottomformat {font-size : 10px;font-weight : bold;color : white;text-align : center;background-image : url(images/header_oberes_segment.jpg);background-repeat : no-repeat;}
      
/*Format für handcodierten Sitemaplink in der Navigationsleiste */      
.sitemaplink {font-size : 8pt;}

.impressum {font-size : 7pt;}

ul.menulevel1 , ul.menulevel2 , ul.menulevel3 , ul.sitemaplevel1 , ul.sitemaplevel2 , ul.sitemaplevel3 , ul.submenu , ul.search {padding-left : 0;margin-left : 0;list-style : none;}

/* Dies ordnet das Menu horizontal an */
#navlist li {float : left;margin-left : 8px;padding-right : 0;padding-left : 10px;display : inline;list-style-type : none;text-decoration : none;}
#navlist ul {float : left;margin : 0;}

/*Format für erläuternde Texte auf der "Lösungen" - Seite */
.readmore {font-size : 10px;font-weight : bold;}

form {margin : 0;}

/*erzeugt die Tabelle auf der "Lösung-ABC"-Seite */
.tabelle_links {width : 50%;height : 10px;border : 0px solid black;padding : 8px;float:left;}
.tabelle_rechts {width : 20%;height : 10px;border : 0px solid black;padding : 8px;float:left;}


li.doc {padding-left : 15px;background-image : url(menu/doc.gif);background-repeat : no-repeat;}
li.docs {padding-left : 15px;background-image : url(menu/docs.gif);background-repeat : no-repeat;}
li.sdoc {padding-left : 15px; background-image : url(menu/sdoc.gif);background-repeat : no-repeat;}
li.sdocs {padding-left : 15px;background-image : url(menu/sdocs.gif);background-repeat : no-repeat;}

A:visited {color : #000000;text-decoration : none;}
A:link {color : #000000;text-decoration : none;}
A:hover {color : white;background-color : #ff0000;}


.sitename {font-weight : normal;font-size : 20pt;}

.menulevel1 {font-size : 8pt;color : red;}
.menulevel1 a {font-weight : normal;color : black;}
.menulevel1 a:link , .menulevel1 a:visited {color : black;}
.menulevel1 a:active , .menulevel1 a:hover {color : white;}
.menulevel2 {font-size : 8pt;color : gray;}
.menulevel2 a {font-weight : normal;color : black;}
.menulevel2 a:link , .menulevel2 a:visited {color : black;}
.menulevel2 a:active , .menulevel2 a:hover {color : white;}
.menulevel3 {font-size : 8pt;color : gray;}
.menulevel3 a {font-weight : normal;color : black;}
.menulevel3 a:link , .menulevel3 a:visited {color : black;}
.menulevel3 a:active , .menulevel3 a:hover {color : white;}

.sitemaplevel1 , .sitemaplevel2 , .sitemaplevel3 {font-size : 9pt;}
.sitemaplevel1 a , .sitemaplevel2 a , .sitemaplevel3 a {font-weight : normal;color : black; }
.sitemaplevel1 a:link , .sitemaplevel2 a:link , .sitemaplevel3 a:link , .sitemaplevel1 a:visited , .sitemaplevel2 a:visited , .sitemaplevel3 a:visited {color : black;}
.sitemaplevel1 a:active , .sitemaplevel2 a:active , .sitemaplevel3 a:active , .sitemaplevel1 a:hover , .sitemaplevel2 a:hover , .sitemaplevel3 a:hover { color : white;}

.submenu {font-size : 9pt;}
.submenu a {font-weight : normal;color : black;}
.submenu a:link , .submenu a:visited {color : black;}
.submenu a:active , .submenu a:hover {color : black;}

.search a {font-weight : normal;color : black;}
.search a:link , .search a:visited {color : black;}
.search a:active , .search a:hover {color : white;}

.locator {font-size : 8pt;}
.locator a {font-weight : normal;text-decoration : none;}
.locator a:link , .locator a:visited , .locator a:active {color : #000000;}
.locator a:hover {color : #ffffff;}

.menu {font-weight : bold;font-size : 8pt;color : white;}
.menu a {text-decoration : underline;color : white;}
.menu a:link , .menu a:visited , .menu a:active , .menu a:hover {color : white;}

.login {font-weight : bold;font-size : 8pt;}
.login a , .login a:link , .login a:visited , .login a:active , .login a:hover {color : gray;}

.navigator {font-weight : bold;font-size : 10pt;color : white;}
.navigator a:link , .navigator a:visited {color : #c0c0c0;}
.navigator a:active , .navigator a:hover {color : white;}

.edit {font-size : 8pt;color : black;background-color : ButtonFace;}
.edit a:link , .edit a:visited , .edit a:active , .edit a:hover {font-weight : normal;color : black;}

input , select {font-size : 8pt;}

textarea {font-family : Verdana, Geneva, Arial, Helvetica;font-size : 8pt;background-color : white;width : 98%;}

.searchbox .text , .searchbox .submit {border : 1px solid #000000;background-color : white;}

INPUT {background-color : #ffffff;border-bottom-color : #000000;border-bottom-width : 1px;border-left-color : #000000;border-left-width : 1px;border-right-color : #000000;border-right-width : 1px;border-top-color : #000000;border-top-width : 1px;color : #000000;font-family : Verdana;font-size : 8pt; margin-bottom : 1px;margin-top : 1px;}

TEXTAREA {background-color : #ffffff;color : #000000;font-family : Verdana;font-size : 8pt;border : 1px solid #000000;}

<!-- /* macht Rahmen um alle Bilder */ -->        

img {border : 1px solid gray; padding:3px;margin-right:10px;margin-bottom:10px;}
.img a:hover {color:white;}