/* = basics
--------- --------- --------- --------- --------- --------- --------- */
body {
	margin: 0;
	padding: 0;
	font-family: georgia, "times new roman", "times", serif;
	background: #e5e5e5;
	background: #fff;
	color: #000;
}

p, li, ol, ul, td, th, address, label, dd, dt {
	font-size: 16px;
	line-height: 24px;
}

p, ul, ol, table {
	margin: 0 0 24px 0;
}


h1 {
	margin: 0 0 24px 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	font-family: "andale mono", "lucida grande", "Bitstream Vera Sans Mono", "lucida console", monospaced;
	text-transform: uppercase;
}

h2 {
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 20px 0;

	/*
	font-size: 15px;
	margin: 10px 0;
	*/
}

h3, legend {
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 12px 0;
}

a {
	text-decoration: none;
	color: #0093D3;
}

a:hover {
	text-decoration: underline;	
}

a img {
	border: none;
/*	background: transparent url(t-rich-header2.gif) 0 0 no-repeat; */
}

code {
	font-family: "andale mono", "Bitstream Vera Sans Mono", "lucida console", monospaced;
	color: #666;
}

.debug {
	display: none;	
}

div#all {
	margin: 0 auto;
	width: 960px;
}

div#header {
	float: left;
	width: 960px;
	height: 90px;	
}

div#timer {
	float: left;
	width: 240px;	
}

div#timeline {
	float: left;
	width: 720px;
}

em.time {
/*	color: #0093D3;*/
	font-size: 13px;
	color: #666;
}

ul {
	margin: 0 60px 24px;	
	font-size: 16px;
	list-style-type: circle;
}

/* = nav
--------- --------- --------- --------- --------- --------- --------- */

#nav {
	float: left;
	width: 200px;		
	margin: 0 20px;
}

* html #nav {
	display: inline;	
}

#nav ul,
#nav li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	border-top: 1px solid #000;
	font-size: 13px;
	line-height: 12px;
/*	font-weight: bold; */
		
	
	font-family: "Monaco", "Bitsream Vera Sans Mono", "lucida console", monospaced;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	
}

#nav li li {
	border-top: 1px solid #fff;	
}

/*
#nav li ul li a {
	width: 160px;
	padding: 0px 0 0 20px;	
}
*/

#nav a {
	float: left;
	width: 170px;
	padding: 0 0 0 30px;
	background: transparent url(nav-main-bg2.gif) 0 0 no-repeat;
/*	color: #999;  richtime */
	text-decoration: none;
}

#nav a:hover {
/*	text-decoration: underline;	*/
}

#nav a span {
	padding: 5px 0 6px;
	display: block;
	background: #fff;	
}


#nav li.selected a {
/*	text-decoration: underline;	*/
/*	color: #000; */
/*	background: #000;	*/
}

#nav li.selected li.selected a {
/*	color: #000; */
/*	text-decoration: underline;	*/
		
}


#nav li.selected li a {
/*	color: #999; */
	background: #fff;
	text-decoration: none
}

#nav a:hover,
#nav li.selected li a:hover {
	color: #000; /* richtime */
}

/* = content
--------- --------- --------- --------- --------- --------- --------- */


div#content {
	float: left;
	width: 720px;		
	width: 580px;	
}

/* = timeline + timer
--------- --------- --------- --------- --------- --------- --------- */


#slider {
	position: relative;
	width: 720px;
	height: 60px;	
	background-color: #CC006B;
	background-color: #eee;
	background: transparent url(t-rich-header4.gif) 0 0 no-repeat;
}

#handle {
	position: absolute;
/* 	margin-left: -2px; */
	top: 30px;
	width: 30px;
	height: 30px;
	background-color: #FFF200;
	background: transparent url(handle-black.gif) 50% 20px no-repeat;
	cursor: ew-resize;
	margin-left: -15px;
}

#thandle {
	position: absolute;
	top: -30px;
	width: 30px;
	height: 30px;
	background-color: #0093D3;	
	background: transparent url(handle-white.gif) 50% 10px no-repeat;
}

div#timer p {
	font-family: "Monaco", "Bitsream Vera Sans Mono", "lucida console", monospaced;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0;
	padding: 5px 0 5px 20px;
	line-height: 20px;
	
}

#t-clock a {
	color: #fff;	
}

#rt-clock a {
	color: #000;	
}


div#timer p#t-clock {
	
	/*
	background-color: #00AEEF;
	background-color: #0093D3;	
	color: #fff;
	*/
	background: #000;
	color: #fff;
}

div#timer p#rt-clock {
	/*
	background-color: #FFF200;
	background-color: #ffff00;
	*/

}




/* debug */

table.cakeSqlLog, 
.cake_debug {
	display: none;	
}


/* = footer
--------- --------- --------- --------- --------- --------- --------- */

#footer {
	float: left;
	width: 940px;
	margin: 0 10px;
}

* html #footer {
	display: inline;	
}

#footer p {
	text-align: right;
	font-size: 13px;	
}

#footer p {
	color: #999;	
}




/* = feature
--------- --------- --------- --------- --------- --------- --------- */

#feature {
	float: left;
	width: 720px;
}

#feature a img {
	margin: 0 0 20px 0;
}

#feature #content {
	float: left;
	width: 460px;	
	margin: 0 10px;
}

* html #feature #content {
	display: inline;
}

#content p {
	font-size: 16px;
	line-height: 24px;	
}

#content h1 {
	font-size: 24px;
	line-height: 24px;	
}

#content h2 {
	margin: 0 0 24px 0;
	font-size: 15px;
	line-height: 24px;	
	text-transform: uppercase;
	font-weight: normal;
	font-family: "andale mono", "lucida grande", "Bitstream Vera Sans Mono", "lucida console", monospaced;
	
}

#feature #context {
	float: left;
	width: 220px;
	margin: 0 10px;
}

* html #feature #context {
	display: inline;
}

#feature #context p {
	font-size: 12px;
	line-height: 20px;	
}

#feature #context h2 {
/*	margin: 0;	*/
	font-size: 12px;
}

/*

#feature h2 {
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	font-family: "andale mono", "lucida grande", "Bitstream Vera Sans Mono", "lucida console", monospaced;
	text-transform: uppercase;

}

*/

#teaser {
	float: left;
	width: 720px;	
}

#teaser img {
	margin: 0 0 20px 0;	
}

#teaser .item {
	float: left;
	width: 220px;
	margin: 0 10px;
}

* html #teaser .item {
	display: inline;
}

#teaser h2 {
/*	margin: 0; */
}

div.image img {
	margin: 0 0 20px 0;	
}


div.tags ul,
div.tags li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

div.tags li {
	float: left;
	width: auto;
	margin: 0 12px 0 0;	
}

* html div.tags li {
	display: inline;
}

div.tags li sup {
	line-height: 12px;
}

div.tags {
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
}

#page-zurzeit-das-archiv #content {
	float: left;
	width: 720px;	
}

* html #page-zurzeit-das-archiv #content  #content {
	display: inline;	
	margin: 0;
	width: 720px;
	overflow: hidden;
}

#page-zurzeit-das-archiv div.item {
	float: left;
	width: 180px;	
	margin: 0 0 24px 0;
	display: inline;
}

#page-zurzeit-das-archiv div.item a img {
	width: 158px;
	margin: 0;
}

#page-zurzeit-das-archiv a img {
	border: 1px solid #0093D3;
}

#page-zurzeit-das-archiv div.item h3 {
	font-size: 11px;
	padding: 0;
}