/*************************************/
/* Styles                    */
/*************************************/
#contentRight a, #contentLeft a 
{
	color: white;
	text-decoration: none;
}
#contentRight a:hover, #contentLeft a:hover
{
	text-decoration: underline;
}

h1
{
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
    font-size: 14px;
    color: #f18f03;
}

ul {
	list-style-position: outside;
	margin-bottom: 20px;
	margin-left: 14px;
    padding: 0px;
}
ul li {
    padding-bottom: 10px;
	color: #fff;
}
.bodytext {
	color: #fff;
}

span.nobreak {
	white-space: nowrap;
}
.orange {
    color: #f18f03;
}
.grey {
	color: #616163;
}
.lightGrey {
	color: #969799;
}

/*  for second nav: if active, make lightGrey to orange */
.active .lightGrey {
	color: #f18f03;
}

/*************************************/
/* ppdb (Plabar Projekt Datenbank: Styles            */
/*************************************/
ul.ppdbList  {
	color: #FFF;
	margin: 0; 
	padding: 0;
}
ul.ppdbList  li {
	font-size: 11px;
	list-style: none;
    margin: 0; 
	padding: 0;
	padding-bottom: 4px;
}
ul.ppdbList li a {
	text-decoration: none;
	color: #FFF;
}

table.ppdbDetail  td {
	font-size: 11px;
	vertical-align: top;
}

table.ppdbDetailImages  td a img {
	border: none;
	padding-right: 5px;
	padding-top: 5px;
}
form.ppdbListSelection
{
	font-size: 11px;
	color: white;
	padding: 0;
	margin: 0;
}
select#selectionList {
	font-size: 11px;
	background-color: #7e8082;
	font-weight: normal;
	color: white;
	border: solid 1px #616163;
}
#ppdbListDiv {
	padding: 0;
	margin: 0;
	overflow: auto;
	height: 423px; /* 441 + 50px wegen verschobenem Rand  (alt: 380px) neu 433*/
}


/*************************************/
/* Layout  Page                          */
/*************************************/

html, body {
	margin: 0;
	padding: 0;
}
html, body, #outer, #middle {
	height: 100%;
}
body 
{
    background-color: #aba9a7;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
    color: #fff;
}
#page
{
    width: 844px;
    margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*************************************/
/* Layout  Header                          */
/*************************************/
#header 
{
    text-align: right;
    color: #fff;
    font-size: 10px;
	overflow: hidden;
    width: 844px;
	height: 20px;
	clear: both;
	margin: 0;
	padding: 0;
}
#header input 
{
    font-size: 10px;
    border: none;
	border-width: 0;
	height: 14px;
	margin: 0;
	padding: 0;
}
#header a 
{
    color: #fff;
    text-decoration: none;
}
#header a:hover
{
    color: #fff;
    text-decoration: underline;
}
#header a img{
	border: none;
	vertical-align: bottom;
}
/*************************************/
/* Navigation                            */
/*************************************/
#navigationColumn
{
    width: 230px;
    height: 562px;
    background-color: #fff;
    float: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
#navigationColumn #logo
{
    margin-left: 20px;
    margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
    border: none;
}
#navigationColumn #navigation 
{
    margin-left: 25px;
    margin-top: 40px;
}
#projectNavigation
{
	margin-left: 66px;
	margin-top: -10px;
	padding: 0px;
}
#navigation {
	margin-right: 5px;
}

