/*alte Farbcodes
 #FFFC00;
 #2DFF77;
 #FF007A;
 #00FFBA
 */

/*Typo settings*/

body, .content dl.dtable dl dt, .content dl.dtable dt small, .content h4 small, .content h4 small a, .content dl.dtable dt small a/*, .area h4 small.desc*/{
	font-family: "Lucida Console", "Monaco", "Verdana", monospace;
	color: #000;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	letter-spacing: 0;
}

ul#nav {
	font-family: "Lucida Console", "Monaco", "Verdana", sans;
}

.area h2, .area h3, .area h4, .content dl.dtable dt{
	font-family: "Georgia", serif;
	color: #00E5CD;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform:uppercase;
	white-space:nowrap;
}

.area h4 small.desc {
	font-size: 0.5333em;
	/*white-space:normal;*/
	margin-left: -1em;
	margin-right: 0.5em;
}

.area h4.important {
	/*clear: both;*/
	/*margin-top: 0.4em;*/
	position: absolute;
	bottom: 0;
	left:0;
}

.area h4.important a {
	color: #000;
	font-weight: normal;
}

/*General definitions*/

body {
	background: #000;
	color: #fff;
}

a, object {
	outline: none;
}

a img {
	border: none;
}

strong {
	font-weight: normal;
}

dd {
	margin-left: 2em;
	margin-bottom: 0.75em;
}

.content address {
	font-style: normal;
}

.content a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #00E5CD; 
}

.area {
	color: #000;
	background: #fff;
}

#home.area {
	height: 0;
}

#sponsors.area, #press.area, #contact.area {
	background: #fff url(linie.gif) no-repeat 1em 6.5em;
}

.area h2 {
	/*background: #fff url(tesa3.jpg) no-repeat left 0.8em;*/
}

.area h4 {
	font-size: 3em;
	line-height: 1.3em;
}

.area h4 a, .area h4 span, .dtable dt a{
	color: #00E5CD;
	text-decoration: none;
	border-bottom: 0.1em solid #00E5CD;
	margin: 0 0.5em 0 0.5em;
}

.area h4 a:hover, .area h4 a:active, .area h4 a:focus,
.dtable dt a:hover, .dtable dt a:active, .dtable dt a:focus
{
	color: #000;
}

.area h4.important a:hover, .area h4important a:active, .areaimportant h4 a:focus {
	color:#00E5CD;
}

.content h4 small a:hover, .content h4 small a:active, .content h4 small a:focus,
.dtable dt small a:hover, .dtable dt small a:active, .dtable small dt a:focus
{
	background-color: #000;
	color: #fff !important;
}

.content {
	line-height: 1.4em;
}

.content p{
	margin-bottom: 1em;
}

/*icons*/

.icon_file {
	text-indent: -100em;
	display: block;
	width: 27px;
	/*height: 35px;*/
	
	background: url(picto_file.gif) no-repeat center;
}

a:hover .icon_file, a:active .icon_file, a:focus .icon_file{
	background-image: url(picto_file_active.gif);
}

/*defitinion list styling*/

.content dl.dtable{
	width: 33em;
}

.content dl.dtable dt, .content h4{
	clear: both;
	float: none;

	font-size: 1em;

	border-bottom: 1px solid #000;
	
	padding-bottom: 0.5em;
	margin-bottom: 0.75em;
	margin-top: 2.5em;	
	
	position: relative;
	overflow: visible;
}

.content dl.dtable dt small, .content h4 small{
	text-align: right;
	display: block;
	/*float: right;
	position: relative;
	top: -1.1em;*/

	position: absolute;
	top:0;
	left:0;
	width: 100%;
}

dl.dtable dt big, .content h4 big{
	font-size: 4em;
	display: block;
	float:left;
	position: relative;
	top: -0.275em;
	/*height: 0.7em;*/
	padding: 0.2em 0.2em 0.4em 0;
	
	/*border: 1px solid #f00;*/
}


/*defitinion list styling, 2nd level*/

.content dl.dtable dl {
	clear: left;
	margin-bottom: 2em;
	margin-top: -1em;
}

.content dl.dtable dd {
	margin: 0;
}

.content dl.dtable dl dt, .content dl.dtable dt small, .content h4 small{
	border: none;
	}
	
.content dl.dtable dl dt {
	margin: 0;
	width: 5em;
	float: left;
	clear: left;
}

.content dl.dtable dl dd{
	margin: 0 0 0.2em 5em;
}


/*Navigation*/

ul#nav {
	background: #000;
	padding: 1.5em 1em 1em 1.25em;
}

ul#nav li a {
	font-size:10px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-decoration: none;
	color: #fff;
	background: #000;
	border-bottom: 0.2em solid #000; 
}

ul#nav a.active {
	/*border-bottom-color: #00E5CD; */
}

ul#nav:hover a {
	border-bottom-color: #000 !important;
}

ul#nav a:hover, ul#nav a:active, ul#nav a:focus {
	/*border-bottom-color: #00E5CD  !important; */
}