/* ##################################################################### */
/* HTML ELEMENTS
/* ##################################################################### */

body, html
{
	/*height:100%;*/
	/*height: auto;
	overflow:visible;*/
	margin:0;
	padding:0;
}

body
{
	line-height:130%;
}

body, p, a, td, input, textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}

img, form, p, td, ul, li, h1, h2 {
	border:none;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

h1
{
	font-size:17px;
	font-weight:bold;
	color:#ff9900;
	margin-bottom:12px;
}

h2, h2 a {
	font-size:13px;
	font-weight:bold;
	color:#ff9900;
}

p
{
	margin-bottom:15px;
}



/* ##################################################################### */
/* MAIN DIVS
/* ##################################################################### */


#navigation
{
	/*position:absolute;
	left:0;
	top:0;*/
	float: left;
	width:200px;
	padding-top:30px;
	line-height:115%;
	
	
}

#bottom-navigation
{
	margin-top:20px;
}

#content-wrap
{
	/*position:absolute;
	left:230px;
	top:0;*/
	float: left;
	margin-left: 25px;
	width:480px;
	padding-top:30px;
	padding-bottom:50px;
}

div {
	overflow:visible;
}

#logo
{
	height:70px;
}

#languages
{
	width:200px;
	height:70px;
}

/* Zweispaltiges Layout */

#left-column
{
	float:left;
	width:220px;
}


#right-column
{
	float:right;
	width:220px;
}


/* ##################################################################### */
/* CLASSES
/* ##################################################################### */


/* Sprachnavigation */

.langnav
{
	list-style-type:none;
	width:200px;
	line-height:100%;
}

.langnav li
{
	text-align:right;
	padding-right:5px;
}

.langnav li a
{
	color:#999999;
}


.langnav li a:hover
{
	color:#ff9900;
	text-decoration:underline;
}

.langnav li.active a
{
	font-weight:bold;
}

.langnav li.active a:hover
{
	color:#999999;
	text-decoration:none;
}



/* Hauptnavigation */

.mainnav
{
	list-style-type:none;
	width:200px;
}

.mainnav li
{
	text-align:right;
	padding:0px 5px;
	margin-bottom:11px;
}

.mainnav li.active
{
	border-right:1px solid #ff9900;
}

.mainnav li a
{
	color:#7d7d7d;
	font-weight:bold;
}

.mainnav li a:hover
{
	color:#ff9900;
	text-decoration:underline;
}

.mainnav li.active a
{
	color:#ff9900;
}

.mainnav li.active a:hover
{
	text-decoration:none;
}




/* Unternavigation */

.subnav
{
	list-style-type:none;
}

.mainnav .subnav li
{
	padding:0;
	margin-bottom:0;
}

.mainnav .subnav li a
{
	color:#000000;
	font-weight:normal;
}

.mainnav .subnav li a:hover
{
	color:#ff9900;
	text-decoration:underline;
}

.mainnav .subnav li.active
{
	border:none;
}

.mainnav .subnav li.active a
{
	color:#ff9900;
}

.mainnav .subnav li.active a:hover
{
	text-decoration:none;
}



/* Navigation */

.menu
{
	width:200px;
	list-style-type:none;
	margin-top:20px;
}

.menu li
{
	text-align:right;
	padding-right:5px;
}

.menu li a
{
	color:#999999;
}

.menu li a:hover
{
	color:#ff9900;
	text-decoration:underline;
}

.menu .active a {
	color:#ff9900;
}



/* Listen */

#content ul
{
	list-style-image:url(../images/bullet.gif);
	margin-left:40px;
	padding-bottom: 15px;
}



/* Links */

#content a
{
	color:#999999;
	text-decoration:none;
}

#content h2 a {
	color:#ff9900;
}

#content a:hover
{
	color:#ff9900;
	text-decoration:underline;
}



/* Misc */

.menu-spacer
{
	visibility:hidden;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	border-left: 1px solid #ff9900;
	padding: 5px;
}

.csc-textpic-intext-left-nowrap img{
	padding-top: 7px;
}

.csc-textpic-intext-left-nowrap {
 border-bottom: 1px solid #ff9900;
 border-right:  1px solid #ff9900;
}

.tx-x4eecosprojects-pi1 table {
	width: 100%;	
}

.tx-x4eecosprojects-pi1 th {
	color: #000000;
	background-color: #ff9900;
	text-align: left;
	font-weight: bold;
	padding: 5px;
}

.tx-x4eecosprojects-pi1 td {
	background-color: #ffcc66;
	padding: 5px;
	vertical-align: top;
}

/* Agenda */
#agenda h2{
	margin-bottom: 0;
}

#agenda p {
	margin-bottom: 20px;
}

#agenda div.spitzmarke{
	margin-bottom: 15px;
}

#agenda p.titel{
	color: #FF9900;
	font-weight: bold;
	margin-bottom: 12px;
}

#agenda td{
	padding: 2px 3px 2px 0px;
}

#agenda th {
	width: 160px;
	text-align: left;
	vertical-align: top;
}

#agenda .navi {
	margin-bottom: 20px;
}

#agenda h2 a {
	color: #999999;
}