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

/*******************************************************************************/
/* Tabelle */
table {
    width                   : 100%;
    border-collapse         : collapse;
}
a img {
    border                  : none;
}
a.arrow {
    background              : url(/images/common/icons/small/arrow_link.png) no-repeat center left;
    padding-left            : 15px;
}

/*******************************************************************************/
/* Formulare */
input.text,
textarea,
select {
    border                  : 1px solid #333333;
}
input.text {
    width                   : 240px;
    padding                 : 1px;
}
input.submit {
    height                  : 20px;
    padding-left            : 5px;
    padding-right           : 5px;
}
input.image {
    border                  : 0;
}
select {
    width                   : 240px;
    padding                 : 1px;
}
textarea {
    width                   : 240px;
    height                  : 75px;
    padding                 : 1px;
}
input.zip {
    width                   : 50px;
    margin-right            : 3px;
}
input.city {
    width                   : 185px;
}
select.validerror,
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%;
}
.invisible {
    display                 : none;
}
input.arrow {
    background              : url(/images/common/arrow_link.png) no-repeat center left;
    padding-left            : 15px;
    border                  : 0;
    cursor                  : pointer;
}

/*******************************************************************************/
/* Lists */
ul,
ol {
    padding-left            : 2em;
}
ul {
    list-style              : square;
}

/*******************************************************************************/
/* Content Settings */
#content ul,
#content ol {
    margin-bottom           : 1em;
}

/*******************************************************************************/
/* Table Common */
table.common {
    border-collapse     : collapse;
    width               : 100%;
    margin-bottom       : 10px;
}
table.common td {
    vertical-align      : middle;
    padding-left        : 5px;
    padding-right       : 5px;
}
table.common td.first {
    padding-left        : 10px;
}
table.common tbody td,
table.common thead td {
    border-bottom       : 1px solid #CCCCCC;
}
table.common thead td,
table.common tbody.head td {
    padding-top         : 5px;
    padding-bottom      : 5px;
    font-weight         : bold;
    background-color    : #CCCCCC;
}
table.common tbody tr.even td {
    background-color    : #F2F2F2;
}
table.common tbody td {
    padding-top         : 2px;
    padding-bottom      : 2px;
}
table.common td.right {
    text-align          : right;
    float               : none !important;
}
table.common tfoot td {
    background          : #CCCCCC;
    font-weight         : bold;
}

/*******************************************************************************/
/* Content-Box */
.content-box {
    background-color        : #F2F2F2;
    border                  : 1px solid #CCCCCC;
    margin-bottom           : 10px;
}
.content-box .content-box-padding {
    padding                 : 10px;
}
.content-box h2 {
    background              : #CCCCCC;
    padding                 : 2px 10px;
    font-size               : 1.0em;
}
.content-box h2 a {
    color                   : black;
    display                 : block;
    text-decoration         : none;
}
/* Common Tabellen in Content-Boxes */
.content-box table.common {
    margin-bottom           : 0;
}
.content-box table.common td.first {
    font-weight             : bold;
    padding-left            : 0;
}
.content-box table.common td {
    border-bottom           : 0;
}
.content-box div.highlight {
    background              : white;
    border                  : 1px solid #CCCCCC;
    padding                 : 10px;
}
/*******************************************************************************/
/* Basis Klassen die immer zur Verfuegung stehen */
.clear {
    clear                   : both;
}
.left {
    float                   : left;
}
.right {
    float                   : right;
}
.underline {
    text-decoration         : underline;
}

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

/*******************************************************************************/
/* HR */
div.hr {
    border-top              : 1px solid #CCCCCC;
    margin-bottom           : 0.5em;
    margin-top              : 0.5em;
}

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

/*******************************************************************************/
/* Ueberschriften */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight             : bold;
}
h1,
.h1 {
    font-size               : 1.8em;
}
h2,
.h2 {
    font-size               : 1.5em;
}
h3,
.h3 {
    font-size               : 1.4em;
}
h4,
.h4 {
    font-size               : 1.3em;
}
h5,
.h5 {
    font-size               : 1.2em;
}
h6,
.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.success a {
    color                   : #008000;
}
#msgs ul li {
    padding-left            : 12px;
}

/**********************************************************/
/* Select Tabelle */
table.select td {
    padding-top         : 5px;
    padding-bottom      : 5px;
    vertical-align      : top;
}
table.select td.radio {
    width               : 20px;
}
table.select label {
    font-weight         : bold;
}
table.select label span {
    font-weight         : normal;
}

