/*
    filename: style.css
    version: 1.0.0
    description: Definition of CSS (Screen) for the cronologic Webpage
    last edited: 2006-08-21, Daniel Levi
    
    author: Daniel Levi
    email: daniel at psmw-newmedia dot de

    (c) PSM&W new media GmbH  2006. All rights reserved.
*/

* html ul li
{
	float:left;
	height:1%;
}

* html ul li a
{
	height:1%;
}

.yupi:after
{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.yupi
{
	display:block;
}

body
{
	font-size:100.01%;
	font-family:'Tahoma','Lucida Grande',Arial,Helvetica,sans-serif;
	background-color:#fff;
	color:#333;
	background-image:url(/img/background.gif);
	margin:3.125em 0 0;
	padding:0;
}

img
{
	border:none;
	display:block;
}

h1
{
        clear:both;
	height:19px;
	font-weight:700;
	font-size:1em;
	line-height:normal;
	background-image:url(/img/h1-bg.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:1px 0 0 1em;
}

h2
{
	clear:both;
	font-size:1em;
	padding:0.75em 0 0.25em;
	margin:0;
}

#header
{
	width:100%;
	text-align:center;
	background-image:url(/img/header-bg.gif);
}

#header-container
{
	background-image:url(/img/header-bg.gif);
	text-align:left;
	width:57.5em;
	height:3.75em;
	margin:auto;
}

#footer
{
	width:100%;
	background-image:url(/img/footer-bg.gif);
}

#footer-dummy
{
	width:920px !important;
	background-image:url(/img/footer-bg.gif);
	text-align:left;
	height:36px;
	margin:auto;
}

#some-space
{
	height:2em;
}

#logo
{
	float:left;
	width:9.125em;
	height:52px;
	background-image:url(/img/header-bg.gif);
}

#subline
{
	float:right;
	width:200px;
	height:52px;
	background-image:url(/img/header-bg.gif);
}

#wrapper
{
	font-size:0.8333em;
	line-height:150%;
	width:100%;
	background-color:#fff;
	text-align:center;
}

#content
{
	background-color:#fff;
	text-align:left;
	width:920px;
	margin:auto;
}

#content .nobr 
{
	white-space:nowrap;
}

#navigation
{
	float:left;
	width:240px;
	margin:10px 0;
}

#navigation ul
{
	width:205px;
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul li a
{
	max-width:205px;
	background-position:4px 6px;
	display:block;
	text-decoration:none;
	border-bottom:1px dashed #ddd;
	padding:2px 8px 2px 20px;
}

#navigation ul li a:hover
{
	max-width:205px;
	background-position:4px 6px;
	background-color:#cfd6dc;
	color:#333;
	padding:2px 8px 2px 20px;
}

#navigation ul li div
{
	color:#333;
	width:177px;
	border-bottom:1px dashed #cfd6dc;
	background-position:10px 9px;
	background-image:url(/img/arrow.gif);
	background-repeat:no-repeat;
	padding:2px 8px 2px 20px;
}

#navigation ul li ul li div
{
	color:#333;
	width:157px;
	border-bottom:1px dashed #cfd6dc;
	background-position:30px 9px;
	background-image:url(/img/arrow.gif);
	background-repeat:no-repeat;
	padding:2px 8px 2px 40px;
}

#navigation ul li ul li ul li div
{
	color:#333;
	width:137px;
	border-bottom:1px dashed #cfd6dc;
	background-position:50px 9px;
	background-image:url(/img/arrow.gif);
	background-repeat:no-repeat;
	padding:2px 8px 2px 60px;
}

#navigation ul li ul li ul li ul li div
{
	color:#333;
	width:117px;
	border-bottom:1px dashed #cfd6dc;
	background-position:70px 9px;
	background-image:url(/img/arrow.gif);
	background-repeat:no-repeat;
	padding:2px 8px 2px 80px;
}

#navigation ul li ul li a
{
	max-width:205px;
	display:block;
	text-decoration:none;
	padding:2px 8px 2px 40px;
}

#navigation ul li ul li a:hover
{
	max-width:205px;
	background-color:#cfd6dc;
	color:#333;
	padding:2px 8px 2px 40px;
}

#navigation ul li ul li ul li a
{
	max-width:205px;
	background-position:44px 4px;
	display:block;
	text-decoration:none;
	padding:2px 8px 2px 60px;
}

#navigation ul li ul li ul li a:hover
{
	max-width:205px;
	background-position:44px 4px;
	background-color:#cfd6dc;
	color:#333;
	padding:2px 8px 2px 60px;
}

#navigation ul li ul li ul li ul li a
{
	max-width:205px;
	background-position:64px 4px;
	display:block;
	text-decoration:none;
	padding:2px 8px 2px 80px;
}

#navigation ul li ul li ul li ul li a:hover
{
	max-width:205px;
	background-position:64px 4px;
	background-color:#cfd6dc;
	color:#333;
	padding:2px 8px 2px 80px;
}

#content-area
{
	float:right;
	width:680px;
}

.info
{
	margin-left:24px;
}

.contextbox ul
{
	clear:both;
	font-size:0.8333em;
	border-top:1px solid #ebebeb;
	width:680px;
	list-style-type:none;
	border-bottom:none;
	margin:0;
	padding:0;
}

.contextbox ul li
{
	background-image:url(/img/enum.gif);
	background-repeat:no-repeat;
	background-position:13px 8px;
	background-color:#f9f9f9;
	border-top:1px solid #fff;
	border-bottom:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	voice-family:inherit;
	width:678px;
}

.detail img
{
	float:left;
	padding-top:6px;
	padding-right:15px;
	padding-bottom:0px;
}

.detail p
{
	display:block;
	margin:10px 0 0;
	padding:0;
}

ul,li,form,p
{
	margin:0;
	padding:0;
}

table.grid
{
	clear:both;
	font-size:0.8333em;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	width:680px;
	margin:18px 0 0;
}

table.grid tr td
{
	background-color:#f9f9f9;
	border-top:1px solid #fff;
	border-bottom:1px solid #ebebeb;
	vertical-align:top;
	padding:1px 24px;
}

a:link,a:visited,a:active
{
	text-decoration:underline;
	color:#666;
}

a:hover
{
	text-decoration:underline;
	color:#333;
}

.hide,#hidden-logo
{
	display:none;
}

.grid-grey
{
	width:140px;
	color:#555;
}

.bread
{
	font-size:1em;
	font-weight:700;
	width:100%;
	color:#aaa;
}

.bread ol li a,.bread ol li a:visited,.bread ol li a:active
{
	color:#aaa !important;
}

.bread ol li a:hover
{
	color:#333 !important;
}

.bread ol
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.bread ol li
{
	float:left;
	margin:0;
	padding:0.75em 0.25em;
}

.detail,.contextboxcontainer
{
	width:680px;
}

.sitemap
{
	margin: 10px 10px 0 10px;
	width:640px;
}

.sitemap ul
{
	margin-left:20px;
}