/**
 * 
 * Stylesheet for Equiton
 * Version: 1.0
 * Author: Mark van der Putten for MiesArt
 * Date: 23.05.2010
 *
**/

/***************************
****							****
****		CSS RESET		****
****							****
***************************/
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, /*sub, sup,*/ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	background:			transparent;
	border:				0;
	font-size:			100%;
	margin:				0;
	outline:				0;
	padding:				0;
	vertical-align:	baseline;
}

body
{
	background:		#FFFFFF;
	font-family:	"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height:	1;
}



blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

div.clr
{
	clear:	both;
	height:	4px;
}

/**
 *
 * ClearFix
 *
**/
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix
{
	display: inline-block;
}
 
html[xmlns] .clearfix
{
	display: block;
}
 
* html .clearfix
{
	height: 1%;
}

/*********************************
****									****
****		Equiton Styles 		****
****									****
*********************************/

/**
 *
 * 1. General styles
 *
**/


/**
 *
 * 2. Header
 *
**/
div#headerHolder
{
	background:	url(../img/background_header.png) repeat-x;
	height:		331px;
	width:		100%;
}

	div#headerHolder div#headerInnerHolder
	{
		margin:	0 auto;
		width:	687px;
	}

		div#headerHolder div#headerInnerHolder div#topRow
		{
			height:		21px;
			padding:		2px 0 0 0;
		}
		
			div#headerHolder div#headerInnerHolder div#topRow img
			{
				float: left;
			}
			
			div#headerHolder div#headerInnerHolder div#topRow ul
			{
				float: right;
			}
			
				div#headerHolder div#headerInnerHolder div#topRow ul li
				{
					display: inline;
					float: 	left;
					padding:	0 0 0 22px;
				}
				
					div#headerHolder div#headerInnerHolder div#topRow ul li a
					{
						color:				#FFFFFF;
						font-size:			9px;
						text-decoration:	none;
					}
					
					div#headerHolder div#headerInnerHolder div#topRow ul li a:hover
					{
						text-decoration:	underline;
					}
					
		div#headerHolder div#headerInnerHolder div#middleRow
		{
			height:		240px;
			padding:		5px 0 0 0;
		}
		
			div#headerHolder div#headerInnerHolder div#middleRow img
			{
				float:	left;
				padding: 88px 0 0 0;
			}
			
			div#headerHolder div#headerInnerHolder div#middleRow div#imgHolder
			{
				background:	#EFEFEF;
				float:		right;
				height:		173px;
				margin:		11px 0 0 0;
				padding:		4px;
				width:		417px;
			}
			
				div#headerHolder div#headerInnerHolder div#middleRow div#imgHolder img
				{
					margin:	0;
					padding:	0;
				}
			
			div#headerHolder div#headerInnerHolder div#middleRow div#menuHolder ul
			{
				clear:	both;
				float:	right;
			}
			
			div#headerHolder div#headerInnerHolder div#middleRow div#menuHolder ul
			{
				background: #00583B;
				height:		23px;
				margin:		6px 0 0 0;
				padding:		4px 14px 3px 0;
			}
				
				div#headerHolder div#headerInnerHolder div#middleRow div#menuHolder ul li
				{
					display: inline;
					float:	left;
					padding:	0 0 0 14px;
				}
					
					div#headerHolder div#headerInnerHolder div#middleRow div#menuHolder ul li a
					{
						color:				#FFFFFF;
						display: 			block;
						float: 				left;
						font-size:			11px;
						line-height: 		22px;
						padding:				0 7px;
						text-decoration:	none;
					}
					
					div#headerHolder div#headerInnerHolder div#middleRow div#menuHolder ul li a:hover
					{
						background: #00402B;
					}
					
					div#headerHolder div#headerInnerHolder div#middleRow ul li a.current
					{
						background: #00402B;
					}


