/* ------------------------------- */
/*    (c) 2011 einfach-genau.de    */
/*    alle Rechte vorbehalten      */
/* ------------------------------- */

:link, :visited
{
    text-decoration:none;
}
ul,ol,dl
{
    list-style:none;
}
h1,h2,h3,h4,h5,h6,pre,code
{
    font-size:16px;
    font-weight:normal;
}
ul,ol,dl,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,select,option,span,textarea
{
    margin:0px;
    padding:0px;
    border:0px;
}
a img,:link img,:visited img
{
    border:none;
}
address
{
    font-style:normal;
}
table
{
    border-collapse:collapse;
    border-spacing:0px;
}
a
{
    color:inherit;
    background-color:inherit;
}
body, input, select, option, span, p, th, td, textarea
{
    font-family:      \"Bitstream Vera Sans\", Arial, sans-serif;
    font-size:        12px;
}
div.root
{
    padding-left:     5px;
    padding-right:    5px;
    width:            765px;  
    margin:           auto;
}
form
{
    min-height:       450px;  
    white-space:      nowrap;
    overflow:         hidden;
}
div.line
{
    margin-top:       7px;        
    margin-bottom:    7px;        
}
div.novspace div.line
{
    margin-top:       0px;
    margin-bottom:    0px;
}
div.line > *
{
    display:          inline-block;
    vertical-align:   middle;
}
div.wid48 { width:  720px; }
div.wid30 { width:  450px; }
div.wid24 { width:  360px; }
div.wid22 { width:  330px; }
div.wid20 { width:  300px; }
div.wid18 { width:  270px; }
div.wid12 { width:  180px; }    
div.wid8  { width:  120px; }
div.wid6  { width:   90px; }    
div.wid4  { width:   60px; }
div.wid3  { width:   45px; }
div.wid2  { width:   30px; }
div.wid1  { width:   15px; }
img.wid18 { width: 270px; }
img.wid12 { width: 180px; }
img.wid8  { width: 120px; }
img.wid6  { width:  90px; }
img.wid4  { width:  60px; }
img.wid3  { width:  45px; }
img.wid2  { width:  30px; }
img.wid1  { width:  15px; }
p
{
    padding-left:     3px;
    padding-right:    3px;
    white-space:      normal;
    text-align:       justify;
}
h2 + p, h3 + p, p + p
{
    text-indent:      12px;
}
h1
{
    padding-left:     3px;
    padding-right:    3px;
    margin-left:      0px;
    margin-right:     5px;
    padding-top:      10px;
    margin-bottom:    7px;
    font-size:        21px;
}
h2
{
    padding-left:     3px;
    padding-right:    3px;
    margin-left:      0px;
    margin-right:     5px;
    font-size:        13px;
    font-weight:      bold;
}
h2.wid12, h2    { width: 169px; }          
h2.wid8         { width: 109px; }
h2.wid6         { width:  79px; }
h2.wid4         { width:  49px; }
h2.wid3         { width:  34px; }
h2.wid2         { width:  19px; }
h3
{
    padding-left:     3px;
    padding-right:    3px;
    margin-left:      0px;
    margin-right:     5px;
    font-size:        12px;
    font-weight:      bold;
}
h3.wid12, h3    { width: 169px; }          
h3.wid8         { width: 109px; }
h3.wid6         { width:  79px; }
h3.wid4         { width:  49px; }
h3.wid3         { width:  34px; }
h3.wid2         { width:  19px; }
span.text
{
    padding-left:     3px;
    padding-right:    3px;
    margin-left:      0px;
    margin-right:     5px;
    padding-top:      1px;
    padding-bottom:   1px;
}
span.text.wid18                 { width: 259px; }          
span.text.wid12                 { width: 169px; }          
span.text.wid8                  { width: 109px; }
span.text.wid6                  { width:  79px; }
span.text.wid4                  { width:  49px; }
span.text.wid3                  { width:  34px; }
span.text.wid2                  { width:  19px; }
span.text.wid1                  { width:   4px; }
span.text.hspace.wid18                  { width: 259px; }          
span.text.hspace.wid12                  { width: 169px; }          
span.text.hspace.wid8                   { width: 109px; }
span.text.hspace.wid6, span.text.hspace { width:  79px; }
span.text.hspace.wid4                   { width:  49px; }
span.text.hspace.wid3                   { width:  34px; }
span.text.hspace.wid2                   { width:  19px; }
span.text.hspace.wid1                   { width:   4px; }
span.text.marked
{
    font-weight: bold;
}
label
{
    padding-left:     3px;
    padding-right:    3px;
    margin-left:      0px;
    margin-right:     5px;
    padding-top:      1px;
    padding-bottom:   1px;
    overflow:         hidden;
}
label.wid12        { min-width: 169px; max-width: 169px; }          
label.wid8         { min-width: 109px; max-width: 109px; }
label.wid6, label  { min-width:  79px; max-width:  79px; }
label.wid4         { min-width:  49px; max-width:  49px; }
label.wid3         { min-width:  34px; max-width:  34px; }
label.wid2         { min-width:  19px; max-width:  19px; }
label.wid1         { min-width:   4px; max-width:   4px; }
input.textbox
{
    padding-left:     3px;   
    padding-right:    3px;
    margin-left:      0px;
    margin-right:     4px;
    padding-top:      0px;
    padding-bottom:   1px;
    border-left:      1px solid #aaa;
    border-top:       1px solid #aaa;
}
input.textbox.string                      { width: 169px; }  
input.textbox.int                         { width:  79px; }  
input.textbox.wid18                       { width: 259px; }  
input.textbox.wid12                       { width: 169px; }
input.textbox.wid8                        { width: 109px; }
input.textbox.wid6                        { width:  79px; }
input.textbox.wid4                        { width:  49px; }
input.textbox.wid3                        { width:  34px; }
input.textbox.wid2                        { width:  19px; }
input.textbox.wid1                        { width:   4px; }
input.textbox.int                         { text-align: right; }
input.textbox:focus
{
    background-color: #ff8;
}
textarea
{
    padding-left:     3px;
    padding-right:    3px;
    margin-left:      0px;
    margin-right:     5px;
    padding-top:      1px;
    padding-bottom:   1px;
}
textarea[disabled=disabled]
{
    background-color: #bbb;
}
textarea.wid24           { width: 349px; }
textarea.wid18           { width: 259px; }
textarea.wid12, textarea { width: 169px; }  
textarea.wid8            { width: 109px; }
textarea.wid6            { width:  79px; }
textarea.wid4            { width:  49px; }
textarea.wid3            { width:  34px; }
textarea.wid2            { width:  19px; }
textarea.wid1            { width:   4px; }
textarea:focus
{
}
select
{
    padding-left:     0px;   
    padding-right:    0px;   
    margin-left:      0px;
    margin-right:     5px;
    background-color: #fff;
    border-left:       1px solid #aaa;
    border-top:      1px solid #aaa;
}
select.wid12, select { width: 175px; }          
select.wid8          { width: 115px; }
select.wid6          { width:  85px; }
select.wid4          { width:  55px; }
select.wid3          { width:  40px; }
select.wid2          { width:  25px; }
select.wid1          { width:  10px; }
option
{
    padding-left:     2px;   
}
select[disabled=disabled]
{
    color:            black;
}
span.textfield
{
    padding-left:     4px;
    padding-right:    4px;         
    margin-left:      0px;
    margin-right:     5px;
    padding-top:      1px;
    padding-bottom:   1px;
    background-color: #bbb;
}
span.textfield.wid24                        { width: 347px; }   
span.textfield.wid18                        { width: 257px; }
span.textfield.wid12, span.textfield.string { width: 167px; }
span.textfield.wid8                         { width: 107px; }
span.textfield.wid6,span.textfield.int,span.textfield.fixpoint2{ width:  77px; }
span.textfield.wid4                         { width:  47px; }
span.textfield.wid3                         { width:  32px; }
span.textfield.wid2                         { width:  17px; }
span.textfield.wid1                         { width:   2px; }
a.textlink
{
    padding-left:     4px;
    padding-right:    4px;
    margin-left:      0px;
    margin-right:     5px;
    padding-top:      1px;
    padding-bottom:   1px;
    background-color: #bbb;
    color:            #002bb8;
    background-color: inherit;
}
a.textlink.wid12, a.textlink.string { width: 167px; }   
a.textlink.wid8                     { width: 107px; }
a.textlink.wid6,  a.textlink.int    { width:  77px; }
a.textlink.wid4                     { width:  47px; }
a.textlink.wid3                     { width:  32px; }
a.textlink.wid2                     { width:  17px; }
div.underline a.textlink { background-color: inherit; } 
div#text p a.textlink
{
    padding-left:     0px;
    padding-right:    0px;
    margin-left:      0px;
    margin-right:     0px;
    color:            #002bb8;
    background-color: inherit;
}
a.textlink.likebutton
{
    color:              #001664;
    background-color:   #f9f8f8;
    border-right:       1px solid #aaa;
    border-bottom:      1px solid #aaa;
}
a.textlink.likebutton.marked, a.textlink.likebutton.marked:hover
{
    background-color:   #ff8;
    border-right:       1px solid #aaa;
    border-bottom:      1px solid #aaa;
}
a.textlink:hover
{
    border-bottom: 1px solid #002bb8;
    padding-bottom: 0px;
}
a.textlink.likebutton:hover
{
    background-color: #fc4;
    border-bottom: 1px solid #aaa;
    padding-bottom: 1px;
}
a.textlink.external:after
{
    content:               " "url(extern.png);
}
input.checkbox
{
    margin-left:      0px;       
}
input.textbutton
{
    padding-left:     1px;       
    padding-right:    1px;
    margin-left:      0px;
    margin-right:     5px;
    border-right:     1px solid #aaa;
    border-bottom:    1px solid #aaa;
}
input.textbutton.wid12 { width: 175px; }   
input.textbutton.wid4  { width: 115px; }
input.textbutton.wid6  { width:  85px; }
input.textbutton.wid4  { width:  55px; }
input.textbutton.wid3  { width:  40px; }
input.textbutton.wid2  { width:  25px; }
input.textbutton.wid1  { width:  10px; }
input.textbutton:hover
{
    background-color: #bbb;
}
input.picbutton
{
    margin-left:      0px;
    margin-right:     5px;
}
.leftside     { float: left;  margin-right: 12px; margin-bottom: 7px; }
.rightside    { float: right; margin-left: 0px; margin-bottom: 7px; }
.clearside    { clear: both;    }
.leftalign { text-align:left; }
.rightalign { text-align:right; }
.center { text-align:center; }
.red      { background-color: #faa;    }
.yellow   { background-color: #fa0;    }
.green    { background-color: #8f8;    }
x.red      { border: 2px solid red;    }
.big, .big *    { font-size: 16px; }
.small *  { font-size: 11px; }
.underline { border-bottom: 1px solid black; }
.widthless { margin-right:-40px; }
img[src=ok-gruen]
{
    width: 15px;
    margin-left:15px;
    margin-right:15px;
}
img[src=quadrat-blau]
{
    width: 15px;
    margin-left:15px;
    margin-right:15px;
}
table
{
    margin-top:        7px;
    margin-bottom:     7px;
}
table tr.past td:first-child
{
    background-color:   #bbf;
}
table tr.present
{
    background-color:   #feb;
}
table tr.future td:first-child
{
    background-color:   #bdb;
}
table tr td, table tr th
{
    padding-left:     3px;
    padding-right:    3px;
    padding-top:      1px;
    padding-bottom:   1px;
    border-top:       1px solid #888;
    border-left:      1px solid #888;
    overflow:         hidden;
    width:            90px;
    text-align:       center;
}
table tr td:first-child, table tr th:first-child
{
    border-left:      0px;
}
table tr:first-child th
{
    border-top:       0px;
}
table thead
{
    font-weight:      bold;
}
table col
{
    min-width:        80px;
}
table td.int
{
    text-align:       right;
}
table td.string
{
    text-align:       left;
}
table td.timestamp
{
    text-align:       right;
}
table td.datetimediff
{
    text-align:       center;
    white-space:      nowrap;
    max-width:        90px;
    overflow:         hidden;
}
table td.fixpoint2
{
    text-align:       right;
}
table td.node
{
    text-align:       center;
    padding-top:      0px;
    padding-bottom:   0px;
}
table td.node.rightalign
{
    text-align:       right;
}
table td.node.leftalign
{
    text-align:       left;
}
table td.node *
{
    margin-left:      0px;
    margin-right:     0px;
}
table td.node span.textfield
{
    display:          inline-block;
}
div#systemmsg
{
    clear:             both;
    color:             black;
    font-weight:       bold;
    width:             765px;  
    text-align:        left;
    margin-top:        5px;
}
div#systemmsg img
{
    float:             right;
    padding-top:       5px;
    padding-right:     5px;
}
div#systemmsg div#msg-error div.line
{
    background-color:  #f99;
    border-right:      1px solid #966;
    border-bottom:     1px solid #966;
}
div#systemmsg div#msg-warning div.line
{
    background-color:  #fa0;
    border-right:      1px solid #960;
    border-bottom:     1px solid #960;
}
div#systemmsg div#msg-info div.line
{
    background-color:  #6e6;
    border-right:      1px solid #484;
    border-bottom:     1px solid #484;
}
div#systemmsg div span
{
    padding:           7px;
}
label.error,
input.error,
textarea.error
{
    background-color:  #f99;
}
div#menu
{
}
div#menu a
{
}
div#menu a span
{
}
div#menu a.marked
{
    background-color:  #eee; 
}
div#menu a:hover
{
    background-color:  #fff;
}
div#menu img
{
    background:        url(kreis-blau);
}
h1 + div#user
{
    margin-left: 15px;
    display:           inline-block;
    color:             #888;
}
h1 + div#user + *
{
    clear:             both;
}
div#text
{
    margin-top:         15px;
    background-color:   #eee;
    padding:            10px;
    border-right:       1px solid #aaa;
    border-bottom:      1px solid #aaa;
}
div#text + div#text
{
    min-height:         400px;
}
div#unique-state-name-todo #scroll1
{
    max-height:         400px;
    height:             400px;  
    overflow:           auto;
    xborder:             1px solid gray;
    padding:            3px;
    background-color:   #d8d8f0;
    border-right:       1px solid #aab;
    border-bottom:      1px solid #aab;
}
div#unique-state-name-todo #scroll2
{
    max-height:         130px;
    height:             130px;  
    overflow:           auto;
    padding:            10px;
    xborder:             1px solid gray;
    background-color:   #d8d8f0;
    border-right:       1px solid #aab;
    border-bottom:      1px solid #aab;
}
div#unique-state-name-todo #scroll3
{
    max-height:         350px;
    height:             350px;  
    overflow:           auto;
    xpadding:            10px;
    xbackground-color:   #d8d8f0;
    xborder-right:       1px solid #aab;
    xborder-bottom:      1px solid #aab;
}
div#unique-state-name-todo #scroll4
{
    max-height:         150px;
    height:             150px;  
    overflow:           auto;
    background-color:   #d8d8f0;
    border-right:       1px solid #aab;
    border-bottom:      1px solid #aab;
}
div#unique-state-name-todo #scroll5
{
    max-height:         180px;
    height:             180px;  
    overflow:           auto;
    background-color:   #d8d8f0;
    border-right:       1px solid #aab;
    border-bottom:      1px solid #aab;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}