body {
	border:0px;
	padding:0px;
	margin:10px;
	background-image:url(images/farbverlauf.gif);
	background-repeat:repeat-x; 
	background-color:#009ace;
}

a:link {
	color:#004da0;
	text-decoration:none;
	border-bottom:#cccccc 1px solid;
}

a:visited {
	color:#0080C0;
	text-decoration:none;
	border-bottom:#cccccc 1px solid;
}

a:hover {
	color:#273C61;
}

a:active {
	color:#000099;
}

.lowercase {
	text-transform:lowercase;
}

.nobottomborder {
	border-bottom:none !important;
}

abbr  {
	border-bottom:1px dotted #000052; cursor:help;
}

p, ul, ol, td, h1, h2, h3, div {
	font-family:Verdana, sans-serif;
}

p, ul, ol, td {
	font-size:0.84em;
}

h1, h2, h3 {
	font-weight:normal;
}

img {
	border:0;
}

pre {
	border:1px dotted #333333;
	width:auto;
	padding:5px;
}

#nav {
	/* IE7 needs this! */
	left: 10px;

	position:fixed;
	float:left;
	height:230px;
	width:180px;
	padding:0px;
	color:#FFFFFF;
	background-color:#000052;
}

#content {
	/* this value is wrong and only a fix for IE6. it should be +3px */
	margin-left:187px;

	width:510px;
	padding:10px 30px 30px 30px;
	background-color:#FFFFFF;
}

/* this overwrites some value for browsers, that can 
   deal with the '>' selector... (mozilla, opera, safari, ie7, ... ) */
html > body #content {
	margin-left:190px;
}

#content h1 {
	font-size:1.15em;
	font-weight:bold;
}

#content h2 {
	font-size:0.9em;
	font-weight:bold;
	padding:3px;
	border-bottom:1px solid #CCCCCC;
	background-color:#EEEEEE;
}

#content h3 {
	font-size:0.9em;
	margin-top:35px;
	padding:3px;
	border-bottom:1px solid #CCCCCC;
	background-color:#EEEEEE;
}

#content p {
	margin-left:5px;
	margin-bottom:15px;
	line-height:135%;
	text-align:justify;
}

#content li {
	text-align:justify;
	line-height:135%;
	margin-bottom:4px;
}

#content ul li {
	list-style-image:url(images/li.gif);
}

#headline {
	margin:20px 10px 40px 0;
}

#headline h1 {
	margin:0;
}

/*
  wieder alle eigenschaften von '#content h2' ueberschreiben, 
  weil der IE6 '#content > h2' nicht beherrscht... 
*/
#headline h2 {
	font-weight:normal;
	padding:2px;
	border-bottom:0px;
	background-color:transparent;
	font-size:0.9em;
	color:#666666;
	margin:5px auto auto 0;
	padding:0px;
}

#footer {
	width:556px;
	margin:1px auto 40px 190px;
	padding:7px;
	background-color:#FFFFFF;
	font-size:0.8em;
	text-align:center;
	line-height:155%;
}

#menu {
	float:left;
	padding-left:0;
	margin:0;
	width:180px;
	list-style-type:none;
}

#menu a {
	display:block;
	/* padding + witdh == #menu:width */
	padding:7px;
	padding-left:14px;
	width:159px;
	color:white;
	font-size:0.95em;
	font-weight:bold;
	text-decoration:none;
	/* IE7 needs this! */
	background-color:#000052;
}

#menu a:link, #menu a:visited {
	border-bottom:none;
}

#menu a:hover {
	color:#000052 !important;
	background-color:#FFFFFF !important;
}

.menu_highlight {
	background-color:#004da0 !important;
}


/* box for articles */

.box {
	border-left: 1px solid #CCCCCC;
	text-transform:lowercase;
}
.box h3 {
	font-weight:bold;
	margin:0;
	padding:5px;
	background-color:#CCCCCC !important;
}
.box .infos {
	background-color:#EEEEEE;
	color:#666666;
}
.box p {
	margin:0 !important;
	padding:5px;
}
.box ul {
	padding-bottom:10px;
}


@media print {
	#nav {
		display:none;
	}
	
	#content {
		border:0;
		margin:0;
	}
	
	#content a[href]:after {
		content:" [ URI: " attr(href) " ] ";
	}
}