
/*-------------------------------------------------*/
/* Standard-CSS für www.vhs-*.de */

html,body
{
    font-size: 0.9em;
    font-family: arial,tahoma,helvetica;
    color: #28276F; 
    line-height: 1.2em;
    background-color:#F1B47E;
    margin: 0px;
    padding: 0px;
    height: 100.01%;
}

/*-------------------------------------------------*/
table
{

  empty-cells: show;
  width: 100%;
  padding: 0px;
  margin: 0px;
  line-height: 100%;
  border-spacing: 0px;
  border-width: 0px;
  font-size: 0.9em;
}

/*-------------------------------------------------*/
h1
{
    font-size: 140%;
    font-weight: 500;
    color: #28276F;
    margin: 0px;
    padding: 0px;
}

/*-------------------------------------------------*/
h2
{
    font-weight: 600;
    font-size:110%;
    color: #F27000;
    margin: 0px;
    padding: 0px;
}

/*-------------------------------------------------*/
h3
{
   font-size: 90%;
   font-weight: bold;
   color: #F27000;
   margin-top: 0px;
   margin-bottom: 0px;
}

/*-------------------------------------------------*/
h4
{ 
   font-size: 85%;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #28276F; 
}

/*-------------------------------------------------*/
h5
{ 
    font-size: 100%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

/*-------------------------------------------------*/
h6
{
    padding-left: 4px;
    line-height: 19px;
    background-color: #F27000;
    border-width: 0px 0px 1px 0px;
    border-color: #28276F;
    border-style: dotted;
    margin: 1px;
    font-weight: bold;
    color: white;
   font-size: 100%;
}

/*-------------------------------------------------*/
img
{
  position: relative;
  vertical-align: bottom;
}

/*-------------------------------------------------*/
th
{
  line-height: 1.5em;
  background-color: #F27308;
  background-image: url('../backgrounds/template/vhs_li_titel_m2.jpg');
  background-repeat: repeat-x;
  color: #090559;
  text-align: left;
  font-weight: bold;
  padding-left: 5px;
  white-space: nowrap;
}

/*-------------------------------------------------*/
.table_zweispaltige_liste
{
  vertical-align: top;
  table-layout: fixed;
  padding-top: 3px;
  padding-bottom: 3px;
  border-spacing: 8px;
  border-width: 1px;
  border-collapse: seperate;
}

/*-------------------------------------------------*/
.table_listen
{
  width: 100%;
  border: 0px solid #090559;  
  font-weight: bold;
  font-size: 95%;
  color: #28276F;
  border-collapse: collapse;
}

/*-------------------------------------------------*/
.table_detailseite_details
{
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;  
  font-size: 85%;
  color: #000;
}

/*-------------------------------------------------*/
.table_detailseite_weiteres
{
width: 100%;
  margin-top: 10px;
  font-weight: bold;
  font-size: 95%;
}

/*-------------------------------------------------*/
/* ALLGEMEINE STYLES*/
/*--------------------------------------*/
.titel_weiss
{
font-weight: 600;
color: #FFFFFF;
letter-spacing: 1px;
}

/*-------------------------------------------------*/
.titel_blau
{
font-weight: 600;
color: #090559;
letter-spacing: 1px;
}

/*-------------------------------------------------*/
.box_einleitung
{
margin-bottom: 20px;
border-bottom: 1px dotted #28276F;
padding: 0px 0px 10px 0px;
}

/*-------------------------------------------------*/
.box_details
{
margin-bottom: 0px;
border-bottom: 1px dotted #28276F;
width: 36.8em;
}

/*-------------------------------------------------*/
.box_links
{
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #28276F;
}

/*-------------------------------------------------*/
.box_rechts_oben
{
color: 090559;
font-size: 11px;
margin: auto;
position: relative;
padding: 0px 8px 5px 8px;
line-height: 1.2em;
}

/*-------------------------------------------------*/
.box_sitemap
{
width: 12.8em;
float: left;
margin-right: 10px;
border: 1px #F27000 solid;
    font-size: 90%;
}

/*-------------------------------------------------*/
.box_werbemodul_rechts
{


}

/*-------------------------------------------------*/
.werbemodul_rechts
{
width: 156px;
margin: auto;
margin-top: 8px;
border: 1px solid #F27000;
}

/*-------------------------------------------------*/
.contentbox_mitte
{

}

/*-------------------------------------------------*/
.thumbbox_einleitung
{
float: left;
margin: 0px 10px 1px 0px;
width: 137px;
border: 1px solid #F27000;
position: relative;
}

/*-------------------------------------------------*/
.thumbbox_infobox
{
float: left;
margin: 2px 5px 2px 0px;
width: 70px;
border: 1px solid #F27000;
position: relative;
}

/*-------------------------------------------------*/
.thumbbox_details
{
float: left;
margin: 2px 13px 2px 0px;
width: 80px;
border: 1px solid #F27000;
position: relative;
}

/*-------------------------------------------------*/
.infoboxen_breit
{
margin: 0em 0em 0.8em 0em;
border: 0px solid #090559;
border-bottom: 1px dotted #28276F;
background-color: #FFF;
padding: 5px;
}

/*-------------------------------------------------*/
.infoboxen_breit_noborder
{
margin: 0em 0em 0.8em 0em;
background-color: #FFF;

}

/*-------------------------------------------------*/
.infoboxen_breit_weiss
{
margin: 0em 0em 0.8em 0em;
width: 35.85em;
border: 1px solid #090559;
background-color: #FFF;
padding: 5px;
  font-size: 90%;
}

/*-------------------------------------------------*/
.infoboxen_team
{
position: relative;
margin: 0em 0.8em 0.8em 0em;
font-size: 100%;
border: 1px solid #F27000;
background-color: #FFF7F0;
padding: 5px;
}

/*-------------------------------------------------*/
.infoboxen
{
margin: 0em 0.8em 0.8em 0em;
border: 1px solid #090559;
background-color: #F0F1F6;
padding: 5px;
}

/*-------------------------------------------------*/
.infoboxen_homepage
{
margin: 0em 0.8em 0.8em 0em;
border: 1px solid #F27000;
background-color: #FFF7F0;
padding: 5px;
vertical-align: top;
}

/*-------------------------------------------------*/
.text_header
{

}

/*-------------------------------------------------*/
.text_infoboxen
{
font-size: 90%;
}

/*-------------------------------------------------*/
.text_infoboxen_popup
{
font-size: 100%;
}

/*-------------------------------------------------*/
.text_fusszeile
{
font-size: 85%;
font-weight: 500;
color: #090559;
}

/*-------------------------------------------------*/
.text_blau_footer
{
font-size: 85%;
font-weight: 500;
color: #090559;
float: left;
}

/*-------------------------------------------------*/
.box_fusszeile
{
width: 36.18em;
text-align: center;
border: 1px solid #F27000;
background-color: #FFF7F0;
padding: 3px;
margin: auto;
margin-left: 27px;
}

/*-------------------------------------------------*/
.aktuelles_teaser
{
line-height: 1.0em;
padding: 3px 0px 3px 0px;
border-bottom: 1px dotted #000;
}

/*-------------------------------------------------*/
.aktuelles_popup
{
background-color: #FFF;

margin-top: -1px;

}

/*-------------------------------------------------*/
/* TOOLBAR*/
/*--------------------------------------*/
.toolbar_oben_kopf
{
height: 1.55em;
border-bottom: 0px solid #FFF;
overflow: hidden;
background-image: url('../backgrounds/slice/vhs_li_titel_o2.jpg');
background-repeat: repeat-x;
}

/*-------------------------------------------------*/
.toolbar_oben_kopf_re
{
width: 13.5em;
height: 1.55em;
float: right;
padding-top: 2px;
background-image: url('../backgrounds/slice/schattenblau_rechts.jpg');
background-repeat: repeat-y;
background-position:top right;
}

/*-------------------------------------------------*/
.toolbar_oben_iconbox
{
height: 1.55em;
width: 10em;
padding: 0px 10px 0px 10px;
border-right: 1px solid #FFF;
line-height: 1.55em;
}

/*-------------------------------------------------*/
.toolbar_icons
{
height: 1.55em;
width: 1.5em;
}

/*-------------------------------------------------*/
.toolbar_icons_box
{
position: relative;

background-image: url('../backgrounds/slice/schattenblau_links.jpg');
background-repeat: repeat-y;
background-position:top left;
}

/*-------------------------------------------------*/
.toolbar_oben_font
{
font-size: 0.85em;
font-weight: 600;
color: #FFFFFF;
letter-spacing: 1px;
padding: 5px 0px 0px 5px;
}

/*-------------------------------------------------*/
.toolbar_oben_suchbereich
{

height: 1.55em;
font-size: 95%;
overflow: hidden;
font-weight: 500;
color: #000180;
background-color: #FFD5AF;
background-image: url('../backgrounds/slice/schattenrosa_links_2.jpg');
background-repeat: no-repeat;
background-position:top left;
}

/*-------------------------------------------------*/
.toolbar_oben_suchbereich_re
{
height: 1.55em;
margin-left: 20px;
background-image: url('../backgrounds/slice/schattenrosa_rechts_2.jpg');
background-repeat: no-repeat;
background-position:top right;
}

/*-------------------------------------------------*/
.toolbar_unten_iconbox
{
padding: 3px 0px 2px 0px;
float: right;
width: 48px;
border-left: 1px solid #FFF;
}

/*-------------------------------------------------*/
.toolbar_unten_linkbox
{
height: 1.55em;
width: 20em;
float: right;
text-align: right;
padding: 2px 20px 0px 10px;
background-image: url('../backgrounds/slice/schattenblau_rechts.jpg');
background-repeat: repeat-y;
background-position:top right;
}

/*-------------------------------------------------*/
/* KURSBEREICH_RECHTS*/
/*--------------------------------------*/
.picto_links
{
width: 2.8em;
margin-top: -1.15em;
float: left;
}

/*-------------------------------------------------*/
.picto_rechts
{
width: 2.8em;
margin-top: -1.15em;
float: right;
}

/*-------------------------------------------------*/
.kurse_details_pfadnavibox
{
    font-size: 85%;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 3px;
    padding-bottom: 3px;
}

/*-------------------------------------------------*/
/* KURSBEREICH*/
/*--------------------------------------*/

.kategorie_listenitem
{
margin-bottom: 15px;
padding: 5px 0px 15px 15px;
background-image: url('../backgrounds/bg_kategorieitem.jpg');
background-repeat: repeat-y;
background-color: #FFF;
}

/*-------------------------------------------------*/
.kurse_tabellenzeile_hell
{
  background-color: #F8F8F8;
  padding: 0px 3px 0px 3px;
}

/*-------------------------------------------------*/
.kurse_tabellenzeile_dunkel
{
  background-color: #E6E6E6;
  padding: 0px 3px 0px 3px;
}

/*-------------------------------------------------*/
.contentbox_template_fusszeile
{
background-color: #FFF;
padding: 5px 0px 10px 0px;
background-image: url('../backgrounds/slice/vhs_mi_schatten_content.jpg');
background-repeat: repeat-y;
background-position:left;

}

/*-------------------------------------------------*/
/*--------------------------------------*/
.box_suchformular
{
border-bottom: 1px solid #000;
margin-bottom: 8px;
}

/*-------------------------------------------------*/
.alert
{
  color: #f00;
}

/*-------------------------------------------------*/
.kontakt_startseite
{
  font-size: 85%;
background-color: #FFD5AF;
border-top: 1px solid #FFE9D9;
padding: 25px 0px 0px 15px;
}
