@import url(reset.css);
@import url(menu4IE.css);

/* COLORS */

html, body {
	background: #555 url("images/back.png") fixed;
	font-size: 95%;
	padding-bottom: 2em; }

#page {
	background-color: #ffd;
	color: #554; }
#nav { background: url(images/nav_back.png) repeat-x 0 -0.3em; }
#nav a {
	color: #333;
	text-decoration: none; }
#nav a:hover {
	color: black;
	text-decoration: underline; }
#nav a:active { color: #777; }
#nav li.active > a { color: #554; }
#language a + a    { border-left: 1px solid #ffd; }
#nav .meta li + li { border-left: 1px solid #777; }
#nav li ul { background-color: #f8e8aa; }

#body blockquote { color: #777; }

#content a { color: black; text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content a:visited { color: #554; }
#content a:active { background-color: white; }

#language a { color: #ffd; text-decoration: none; }

/* FONTS */

html, body, table, input, textarea {
	line-height: 1.2em;
	font-family: Bodoni, "Hoefler Text", Constantia, Times, "Liberation Serif", "Times New Roman", serif; }
pre, code {
	font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
blockquote {
	font-size: 2em; line-height: 1.2em; }
blockquote cite {
	font-size: 0.625em; }

/* POSITION AND SIZE */

#page {
	margin: 2em auto;
	width: 900px;
	padding: 1px; }
#header { 
	background: url("images/header.png") no-repeat; 
	height: 350px; }
#header img { margin: 180px 0 15px 30px; }
#header #language {
	padding: 0.3em 1em;
	height: 40px;
	float: right; }
#nav ul { z-index: 2; }
#nav li ul { z-index: 30; }
#nav li li { padding: 0.3em; }
#nav .meta { 
	float: right; 
	z-index: 4; }
#nav .meta li {
	float: left; }
#nav {
	height: 50px;
	padding: 0.5em 1em 0.5em 1em; 
}
#nav li { padding: 0 0.3em; }
#language a,
#content {
	min-height: 200px;
	padding: 0 1em; }
#zitat {
	padding: 0 1em 0 2em;
	width: 30%; }
#body { clear: both; margin-bottom: 50px; }
table#body td {
	vertical-align: top; }
#body blockquote {
	float: left;
	margin: 0 1% 0 0; }
#body blockquote cite {
	display: block; }
#footer {
	clear: both; }

/* BODY LAYOUTING */

#content h2, #content table,
#content ul, #content p {
	margin-top: 1.2em; }
#content h1 {
	font-size: 1.6em;
	line-height: 1.1em; }
#content h2 {
	font-size: 1.1em;
	font-weight: bold; 
	color: #999; }

#content strong { font-weight: bold; }
#content em { font-style: italic; }
#content li { list-style-image: url('images/bullet.gif'); }
#content p { text-align: justify; }

#content table td { padding: 1.2em 0.5em; }

#content form table td {
	vertical-align: top;
	text-align: right;
	padding-top: 0.6em; }
#content label {
	margin-top: 1em;
	display: block; }
#content input,
#content textarea {
	padding: 1px 2px;
	background-color: #ddd;
	color: #000;
	border: 1px solid #000;
	width: 18em; }
#content textarea {
	height: 10em; }
#content input[type=submit] {
	background-color: #eec; 
	width: 10em;
	float:left;
	margin-left: 10.4em; }

/* SPECIALS */

/* framed news */
#page { position: relative; }
#framed {
	background: url(images/frame.png) no-repeat top left;
	color: #feb;
	padding: 32px 35px;
	width: 160px;
	height: 55px;
	position: absolute;
	top: 283px;
	right: 16em;
	z-index: 20;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
#framed a { color: #feb; }


* html #framed { background: url(images/frame.gif) no-repeat top left; }


/* SHADOW HACK */

#hack_top_shadow,
#hack_bottom_shadow {
	height: 10px;
	width: 940px; }

#hack_top_shadow { 
	background: transparent url("images/page_shadow_top.png") bottom center no-repeat; 
	margin: -10px 0px 1px -20px; }
#hack_bottom_shadow { 
	 background: transparent url("images/page_shadow_bottom.png") top center no-repeat;
	 margin: 1px 0px -10px -20px; }
#page { background: transparent url("images/page_shadow.png") repeat-y; padding: 1px 21px; }

/* using the "* html" hack to undo the shadows and
 * degrade gracefully for IE<=6
 */

* html #hack_top_shadow,
* html #hack_bottom_shadow { display: none; }
* html #page { background: #ffd url(); padding: 1px; }

/* Fixing IE transparent png for img and background-image */
* html img { behavior: url('iepngfix.htc'); }