/* 	(c) 2007, 2009 Joern Dinkla, www.dinkla.com

	CSS definition for for www.dinkla.net and www.dinkla.com

	Incorporates features of http://www.w3.org/Style/banner.css
	
	The bottom part is based on http://www.dhtmlgoodies.com/index.html?whichScript=dhtmlgoodies_slide_out_menu.
	
*/

a:active {
	color: #FF00FF;
}

a:hover {
	color: #AF0A14;
}

a:link {
	color: #1E2D5B;
}

a:visited {
	color: #000000;
}

h1 a:visited, h2 a:visited, h3 a:visited, h1 a:link, h2 a:link, h3 a:link {
	color: #AF0A14;
}

body {
	font-family: Utopia, Arial, Times, sans-serif;
	margin-left: 12.5em;
	margin-top: 2.5em;
}

body div.banner { 
	display: block;
}

body div.line { 
	display: block;
}

br {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

dd {
	margin: 0.33em 0 0.66em 3em;
}

dl, table {
}

dt {
	margin: 0.33em 0 0.33em 1em;
}

div.banner {
	margin: 0;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.1;
	text-align: left;
	position: absolute;		/* Fallback if 'fixed' is not supported */
	top: 15pt;
	left: 0pt;
	width: 15em;
	right: auto;
	height: 100%;
	background: #1E2D5B;
	padding: 0.3em 0.4em;
 	font-family: Lucida, Verdana
}

div.banner a, div.banner em { 
	display: block; 
	margin: 0em 0.5em;
	border-top: none;
	border-top-color: #025c7f;
	margin-bottom: 0.5em;
	text-decoration: none; 
}

div.banner a:link { 
	color: #e0e0e0;
}

div.banner a:visited { 
	color: #c4c4c4;
}

/* Hover has to be after a:visited */
div.banner a:hover { 
	color: #ffffff;
	background: #3E5D7B;
}

div.banner img { 
	height: 1em; 
	float: none; 
	vertical-align: middle; 
}

div.banner>p {
   	border-color: #1E2D5B;
	background: #1E2D5B;
}

div.banner .menu {
	visibility: hidden;
}

div.banner .menuitem {
	padding: 0.3em 0.4em;
}

div.banner .submenu {
  	margin: 0; 
  	font-family: Lucida, Verdana;
	display: block; 
	border-top: none;
	border-top-color: #025c7f;
/*	padding: 0.3em 0.4em; */
/*	margin: 0em 0.5em; */
	/*margin-bottom: 0.5em; */
	margin: 0em;
	text-decoration: none;
	visibility: hidden;
}

div.endmatter { 
	margin-top: 1em;
	margin-right: -6em; 
}

div.endmatter HR { 
	display: none;
}

div.line {
	font-size: 75%;
	font-weight: normal;
	line-height: 1.1;		
	position: absolute;		/* Fallback if 'fixed' is not supported */
	background: #AF0A14;
	top: 0pt;
	left: 0pt;
	right: 0pt;
	height: 15pt;
}

h1
{
	font-family: Lucida, Verdana;
	font-size: 110%;
	font-weight: normal;
	background-image: url(gradient.png);
	background-repeat: repeat-x;
	border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-style: solid;
	border-width: 1px;
	color: #AF0A14;
	display: block;
	margin: 1.75em 0em 1em 0em;
	padding: 0.33em 0em 0.33em 0.5em;
}

h2
{
	font-family: Lucida, Verdana;
	font-size: 90%;
	font-weight: normal;
	background-image: url(gradient.png);
	background-repeat: repeat-x;
	border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-style: solid;
	border-width: 1px;
	color: #AF0A14;
	display: block;
	margin: 1.75em 0em 1em 0em;
	padding: 0.33em 0em 0.33em 0.5em;
}

h3
{
	font-family: Lucida, Verdana;
	font-size: 90%;
	color: #AF0A14;
	font-weight: normal;
	display: block;
	margin: 0.33em 0em;
	padding: 0.33em 0em;
}

img {
	border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-style: solid;
	border-width: 1px;
}
  
img.padding {
	border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-style: solid;
	border-width: 1px;
	padding: 1em;
	background-color: white;
}

li {
	margin: 0.33em 0em 0.33em 1em;
}

p {
	margin: 0.66em 0.33em 0em;
}

pre {
	background: #f0f0f0;
	padding: 1em 1em;
	margin: 0.66em 1em;
}

span.indent  {
	margin-left: 1em; 
    font-size: 85%;
}

span.highlighted {
	color: #FFFFFF;
}

span.indent_highlighted {
	margin-left: 1em; 
	color: #FFFFFF;
}
	
table {
}
	
ul {
	margin: 0.66em 0.33em 0.66em 1em;
	padding: 0em 0em 0em 0em;
}

.address {
	text-align: center;
	margin: 0 0.5em 0 0.5em;
	padding: 1em 1em 1em 1em;
	line-height: 25pt;
	font-size: 1em;
}

.address p {
	margin: 0em;
	padding: 0em;
}

.bibliography
{
	list-style: none;	
}

.bibliography li {
	margin: 0em 0em 0.33em 0em;
}

.box {
	background: #f8f8f8;
	border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-style: solid;
	border-width: 1px;
	margin: 0.1em 0em 1em 0.5em;
	padding: 0em 0.66em 0.66em 0.66em;
}

.boxcite {
	background: #ffffff;
	border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-style: none;
	border-width: 0px;
	margin: 0.1em 0em 1em 0.5em;
	padding: 0em 0.66em 0.66em 0.66em;
	text-align: center;
}

.centered {
	text-align: center;
	margin: 1em 0em 1em 0em;
}

.citation {
	padding: 0.1em 4em 0.1em 2em;
	margin: 0.33em;
	font-style: italic;
}

.div_art {
	padding: 0.5em 0.5em 0.5em 1em;
}

.googlemap {
	width: 600px; 
	height: 400px;
}

.hide { 
	display: none 
}

.icon { 
	float: left; 
	height: 4em; 
	margin-right: 0.5em;
}

.icons {
	margin: 0.66em 0em 0em 0em;
}
	
.icons image {
	margin: 0.2em 0.2em 0.2em 0.2em;
}

.illustration { 
	float: right 
}

.languageicon {
	float: right;
	margin: -2ex 1em 0pt;
}

.logo { 
	display: none;
	float: left;
}		

.photo {
	float: right;
	margin: 1em 2em 3em 0em;
}

.projecttable {
	text-align: left;
}

.projecttable li {
	list-style: circle;
}

.projecttable th {
	padding-right: 2em;
}

.right {
	float: right;
}

.skip {
	color: #1E2D5B;
	font-size: 3pt;
	margin: 1px;
	padding: 0px;
}

/*
 * Table of proficiency
 */
.tableproficiency {
	text-align: left;
}

.tableproficiency .name {
	width: 45%;
}

.tableproficiency .prof {
	width: 35%;
}

.tableproficiency .last {
	width: 10%;
}

/*
 * Table of tools
 */
.tooltable {
	margin: 5pt 0pt 5pt 5pt;
	padding: 0em 0em 0.66em 0.66em;
}

/* WinIE6 gets confused by 'fixed', so hide it.
   Selector trick courtesy of Johannes Koch, see http://pixels.pixelpark.com/~koch/hide_css_from_browsers/
*/
div.endmatter>div.banner {
  position: fixed;		/* Overrides 'absolute' above */
}

div.endmatter>div.line {
  position: fixed;		/* Overrides 'absolute' above */
}

/*
Based on http://www.dhtmlgoodies.com/index.html?whichScript=dhtmlgoodies_slide_out_menu

Modified 2009 by Jörn Dinkla to fit into my web pages.
*/

#dhtmlgoodies_menu{
    font-family: Lucida, Verdana;	/* Font for main menu items */
	width: 15em;
}

