/* CSS Document 
font-family: 'Pathway Gothic One', sans-serif;

*/
@font-face {
    font-family: 'DisintegrationRegular';
    src: url('fonts/disinteg-webfont.eot');
    src: url('fonts/disinteg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/disinteg-webfont.woff') format('woff'),
         url('fonts/disinteg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size:14px;
  color:#fff;
  line-height:20px;
  background: #000000 url(../gfx/bg_dl_site.jpg) no-repeat top center fixed;
  margin: 20px 0px; 
}

.clearer {
  margin: 0px;
  padding:0px;
  height:0px;
  clear:both;
}

#layout_wrap {
  width:1000px; 
  position:relative;
  margin: 0px auto;
}
#layout_logo {
  width:447px;
  height: 205px;
  margin: 0px auto;
}


#layout_title {
  color: #EEEEEE;
  font-family: 'DisintegrationRegular',Verdana,Arial;
  font-size: 40px;
  line-height:40px;
  font-weight: normal;
  margin: 10px 0 40px 0px;
  text-align: center;
  text-shadow: -1px -1px 0px #000000;
  text-transform: uppercase;
}

.downloadlist {
  position:relative;
  float:left; 
  width:300px;
  height:113px;
  padding:2px;
  background-color:#fff;  
  border: 2px solid #444;
  margin: 20px 12px 20px 12px;
  cursor:pointer;
  -webkit-box-shadow: 0px 0px 20px #000; 
  -moz-box-shadow: 0px 0px 20px #000; 
  box-shadow: 0px 0px 20px #000;
}

.downloadlist img {
  max-width:300px;
  max-height:113px;
}
.downloadlist .newflag {
  position:absolute;
  width:82px;
  height:59px;
  top:-30px;
  left:10px;
  background: transparent url(../gfx/flag_new.png) no-repeat top center;
}




.downloadlist:hover {
  -webkit-box-shadow: 0px 0px 20px #fff; 
  -moz-box-shadow: 0px 0px 20px #fff; 
  box-shadow: 0px 0px 20px #fff;
}

.copyright {
  font-size:14px;
  line-height:18px;
  padding: 60px 0px 0px 0px;
  text-align:center;
  color:#ccc;
}
.copyright a {
  color:#fff;
  text-decoration:none;
}
.copyright a:hover {
  color:#fff;
  text-decoration:underline;
}


.overlay{
  background:transparent url(../gfx/overlay70.png) repeat top left;
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:999;
}

.downloadbox {
  display:none;
  position:absolute;
  border:5px #fff solid;
  background: #111;
  padding:15px 15px 25px 15px;
  z-index:1000;
  width:800px;
  top:80px;
  left:80px;
  font-size:18px;
  line-height:24px;
  color:#fff;
}  

.downloadbox .bigimage{
  width:800px;
  height:300px;
  margin: 0px 0px 20px 0px; 
  overflow:hidden;
  text-align:center;
}

.downloadbox p {
  padding: 0px;
  margin: 4px 0px;
}


.downloadbox .felder {
  float:left; 
  width:400px;
}  
.downloadbox .desc {
  float:right; 
  margin: 3px 0 0 0;
  width:360px;
  height:75px;
  overflow:hidden;
}
.downloadbox .desc_hinweis {
  float:right; 
  width:360px;
  font-size:16px;
  line-height:20px;
  margin: 10px 0 0 0;
  color:#999;
}


.downloadbox .felder .fieldrow {
  margin: 5px 0px 15px 0px;
}
.downloadbox .felder .fieldrow .fielddesc {
  float:left;
  width:120px;
  font-size:16px;
  line-height:30px;
  height:30px;
  text-align:left;
}
.downloadbox .felder .fieldrow .fieldinput {
  float:right;
  width:260px;
  height:30px;  
}
.downloadbox .felder .fieldrow .fieldinput input[type=text] {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size:16px;
  background:#ccc;
  border: 1px solid #fff;
  color:#222;
  padding:4px;
  width:250px;
}
.downloadbox .felder .fieldrow .fieldinput input[type=text]:focus {
  background:#fafafa;
}

.f_selbox {
	display: block;
	clear: both;
}
.f_field {
	width:	30px;
	display: inline;
	float: left;
  line-height:30px;
  margin: 5px 0 0 -2px;
}
.f_name {
	width:auto;
	display: inline;
	float: left;
  line-height:30px;
}


.disclaimer {
  font-size:13px;
  font-style:italic;
  color:#ccc;
  line-height:17px;
  padding: 15px 40px;
  text-align:center;
}


.downloadbutton {
  cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
  font-family: 'Pathway Gothic One', sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
	margin: 0px 10px;
}
.downloadbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}
.downloadbutton:active {
	position:relative;
	top:1px;
}

.abbrechenbutton {
  cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
  font-family: 'Pathway Gothic One', sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin: 0px 10px;
}
.abbrechenbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.abbrechenbutton:active {
	position:relative;
	top:1px;
}


.errormessage {
  width:728px;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
  margin: 10px auto;
  font-family:Verdana, Tahoma, Arial;
  padding:10px;
  color:#b36666;
  background-color:#e7cfcf;
  border:solid #dcb8b8 1px;
}

.downloaderror {
  width:728px;
  text-align:left;
  font-size:12px;
  line-height:20px;
  margin: 10px auto;
  font-family:Verdana, Tahoma, Arial;
  padding:10px;
  color:#b36666;
  background-color:#e7cfcf;
  border:solid #dcb8b8 1px;
}

.successmessage {
  width:728px;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
  margin: 10px auto;
  font-family:Verdana, Tahoma, Arial;
  padding:10px;
  color:#527842;
  background-color:#b8cfae;
  border:solid #9ab88d 1px;
}