@charset "UTF-8";

/**
*	Cascading Style Sheet for Screen output
*	
*	Miscelaneous Styles
*
**/

@media screen {
	
	body {
		background-color: #cacbcc;
	}
	
	#header {
		background-color: #fff;
	}
	
	h1 {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	h2 {
		
	}
	
	#content ol {
		list-style-type: decimal;
	}
	
	#content ol li {
		margin-left: 2em;
	}
	#absolute-image {
		position: absolute;
		top: 5em;
		left: 18em;
	}

	#content p, #content ul {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: .2em 0;
		overflow: hidden;
	}
	
	
	#content, #content li a {
		color: #95a9b6;
	}
	
	#toc {
		position: relative;
	}

	#toc ul, .content-element {
		border-bottom: .1em dotted #95a9b6;
	}
	
	#toc ul ul {
		border-bottom: 0;
		font-size: 1em;
	}
	
	#toc li {
		width: 40em;
	}

	#toc li li {
		padding-left: 1em;
		width: 39em;
	}
	
	#toc li a {
		padding-left: 1em;
	}
	
	
	#toc li a:hover, #toc li a:focus, #toc li a:active {
		font-weight: bold;
		color: #123c5f;
		text-decoration: none;
		background: transparent url(../images/arrow.gif) left .3em no-repeat;
	}
	
	#toc .page-nr {
		float: right;
	}
	
	#toc .bubble {
		width: 2.2em;
		height: 2.2em;
		background: transparent url(../images/bubble.png) left top no-repeat;
		position: absolute;
		left: 49em;
		top: auto;
	}
	#toc .bubble-content {
		line-height: 2em;
		font-size: 1.2em;
		text-align: center;
		font-weight: bold;
	}
	
	#contact {
		width: 49%;
		float: left;
	}
	#data{
		width: 49%;
		float: right;
	}
	
	#content .tab {
		padding-right: 2em;
	}
	
	#content a {
		color: #ef8d3c;
	}
	
}