/*=========================================================================
|
|   file:    sul_screen.css
|   site:    
|   descr:   Haupt-Stile (Layout etc.)
|   version: 1.0 - 2008/07/31 12:00
|
|   ------------------------------------------------------------------------
|
|   author:   Christoph Sch٤ler
|   aut. url: http://herr-schuessler.de
|
| ==============================================================================
|   
|   Content:
|   
|   0   browser reset
|   1.1 layout: container
|   2.1 styles: elements
|   2.2 - styles: forms
|   2.3 - styles: classes
|   2.4 - styles: nav-main
|   2.5 - styles: nav-sub
|   
================================================================================*/


/* 
|
|   0 - browser reset
|
--------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:         0;
    padding:        0;
    border:         0;
    outline:        0;
    font-weight:    inherit;
    font-style:     inherit;
    font-size:      100%;
    font-family:    inherit;
    vertical-align: baseline;
}
:focus {
    outline:        0;
}
ol, ul {
    list-style:     none;
}
table {
    border-collapse:separate;
    border-spacing: 0;
}
caption, th, td {
    text-align:     left;
    font-weight:    normal;
}


/* 
|
|   1.1 - layout: container
|
--------------------------------------------------------------------------*/
body {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:      65%;
	color:          #999999;
}
#container {
    margin:         120px auto 20px auto;
    position:       relative;
    width:          400;
}


/* 
|
|   2.1 - styles: elements
|
--------------------------------------------------------------------------*/
p {
    margin:         0 0 8px 0;
    position:       relative;
}
a {
    text-decoration:none;
    color:          #8f9193;
}
a:hover {
    color:          #000;
}
h1 {
    font-size:      2em;
    text-transform: uppercase;
    letter-spacing: 4px;
  	border-bottom:  1px solid #d3d3d3;
    padding:        0 0 8px 0;
    color:          #000;
    font-weight:    normal;
}
table {
    width:          100%;
    border-collapse:collapse;
}
td, th {
    padding:        5px 8px;
    border:         1px solid #FFF;
    background:     #f1f1f1;
    vertical-align: top;
}
th {
    padding:        6px 8px;
    background:     #939393;
    color:          #FFF;
    border-bottom:  2px solid #FFF;
}


/* 
|
|   2.2 - styles: forms
|
--------------------------------------------------------------------------*/
input[type="text"]{
    height:         1em;
    width:          200px;
    font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:      1em;
    color:          #8f9193;
}
select {
    width:          200px;
    font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:      1em;
    color:          #8f9193;
}
.color {
    display:        block;
    width:          22px;
    height:         22px;
    margin:         0 0 3px 0;
    background:     #939393;
    cursor:         pointer;
}

/* 
|
|   2.3 - styles: classes
|
--------------------------------------------------------------------------*/
.warn {
    color:          #ff0000;
}
.big {
    font-weight:    bold;
    font-size:      1.4em;
    line-height:    1em;  
}
.sort {
    display:        block;
    height:         0px !important;
    padding-top:    8px;
    width:          15px;
    overflow:       hidden;
    margin:         0px auto;
}
.up {
    background:     url(../html_svn/SUL/admin/assets/gfx/sort-up.gif) no-repeat left top;
}
.up:hover {
    background:     url(../html_svn/SUL/admin/assets/gfx/sort-up.gif) no-repeat left bottom;
}
.down {
    background:     url(../html_svn/SUL/admin/assets/gfx/sort-down.gif) no-repeat left top;
}
.down:hover {
    background:     url(../html_svn/SUL/admin/assets/gfx/sort-down.gif) no-repeat left bottom;
}
.center {
    text-align:     center;
}
.active {
    color:          #000;
}
.odd td {
    background:     #f1f1f1;
}
.even td {
    background:     #dddddd;
}
.right {
    position:       absolute;
    right:          0px;
    padding:        0px !important;
}
.label {
    width:          140px;
    border-right:   0px;
}
.label + td {
     border-left:   0px;
}
.w-xs {
    width:          30px;
}
.w-s {
    width:          80px;
}
.w-m {
    width:          180px;
}


/* 
|
|   2.4 - styles: nav-main
|
--------------------------------------------------------------------------*/
#nav-main {
    padding:        8px 0;
    border-bottom:  1px solid #d3d3d3;
    margin:         0 0 15px 0;
}
#nav-main li {
    display:        inline;
    padding:        0 35px 0 0;
}


/* 
|
|   2.5 - styles: nav-sub
|
--------------------------------------------------------------------------*/
.nav-sub {
    padding:        7px 0 7px 8px;
    border-top:     1px solid #d3d3d3;
    border-bottom:  1px solid #d3d3d3;
    margin:         1px 0 0 0;
    position:       relative;
}