/**
  * WLM
  * 
  * Defines styles for error pages such as 404.
  * Should be used as stand-alone
  * 
  * @project         WLM
  * @package         WLM.ErrorPages
  *                  
  * @copyright       Neue Digitale / Razorfish 
  * @author          martin.krause@neue-digitale.de
  * @license         
  * 
  * @version         0.2
  * @media           screen
  *
  * 
  * @valid           yes  
  * @tested          yes 
  * 
  * @revision        $Revision$
  * @lastmodified    $Date$
  * 
  */

  /**
  * @section         basic resets
  */
* {
	
	margin:0pt;
	padding:0pt;
}

a img {
	border: none;
}

a:focus {
	outline: none
}


  /**
  * @section         body styles
  */
body.error_page {
	line-height:16px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

/* 404: background-color: 4595d0*/
body.error_page.error_404,
body.error_page.error_500,
body.error_construction {
	background: #4595d0 ;
	color: #fff;
}



  /**
  * @section         default anchor styles
  */
a,
a:link,
a:visited {
	color:#4595d0;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

a.link_arrow {
	background: #fff url(/images/navigation/arrow-content.png) top right no-repeat ;
	margin-left:15px;
	padding: 0 20px 0 10px;
	line-height:22px;
}


  /**
  * @section         content area,  additional div necessary due to xhtml specs (body/img)
  */
body.error_page.error_404 .content {
	background: #4595d0 url(/images/errorpages/404-content-bg-4595d0.png) 0 0 no-repeat;
	height: 396px;
	left: 50%;
	margin-left: -382px;
	position: absolute;
	top: 55px;
	width: 764px;
}


body.error_page.error_500 .content {
	background: #4595d0 url(/images/errorpages/500-content-bg-4595d0.png) 0 0 no-repeat;
	height: 396px;
	left: 50%;
	margin-left: -382px;
	position: absolute;
	top: 55px;
	width: 764px;
}

body.error_page.error_construction .content {
	background: #4595d0 url(/images/errorpages/construction-content-bg-4595d0.png) 0 0 no-repeat;
	height: 396px;
	left: 50%;
	margin-left: -382px;
	position: absolute;
	top: 55px;
	width: 764px;
}


/* Windows Live Messenger logo, appears outside the content area */
.content .wlm_logo {
	position:absolute;
	top:-22px;
	left: -8px;
}
		

/* hide headline */
.content h1 {
	text-indent: -999em;
}

/* position advice text above bubble */
body.error_page.error_404 .content p {
	text-align: center;
	height: 65px;
	width: 230px;
	position: absolute;
	left: 250px;
	top: 137px;
	overflow: hidden;
}

body.error_page.error_500 .content p,
body.error_page.error_construction .content p {
	text-align: center;
	position: absolute;
	overflow: hidden;
	height:65px;
	left:123px;
	top:263px;
	width:500px;
	color:#4c4c4c;
}

body.error_page.error_500 ul.related_links,
body.error_page.error_construction ul.related_links {
	display: none;
}

/* position related links*/
ul.related_links {
	left: 32px;
	position: absolute;
	text-align: center;
	top:292px;
	width: 688px;
}

/* set list styles to receive a horizontal list */
ul.related_links li {
	list-style: none;
	display: inline;
	margin-left: 14px;
	margin-right: 14px;
}

/* get arrow as background image */
ul.related_links a {
	background: #fff url(/images/navigation/arrow-content.png) top right no-repeat ;
	padding: 0 20px 0 0;
	line-height:22px;
}