/* Basis-Definitionen */

body {
font-family: verdana;
font-size: 11px;
color: rgb(51, 0, 0);
background-image: url(../grafik/hg.jpg);
}

br {
margin: 0px;
}

p, td {
font-family: verdana;
font-size: 11px;
color: rgb(51, 0, 0);
}

h1 {
font-family:verdana;
font-size: 14px;
font-weight: bold;
color: rgb(51, 51, 255);
clear: left;
margin: 2px 0px 2px 0px;
}

h2 {
font-family:verdana;
font-size: 14px;
font-weight: bold;
color: rgb(255, 102, 0);
margin: 5px 0px 2px 0px;
clear: left;
}

h3 {
font-family:verdana;
font-size: 13px;
font-weight: bold;
color: brown;
}

h4 {
font-family:verdana;
font-size: 11px;
font-weight: bold;
color: rgb(255, 102, 0);
margin: 0px 0px 2px 0px;
padding: 0px;
}

td {
vertical-align: top;
margin: 0px;
padding: 0px;
}

a:link {
color: rgb(51, 0, 0);
text-decoration: underline;
}

a:visited {
color: rgb(51, 0, 0);
text-decoration: underline;
}

a:hover {
color: rgb(255, 102, 0);
text-decoration: underline;
}

a:active {
color: #000000;
text-decoration: underline;
}

/* Kopfleiste */

.top {
border-style: solid; 
border-color: rgb(255, 102, 0);
border-width: 5px 0px 1px 0px;
}

.top1 {
border-style: solid;
background-image: url(../grafik/nbh_logo.jpg);
background-repeat: no-repeat;
border-color: rgb(255, 102, 0);
border-width: 0px 0px 0px 3px;
}

/* Textteil */

.inhalt {
width: 640px;
height: 602px;
padding: 15px 0px 15px 15px;
}

/* Fussleiste */

.fuss {
border-style: solid; 
border-color: #ffffff;
border-width: 1px 0px 0px 0px;
background-color: rgb(255, 102, 0);
padding: 10px 0px 5px 3px;
}

.fuss1 {
border-style: solid; 
border-color: rgb(255, 102, 0);
border-width: 1px 0px 3px 0px;
padding: 10px 0px 5px 3px;
}

/* Haupt-Navigationsleiste */

.navi {
width: 160px;
border-style: solid; 
border-color: rgb(255, 102, 0);
border-width: 0px 0px 0px 3px;
background-image: url(../grafik/hg_navi.jpg);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
vertical-align: top;
}

.navitd {
height: 35px;
padding: 1px;
vertical-align: middle;
border-style: solid; 
border-width: 0px 0px 10px 0px;
border-color: #ffffff;
}

#nav a:link {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#nav a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#nav a:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
}

#nav a:active {
color: #000000;
font-weight: bold;
text-decoration: none;
}

/* Sub-Navigationsleisten */

.sub {
margin-top: -10px;
margin-bottom: 10px;
}

#sub a:link {
color: #000000;
font-weight: bold;
background-color: #dddddd;
text-decoration: none;
padding: 0px 2px 5px 2px;
margin: 0px;
}

#sub a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
background-color: #dddddd;
padding: 0px 2px 5px 2px;
margin: 0px;
}

#sub a:hover {
color: rgb(255, 102, 0);
font-weight: bold;
text-decoration: none;
background-color: #ffffff;
border-style: solid;
border-color: rgb(255, 102, 0);
border-width: 0px 0px 2px 0px;
padding: 0px 2px 5px 2px;
margin: 0px;
}

#sub a:active {
color: rgb(255, 102, 0);
font-weight: bold;
text-decoration: none;
background-color: #ffffff;
border-style: solid;
border-color: rgb(255, 102, 0);
border-width: 0px 0px 2px 0px;
padding: 0px 2px 5px 2px;
margin: 0px;
}

#invertedtabs{
margin-left: 0px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
}

#invertedtabs ul{
font: bold 10px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
line-height: 1.5em;
}

#invertedtabs a{
float:left;
color: white;
background: #f38f3d url(../grafik/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(../grafik/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 2px 3px 2px;
}

#invertedtabs a span{
float:none;
}

#invertedtabs a:hover{
background-color: rgb(255, 102, 0);
}

#invertedtabs a:hover span{
background-color: rgb(255, 102, 0);
}

#invertedtabs #current a, #invertedtabs #current span{ 
/*currently selected tab*/
background-color: rgb(255, 102, 0);
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #f38f3d;
border-bottom: 1px solid #fff; 
/*Remove this to remove border between bar and tabs*/
}

/* Varianten Textfarben */

.blau {
color: rgb(51, 51, 255);
}

.orange {
color: rgb(255, 102, 0);
}

/* Horizontale Linien */

.hrb {
width: 630px;
color: rgb(51, 51, 255);
background-color: rgb(51, 51, 255);
height: 1px;
text-align: left;
border: 0px;
margin: 0px 0px 8px 0px;
}

.hro {
width: 630px;
color: rgb(255, 102, 0);
background-color: rgb(255, 102, 0);
height: 1px;
text-align: left;
border: 0px;
margin: 0px 0px 8px 0px;
}

/* Hauptseite: Einleitungstext */

.welcome {
padding: 0px 8px 0px 0px;
width: 450px;
}

/* Hauptseite: Aktuell-Kasten */

.aktuell {
border-style: solid; 
border-color: rgb(255, 102, 0); 
border-width: 15px 1px 3px 1px;
padding: 5px; 
text-align: center;
}

/* Hauptseite: Öffnungszeiten */

.prog {
background-color: ffffb6;
border-style: solid; 
border-color: rgb(255, 102, 0); 
border-width: 10px 1px 3px 1px;
padding: 5px; 
text-align: center;
height: 100px;
}

/* Veranstaltungs-Seite */

.veran {
border-style: double;
border-width: 10px;
border-color: #dedede;
padding: 5px;
}

/* Übersicht Kurse und Gruppen */

.kurs {
text-align: left;
vertical-align: middle;
}

/* Bild-Text-Abstand Kurse und Gruppen */

.dist {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}

/* Liste Notrufnummern */

.tliste {
background-color: #dddddd;
padding: 4px 0px 4px 4px;
}

.1 {
width: 10%;
}