@charset "UTF-8";

/* block */

body, html
{
  margin: 0;
  padding: 0;
  color: black;
  background: #d9ebee url(images/bg.png) repeat-x;
  font: 10pt Verdana, Helvetica, Arial, sans-serif;
}

h1
{
  margin-top: 0;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
}

h2
{
  margin-top: 0;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
}

h3
{
  margin-top: 0;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
}

.small
{
  font-size: 9pt;
}

.wide
{
  width: 100%;
  clear: both;
}

.center
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;  
}

.right
{
  display: block;
  float: right;
}

.textright
{
  text-align: right;
}

.textleft
{
  text-align: left;
}

.left
{
  display: block;
  float: left;
}

.vertspace
{
  margin-top: 2em;
  margin-bottom: 2em;
}

img 
{
  border: 0;
  display: block;
}

img.pageright
{
  float: right;
  margin: 5px 0 20px 20px;
}

li
{
  margin-bottom: 1em;
  list-style-image: url(/images/list-item.png);
}

li.nobullet
{
  list-style-image: none;
  list-style-type: none;
}

.bullet
{
  display: inline;
  margin-right: 8px;
}

.bold
{
  font-weight: bold;
}

.list-style
{
  display: list-item;
  list-style-image: url(/images/list-item.png);
  list-style-position: inside;
}

table
{
  border-spacing: 0;
}

td, tr, th
{
  font-size: 10pt;
  margin: 0;
  padding: 0;
  border: 0;
}

td.bottomleft
{
  text-align: left;
  vertical-align: bottom;
}

td.bottomright
{
  text-align: right;
  vertical-align: bottom;
}

/* inline */

a
{
  color: #007088;
}

a:hover, a:active
{
  color: black;
}

/* Layout */

#header
{
  position: absolute;
  top: 0;
  left: 0;
  width: 980px;
  height: 90px;
}

#logo
{
  position: absolute;
  left: 25px;
  bottom: 15px;
  width: 207px;
  height: 60px;
}

#language
{
  position: absolute;
  bottom: 15px;
  right: 0;
  font-size: 10pt;
}

#leftbox
{
  position: absolute;
  top: 105px;
  left: 15px;
  width: 180px;
  color: #007088;
  background-color: #d9ebee;
  padding: 1px;
}

#leftnav
{
  width: 180px;
  color: black;
  background-color: white;
  padding: 1px;
  margin-bottom: 25px;
}

#leftinfo
{
  width: 100px;
  margin: auto;
}

#leftinfotext
{
  margin: 5px auto 0 auto;
  text-align: center;
}

#mainframe
{
  position: absolute;
  top: 105px;
  left: 210px;  
  width: 770px;
  color: #007088;
  font-size: 10pt;
  text-align: center;
}

#mainbox
{
  width: 770px;
  color: black;
  background-color: white;
  font-size: 10pt;
  text-align: justify;
  overflow: auto;  /* floating images should stretch the height of this box */
}

#innermainbox  /* this box is necessary because of IE6's "absolute" padding bug  */
{
  width: 730px;
  margin: 20px;
}

#footer
{
  padding: 8px;
}

#mainboxhome
{
  width: 770px;
  height: 430px;
  margin-bottom: 5px;
  color: black;
  background-color: white;
}
.clear
{
  clear: both;
}

/* Menü */

a.leftitem0, a.leftitem1, a.leftitem2
{
  margin: 1px;
  padding: 2px 4px 2px 4px;
  border: 1px solid #007088;
  font-size: 12pt;
  display: block;
  color: white;
  background-color: #007088;
  text-decoration: none;
}

a.leftitem3
{
  margin: 1px;
  padding: 2px 4px 2px 4px;
  border: 1px solid #f0f0f0;
  font-size: 12pt;
  display: block;
  color: #007088;
  background-color: #f0f0f0;
  text-decoration: none;
}

a.leftitem0:hover, a.leftitem0:active,
a.leftitem1:hover, a.leftitem1:active,
a.leftitem2:hover, a.leftitem2:active, 
a.leftitem3:hover, a.leftitem3:active 
{
  margin: 1px;
  padding: 2px 4px 2px 4px;
  border: 1px solid #007088;
  font-size: 12pt;
  display: block;
  color: #007088;
  background-color: white;
  text-decoration: none;
}

a.leftitem4
{
  margin: 1px;
  padding: 1px 4px 1px 12px;
  border: 1px solid white;
  font-size: 10pt;
  display: block;
  color: #007088;
  background-color: white;
  text-decoration: none;
}

a.leftitem5
{
  margin: 1px;
  padding: 1px 4px 1px 12px;
  border: 1px solid #f0f0f0;
  font-size: 10pt;
  display: block;
  color: #007088;
  background-color: #f0f0f0;
  text-decoration: none;
}

