* {margin:0; padding:0; outline:none; border:0;}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font: normal 10px/130% Verdana, Arial, Helvetica, sans-serif;
  /* text-shadow: #fff 0px 1px; */
  background: #d7d7d7 url('gfx/back2.jpg') repeat-x;
  position: relative;
}

div#quicklinks {
  position: absolute;
  top: 5px;
  left: 25%;
}
div#quicklinks a, div#footer a {
  font-weight: bold;
  text-decoration: none;
  color: #101210;
}
div#quicklinks a:hover, div#footer a:hover {color: #244487;}
div#quicklinks a.aktiv, div#footer a.aktiv {color: #244487;}
div#quicklinks a.aktiv:hover, div#footer a.aktiv:hover {color: #101210;}

h1#header, h1#impressum, h1#kontakt, h1#downloads {
	height: 64px;
  padding: 71px 0 25px 0;
  text-align: center;
  background: url('gfx/header.jpg') no-repeat center 71px;
  text-indent: -99999px;
}
h1#header {background: url('gfx/header.jpg') no-repeat center 71px;}
h1#impressum {background: url('gfx/header-impressum.jpg') no-repeat center 71px;}
h1#kontakt {background: url('gfx/header-kontakt.jpg') no-repeat center 71px;}
h1#downloads {background: url('gfx/header-downloads.jpg') no-repeat center 71px;}

ul#refs {
  width: 910px;
  margin: 0 auto;
  list-style: none;
}
ul#refs li {
  float: left;
  width: 160px;
  margin: 10px;
  text-align: center;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline;
  background: #f0f0f0;
}
ul#refs li div.info {
  background: #010101;
  width: 150px;
  color: #dedede;
  position: relative;
  margin: -30px 0 5px 5px;
  height: 24px;
  filter: alpha(opacity=80);
  opacity: .80;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  font: bold 10px/25px Verdana, Arial, Helvetica, sans-serif;
  border-top: 1px solid #dedede;
  /* text-shadow: #434343 0px 1px; */
}
*+html ul#refs li div.info {margin: -30px 0 5px 0;} 
* html ul#refs li div.info {margin: -30px 0 5px 0;}
ul#refs li span {
  width: 150px;
  height: 150px;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  display: block;
  background: #fff;
}
ul#refs li h1 {
  font: bold 10px/120% Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 8px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  color: #101210;
  height: 12px;
}
ul#refs li h2 {
  font: normal 10px/130% Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  text-align: left;
  color: #565656;
  height: 40px;
}
ul#refs li h3 {
  font: normal 10px/120% Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 8px;
  border-top: 1px solid #fff;
  text-align: center;
  color: #565656;
}
ul#refs li a.details {
  text-decoration: none;
  color: #101210;
  font-weight: bold;
}
ul#refs li a.details:hover {color: #244487;}

ul#refs li.sell {border: 1px solid #244487;}
ul#refs li.sell h1 {color: #244487;}
ul#refs li.sell a.details {color: #244487;}
ul#refs li.sell a.details:hover {color: #101210;}

ul#refs li.free {border: 1px solid #ff0000;}
ul#refs li.free h1 {color: #ff0000;}
ul#refs li.free a.details {color: #ff0000;}
ul#refs li.free a.details:hover {color: #101210;}
ul#refs li.free div.info {color: #ff0000;}

div#kontakt {
  width: 430px;
  margin: 0 auto;
  font: normal 10px/150% Verdana, Arial, Helvetica, sans-serif;
}
div#kontakt label {
  float: left;
  width: 120px;
}
input, textarea {
  font: normal 10px/150% Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
  margin: 1px;
  border: 1px solid #a1a1a1;
  color: #565656;
}
input {
  width: 300px;
  background: url('gfx/kontakt-input.jpg') no-repeat;
}
textarea {
  width: 300px;
  height: 150px;
  background: url('gfx/kontakt-textarea.jpg') no-repeat;
}
input#submit-button {
  width: 100px;
  color: #fff;
  background: transparent url('gfx/kontakt-input-submit.jpg') no-repeat;
}
.fehler-label {color: #244487; font-weight: bold;}
.fehler-input {border: 1px solid #244487;}
.done, .error {
  position: relative;
  border: 1px solid;
  margin: 0 0 20px 0;
  padding: 10px 10px 10px 40px;
  display: block;
  line-height: 150%;
}
.error {
  color: #D8000C;
  background: #ffbaba url('gfx/error.png') no-repeat 10px center;
}
.done {
  color: #4F8A10;
  background: #dff2bf url('gfx/done.png') no-repeat 10px center;
}

div#impressum {
  width: 430px;
  margin: 0 auto;
  font: normal 10px/150% Verdana, Arial, Helvetica, sans-serif;
}

div#footer {
  margin: 30px auto;
  text-align: center;
  font: normal 10px/200% Verdana, Arial, Helvetica, sans-serif;
  color: #101210;
}

div.clear {clear:both;}

div.downloads {
  background: #fff;
  border: 2px solid #c3c3c3;
  width: 900px;
  padding: 10px 15px 25px;
  margin: 0 auto 20px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
}
div.downloads div#left {
	float: left;
	width: 470px;
}
div.downloads div#right {
	float: left;
	width: 420px;
}
div.downloads h1 {
  font: bold 16px/160% Arial, Helvetica, sans-serif;
  border-bottom: 2px solid #376AA9;
}
div.downloads h2 {
  font: bold 14px/140% Arial, Helvetica, sans-serif;
  margin: 15px 0 0 0;
  padding: 2px 0;
}
div.downloads ul {margin: 0 0 0 12px;}
div.downloads ul li {margin: 0 0 0 10px;}
div.downloads a:link, a:visited {
  color: #376AA9;
  text-decoration: none;
  font-weight: normal;
}
div.downloads a:active, a:hover {
  color: #444444;
  text-decoration: underline;
}