@charset "utf-8";

/*

	NETPIN CSS
	Copyright (c) 2006 by Online Ident GmbH, Endlhausen/Germany
	Alle Rechte vorbehalten. All rights reserved.
  
  Autor  : Andreas Klostermaier
	Version: 2006-11-01
	Color scheme
	- NETPIN-Hintergrund  = rgb(193,179,158)
	- NETPIN-Leitfarbe    = rgb(128,141,159)
	- NETPIN-Auszeichnung = rgb(069,085,106)
	- NETPIN-Kontrast     = rgb(149,035,035)
	- NETPIN-Alternative  = rgb(226,227,228)
	- NETPIN-Schwarz      = rgb(000,000,000)
	- NETPIN-Weiss        = rgb(255,255,255)
	
	HTML elements in css-use
	- p    = plain text

*/

html { 
  color: black;
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
  margin: 10px 0 0;
  padding: 0;
}

p {
}
b {
  font-weight: bold;
}

li {
  margin-bottom: 10px;
}


a:link {
  color: rgb(069,085,106);
}

a:hover {
  color: rgb(149,035,035);
}

a:visited {
  color: rgb(128,141,159);
}

img {
  border-width: 0;
}


/* Basic page constructors */

#page {
  width: 850px;
  margin: 0px auto;
  padding: 0px 0px 10px 0px; }

#pagesmall {
  width: 550px;
  margin: 0px auto 0px auto;
}

#header {
/*  background-image: url(img/titlebar.jpg); */
  height: 40px;
}

#headersmall {
  background-image: url(img/titlebarsmall.jpg);
  height: 45px;
}
#corpus {
  background-color: rgb(226,227,228);
  padding: 0px;
}
  
#corpustitle {
  padding: 20px 40px 0px 40px;
}

#corpustable {
  padding: 0px 20px 0px 20px;
}

#corpusplain {
  padding: 0px 40px 10px 40px;
}

/* Typo only */
.headline {
  display: block;
  color: #952323;
  font-size: 15pt;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
 }
 
.subhead {
  display: block;
  color: black;
  font-size: 10pt;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
 }

.advice {
  display: block;
  font-size: 9pt;
  font-family: Verdana;
  font-weight: normal;
}

.errortext {
  display: block;
  color: #952323;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

.submit {
  margin: 20px 0px 0px 0px;
}
.bold {
  font-weight: bold;
}


/* In-Page-Constructors */

#formcentered {
  text-align: center;
}

#adminform {
  /* border: solid 1px fuchsia; */
}

#formline {
  /* border: solid 1px olive; */
  width: auto;
  height: 30px;
  display: block;
}

#formline label {
  width: 200px;
  display: block;
  float: left;
  text-align: right;
  margin: 0px 8px 0px 0px;
  padding: 3px 0px 0px 0px;
}

#formline input {
  display: inline;
  margin: 0px 0px 0px 0px;
}

#formline p {
  /* border: solid 1px black; */
  color: #952323;
  font-size: 15px;
  font-weight: bold;
  display: inline;
  position: absolute;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* Procedure boxes in getpin */

#getpingraph {
  color: #fff;
  height: 80px;
  margin: 0px auto 0px auto;
}
  
#getpingraph fieldset {
  background-color: rgb(128,141,159);
  text-align: left;
  width: 150px;
  height: 70px;
  padding: 3px 0px 0px 3px;
  float: left;
}

#getpingraph .highlight {
  background-color: rgb(149,035,035);
}  

#getpingraph legend {
  color: #fff;
  font-weight: bold;
  background-color: rgb(128,141,159);
}
  
#cgiform {
  margin-top: 30px;
  padding-bottom: 30px;
}

#cgiform fieldset {
  width: 500px;
  margin: auto;
}

#cgiform legend {
  color: #fff;
  font-weight: bold;
  background-color: #45556a;
}

#cgiform form {
  padding-top: 12px;
  padding-right: 12px;
  padding-left: 12px;
}

#verification {
  background-image: url(img/verificationpage.jpg);
  width: 530px;
  height: 310px;
  margin: auto;
  padding: 45px 10px;
}
#navbar {
  background-color: rgb(226,227,228);
  width: 850px;
  height: 17px;
  border-bottom: solid 1px #aaa;
  margin: 0;
  padding: 0px 0 0;
}

#navbar a {
  color: #666;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 0 0 10px;
}

#navbar a:hover {
  color: #952323;
}

#footer {
  background-color: rgb(226,227,228);
  border-bottom: 1px solid #aaa;
  width: 850px;
  height: 14px;
  margin: 0;
}

#footer p {
  color: #777;
  font-size: 11px;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 5px 0 10px;
}

#footer a:hover {
  color: #952323;
}
  
#footersmall {
  background-image: url(img/navbarsmall.jpg);
  width: 550px;
  height: 27px;
  margin: 0;
  padding: 10px 0 0;
}

#footersmall a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 0 0 10px;
}

#footersmall a:hover {
  color: #952323;
}
  
#footertitle {
  background-image: url(img/navbartitle.jpg);
  width: 850px;
  height: 30px;
  margin: 0;
  padding: 10px 0 0;
}

#footertitle a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 10px 0 10px;
}

#footertitle a:hover {
  color: #952323;
}

  
/* Attribut-Selektors */
input[readonly=readonly] {
  background-color: #d7d7d7;
  border-style: none;
  border-width: 0;
  outline-style: none;
  outline-width: 0;
}
  
  
  
/* Checkpin */

#cppage {
  background-image: url(img/checkpinbg.jpg);
  width: 550px;
  height: 415px;
  margin: 0 auto;
  padding: 0;
  /*border: solid 1px black;*/
 }
 
#cpheader {
  width: 550px;
  height: 39px;
  /*border: solid 1px aqua;*/
 }
 
.cpheadline {
  display: block;
  color: #952323;
  font-size: 18px;
  font-weight: bold;
  margin: 3px 0px 0px 15px;
 }
.cpsubhead {
  display: block;
  color: black;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 0px 15px;
 }

.cpbiglabel {
  display: block;
  color: black;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 15px;
 }