/*******************************************************************************/
/* Typo */
body,
textarea,
table {
    font-family             : Arial, Helvetica, Sans-Serif;
    font-size               : 12px;
}

/*******************************************************************************/
/* Tabelle */
table {
    width                   : 100%;
    border-collapse         : collapse;    
}
a img {
    border                  : none;
}

/*******************************************************************************/
/* Formulare */
input,
textarea,
select {
    border                  : 1px solid #333333;
}
input.text {
    width                   : 240px; 
    padding                 : 1px;  
}
select {
    width                   : 240px;
    padding                 : 1px;  
}
textarea {
    width                   : 240px;    
    height                  : 75px;
    padding                 : 1px;  
}
input.zip {
    width                   : 50px;   
    margin-right            : 3px;
}
input.city {
    width                   : 185px;   
}
textarea.validerror,
input.validerror {
    border                  : 1px solid red;
}
label.validerror {
    color                   : red;
}
.form-max-width input.text,
.form-max-width select,
.form-max-width textarea {
    width                   : 100%;
}
/*******************************************************************************/
/* Lists */
ul, 
ol {
    padding-left            : 2em;
}
ul {
    list-style              : square;
}
/*******************************************************************************/
/* Content Settings */
#content ul,
#content ol {
    margin-bottom           : 1em;
}
/*******************************************************************************/
/* Content-Box */
.content-box {
    background-color        : #F2F2F2;
    border                  : 1px solid #CCCCCC;
}
.content-box-padding {
    padding                 : 10px;
}
.content-box h2 {
    background              : #CCCCCC;
    padding                 : 2px 10px; 
    font-size               : 1.0em;
}
/*******************************************************************************/
/* Basis Klassen die immer zur Verfuegung stehen */
.clear {
    clear                   : both;
}
.left {
    float                   : left;
}
.right {
    float                   : right;
}

/*******************************************************************************/
/* Absatz */
p {
    margin-bottom           : 1em;
}

/*******************************************************************************/
/* Highlighting */
em.highlight {
    font-weight             : bold;
    font-style              : normal;
}

/*******************************************************************************/
/* Ueberschriften */
h1 {
    font-size               : 1.8em;
}
h2 {
    font-size               : 1.5em;
}
h3 {
    font-size               : 1.4em;
}
h4 {
    font-size               : 1.3em;
}
h5 {
    font-size               : 1.2em;
}
h6 {
    font-size               : 1.1em;
}

/*******************************************************************************/
/* Session Messages */
#msgs ul {  
    background              : #F9F9F9;
    margin                  : 0;
    margin-bottom           : 15px;
    padding                 : 5px 5px 5px 0px;
    list-style-type         : none;
    list-style-image        : none;
    border-top              : 1px solid #999999;
    border-left             : 5px solid #999999;
    border-bottom           : 1px solid #E7E7E7;
    border-right            : 1px solid #E7E7E7;
}
#msgs ul.error {
    border-left             : 5px solid #FF3333;
    border-top              : 1px solid #FF3333;
    color                   : #FF3333;
}
#msgs ul.success {
    border-left             : 5px solid #008000;
    border-top              : 1px solid #008000;
    color                   : #008000;
}
#msgs ul li {
    padding-left            : 12px;
}

/*******************************************************************************/
/* Session Messages */
table.common {
    border-collapse     : collapse;
    width               : 100%;
    margin-bottom       : 10px;
}
table.common td {
    vertical-align      : middle;
    border-bottom       : 1px solid #666666;
    padding-left        : 10px;
}
table.common thead td,
table.common tbody.head td {
    border-top          : 1px solid #666666;
    padding-top         : 5px;
    padding-bottom      : 5px;
    font-weight         : bold;
    background-color    : #DEDFE0;
}
table.common tbody tr.even td {
    background-color    : #F2F2F2;
}
table.common tbody td {
    padding-top         : 2px;
    padding-bottom      : 2px;
}

/*******************************************************************************/
/* Pager */
div.pager {
    border-top          : 1px solid #CCCCCC;
    background          : #F2F2F2;
    padding             : 5px 0 0 10px;
    height              : 40px;
    padding             : 5px 10px;
}
div.pager ul {
    list-style-type     : none;
    margin              : 0;
    padding             : 0;
}
div.pager div.pages {
    float               : left;    
}
div.pager li {
    margin              : 0;
    display             : inline;
    border-right        : 1px solid #999999;
    float               : left;
}
div.pager li.next {
    border              : 0;
}
div.pager li a {
    width               : 100%;
    padding-right       : 5px;
    padding-left        : 5px;
}
div.pager li.first a {
   padding-left         : 0;
}
div.pager li.active a {
    font-weight         : bold;
}
div.pager div.goto {
    float               : right;
    text-align          : right;
}
div.pager input.goto {
    width               : 40px;
}

/*******************************************************************************/
/* Tabs */