/* **** CSS-settings for www.lange-ralph.de **** */


/* **** Common **** */

body {
 margin: 0px;
 padding: 0px;
 background-color: #DCDCDC;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 76%;
 line-height: 1.35;
 text-align: left;
 background-image: url(shared_page_bg.png);
 background-repeat: no-repeat;
 background-attachment: fixed;
}

img {
 border-style: none;
}

td {
 vertical-align: top;
}

a {
 color: #175D8B;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

a:visited  {
 text-decoration: none;
}

a:visited:hover  {
 text-decoration: underline;
}

a:active {
 text-decoration: underline;
}

a:focus {
 text-decoration: none;
}

p.noscript-warning {
 margin: 4px;
 padding: 4px;
 background-color: #FFFF00;
 border-style: solid;
 border-width: 4px;
 border-color: #FF0000;
}



/* **** Container **** */

div#container {
 margin: 0px 0px 0px 20px;
 width: 650px;
}
 
div#container-l {
 background-image: url(shared_container_left_shadow.png);
 background-position: left;
 background-repeat: repeat-y;
}
 
div#container-r {
 background-image: url(shared_container_right_shadow.png);
 background-position: right;
 background-repeat: repeat-y;
}
 
div#container-m {
 margin: 0px 5px 0px 5px;
 border-left-style: solid;
 border-left-width: 4px;
 border-left-color: #175D8B;
 border-right-style: solid;
 border-right-width: 4px;
 border-right-color: #175D8B;
}


/* **** Header **** */

div#header {
 position: relative;
 margin: 0px;
 padding: 0px;
 min-height: 90px;
 background-image: url(shared_header_banner.png);
 background-position: center;
}

div#header p {
 float: right;
 margin: 0px;
 padding: 2px 4px 0px 0px;
 color: #FFFFFF;
 line-height: 1.3;
 font-size: 24px;
 font-weight: bold;
}

div#header span.subtitle {
 font-size: 16px;
}


/* **** Navigation **** */

ul#nav {
 display: block;
 position: absolute;
 bottom: 0px;
 margin: 0px;
 padding: 4px 0px 0px 4px;
 width: 628px;
 list-style-type: none;
 background-image: url(shared_nav_bg.png);
}

ul#nav li {
 display: block;
 position: relative;
 float: left;
 margin: 0px 0px 0px 4px;
}

ul#nav li a {
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

ul#nav li a.selected {
 color: #000000;
 text-decoration: none;
}

ul#nav li a:hover {
 color: #000000;
 text-decoration: none;
}

ul#nav a:visited  {
 text-decoration: none;
}

ul#nav a:visited:hover  {
 color: #000000;
 text-decoration: none;
}

ul#nav a:active {
 color: #000000;
 text-decoration: none;
}

ul#nav a:focus {
 color: #000000;
 text-decoration: none;
}

ul#nav li a span {
 display: block;
 background-image:url(shared_nav_item.png);
}

ul#nav li a:hover span {
 background-image:url(shared_nav_item_selected.png);
}

ul#nav li a.selected span {
 background-image:url(shared_nav_item_selected.png);
}

ul#nav li a.selected:hover span {
 background-image:url(shared_nav_item_selected.png);
}

ul#nav li a span.nav-item-l {
 display: block;
 position: relative;
 float: left;
 padding: 2px 0px 2px 8px;
 margin: 0px 8px 0px 0px;
 background-position: top left;
}

ul#nav li a.selected span.nav-item-l {
 padding-bottom: 0px;
 margin-top: 2px;
}

ul#nav li a span.nav-item-r {
 display: block;
 position: absolute;
 right: 0px;
 width: 8px;
 padding: 2px 0px 2px 0px;
 margin: 0px;
 background-position: top right;
}

ul#nav li a.selected span.nav-item-r {
 padding-bottom: 0px;
 margin-top: 2px;
}


/* **** Footer **** */

div#footer {
 margin: 0px;
 padding: 4px 4px 8px 4px;
 min-height: 10px;
 background-color: #175D8B;
}

div#footer p {
 margin: 0px;
 padding: 0px;
 color: #FFFFFF;
 font-size: 87%;
 font-weight: bold;
 text-align: right;
}

div#footer a {
 color: #FFFFFF;
}


/* **** Content **** */

div#content {
 margin: 0px;
 padding: 12pt 8px 12pt 8px;
 min-height: 500px;
 background-color: #FFFFFF;
}

div#content p {
 margin: 6pt 0px 0px 0px;
 padding: 0px;
}

div#content ul {
 margin: 0px;
 padding: 0px 0px 0px 1.0em;
 list-style-image: url(shared_list_dot.png);
}

div#content li {
 margin: 6pt 0px 0px 0px;
 padding: 0px;
}

div#content h1 {
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-size: 120%;
 font-weight: bold;
 color: #175D8B; 
}

div#content h2 {
 clear: both;
 margin: 21pt 0px 0px -8px;
 padding: 0px 0px 0px 4px;
 text-align: left;
 font-size: 100%;
 font-weight: bold;
 color: #000000;
 border-left-style: solid;
 border-left-width: 16px;
 border-left-color: #175D8B;
}

div#content a {
 color: #175D8B;
 font-weight: bold;
}

div#content a.hidden {
 color: #000000;
 font-weight: normal;
}

div#content a.external {
 padding-right: 13px;
 background-image: url(shared_link_external.png);
 background-position: center right;
 background-repeat: no-repeat;
}

div#content a.file {
 padding-left: 13px;
 background-image: url(shared_link_file.png);
 background-position: center left;
 background-repeat: no-repeat;
}

div#content *.small-font {
 font-size: 87%;
}

div#content *.justified {
 text-align: justify;
}

div#content *.centered {
 text-align: center;
}

div#content *.indented {
 margin-left: 20px;
}

div#content *.large-margin-top {
  margin-top: 12pt;
}

div#content *.h2-margin-top {
  margin-top: 21pt;
}

div#content div.img-float-l {
 padding: 8px 8px 8px 0px;
 text-align: center;
 float: left;
}

div#content div.img-float-r {
 padding: 8px 0px 8px 8px;
 text-align: center;
 float: right;
}

div#content div.end-float {
 clear: both;
 font-size: 1px;
}

div#content span.tab-right {
 display: block;
 float: right;
 text-align: right;
}


/* **** Publications **** */

div#content div.publication-abstract {
}

div#content div.publication-abstract p {
 text-align: justify;
}

div#content p.publication-bibtex {
 font-family: "Courier New", monospace;
 font-size: 87%;
}