/**
 *
 * 3. Content
 *
**/
div#contentHolder
{
	background:	#F8F8F8;
	padding:		0 0 14px 0;
	width:		100%;
}

	div#contentHolder div#contentInnerHolder
	{
		margin:		0 auto;
		position:	relative;
		width:		687px;
	}
		
		div#contentHolder div#contentInnerHolder div.printSaveHolder
		{
			position:	absolute;
			right:		0;
			top:			0;
		}
		
			div#contentHolder div#contentInnerHolder div.printSaveHolder a
			{
				border:				2px solid #ECECEC;
				color:				#bdbcbc;
				display: 			block;
				float:				left;
				font-size: 			11px;
				line-height:		20px;
				margin:				0 0 0 4px;
				padding:				0 6px;
				text-decoration:	none;
			}
			
				div#contentHolder div#contentInnerHolder div.printSaveHolder a:hover
				{
					text-decoration:	underline;
				}
		
		div#contentHolder div#contentInnerHolder h1
		{
			color:		#00583b;
			font-size:	14px;
			padding:		0 0 20px 0;
		}
		
		div#contentHolder div#contentInnerHolder p
		{
			color:			#5E5E5E;
			font-size:		11px;
			line-height:	21px;
			padding:			0 0 15px 0;
		}
		
		div#contentHolder div#contentInnerHolder ul
		{
			color:			#5E5E5E;
			font-size:		11px;
			line-height:	21px;
			padding:			0 0 0px 0;
			margin-left:	14px;
		}		
		
		div#contentHolder div#contentInnerHolder ol
		{
			color:			#5E5E5E;
			font-size:		11px;
			line-height:	21px;
			padding:			0 0 30px 0;
			margin-left:12px;
		}	

		div#contentHolder div#contentInnerHolder a
		{
			color:			#5E5E5E;
			font-size:		11px;
			line-height:	21px;
			padding:			0 0 30px 0;
			margin-left:0px;
		}		
		
		
		
		div#contentHolder div#contentInnerHolder table
		{
			color:			#5E5E5E;
			font-size:		11px;
			line-height:	21px;
			padding:			0 0 30px 0;
			margin-left:12px;
		}				
		
		div#contentHolder div#contentInnerHolder div.backToTopHolder
		{
			bottom:		0;
			position:	absolute;
			right:		0;
		}
		
			div#contentHolder div#contentInnerHolder div.backToTopHolder a
			{
				border:				2px solid #ECECEC;
				color:				#bdbcbc;
				display: 			block;
				float:				left;
				font-size: 			11px;
				line-height:		20px;
				margin:				0 0 0 4px;
				padding:				0 6px;
				text-decoration:	none;
			}
			
				div#contentHolder div#contentInnerHolder div.backToTopHolder a:hover
				{
					text-decoration:	underline;
				}
		
/**
 *
 * 4. Footer
 *
**/
div#footerHolder
{
	border-top: 14px solid #F0F0F0;
	width:		100%;
}

	div#footerHolder div#footerInnerHolder
	{
		margin:		0 auto;
		position:	relative;
		width:		687px;
	}
	
		div#footerHolder div#footerInnerHolder p.copyright,
		div#footerHolder div#footerInnerHolder p.siteBy
		{
			color:			#808080;
			display:			block;
			float:			left;
			font-weight:	bold;
			font-size:		11px;
			padding:			12px 0 0 0;
		}
		
		div#footerHolder div#footerInnerHolder p.siteBy
		{
			float:			right;
		}
		
			div#footerHolder div#footerInnerHolder p.copyright a,
			div#footerHolder div#footerInnerHolder p.siteBy a
			{
				color:				#00583B;
				text-decoration:	none;
			}
			
			div#footerHolder div#footerInnerHolder p.copyright a:hover,
			div#footerHolder div#footerInnerHolder p.siteBy a:hover
			{
				text-decoration:	underline;
			}
		
		div#footerHolder div#footerInnerHolder img
		{
			padding: 84px 0 40px 0;
		}
		
		
		
/******************************************/
/* menu list */
/******************************************/
#nav, #nav ul {
	padding:0;
	margin: 0;
	list-style: none;
}
#nav li {
	float: left;
}
#nav ul {
	position: absolute;
	width: 170px;
	left: -1000px;
}
#nav li:hover ul, #nav li.ie_does_hover ul {
	left: auto;
	background-position: 0 0;
}
#nav a {
	display: block;
	margin:0;
	text-decoration:none;
}
#nav ul ul a:link, ul ul a:visited{
	font-weight:normal;
	color:#FFF;
	cursor:pointer;
}
#nav ul li ul {
	height:50px;
}
#nav ul ul a:hover, ul ul a:active{
	font-weight:normal;
	color:#FFF;
	cursor:pointer;
}
#nav ul ul li{
	background-color:#8b0606;
	border:5px solid #8b0606;
	width:120px;
}
html {
font-size:11px;
color:#5E5E5E;
line-height:21px;
}