/*
  ###################################################################
  #                   Template "Twelve Brothers"                    #
  #               by Georg Hohmann (bildcontext.org)                #
  ###################################################################
*/
/*=======================================================[ COMMON ]*/
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: sans-serif,serif;
    font-size: 0.9em;
    background: url(../pics/bgr_wallpaper.gif);
    /*
        center DIV.bodywrap for annoying IE6
        must be reset to text-align left for content
    */
    text-align: center; 
}
img {
    border: 0;
}
a {
    text-decoration: none;
}
/*
   Clear by overflow
   Credits & Thanks to Dirk Jesse
   http://yaml.de
*/
.floatbox {
   overflow:hidden; 
}
/* Adjustment for IE */
/* Hides from IE-mac \*/
* html .floatbox {width:100%;}
/* End hide from IE-mac */
/*=======================================================[ LAYOUT ]*/
#bodywrap {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
     /* set text-align left for annoying IE6 (see 'body' above) */
    text-align: left;
    width: 66em;
    background: rgb(255,255,255);
    border: 2px outset rgb(128,128,128);
}
#headerwrap {
    display: block;
    background: url(../pics/bgr_header.jpg);
    padding: 0;
    height: 9.5em;
}
#navtopwrap {
    display: block;
    height: 1.5em;
    background: rgb(35,68,133);
    /*border: 1px solid red;*/
}
#corpuswrap {
    background: rgb(255,255,255);
}
#navleftwrap {
    clear: both;
    display: block;
    width: 9em;
    float: left;
    padding: 1em;
    /*border-right: 1px solid rgb(192,192,192);*/
}
#contentwrap {
    display: block;
    margin-left: 11em;
    padding: 1em 2em 2em 2em;
    /*border-left: 1px solid rgb(192,192,192);*/
}
#imagewrap {
    display: block;
    padding: 0.4em;
}
#footerwrap {
    text-align: center;
    background: rgb(255,255,255);
}
/*=======================================================[ HEADER ]*/
#header {
    height: 110px;
    margin-left: 216px;
    /*background: url(../pics/icon_beta.gif) right top no-repeat;*/
}
/*=======================================================[ NAVTOP ]*/
.navtop {
    float: left;
    display: block;
    height: 1.3em;
    width: 10.93em;
    text-align: center;
    background: rgb(35,68,133);
    padding: 0.2em 0em 0em 0em;
    color: rgb(255,255,255);
    /*border: 1px solid green;*/
}
.navtop a {
    color: rgb(255,255,255);
}
.navtop:hover {
    background: rgb(82,124,209);
}
.navtop:hover a {
}
/*======================================================[ NAVLEFT ]*/
#navleft {
}
#navleft p {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0.5em;
}
#navleft a {
    color: rgb(0,0,0);
    text-decoration: none;
}
#navleft a:hover {
    text-decoration: underline;
}
#navleft ul {
    margin-left: 1em;
}
#navleft li {
    list-style-type: square;
}
div.infobox {
    font-size: 0.8em;
    text-align: left;
    margin-top: 2em;
}
div.infobox img {
    border: 1px solid rgb(222,222,222);
}
/*=======================================================[ IMAGES ]*/
div.img_tiny_left {
    display: block;
    float: left;
    width: 90px;
    height: 100px;
    border: 1px solid rgb(222,222,222);
    text-align: center;
    padding: 0.3em;
    margin: 0em 0.5em 0.5em 0em;
}
div.img_small_left {
    display: block;
    width: 156px;
    height: 206px;
    float: left;
    margin: 0em 0.8em 0em 0em;
}
div.img_small_right {
    display: block;
    width: 156px;
    height: 206px;
    float: right;
    margin: 0em 0em 0em 0.8em;
}
div.img_small_left, div.img_small_right {
    border: 1px solid rgb(222,222,222);
    text-align: center;
    padding: 0.5em;
}
div.img_medium_center {
    border: 1px solid rgb(222,222,222);
    text-align: center;
    padding: 1em;
}
/*======================================================[ CONTENT ]*/
#content {
    position: relative;
    z-index: 2;
}
/* TEXT */
#content h1 {
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 0.6em;
}
#content h2 {
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 0.4em;
}
#content h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 0.2em;
    text-decoration: underline;
}
#content p {
    text-align: justify;
    line-height: 1.2em;
    margin-bottom: 0.8em;
}
#content ul {
    list-style-type: square;
    margin: 0em 0em 0.8em 1.5em;
}
#content a {
    text-decoration: none;
    color: rgb(35,68,133);
}
#content a:hover {
    text-decoration: underline;
}
#content .highlight {
    color: rgb(173,40,40);
    border-left: 2px solid rgb(173,40,40);
    padding: 0.5em;
}
#content code {
    display: block;
    background: rgb(240,240,240);
    padding: 0.5em;
    margin-bottom: 0.8em;
}
/* TABLES */
table {
    border-collapse: collapse;
}
table.table1 {
    border: 2px solid rgb(192,192,192);
}
table.table1 th {
    padding: 0.2em 0.5em 0.2em 0.5em;
    border-top: 1px solid rgb(192,192,192);
    border-right: 1px solid rgb(192,192,192);
    border-bottom: 3px double rgb(192,192,192);
    border-left: 1px solid rgb(192,192,192);
}
table.table1 td {
    padding: 0.2em 0.5em 0.2em 0.5em;
    border: 1px solid rgb(192,192,192);
}
/* FORMS */
#content form {
}
#content fieldset {
    border: 1px solid rgb(192,192,192);
    padding: 1em;
    margin-bottom: 1em;
}
#content legend {
    padding: 0em 0.3em 0em 0.3em;
    font-weight: bold;
}
#content table.form {
    /*width: 100%;*/
    border: 0px none;
}
#content table.form  td.label {
    font-size: 1em;
    width: 13em;
    vertical-align: top;
}
#content table.form  td.input {
    white-space:nowrap;
    /*width: 20em;*/
}
#content table.formbuttons {
    width: 100%;
}
#content table.formbuttons  td.action1 {
    width: 50%;
    /*padding: 0em 1em 0em 1em;*/
}
#content table.formbuttons  td.action2 {
    width: 50%;
    text-align: right;
    /*padding: 0em 1em 0em 1em;*/
}
#content p.hint {
    font-size: 0.8em;
    margin: 1em 0em 0em 0em;
}
#content p.message {
    text-align: center;
}
/*======================================================[ RESULTS ]*/
/* RESULT 1 */
div.rs1info {
    text-align: right;
    font-size: 0.8em;
}
div.rs1item {
    /*border: 1px solid grey;*/
    display: block;
    height: 8em;
    margin-bottom: 1.5em;
}
div.rs1item  img {
    border: 0px none;
}
div.rs1item a {
}
div.rs1item a:hover {
    text-decoration: underline;
}
div.rs1item .main {
    margin: 0.5em 0em 0.5em 0em;
}
div.rs1item .details {
}
div.rs1item .name {
    font-weight: bold;
}
div.rs1item .label {
    display: block;
    width: 5em;
    float: left;
}
/* RESULT 2 */
div.rs2item {
    display: block;
    font-size: 0.8em;
    float: left;
    width: 90px;
    height: 120px;
    text-align: center;
    padding: 0.2em 0em 0em 0em; 
    margin: 0em 0.5em 0.5em 0.5em;
    border: 1px solid rgb(222,222,222);
}
/*=========================================================[ LIST ]*/
div.listitem {
    display: block;
    width: 16em;
    float: left;
}
div.listitem2 {
    display: block;
    width: 24em;
    float: left;
}
div.listitem a, div.listitem2 a {
    text-decoration: none;
    color: rgb(32,32,200);
}
div.listitem a:hover, div.listitem2 a:hover {
    text-decoration: underline;
}
#listtabnav {
    display: block;
    text-align: center;
    border-bottom: 1px solid rgb(192,192,192);
    margin: 3em 0em 1em 0em;
    padding: 0em 0em 0.2em 0em;
}
#listtabnav a {
   border-top: 1px solid rgb(192,192,192);
   border-right: 1px solid rgb(192,192,192);
   border-left: 1px solid rgb(192,192,192);
   padding: 0.2em 0.4em 0.2em 0.4em;
}
#listtabnav a:hover {
   text-decoration: underline;
}
#listtabnav a.selected {
   position: relative;
   border-bottom: 3px solid rgb(255,255,255);
   color: rgb(0,0,0);
}
/*========================================================[ VIEWS ]*/
#linkback {
    float: right;
    font-size: 0.8em;
    text-align: right;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin-top: 0.5em;
    border: 1px solid rgb(192,192,192);
}
/* VIEW 1 */
div.vs1item {
}
span.vs1label {
    display: block;
    width: 9em;
    float: left;
    font-style: italic;
}
span.vs1topentry {
    display: block;
    padding-left: 21.5em;
}
span.vs1entry {
    display: block;
    padding-left: 9em;
}
#vs1tabnav {
    display: block;
    text-align: center;
    border-bottom: 1px solid rgb(192,192,192);
    margin: 3em 0em 1em 0em;
    padding: 0em 0em 0.2em 0em;
}
#vs1tabnav a {
   border-top: 1px solid rgb(192,192,192);
   border-right: 1px solid rgb(192,192,192);
   border-left: 1px solid rgb(192,192,192);
   padding: 0.2em 1em 0.2em 1em;
}
#vs1tabnav a:hover {
   text-decoration: underline;
}
#vs1tabnav a.selected {
   position: relative;
   border-bottom: 3px solid rgb(255,255,255);
   color: rgb(0,0,0);
}
/* VIEW 2 */
div.vs2item {
    display: block;
    /*border: 1px solid yellow;*/
}
/*=======================================================[ PAGING ]*/
div.paging {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    /* font-family: monospace; */
    font-size: 1em;
    padding: 3em 0em 0em 0em;
	text-decoration: none;
}
div.paging  a {
	padding: 0em 0.2em 0em 0.2em;
	margin: 0em 0.02em 0em 0.02em;
	color: rgb(0,0,0);
    text-decoration: none;
    border: 1px solid rgb(255,255,255);
}
div.paging  a.current {
    color: rgb(255,255,255);
    border: 1px solid rgb(35,68,133);
    /*background: rgb(64,64,64);*/
	text-decoration: none;
}
div.paging a:hover {
	text-decoration: none;
    border: 1px solid rgb(35,68,133);
}
/*=====================================================[ PAGEFLIP ]*/
div.pageflip {
    display: block;
    border: 1px solid rgb(222,222,222);
    margin-bottom: 0.8em;
}
div.pageflip .flip_prev {
    display: block;
    float: left;
    white-space: nowrap;
}
div.pageflip .flip_next {
    display: block;
    float: right;
    text-align: right;
    white-space: nowrap;
}
div.pageflip .flip_back {
    display: block;
    text-align: center;
}
/*=======================================================[ FOOTER ]*/
#footer {
    clear: both;
    font-size: 0.8em;
    border-top: 1px solid rgb(192,192,192);
    padding: 0.5em;
}
#footer a {
    text-decoration: none;
    color: rgb(35,68,133);
}
#footer a:hover {
    text-decoration: underline;
}