#dhtmlgoodies_menu li {	        /* Main menu <li> */
    list-style-type: none;	/* No bullets */
    margin: 0;	                /* No margin - needed for Opera */
}

#dhtmlgoodies_menu ul{
    margin: 0;	/* No <ul> air */
    background-color: #1E2D5B;	/* Blue background color */
    padding: 0.3em 0.4em; 
}

#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
    padding-left: 10px; 
}

#dhtmlgoodies_menu li a {	/* Main menu links */
    text-decoration: none;	/* No underline */
    color: #E0E0E0;	        /* Grey text color */
    vertical-align: middle;	/* Align text in the middle */
    border: 0 solid;	        /* No border */
    background-color:#1E2D5B;	/* Blue background color */
    margin: 0 0.5em 0 0;	/* A little bit of air */
    padding: 0.3em 0.4em;	/* Air between border and text inside */
    display:block;
    font-family: Lucida, Verdana;
}

#dhtmlgoodies_menu .activeMainMenuItem {
    color: #FFFFFF;
    background-color: #FF5C7F;
}

#dhtmlgoodies_menu li a:hover {
    color: #FFFFFF;
    background-color: #025C7F;
}

.dhtmlgoodies_subMenu {
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    border: 0 solid;
    background-color: #1E2D5B;
    font-family: Lucida, Verdana;
    text-align: left;
	font-size: 75%;
	font-weight: normal;
	width: 32em;
}

.dhtmlgoodies_subMenu ul {
    margin: 0;
    padding: 0.3em 0.4em; 
}

.dhtmlgoodies_subMenu ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dhtmlgoodies_subMenu ul li a {	/* Sub menu items */
    white-space: nowrap;	/* No line break */
    text-decoration: none;	/* No underline */
    color: #C4C4C4;	        /* Grey text color */
    padding: 0.3em 0.4em;
    display: block;	        /* Display as block - you shouldn't change this */
}

.dhtmlgoodies_subMenu ul li a:hover {	/* Sub menu items - mouse over effects */
    color: #FEFEFE;	/* White text */
    background-color: #025C7F;	/* Blue background */
}