/* ********************  allgemeines  ******************* */

body {
font-family: verdana, sans-serif;
background: #EBF3FA url("../upload/allgemein/wvb-hintergrund.jpg") no-repeat;
margin: 16px 8px 8px 10px;
padding: 0; /* wg. Opera */
}

p,td,div,span {
color: #444444;
font-size:13px;
}

img {
border: 0 none;
}

.zentriert {
text-align: center;
}

.haupt-table {
max-width: 1150px; /* geht noch nicht im IE */
width: 100%;
}

.header {
border:solid 1px #cccccc;
}

.header div {
background-color:white;
background-image:url("../upload/allgemein/wvb-titelstreifen.jpg");
background-repeat:no-repeat;
border:solid 0px #cccccc;
height:95px;
text-align: center;
}

.header-haupt-abstand  {
height: 16px;
}

.navigation {
width:161px; /* wird u.U. aufgedrückt durch .trans-pixel (=Absicherung d. Nav-Breite),
momentan 163px wg. untersch. IE/Moz border-Verhalten */
vertical-align: top;
padding: 0 10px 0 0;
}

.inhalt {
line-height: 19px;
padding:6px 40px 20px 40px;
background-color: #ffffff;
border:solid 1px #cccccc;
vertical-align: top;
}

.breadcrumb {
font-size: 10px;
line-height: 14px;
/*****variante:  background-color: #f0f0f0; border-top: solid 1px #e3e3e3; */
border-bottom: solid 1px #e3e3e3;
margin-bottom: 22px;
}

.breadcrumb a {
color: #55659B;
}

.liste_mit_abstaenden li {
margin-bottom: 1em;
}

ul.linksbuendig{
margin-left: 0px;
padding-left: 18px;
}

h1 {
color: #444444; /* rot zB #980101 */
font-size: 24px;
line-height: 30px;
}

h3.gestaltet {
clear: both;
color: #555555;
font-size: 18px;
line-height: 1.65em;
border-bottom: 1px solid #999999;
margin-top: 1.65em;
}

h3 {
clear: both;
color: #555555;
font-size: 18px;
line-height: 1.65em;
margin-top: 1.65em;
}

h4 {
clear: both;
color: #555555;
font: bold 13px verdana, sans-serif;
margin-top: 2em;
margin-bottom: 0.2em;
}

hr {  /* 1px-Linie, cross-Browser */
color: #999999;
background-color:#999999;
height:1px;
border:0px;
}

.text_neben_bild {
margin-bottom: 1em;
}

.rechts_bild {
vertical-align: top;
padding-left: 12px;
}

.links_bild {
vertical-align: top;
padding-right: 12px;
}

.footer_table {
width: 100%;
border: solid 1px #cccccc;
margin: 8px 0 0 0;
}

.footer_table td {
background-color: #ffffff;
padding: 8px;
}

.footer_table p {
font-size:11px;
line-height: 14px;
text-align: center;
}


/* ********************  links  ******************* */

a {
text-decoration: none;
color: #002bb8;
background: none;
}

a:hover {
text-decoration: underline;
}

.pfeil_vorne {
background: url(../upload/allgemein/pfeil.gif) center left no-repeat;
padding-left: 17px;
width: 100%;
}

.externer_link {
background: url(../upload/allgemein/externerlink.gif) center right no-repeat;
padding-right: 13px;
}

.galerie_link {
background: url(../upload/allgemein/galerielink.gif) center right no-repeat;
padding-right: 19px;
}


/* ********************  bilder, (auch andere elemente)  ******************* */

.bild_rechts, .element_rechts {
margin: 0 0 15px 15px;
float: right;
border: solid 1px #cccccc;
background: #ffffff;
padding: 6px;
}

.bild_rechts p, .element_rechts p {
margin: 3px 0 0 0;
font-style:italic;
font-size:11px;
line-height: 14px;
}

.bild_links, .element_links {
margin: 0 15px 15px 0;
float: left;
border: solid 1px #cccccc;
background: #ffffff;
padding: 6px;
}

.bild_links p, .element_links p {
margin: 3px 0 0 0;
font-style:italic;
font-size:11px;
line-height: 14px;
}

.bild_zentriert {
clear: both;
margin: 0 auto 20px auto;
border: solid 1px #cccccc;
background: #ffffff;
padding: 6px;
}

.bild_zentriert p {
margin: 3px 0 0 0;
font-style:italic;
text-align: left;
font-size:11px;
line-height: 14px;
}


/* ********************  galerie  ******************* */

.galerierahmen_innen {
border: solid 1px #cccccc;
background: #f6f6f6;
}

.galerierahmen_aussen {
border: solid 3px #f0f0f0;
}

.galerie-linksquer {
vertical-align: top;
}

