/* CSS Document */

body {
	margin:0;
	background-color:#fcf8f0;
	background-image:url(../img/back_x.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* ----- DIV ----- */

#header {
	position:absolute;
	top:30px;
	left:30px;
	width:230px;
	height:80px;
	background-image:url(../img/logo.gif);
}

#menu {
	position:absolute;
	top:140px;
	left:220px;
	width:680px;
	height:30px;
}

#content_left {
	position:absolute;
	top:200px;
	left:30px;
	width:180px;
	height:30px;
	color:#554444;
	font-size:11px;
}

#content_right {
	position:absolute;
	top:200px;
	left:220px;
	width:500px;
	height:30px;
}


/* ----- MENU ----- */
a.navi {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	margin-right:20px;
}

a.navi:link {
	color:#ffffff;
	text-decoration:none;
}

a.navi:visited {
	color:#ffffff;
	text-decoration:none;
}

a.navi:hover {
	font-weight:bold;
 	color:#554444;
}

a.navi:active {
	font-weight:bold;
	color:#ffffff;
}

#active_menu_navi {
	font-weight:bold;
	color:#554444;
}



#navi, #navi ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0 0 0 0;
}
#navi li {
	float:left;
}

#navi li ul { 
	display:none;
}

#navi li:hover ul {
	display:block;
}
	  
#navi {
	position:absolute;
}

#navi li {
	margin:0 1px 0 0; 
}

#navi ul li { 
	border-top: 1px solid #eeeebb;
	margin:0; 
}

#navi a {
	font-size:12px;
	font-weight:bold; 
	text-align:left; 
	display:block;
	margin-right:20px;
}

#navi a:link, #navi a:visited {
	height: 15px;
	color:#ffffff;
	text-decoration:none; 
}
#navi a:active, #navi a:hover {
	color:#554444; 
	text-decoration:none; 
}


/* ----- Syntax -----*/

.headline {
	color:#554444;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.picborder {
	border:1px solid #554444;
}

.head_info {
	color:#55aacc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}

.syntax_blau {
	color:#55aacc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.infos {
	color:#554444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


a.link {
	font-family:Arial, Helvetica, sans-serif;
	color:#55aacc;
	font-size:12px;
}

a.link:link {
	color:#55aacc;
	text-decoration:underline;
}

a.link:visited {
	color:#55aacc;
	text-decoration:underline;
}

a.link:hover {
 	color:#554444;
	text-decoration:underline;
}

a.link:active {
	font-weight:bold;
	color:#554444;
	text-decoration:underline;
}


a.link_braun {
	font-family:Arial, Helvetica, sans-serif;
	color:#554444;
	font-size:12px;
}

a.link_braun:link {
	color:#554444;
	text-decoration:underline;
}

a.link_braun:visited {
	color:#554444;
	text-decoration:underline;
}

a.link_braun:hover {
 	color:#000000;
	text-decoration:underline;
}

a.link_braun:active {
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}