/*
   CSS rendert zugehöriges XHTML-File praktisch identisch auf
   * WinXP FFox2.0.0.3
   * WinXP IE6
   * WinXP IE7 (Textzoom funktioniert, Seitenzoom skaliert Text nicht)
   * WinXP Opera 8.5
   * WinXP Netscape 7.2
   * Linux Konqueror 3.3.2
   * Linux Firefox 1.0.4
   * Linux Opera 8.5 (Kleine Darstellungsfehler bei Zoomfunktion)
   * Mac OSX10.3 Safari 1.3
   * Mac OSX10.3 Firefox 1.04
   * Mac OSX10.3 Opera 8.5 (Zoom funktioniert nicht)
   * Mac OSX10.3 Camino 0.8.4
   * Mac OSX10.3 Shira 1.1
  21Apr07 --- sven waechli 
*/

#top_navi {font-size: .8em; /* font-size Angaben in Kind-Elementen können im Fox Zusatz padding-top ergeben !?! */clear: left;margin: 1em 0 0 40px;border-bottom: 3px solid #fff;margin-left:4%;margin-right:2%;/*width:94%;*//*IE trouble*/}
#top_navi .first { margin-left: 10px; }
#top_navi div, #sub_navi div {font-weight: bold; display: inline;margin-left: 4px; /* IE */}
#top_navi a, #top_navi span, #sub_navi a, #sub_navi span  {color: #fff; text-decoration: none; padding: 0 8px;}




#sub_navi { position: relative;margin: 0 0 0 20px;font-size:0.8em;margin-left:2%;width:78%;}

/*#sub_navi  {height:1.3em;}
#sub_navi div, #sub_navi div a{height:1.6em;padding-bottom:0.1em;}*/

#sub_navi .first { margin-left: 40px; }

#sub_navi div.lcorner {position: absolute; left: 0; top: 0;width: 12px; height: 5em;margin:0;padding:0;}
#sub_navi div.rcorner {position: absolute; right: -1px; /*IE Bug*/top: 0;width: 12px; height: 8px;margin:0;padding:0;}

