/*
   Datei: piria.css
   Autor: Matthias Wellkamp
   Datum: 03.03.2005

   Formgebung & Programmierung: Via - Formgebung fuer Print & digitale Medien

   Corporate Design / Piria

   primäre Farben:  #000000 <- schwarz
                    #333333
                    #666666
                    #999999
                    #CCCCCC
                    #FFFFFF <- weiss

                    #FFFFFF <- Hintergrundfarbe

   Signalfarben:    #FF0066 <- pink
                    #CCCC00 <- gruen
                    #FFF000 <- gelb
*/
html, body {
height: 100%;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 12px;
font-size: 10px;
font-weight: normal;
text-decoration: none;
padding: 0px;
margin: auto;
color: #666;
background: #F4F5F6 url(../illus/piria_hg.gif) repeat-x fixed;
text-align: right;
width: 600px;
}
#kontainer {
margin: auto;
}
#head { 
margin: auto;
height: 100px;
width: 600px;
background: url(../illus/giampiero_logo.gif) no-repeat 0 30px;
}
#content_kontainer {
float: left;
margin-top: auto;
margin-right: auto;
width: 600px;
}
#content {
margin-top: 50px;
margin-right: auto;
width: 600px;
}
#footer {
width: 600px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
padding: 10px 0px 3px 0px;
}
/* ------------------- Abstandshalter ------------------- */
.abstand_15 {
  margin-top: 15px;
}
.abstand_21 {
  margin-top: 21px;
}
.abstand_30 {
  margin-top: 30px;
}
.abstand_45 {
  margin-top: 45px;
}
.abstand_100 {
  margin-top: 100px;
}
.abstand_200 {
  margin-top: 200px;
}
.abstand_300 {
  margin-top: 300px;
}
/* ------------------- Elemente ------------------- */
/* linie */
.linie {
width: 560px;
height: 1px;
background: url(../illus/linie.gif) repeat-x;
margin: 0px;
}
/* linie_zweispaltig */
.linie_zweispaltig {
width: 400px;
height: 1px;
padding-bottom: 30px;
background: url(../illus/linie.gif) repeat-x;
margin: 0px;
}
/* linie_subcontent_kurz */
.linie_subcontent_kurz {
width: 130px;
height: 1px;
padding: 0px 0px 10px 0px;
background: url(../illus/linie.gif) repeat-x center;
margin: 0px;
}
/* linie_subcontent_unten */
.linie_subcontent_lang {
width: 142px;
height: 1px;
padding: 0px 0px 10px 0px;
background: url(../illus/linie.gif) repeat-x top;
margin: 0px;
}
/*--------------------- Typo -----------------------------*/
h1 {
font-size: 15px;
color: #666;
line-height: 19px;
}
h2 {
font-size: 12px;
color: #666;
line-height: 19px;
}
b {
font-weight: bold;
color: #666;
}
.bold_rot {
font-weight: bold;
color: #FF0066;
}
/*--------------------- Links -----------------------------*/
/* normal */
a:link,
a:visited,
a:active,
a:hover{
color: #666;
font-size: 10px;
font-weight: bold;
text-decoration: none;
background: url(../illus/bu/pfeil_grau_dunkel.gif) no-repeat 0 3px;
padding-left: 9px;
}
/* link_intern */
a.link_intern:link,
a.link_intern:visited,
a.link_intern:active{
color: #666;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_grau_dunkel.gif) no-repeat 0 3px;
padding-left: 9px;
}
a.link_intern:hover {
color: #FF0066;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_rot.gif) no-repeat 0 3px;
padding-left: 9px;
}
/* link_extern */
a.link_extern:link,
a.link_extern:visited{
color: #999;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_grau.gif) no-repeat 0 3px;
padding-left: 9px;
}
a.link_extern:active,
a.link_extern:hover {
color: #666;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_grau_dunkel.gif) no-repeat 0 3px;
padding-left: 9px;
}
/* link_rot */
a.link_rot:link,
a.link_rot:visited,
a.link_rot:active,
a.link_rot:hover {
color: #FF0066;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_rot.gif) no-repeat 0 3px;
padding-left: 9px;
}
/* bu_blaettern_zurueck */
a.bu_blaettern_zurueck:link,
a.bu_blaettern_zurueck:visited,
a.bu_blaettern_zurueck:hover,
a.bu_blaettern_zurueck:active {
color: #999900;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_zurueck_gruen.gif) no-repeat 0 3px;
padding-left: 10px;
}
/* bu_blaettern */
a.bu_blaettern:link,
a.bu_blaettern:visited,
a.bu_blaettern:hover,
a.bu_blaettern:active {
color: #999900;
font-size: 10px;
font-weight: bold;
background: transparent;
padding: 0px;
}
/* bu_blaettern_vor */
a.bu_blaettern_vor:link,
a.bu_blaettern_vor:visited,
a.bu_blaettern_vor:hover,
a.bu_blaettern_vor:active {
color: #999900;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_gruen.gif) no-repeat 0 3px;
padding-left: 10px;
}
/* klick_hier */
a.klick_hier:link,
a.klick_hier:visited,
a.klick_hier:active,
a.klick_hier:hover {
color: #999900;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_gruen.gif) no-repeat 0 3px;
padding-left: 9px;
}
/* logout */
a.logout:link,
a.logout:visited,
a.logout:active,
a.logout:hover {
color: #999900;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_gruen.gif) no-repeat 0 3px;
padding-left: 9px;
}
/* link_footer */
a.link_footer:link,
a.link_footer:visited,
a.link_footer:active,
a.link_footer:hover {
color: #FFF;
font-size: 10px;
font-weight: bold;
background: url(../illus/bu/pfeil_weiss.gif) no-repeat 0 3px;
padding-left: 9px;
}
/* ------------------- Input-Button ------------------- */
form input.button {
cursor: pointer;
font: 10px verdana, sans-serif;
font-weight: bold;
padding-left: 9px;
color: #666;
background: transparent url(../illus/bu/pfeil_grau_dunkel.gif) no-repeat 0 3px;
border: none;
text-align:left;
}
/* ------------------- Eingabefelder ------------------- */
/* eingabefeld_einzeilig_einspaltig */
.eingabefeld_einzeilig_einspaltig {
font-weight: normal;
font-size: 10px;
Color: #666;
background-color: #FFF;
border: none;
margin: 0px 0px 2px 0px;
width: 160px;
padding: 1px 0px 1px 3px;
}
/* eingabefeld_einzeilig_zweispaltig */
.eingabefeld_einzeilig_zweispaltig {
font-weight: normal;
font-size: 10px;
Color: #666;
background-color: #FFF;
border: none;
margin: 0px 0px 2px 0px;
width: 280px;
padding: 1px 0px 1px 3px;
}
/* eingabefeld_einzeilig_dreispaltig */
.eingabefeld_einzeilig_dreispaltig {
font-weight: normal;
font-size: 10px;
Color: #666;
background-color: #FFF;
border: none;
margin: 0px 0px 2px 0px;
width: 400px;
padding: 1px 0px 1px 3px;
}
/* eingabefeld_mehrzeilig_zweispaltig */
.eingabefeld_mehrzeilig_zweispaltig {
font-weight: normal;
font-size: 10px;
Color: #666;
background-color: #FFF;
border: none;
margin: 0px 0px 2px 0px;
width: 280px;
padding: 1px 0px 1px 3px;
}
/* eingabefeld_mehrzeilig_dreispaltig */
.eingabefeld_mehrzeilig_dreispaltig {
font-weight: normal;
font-size: 10px;
Color: #666;
background-color: #FFF;
border: none;
margin: 0px 0px 2px 0px;
width: 400px;
padding: 1px 0px 1px 3px;
}