.galerie-linksquer div {
padding: 6px 4px 6px 6px;
width: 350px;
}

.galerie-linksquer p {
margin: 2px 1px 0px 1px;
font-style: normal;
font-size: 11px;
}

.galerie-rechtsquer {
vertical-align: top;
}

.galerie-rechtsquer div {
padding: 6px 6px 6px 4px;
width: 350px;
}

.galerie-rechtsquer p {
margin: 2px 1px 0px 1px;
font-style:normal;
font-size:11px;
}

.galerie-linkshoch {
vertical-align: top;
text-align: right;
}

.galerie-linkshoch div {
padding: 6px 4px 6px 6px;
margin-left:auto;
margin-right: 0px;
width: 262px;
}

.galerie-linkshoch p {
margin: 2px 1px 0px 1px;
font-style:normal;
font-size:11px;
text-align: left;
}

.galerie-rechtshoch {
vertical-align: top;
text-align: left; /* wg. IE, nicht standard-konf.  */
}

.galerie-rechtshoch div {
padding: 6px 6px 6px 4px;
margin-right:auto; /* standard-konf. */
margin-left: 0px;
width: 262px;
}

.galerie-rechtshoch p {
margin: 2px 1px 0px 1px;
font-style:normal;
font-size:11px;
}

.galerie-zentriert {
text-align: center;
}

.galerie-zentriert div {
padding: 6px;
margin-right:auto;
margin-left:auto;
}

.galerie-zentriert p {
margin: 2px 1px 0px 1px;
font-style: normal;
font-size: 11px;
text-align: left;
}

/* ********************  tabellen  ******************* */

.tabelle_eins {
border-collapse:separate;
empty-cells: show;
background: white;
}

.tabelle_eins td {
background: #EBF3FA;
color: #39566F;
padding: 6px 7px 6px 7px;
font-size: 13px;
vertical-align: top;
}

.tabelle_eins td.tablehead {
background: #D2E2F1;
font-weight: bold;
text-align: left;
/* border: 1px solid #7BA4A5;  */
}

.tabelle_eins td.tablehead2 {
background: #D2D9F1;
font-weight: bold;
text-align: center;
}

.tabelle_eins td.tablehead3 {
background: #CFEBED;
font-weight: bold;
text-align: right;
white-space:nowrap;
}

.tabelle_zwei {
border-collapse:separate;
empty-cells:show;
}

.tabelle_zwei td {
background: transparent;
padding: 5px 7px 5px 7px;
font-size: 13px;
border: 1px solid #D6E3EE;
text-align: left;
vertical-align: top;
}

.tabelle_zwei td.tablehead {
background: transparent;
font-weight: bold;
border: 1px solid #9BBDDC;
text-align: left;
}

.tabelle_zwei td.tablehead2 {
background: transparent;
font-weight: bold;
text-align: center;
border: 1px solid #B4B8ED;
}

.tabelle_zwei td.tablehead3 {
background: transparent;
font-weight: bold;
text-align: right;
white-space:nowrap;
border: 1px solid #93BCBD;
}

/* ********************  boxen  ******************* */

.infobox {
clear: both;
background:#F5F5E5 url(../upload/allgemein/info_icon.gif) no-repeat;
padding: 0px 20px 0px 54px;
border: solid 1px #DDDDC5;
}

.infobox h3 {
color: #454526;
font-size: 14px;
font-weight: bold;
}

.infobox p, .infobox ul {
color: #787860;
}


.wichtigbox {
clear: both;
background: #FEEFEF url(../upload/allgemein/wichtig_icon.gif) no-repeat;
padding: 0px 20px 0px 54px;
border:solid 1px #EEDCDC;
}

.wichtigbox h3 {
color: #856B6B;
font-size: 14px;
font-weight: bold;
}

.wichtigbox p, .wichtigbox ul {
color: #856B6B;
}

.linkbox {
clear: both;
background:#E8EDF8 url(../upload/allgemein/link_icon.gif) no-repeat;
padding: 0px 20px 0px 54px;
border:solid 1px #D0DAEF;
}

.linkbox p, .linkbox ul  {
color: #596C93;
}

.linkbox h3 {
color: #596C93;
font-size: 14px;
font-weight: bold;
}

.zitatbox {
clear: both;
background:#E9F8E5 url(../upload/allgemein/zitat_icon.gif) no-repeat;
padding: 0px 20px 0px 54px;
border:solid 1px #CCDDC7;
color: #475A41;
}

.zitierter {
font-variant:small-caps;
text-align: right;
font-size: 11px;
font-weight: bold;
line-height: 11px;
margin-right: 20px; /* da zitattext: text-align: justify; -> IE-Darst.-Fehler s.u. */
}

