/* HTML elements */
body {
	background: #C1C1C1; 
	color: #4A4A4A; 
	margin: 0; 
	padding: 0;
}

div {
	border: 1px dotted grey;
}

img
{
        border-style: none;
        
}

a{
	text-decoration:none;
  	color:#743030;
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

a:hover {
  	color:#4A4A4A;
}

h1{

}

h2{
	font-size: 14pt;
	margin-top: 30px;	
}

/* IDs */

/*spacer div to be put after a float*/
p.spacer {
  	clear: both;
	margin: 0;
}


.header{
	/* 2*margin of 10 too big -> box model hack*/
	height: 72px;
	margin: 11px;
	margin-right: 10px; 
	/* reset height when removing hack*/
	
	padding-top: 2px; padding-bottom: 2px; padding-left: 20px;
	background: #743030;
	border: none;
	border-bottom: 8px solid #E8E8E8;
	
	/*Tantek box model hack*/
	voice-family: "\"}\"";
    voice-family:inherit;
    height: 72px; /*normal height*/
    margin: 10px;
    /*End box model hack*/
}

/*be nice to OPERA hack*/
html>body .header {height: 72px;}

.logo{
	background: #743030 url("pics/logo.jpg") no-repeat top left;
	height: 70px;
	width: 144px;
	border: none;
	margin: 0;
	padding: 0;
	float: left;
}
/* main navigation */

div.mainnavbox{
	position: absolute;
	top: 70px; right: 10px;
	border:none;
	padding: 0px;
	margin-left: 10px;
}

ul.mainnav {
	/*position: absolute;
	top: 57px; right: 10px;*/
	border: none;
	list-style: none;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	
	padding: 0;
	/* Commented Backslash Hack
   	hides rule from IE5-Mac \*/
	/*top: 58px;*/
	/* End IE5-Mac hack */
	
}

.mainnav li {
	float: left;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 2px;
	border: none;
	border-bottom: 1px solid #743030;
	width: 140px;
	height: 15px;
	background: #E8E8E8 url("pics/redtriangle.gif") no-repeat left top;
}

.mainnav li.this {
	border-bottom: 2px solid #E8E8E8;
} 
 

.mainnav a {
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
 	padding: 1px;
 	margin: 0px;
	text-decoration:none;
  	color:#743030;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
/*.mainnav a {float:none;}*/
/* End IE5-Mac hack */

.mainnav a:hover {
  	color:#4A4A4A;
}

/* footer */
div.footer{
	clear: both;
	margin-top: 10px; 
	padding: 15px 5px 5px 15px;
	background: #743030;
	border: none;
	border-top: 8px solid #E8E8E8;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	text-align: right;
	font-size: 9px;
	color: white;
}

/* content */
div.main{
	position: relative;
	top: 0px; left: 0px;
	margin: 10px;
	padding: 0;
	border: none;
	clear: both;
}

div.contentbox{

	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-right: 220px; 
	background: #E1E1E1; /*url("pics/patternlight.jpg") 0 0 no-repeat fixed;*/ 
	border: 1px solid #8A8A8A;
	height: 100%; /*needed for stupid IE6*/
}

div.fullcontentbox{
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-right: 0px; 
	background: #E1E1E1 url("pics/patternlight.jpg") 0 0 no-repeat fixed;
	border: 1px solid #8A8A8A;
	height: 100%; /*needed for stupid IE6*/
}

div.imagecontent{
	float: left;
	border: none;
	margin-bottom: 15px;
}

div.image_right{
	float: right;
	border: none;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	margin-right: 5px;
}

div.image_left{
	float: left;
	border: none;
	padding: 0;
	margin: 0;
	margin-right: 20px;
}

.imagecontent ul{
	border: none;
	list-style: none;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0;
	margin-right: 20px;
}

.imagecontent li{
	margin: 5px;
	padding: 0;
}

div.textcontent{
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	/*color: #4A4A4A;*/
	margin-left: 5px;
	margin-right: 5px;
	border:none;
	text-align: left;
}


table.biography { 
	margin-top: 30px;
}

table.biography td{
	padding: 11px 60px 11px 0px; 
}

table.biography td.bioentry{ 
}

table.biography td.year{
	font-weight: bold;
}

div.content{
	margin: 10px;
	margin-right: 10px;
	border: none;
	height: 400px;
	padding: 0px;
}

/* Hides from IE-mac \*/
div.content {height: 1%;}
/* End hide from IE-mac */



div.lighttriangle{
	float: right;
	height: 8px; 
	overflow:hidden;
	width: 8px;
	background: #AEAEAE url("pics/light_toptriangle.gif") no-repeat right top;
	margin: -1px -1px 0px 0px; 
	border: none;
	z-index:2;
	position: relative;/*against IE bug*/
}

div.darktriangle{
	float: right;
	height: 8px; 
	overflow:hidden;
	width: 8px;
	background: #AEAEAE url("pics/dark_toptriangle.gif") no-repeat right top;
	margin: -1px -1px 0px 0px; 
	border: none;
	
	position: relative;/*against IE bug*/
}

div.subnavbox{
	position: relative;
	top: 0px; right: 0px;
	width: 220px;
	padding: 0; 
	margin: 0;
	border: none;
	clear: both;
	float:right;
}

div.subnav {
	background: #AEAEAE url(pics/patterndark.jpg) 0 0 no-repeat fixed; 
	padding: 0px; 
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #4A4A4A;
	z-index: 100;
	color: #E8E8E8;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 1%;
	width: 205px;
}

.subnav ul {
	border: none;
	list-style: none;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.subnav li {
	/*list-style-type: none;*/
	margin: 0;
	padding: 0;
	height: 1%;/*holy hack for IE*/
}

/*be nice to OPERA hack*/
html>body .subnav li {position: static;}





.subnav a {
 	padding: 1px;
 	margin: 0px;
	text-decoration:none;
  	color: #E8E8E8;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
  	
  	
}

.subnav li.this {
	color: #743030;
	background: #8A8A8A;
} 

.subnav a:hover {
  	color:#4A4A4A;
}

.subnav .title{
	border-left: 1px solid #4A4A4A;
	border-bottom: 1px solid #4A4A4A;
	border-top: none;
	border-right: none;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 50px;
	padding: 1px 5px;
	color:#743030;
	/*z-index: 1;*/
	height: 1%;/*14px;*/

}


.subnav form {
	border: none;
	font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
	margin: 5px;
	margin-top: 10px;
	color:#E8E8E8;
}

label,input, button{
        display: block;
        width: 120px;
        float: left;
        margin-bottom: 5px;
}

select{
        display: inline;
        width: 120px;
        margin-bottom: 5px;
}

input, select{background-color: #E8E8E8;}

.invisible{display:none;}


label{
        text-align: left;
        width: 50px;
        padding-right: 15px;
        padding-top: 5px;
}

input.jahr{
	width: 4em;
}

label.jahr{
	width: 2px;
	padding-right: 5px;
}


.button { 
  margin-top: 10px;
  width: 70px;
  background-color : #8A8A8A;
  font-family: "Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color:#E8E8E8;
  padding: 0px;
  text-align: center;
}




/*classes*/


div.left {
  	float: left;
  	text-align: left;
  	border: none;
  	margin-right: 5px;
  	margin-bottom: 10px;
  }

div.right {
  	float: right;
  	text-align: right;
  	border: none;
  	margin-left: 5px;
  	margin-bottom: 10px;
}