a.leftitem4:hover, a.leftitem4:active, a.leftitem5:hover, a.leftitem5:active
{
  margin: 1px;
  padding: 1px 4px 1px 12px;
  border: 1px solid #007088;
  font-size: 10pt;
  display: block;
  color: #007088;
  background-color: white;
  text-decoration: none;
}

/* Home-Images */

a.homeimg
{
  position: absolute;
  display: block;
  width: 188px;
  height: 138px;
  text-decoration: none;
  color: white;
  background-color: #d9ebee;
}

#img01 {top:   6px; left:   6px; background-image: url(images/alpweb0001.jpg)}
#img02 {top:   6px; left: 196px; background-image: url(images/alpweb0002.jpg)}
#img03 {top:   6px; left: 386px; background-image: url(images/alpweb0003.jpg)}
#img04 {top:   6px; left: 576px; background-image: url(images/alpweb0004.jpg)}
#img05 {top: 146px; left:   6px; background-image: url(images/alpweb0005.jpg)}
#img06 {top: 146px; left: 196px; background-image: url(images/alpweb0006.jpg)}
#img07 {top: 146px; left: 386px; background-image: url(images/alpweb0007.jpg)}
#img08 {top: 146px; left: 576px; background-image: url(images/alpweb0008.jpg)}
#img09 {top: 286px; left:   6px; background-image: url(images/alpweb0009.jpg)}
#img10 {top: 286px; left: 196px; background-image: url(images/alpweb0010.jpg)}
#img11 {top: 286px; left: 386px; background-image: url(images/alpweb0011.jpg)}
#img12 {top: 286px; left: 576px; background-image: url(images/alpweb0012.jpg)}

#img01:hover {background-image: url(images/alpwebsafetyzone0001.jpg)}
#img02:hover {background-image: url(images/alpwebsafetyzone0002.jpg)}
#img03:hover {background-image: url(images/alpwebsafetyzone0003.jpg)}
#img04:hover {background-image: url(images/alpwebsafetyzone0004.jpg)}
#img05:hover {background-image: url(images/alpwebsafetyzone0005.jpg)}
#img06:hover {background-image: url(images/alpwebsafetyzone0006.jpg)}
#img07:hover {background-image: url(images/alpwebsafetyzone0007.jpg)}
#img08:hover {background-image: url(images/alpwebsafetyzone0008.jpg)}
#img09:hover {background-image: url(images/alpwebsafetyzone0009.jpg)}
#img10:hover {background-image: url(images/alpwebsafetyzone0010.jpg)}
#img11:hover {background-image: url(images/alpwebsafetyzone0011.jpg)}
#img12:hover {background-image: url(images/alpwebsafetyzone0012.jpg)}

/*


/* Flaggen */

img.flag
{
  vertical-align: bottom;
  width: 22px;
  height: 14px;
  display: inline;
}

img.list-item
{
  margin-right: 10px;
  display: inline;
}

span.flag
{
  margin-left: 10px;
}

/* Controls */

table.kontakt
{
  width: 532px;
}

td.caption
{
  padding-top: 1em;
  padding-bottom: 2px;
  color: #007088;
  font-weight: bold;
  text-align: left;
}

td.info
{
  text-align: left;
}

td.label, td.input
{
  text-align: left;
  white-space: nowrap;
  padding-top: 1px;
  padding-bottom: 1px;
}

input.normal
{
  width: 400px;
  padding: 1px;
  margin: 1px 2px 1px 2px;
  border: 1px inset #007088;
  color: #007088;
  background-color: #d9ebee;
}

input.long
{
  width: 310px;
  padding: 1px;
  margin: 1px 2px 1px 2px;
  border: 1px inset #007088;
  color: #007088;
  background-color: #d9ebee;
}

input.short
{
  width: 82px;
  padding: 1px;
  margin: 1px 2px 1px 2px;
  border: 1px inset #007088;
  color: #007088;
  background-color: #d9ebee;
}

input.normal-error
{
  width: 400px;
  padding: 1px;
  margin: 1px 2px 1px 2px;
  border: 1px inset red;
  color: red;
  background-color: #ffd0d0;
}

input.long-error
{
  width: 310px;
  padding: 1px;
  margin: 1px 2px 1px 2px;
  border: 1px inset #007088;
  color: red;
  background-color: #ffd0d0;
}

input.short-error
{
  width: 82px;
  padding: 1px;
  margin: 1px 2px 1px 2px;
  border: 1px inset #007088;
  color: red;
  background-color: #ffd0d0;
}

div.radio-horizontal
{
  float: left;
  margin: 3px 10px 3px 0;
}