.zitattext {
font-style: italic;
text-align: left;     /* text-align: justify -> Darst.-Fehler IE6@win2k */
}

.zitatbox h3 {
color: #32542F;
font-size: 14px;
font-weight: bold;
}


/* ********************  navigation  ******************* */

.navibox {
background-color: #ffffff;
/* background: url("../upload/allgemein/nav-bg-01.jpg");
background-repeat:no-repeat; */
border: solid 1px #cccccc;
width: 100%;
}

.navpuffer {
height: 12px; /* White space oben/unten in Nav-Box */
}

.trans-pixel { /* s.o. breite class=navigation */
width: 163px;
height: 1px;
}

.navfirst_off, .navfirst_on {
font-size: 13px;
font-weight: bold;
padding: 0 3px 1px 6px;
}

.navfirst_off a {
background: url("../upload/allgemein/wvb-bullet.gif") center left no-repeat;
color: #002bb8;
padding: 0px 0px 0px 10px;
}

.navfirst_on a {
background: url("../upload/allgemein/wvb-bullet-on.gif") center left no-repeat;
color: #BF4B4B;
padding: 0px 0px 0px 10px;
}

.navsecond_off, .navsecond_on {
font-size: 11px;
font-weight: bold;
padding: 1px 3px 2px 20px;
}

.navsecond_off a {
color: #5c5c5c;
}

.navsecond_on a, .navthird_on a, .navfourth_on a {
color: #BF4B4B;
}

.navthird_off, .navthird_on {
font-size: 11px;
font-weight: normal;
padding: 1px 3px 2px 30px;
}

.navthird_off a {
color: #505050;
}

.navfourth_off, .navfourth_on {
font-size: 10px;
font-weight: normal;
padding: 1px 3px 2px 40px;
}

.navfourth_off a {
color: #888888;
}

.praesentationsbox {
margin-top: 10px;
background-color: #ffffff;
border: solid 1px #cccccc;
width: 100%;
}

/* ********************  inhaltsübersichten  ******************* */

.inhaltsuebersicht td {
vertical-align: top;
}

.inhaltsuebersicht_bildspalte div {
border: 1px solid #cccccc;
padding: 4px;
margin: 0 0 15px 0;
}

.inhaltsuebersicht_textspalte div {
padding: 0px;
margin: 1px 0 0 8px;
}

.inhaltsuebersicht_textspalte h3 {
font-size: 18px;
line-height: 22px;
margin: 0 0 1.2em 0;
border-top: 1px solid #FF8A0D;
border-bottom: 1px solid #FF8A0D;
}

.inhaltsuebersicht_textspalte h4 {
margin: 0;
background: #f2f2f2;
font: bold 13px verdana, sans-serif;
}

.inhaltsuebersicht_textspalte h5 {
font-size: 12px;
line-height: 16px;
margin: 0 0 1.2em 0;
border-top: 1px solid #FF8A0D;
border-bottom: 1px solid #FF8A0D;
}

.inhaltsuebersicht_textspalte ul {
/* list-style-image:url(../upload/allgemein/inhalt_pfeil.gif); */
list-style: square;
margin: 0.5em 0 1em 1em;
padding: 0 1em;
line-height: 19px;
}

.min-breite_inhaltsverz {
width: 350px;
}


/* ********************  startseite  ******************* */

h1.startseite-titel {
text-align: center;
font-size: 20px;
margin: 15px 0 5px 0;
border-top: 1px solid #FF8A0D;
border-bottom: 1px solid #FF8A0D;
width: 638px;
color: #666666;
}

.startseite-aussentabelle td {
width: 314px;
vertical-align: top;
padding: 0;
background: #ffffff  /* #95A7B7;url("../upload/allgemein/weisspuffer.gif") bottom repeat-x;  */
}

.startseite-innentabelle td {
vertical-align: top;
padding: 0 0 7px 0;
background: #ffffff;
}

.startseite-bild {
border: solid 1px #cccccc;
background: #ffffff;
padding: 6px;
}

.startseite-infoelement {
border: 1px solid #cccccc;
vertical-align: top;
padding: 0;
}

.startseite-infoelement p {
font-size: 11px;
margin: 0 0 0 5px;
padding: 1px 2px 6px 12px;
background: url(../upload/allgemein/bulletpfeil.gif) top left no-repeat;
}

.startseite-infoelement p.keinbullet {
font-size: 11px;
margin: 0 0 0 5px;
padding: 1px 2px 6px 2px;
background: none;
}

.startseite-infoelement h6 {
text-align: center;
color: #666666;
font-size: 14px;
line-height: 1em;
background: #eeeeee;
margin: 0 0 5px 0;
padding: 2px 2px 5px 2px;
}

/* ********************  schulhaus  ******************* */

.schulhaus-aussentable td {
vertical-align: top;

}