@charset "UTF-8";
/**
 *
 * Screenlayout
 *
 * @copyright	Copyright 2009, MEN AT WORK         		
 * @link  		http://www.men-at-work.de
 */

@media screen, projection
{

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

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, font, img, ins, kbd, q, s, samp,
  small, strike, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

  :focus {
	outline: 0;
  }

  ol, ul {
	list-style: none;
  }

  blockquote:before, blockquote:after,
  q:before, q:after {
	content: "";
  }
  
  blockquote, q {
	quotes: "" "";
  }

  body {
	font: normal 12px/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	background-color:white;
  }
  
  /*------------------------------------------------------------------------*/     

  #wrapper {
  	width:892px;
	height:610px;
	padding:29px;
	border:1px solid #c1d4ea;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
 	margin-left:-475px;
 	margin-top:-335px;
  }
  
  #container .image {
  	margin-bottom:14px;
  }   
 
  #container .content {
  	background-color:#c0d4ea;
	width:712px;
	height:46px;
	padding:57px 90px;
  }  
 
  #container .content h2 {
	background:#c0d4ea url(../images/hd-start.gif) no-repeat center center;
	width:712px;
	height:46px;
	text-indent:-99999px;
	display:block;
  }  
  
    
  /*------------------------------------------------------------------------------------------------------*/     
   
   
}
