/* global */

html {
min-height: 101%;
height: 101%;
}

body
{ background: #FFF url("../images/back.png") repeat;
  color: #766C7A;
  font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
}
#main
{ width: 780px;
background: #FFF url('../images/purple_main_grau.jpg') repeat-y;
  color: #766C7A;
}

#footer
{ background: #6170ff;
  color: #fff;
  padding: 10px 21px 0px 19px;
  width: 726px;
  height: 20px;
  font-size: 88%;
  text-align: center;
}


#logo
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/start.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_rosel
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/rosel-haas.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_impressum
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/impressum.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_benehmen
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/benehmen.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_aktuelles
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/start.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_aufraeumen
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/aufraeumen.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_einkaufen
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/einkaufen.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_erfolgreich
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/erfolgreich.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_farbig
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/farbig.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_beraten
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/beraten.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_kontakt
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/kontakt.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_menschen
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/menschen.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_wohl
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/wohlfuehlen.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_partner
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/partner.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_presse
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/presse.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
#logo_harmonisierung
{ width: 766px;
  height: 144px;
  text-align: left;
  background: #FFF url("../header/harmonisierung.jpg") no-repeat;
  color: #766C7A;
  border-bottom: 2px solid #fff;
}
h1, #column2 h1
{ background: transparent;
  color: #555;
  font-weight: bold;
  border-color: #555;
}

#menu
{ height: 32px;
  width: 766px;
  background: #6170ff;
  color: #000;
  border-bottom: 1px solid #ef0f29;
}
#menu li a 
{ display: block; 
  float: left; 
  height: 22px;
  width: 70px;
  text-decoration: none; 
  padding: 8px 5px 1px 5px;
  text-transform: uppercase;
  font-size: 88%;
  background: #6170ff;
  color: #f4f4f4;
  text-align: center;} 
  
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #f4f4f4;
  color: #555;
} 

#menu ul{margin: 0px auto;} 

#menu li
{ float: left; 
  margin: 0px 5px 0px 0px; 
  padding: 0px;
  list-style:none;
} 

.sbihead
{ background: #6170ff;
  color: #766C7A;
} 

#content, #column2, .sidebaritem, .sbihead h1, #column2 a
{ background: transparent;
  color: #555;
  border-color: #ef0f29;
}

#column2 a:hover
{ background: #FFF;
  color: #ef0f29;
  border-color: #ef0f29;
}

.sbilinks li a, .sidebaritem a
{ background: transparent url("../images/arrow.png") no-repeat left center;
  color: #555;
} 

.sbilinks li a:hover, .sidebaritem a:hover
{ background: transparent url("../images/purple_arrow.png") no-repeat left center;
}
.sbilinks li a#current, .sidebaritem a#current
{ background: transparent url("../images/purple_arrow.png") no-repeat left center;
}
p
{ margin: 0px;
  padding: 0px 0px 10px 0px;

}

h1
{ font: bold 120% arial, sans-serif;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 5px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #logo_impressum, #logo_rosel, #logo_benehmen, #logo_aktuelles, #logo_aufraeumen,
#logo_einkaufen, #logo_erfolgreich, #logo_farbig, #logo_beraten, #logo_kontakt, #logo_menschen, #logo_harmonisierung,
#logo_partner, #logo_presse, #logo_wohl, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}
font.tab {
margin-left: 32px;
}
font.tab1 {
margin-left: 54px;
}
font.tab2 {
margin-left: 45px;
}
font.tab3 {
margin-left: 45px;
}
font.tab4 {
margin-left: 33px;
}
font.tab5 {
margin-left: 110px;
}
font.tab6 {
margin-left: 40px;
}
font.tab7 {
margin-left: 57px;
}
font.tab8 {
margin-left: 110px;
}
font.tab9 {
margin-left: 110px;
}
font.tab10 {
margin-left: 17px;
}
font.tab11 {
margin-left: 10px;
}
font.tab12 {
margin-left: 65px;
}
font.tab13 {
margin-left: 110px;
}
font.tab14 {
margin-left: 65px;
}
font.tab15 {
margin-left: 83px;
}
font.tab16 {
margin-left: 87px;
}
font.tab17 {
margin-left: 110px;
}
font.tab18 {
margin-left: 110px;
}
font.tab19 {
margin-left: 110px;
}
font.tabh1
{ color: #ef0f29;
  font-weight: bold;
  }
  p.print{ 
  display: none;}