div.radio-vertical
{
  margin: 3px 0 3px 0;
}

textarea
{
  width:400px;
  border: 1px inset #007088;
  padding: 1px;
  margin: 1px 2px 1px 2px;
  color: #007088;
  background-color: #d9ebee;
}

span.label-error, td.info-error
{
  color: red;
  background-color: white;
  font-weight: bold;
}

/* Über Alpgarant */

#signature1
{
  background: url(/images/unterschrift-a-bauer.png) no-repeat;
  white-space: nowrap;
  width: 230px;
  height: 80px;
  padding-top: 2px;
}

#signature2
{
  background: url(/images/unterschrift-g-unger.png) no-repeat;
  white-space: nowrap;
  width: 230px;
  height: 80px;
}


/* Download */

div.pageright
{
  float: right;
  margin: 5px 0 15px 15px;
}

#download-right
{
  width: 188px;
}

#download-table
{
  width: 522px;
  border-spacing: 0;
}

td.mediumleft
{
  padding: 8px 4px 0 4px;
  text-align: left;
}

td.mediumleft-nowrap
{
  padding: 8px 4px 0 4px;
  text-align: left;
  white-space: nowrap;
}

td.mediumright
{
  padding-top: 8px;
  text-align: right;
}

.underline-left
{
  border-bottom: 1px solid black;
  text-align: left;
}

.underline-right
{
  border-bottom: 1px solid black;
  text-align: right;
}

/* Bildarchiv, Messen */

td.largeright
{
  padding: 15px;
  text-align: right;
}

td.largecenter
{
  padding: 15px;
  text-align: center;
}

/* listfiles */

td.listfiles-preview
{
  width: 190px;
  padding-bottom: 15px;
}

td.listfiles
{
  vertical-align: top;
  padding-top: 15px;
}

/* umfrageergebnis */

table.umfrageergebnis
{
  width: 350px;
  border-collapse: collapse;
}

#umfrageergebnis
{
  margin-bottom: 1em;
}

.statbar
{
  height: 40px;
  border: 2px solid black;
  vertical-align: middle;
  font-size: 14pt;
  line-height: .8em;
}
.stattext
{
  height: 40px;
  vertical-align: middle;
  font-size: 14pt;
  line-height: .8em;
  padding-left: 10px;
}
#statbar1
{
  width: 346px;
  color: white;
  background-color: #007088;
  padding-left: 10px;
}
#statbar2
{
  width: 44px;
  background-color: #e0e0e0;
  margin-right: 12px;
}
#stattext2
{
  color: #a0a0a0;
}
#statbar3
{
  width: 44px;
  background-color: #007088;
  margin-right: 12px;
}
#stattext3
{
  color: #007088;
}
#statbar4
{
  width: 4px;
  background-color: orange;
  margin-right: 12px;
}
#stattext4
{
  color: orange;
}

/* Übersicht */

#ablaeufe
{
  width: 681px;
  height: 893px;
  margin-left: auto;
  margin-right: auto;
}

#ablaeufe_en
{
  width: 680px;
  height: 886px;
  margin-left: auto;
  margin-right: auto;
}

/* Kooperation */

#leistungskreise
{
  width: 680px;
  height: 680px;
  margin-left: auto;
  margin-right: auto;
}


/* Unfallstatistik */

th.pretty
{
  color: white;  
  background-color: #007088;
  text-align: left;
  padding: 1px 8px 1px 8px;
  border-top: 1px solid #007088;
  font-weight: bold;
}

th.prettyleftneg
{
  color: white;  
  background-color: #007088;
  text-align: left;
  padding: 1px 8px 1px 8px;
  border-top: 1px solid #007088;
  font-weight: normal;
}

th.prettyrightneg
{
  color: white;  
  background-color: #007088;
  text-align: right;
  padding: 1px 8px 1px 8px;
  border-top: 1px solid #007088;
  font-weight: normal;
}

td.prettyleftnegbold
{
  color: white;  
  background-color: #007088;
  text-align: left;
  padding: 1px 8px 1px 8px;
  border-top: 1px solid #007088;
  font-weight: bold;
}

td.prettyrightnegbold
{
  color: white;  
  background-color: #007088;
  text-align: right;
  padding: 1px 8px 1px 8px;
  border-top: 1px solid #007088;
  font-weight: bold;
}

td.prettyleft
{
  color: black;  
  background-color: #d9ebee;
  text-align: left;
  padding: 1px 8px 1px 8px;
  border-top: 1px solid #007088;
}

td.prettyright
{
  color: black;  
  background-color: #d9ebee;
  text-align: right;
  padding: 1px 8px 1px 8px;
  border-top: 1px solid #007088;
}