#navigationColumn ul.navLayer1
{
    font-size: 18px;
    font-weight: bold;
    list-style-type: none;
    list-style-image: none;  
    margin: 0px;
    padding: 0px;
    margin-left: 21px;
}
#navigationColumn ul.navLayer1  li.navLayer1li
{
	margin-top: 20px;
    background-image: url(images/punkt.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
	padding-left: 20px;  
    
}
#navigationColumn ul.navLayer1 a.active
{
    color: #3d3d3d;
    text-decoration: none;
}
#navigationColumn ul.navLayer1 a.inactive
{
    color: #969799;
    text-decoration: none;
}

#navigationColumn ul.navLayer2
{
	list-style-type: none;
    list-style-image: none;
    font-size: 11px;
	font-weight: normal;
    padding: 0px;
    margin: 0px;
	margin-right: 8px;
}

#navigationColumn ul.navLayer2 li.navLayer2li
{   
    padding: 0px;
    padding-top: 5px;
	padding-bottom: 5px;
    background-image: none;
	border-bottom: solid 1px #616163;	
}
#navigationColumn ul.navLayer2 a.active
{
    color: #f18f03;
	font-weight: bold;
    text-decoration: none;
}
#navigationColumn ul.navLayer2 a.inactive
{
    color: #616163;
    text-decoration: none;
}
.tx-ppdbnav-pi1 a
{
    color: #616163;
    text-decoration: none;
}
.tx-ppdbnav-pi1 ul li.active
{
    color: #f18f03;
	font-weight: bold;
    text-decoration: none;
}

ul.ppdbList li.active
{
	color: #616163;
}


#contentLeftNavigation ol
{
    list-style-position: inside;
    margin: 0px;
    padding: 0px;
    color: #f18f03;
	font-weight: bold;
}
#contentLeftNavigation ol li a.active
{
    color: #f18f03;
    text-decoration: none;
}
#contentLeftNavigation ol li a.inactive
{
    color: #fff;
    text-decoration: none;
}
/*************************************/
/* Layout  Content                          */
/*************************************/

#contentBoth 
{
	padding: 20px;
	margin: 0px;
    margin-left: 230px;
    width: 574px; /* 614px - 20 -20*/
    height: 522px; /* 562px - 20 -20*/
    background-color: #7e8082;
	overflow: auto;
}
#contentBothImage
{
	padding: 0px;
	margin: 0px;
    margin-left: 230px;
    width: 614px;
    height: 562px;
    background-color: #aba9a7;
}


#contentLeft, #contentLeftNavigation
{
	margin: 0px;
    padding: 64px 10px 20px 20px; /*padding-top: 125px -> Inhalt beginnt bei erstem Link */
    /*margin-left: 230px; */
    width: 251px; /* 281 - 10px -20px padding */
    height: 478px; /* 562 - 120px -20px padding */   /*  + 61px von padding-top*/
    background-color: #7e8082;
	border: none;
	/*overflow: auto;*/
	overflow: hidden;
}
#contentRight 
{
	margin: 0px;
	padding-top: 64px; /*padding-top: 125px -> Inhalt beginnt bei erstem Link */
	padding-left: 20px;
	padding-right: 20px;
    width: 293px; /* 333 - 40px padding */  /*313*/
    height: 498px; /* 562 - 125px -10px padding */   /*  + 61px von padding-top*/
    background-color: #616163;
    float: right;
	border: none;
	overflow: hidden;
}
#contentLeftImage
{
	margin: 0px;
    padding: 0px;
    margin-left: 230px;
    width: 281px;
    height: 562px;
    background-color: #7e8082;
}
#contentRightImage
{
	margin: 0px;
	padding: 0px;
    width: 333px;
    height: 562px;
    background-color: #616163;
    float: right;
}
#footer 
{
    color: #fff;
    font-size: 12px;
    text-align: center;
    left: 0px;
    width: 844px;
	margin: 0;
	padding: 0;
	margin-top: 3px;
}
#footer a
{
    color: #fff;
    text-decoration: none;
}

/* IE6-Hack for removing white space beteween divs \*/
* html #contentBothImage, * html #contentBoth , * html #navigationColumn, * html #contentLeftNavigation, * html #contentLeft, * html  #contentLeftImage, * html #contentRight, * html #contentRightImage 
{
	margin: 0 -3px;
	overflow: hidden;
}
* html #page
{
    width: 838px; /*844*/
}
* html #header 
{
    width: 838px; /*844*/
}

* html table.ppdbDetailImages  td a img {
	border: none;
	margin: 0;
	padding-left: 0;
	padding-right: 0px;
	padding-top: 5px;
}
/* End IE6-Hack */

/*************************************/
/* Team Photo Page                            */
/*************************************/
#teampage_people {
	padding: 120px 20px;
}
#teampage_people a{
	color: #fff;
	text-decoration: none;
}
#teampage_people a:hover{
	color: #f18f03;
}
img.mini_pic {
	border-style: none;
	margin: 6px;
	z-index: 2;
}

#pic_block {
	
	width: 328px; /*  328 - 2x18 */
	height: 555px; /* 555 - 2x22 */
	margin: 22px 18px;
	z-index: 2;
	position: absolute;
}

#super_pic {
	position: absolute;
	top: 82px;
	left: 83px;
	z-index: 3;
}

#super_pic img {
	top: 0;
	left: 0;
}


.search {
	margin-top: 20px;
}

.search .title a {
	font-size: 14px;
    color: #f18f03;
	text-decoration: none;
	font-weight: bold;
}
.search .percent  {
	/*float: right;*/
}

/*************************************/
/* Mail Form                          */
/*************************************/
table.mailform tr td {
	padding-bottom: 5px;
}

table.mailform textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	width: 180px;
	height: 100px;
}