table.select label span.nth-0 {
    font-weight         : bold;
}

/**********************************************************/
/* Layout-Spalten Tabelle */
table.layout-columns {
    table-layout        : fixed;
    border-collapse     : collapse;
    margin              : 0;
}
table.layout-columns td.spacer {
    width               : 10px;
}
table.layout-columns td {
    vertical-align      : top;
    padding             : 0;
}

/*******************************************************************************/
/* options (Options Button unterhalb des Contents, z.B. "Zurueck" und "Weiter" */
ul.options {
    padding             : 0;
    margin              : 0;
    height              : 15px;
}
ul.options li {
    display             : block;
    float               : left;
    height              : 20px;
}
ul.options li.button-right {
    float               : right;
    margin-left         : 10px;
}
ul.options li.button-left {
    float               : left;
    margin-right        : 10px;
}

/* Option (A-Link) */
ul.options a {
    background          : #E2E2E2;
    border              : 1px solid #969696;
    padding             : 2px 5px 1px 5px;
    text-decoration     : none;
    color               : black;
    display             : block;
}

/* Submit Input */
ul.options input.submit {
    cursor              : pointer;
}
/*******************************************************************************/
/* Formulare */
table.form td {
    padding             : 3px 0 3px 3px;
}
table.form td.first {
    padding-left        : 0px;
    width               : 160px;
    padding-right       : 15px;
}
table.form label {
    display             : block;
    width               : 100%;
    cursor              : pointer;
    text-align          : left;
}
table.form label.city,
table.form label.zip {
    display             : inline;
    width               : auto;
}
table.form label.city {
    width               : 75%;
    margin-left         : 2px;
}
table.form label.title {
    font-weight         : bold;
}
table.form input {
    width               : 240px;
    font-size           : 11px;
    padding             : 2px;
}
table.form input.radio  {
    width               : auto;
    margin-left         : 10px;
}
table.form input.zip {
    width               : 50px;
    margin-right        : 3px;
}
table.form input.city {
    width               : 181px;
}
table.form tr.address td {
    border-top          : 1px solid #666;
    padding-top         : 4px;
    padding-bottom      : 4px;
}
table.form select {
    width               : 246px;
    font-size           : 11px;
    padding             : 2px;
}
table.form thead td {
    padding             : 3px 0 3px 3px;
    border-bottom       : 1px solid #999;
}
table.form thead td.first {
    padding-left        : 10px;
}
/*******************************************************************************/
/* Adressen */
address {
    font-style          : normal;
}
address span {
    display             : block;
}
address .country {
    font-weight         : bold;
}
address .company,
address .name {
    font-weight         : bold;
}
/*******************************************************************************/
/* 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;
}

/*******************************************************************************/
/* Boxes */
div.box .h2 {
    font-size           : 1em;
    padding             : 3px 10px;
    background          : #787878;
    color               : white;
}
div.box p {
    margin-bottom       : 5px;
}
div.box label {
    display             : block;
}
div.box input.text {
    width               : 140px;
}
div.box select {
    width               : 144px;
}
div.box div.content {
    padding             : 5px 10px;
    margin-bottom       : 10px;
}
div.box div.content,
div.box input,
div.box select {
    font-size           : 11px;
}
div.box table td {
    font-size           : 11px;
}
div.box table.common thead td {
    background          : none;
    border-bottom       : 1px solid #CCCCCC;
}
/*******************************************************************************/
/* Breadcrumb */
#breadcrumb {
    font-size           : 11px;
    margin-bottom       : 1em;
    list-style-type     : none;
    padding             : 0;
}
#breadcrumb li {
    display             : inline;
}

/*******************************************************************************/
/* Imos Copyright */
body {
    position            : relative;
}
div.imos-copyright {
    font-size           : 10px;
    color               : #999999;
}

/*******************************************************************************/
/* Language-Switcher */
#language-switcher ul {
    padding             : 0;
    margin              : 0;
    list-style-type     : none;
}
#language-switcher li {
    display             : inline;
}

/* label + iso2 ausblenden */
#language-switcher li span.label,
#language-switcher li span.label-native,
#language-switcher li span.iso2{
    display             : none;
}
/*******************************************************************************/
/* jQuery Tooltip */
#tooltip {
	position             : absolute;
	z-index              : 3000;
	width                : 100px;
	border               : 1px solid #111;
	background-color     : #eee;
	padding              : 5px;
	opacity              : 0.85;
}
#tooltip h3,
#tooltip div {
    margin              : 0;
}