.ttab01 { background: #7E1A4A url(bg_01_corner_top_right.png) top right no-repeat; } /* bordeaux */
.ttab01 a, .ttab01 span { background: url(bg_01_corner_top_left.png) top left no-repeat; }

.ttab02 { background: #038934 url(bg_02_corner_top_right.png) top right no-repeat; } /* grass green */
.ttab02 a, .ttab02 span { background: url(bg_02_corner_top_left.png) no-repeat; }

.ttab03 { background: #B83D86 url(bg_03_corner_top_right.png) top right no-repeat; } /* pink */
.ttab03 a, .ttab03 span { background: url(bg_03_corner_top_left.png) top left no-repeat; }

.ttab04 { background: #006928 url(bg_04_corner_top_right.png) top right no-repeat; } /* dunkel gruen */
.ttab04 a, .ttab04 span { background: url(bg_04_corner_top_left.png) top left no-repeat; }

.ttab05 { background: #D2391A url(bg_05_corner_top_right.png) top right no-repeat; } /* orange */
.ttab05 a, .ttab05 span { background: url(bg_05_corner_top_left.png) top left no-repeat; }

.ttab06 { background: #544E96 url(bg_06_corner_top_right.png) top right no-repeat; } /* lila */
.ttab06 a, .ttab06 span { background: url(bg_06_corner_top_left.png) top left no-repeat; }

.ttab07 { background: #115087 url(bg_07_corner_top_right.png) top right no-repeat; } /* sea blue */
.ttab07 a, .ttab07 span { background: url(bg_07_corner_top_left.png) top left no-repeat; }

.ttab08 { background: #7D8AAB url(bg_08_corner_top_right.png) top right no-repeat; } /* grey blue */
.ttab08 a, .ttab08 span { background: url(bg_08_corner_top_left.png) top left no-repeat; }

#sub_navi {padding-top:8px; background-image: url(brd_03_top.gif);background-repeat: repeat-x;height:3em;}
#sub_navi div.lcorner { background: url(brd_03_top_left.gif) no-repeat;}
#sub_navi div.rcorner { background: url(brd_03_top_right.gif) no-repeat;}

/***************** styles depending on body id's *************************/
body#lochome .ttab01 span  { border-bottom: 3px solid #7E1A4A;}
body#lochome #sub_navi {padding-top:8px; background-image: url(brd_01_top.gif);background-repeat: repeat-x;height:3em;}
body#lochome #sub_navi div { background: #7E1A4A url(bg_01_corner_bottom_right.png) bottom right no-repeat; }
body#lochome #sub_navi div a, body#lochome #sub_navi div span { background: url(bg_01_corner_bottom_left.png) bottom left no-repeat; }
body#lochome #sub_navi div span{ color:#FFFF00; }
body#lochome #sub_navi div.lcorner { background: url(brd_01_top_left.gif) no-repeat;}
body#lochome #sub_navi div.rcorner { background: url(brd_01_top_right.gif) no-repeat;}

body#locinfo .ttab02 span  { border-bottom: 3px solid #038934;}
body#locinfo #sub_navi {padding-top:8px; background-image: url(brd_02_top.gif);background-repeat: repeat-x;height:3em;}
body#locinfo #sub_navi div { background: #038934 url(bg_02_corner_bottom_right.png) bottom right no-repeat; }
body#locinfo #sub_navi div a, body#locinfo #sub_navi div span { background: url(bg_02_corner_bottom_left.png) bottom left no-repeat; }
body#locinfo #sub_navi div span{ color:#FFFF00; }
body#locinfo #sub_navi div.lcorner { background: url(brd_02_top_left.gif) no-repeat;}
body#locinfo #sub_navi div.rcorner { background: url(brd_02_top_right.gif) no-repeat;}

body#locpflanzen .ttab03 span  { border-bottom: 3px solid #B83D86;}
body#locpflanzen #sub_navi {padding-top:8px; background-image: url(brd_03_top.gif);background-repeat: repeat-x;height:3em;}
body#locpflanzen #sub_navi div { background: #B83D86 url(bg_03_corner_bottom_right.png) bottom right no-repeat; }
body#locpflanzen #sub_navi div a, body#locpflanzen #sub_navi div span { background: url(bg_03_corner_bottom_left.png) bottom left no-repeat; }
body#locpflanzen #sub_navi div span { color:#FFFF00; }
body#locpflanzen #sub_navi div.lcorner { background: url(brd_03_top_left.gif) no-repeat;}
body#locpflanzen #sub_navi div.rcorner { background: url(brd_03_top_right.gif) no-repeat;}

body#loctiere .ttab04 span  { border-bottom: 3px solid #006928;}
body#loctiere #sub_navi {padding-top:8px; background-image: url(brd_04_top.gif);background-repeat: repeat-x;height:3em;}
body#loctiere #sub_navi div { background: #006928 url(bg_04_corner_bottom_right.png) bottom right no-repeat; }
body#loctiere #sub_navi div a, body#loctiere #sub_navi div span { background: url(bg_04_corner_bottom_left.png) bottom left no-repeat; }
body#loctiere #sub_navi div span { color:#FFFF00; }
body#loctiere #sub_navi div.lcorner { background: url(brd_04_top_left.gif) no-repeat;}
body#loctiere #sub_navi div.rcorner { background: url(brd_04_top_right.gif) no-repeat;}

body#locbilder .ttab05 span  { border-bottom: 3px solid #D2391A;}
body#locbilder #sub_navi {padding-top:8px; background-image: url(brd_05_top.gif);background-repeat: repeat-x;height:3em;}
body#locbilder #sub_navi div { background: #D2391A url(bg_05_corner_bottom_right.png) bottom right no-repeat; }
body#locbilder #sub_navi div a, body#locbilder #sub_navi div span { background: url(bg_05_corner_bottom_left.png) bottom left no-repeat; }
body#locbilder #sub_navi div span { color:#FFFF00; }
body#locbilder #sub_navi div.lcorner { background: url(brd_05_top_left.gif) no-repeat;}
body#locbilder #sub_navi div.rcorner { background: url(brd_05_top_right.gif) no-repeat;}

body#locverkauf .ttab06 span  { border-bottom: 3px solid #544E96;}
body#locverkauf #sub_navi {padding-top:8px; background-image: url(brd_06_top.gif);background-repeat: repeat-x;height:3em;}
body#locverkauf #sub_navi div { background: #544E96 url(bg_06_corner_bottom_right.png) bottom right no-repeat; }
body#locverkauf #sub_navi div a, body#locgaestebuch #sub_navi div span { background: url(bg_06_corner_bottom_left.png) bottom left no-repeat; }
body#locverkauf #sub_navi div span { color:#FFFF00; }
body#locverkauf #sub_navi div.lcorner { background: url(brd_06_top_left.gif) no-repeat;}
body#locverkauf #sub_navi div.rcorner { background: url(brd_06_top_right.gif) no-repeat;}


body#locgaestebuch .ttab07 span  { border-bottom: 3px solid #115087;}
body#locgaestebuch #sub_navi {padding-top:8px; background-image: url(brd_07_top.gif);background-repeat: repeat-x;height:3em;}
body#locgaestebuch #sub_navi div { background: #115087 url(bg_07_corner_bottom_right.png) bottom right no-repeat; }
body#locgaestebuch #sub_navi div a, body#locverkauf #sub_navi div span { background: url(bg_07_corner_bottom_left.png) bottom left no-repeat; }
body#locgaestebuch #sub_navi div span { color:#FFFF00; }
body#locgaestebuch #sub_navi div.lcorner { background: url(brd_07_top_left.gif) no-repeat;}
body#locgaestebuch #sub_navi div.rcorner { background: url(brd_07_top_right.gif) no-repeat;}


body#locnewslettersbscription .ttab08 span  { border-bottom: 3px solid #7D8AAB;}
body#locnewslettersbscription #sub_navi {padding-top:8px; background-image: url(brd_08_top.gif);background-repeat: repeat-x;height:3em;}
body#locnewslettersbscription #sub_navi div { background: #7D8AAB url(bg_08_corner_bottom_right.png) bottom right no-repeat; }
body#locnewslettersbscription #sub_navi div a, body#lockontakt #sub_navi div span { background: url(bg_08_corner_bottom_left.png) bottom left no-repeat; }
body#locnewslettersbscription #sub_navi div span { color:#FFFF00; }
body#locnewslettersbscription #sub_navi div.lcorner { background: url(brd_08_top_left.gif) no-repeat;}
body#locnewslettersbscription #sub_navi div.rcorner { background: url(brd_08_top_right.gif) no-repeat;}

/***************** END styles depending on body id's *************************/


/*colors*/
/* #A4B2D8 --> grey background */
/* #7E1A4A --> 'Home' bordeaux */
/* #038934 --> 'Info' grass green */
/* #B83D86 --> 'Pflanzen' pink */
/* #006928 --> 'Tiere' dark green */
/* #D2391A --> 'Bilder orange' */
/* #544E96 --> 'Guestbook' lila*/
/* #115087 --> 'Verkauf' sea blue*/
/* #7D8AAB --> 'Kontakt' grey blue*/
/* #2B8A46 --> 'seleger' green*/