body {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
}

form {
    margin: 0;
    padding: 0;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
}

img {
    border: 0;
}

a {
    text-decoration: underline;
    color: #053c74;
}

br.clear {
    clear: both;
}

.textR {
    text-align: right;
}

ol {
    margin: 1em 0;
    padding: 0;
}

ul {
    list-style-type: disc;
    margin: 0;
    padding: .5em;
}

li {
    margin: 0 0 0 1em;
    padding: .5em 0 .5em .5em;
}

/* structure: base */

#AllContainer {
    margin: 0 auto;
    width: 1000px;
    text-align: left;
    font-size: .75em;
}

#LoginStatus {
    text-align: right;
    margin: 7px 0 8px 0;
}

#LoginStatus a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    background: url( /seis/img/arr_white.gif ) no-repeat 5px 50% #041f3a;
    padding: 3px 8px 3px 18px;
    line-height: 17px;
    margin-left: 3px;
}

/* menu */

#menu {
    clear: both;
}

#subMenu {

    width: 100%;

    overflow: hidden;
    clear: both;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu li {
    float: left;
    display: block;
    padding: 5px 8px 8px;
	margin:0;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #041f3a;
}

#subMenu ul {
    list-style-type: none;
    margin: 5px 0 0 -1px;
    padding: 0;
    height: 1.25em;
}

#subMenu li {
    float: left;
	margin:0;
    padding: 0 5px;
    border-left: solid 1px #0a162d;
}

#subMenu li:first-child {
    border-left: none;
}

#menu li.active {
    background-color: #FFFFFF;
}

#menu li.active a.firstLevel {
    color: #041f3a;
    font-weight: bold;
}

#subMenu li.active a.secondLevel {
    color: #185a9d;
    font-weight: bold;
}

#menu a, #menu span {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#subMenu a {
    color: #041f3a;
    font-weight: normal;
    text-decoration: none;
}

#menu a:hover, #subMenu a:hover {
    text-decoration: underline;
}

/* end: menu*/

div#body {
    padding-top: 52px;
}

div#body .column, div#twoColumnBody .column {
    float: left;

}

#content {
}

#center {
    width: 630px;
    position: relative;
}

div#twoColumnBody #center {
    width: 815px;
}

div#twoColumnBody {
    padding-top: 52px;
}

div#oneColumnBody {
    padding-top: 52px;
    width: 100%;
}

div#oneColumnBody #center {
    width: 100%;
    padding-top: 40px;
}

#center h1 {
/* TODO nur ein h1 pro seite */
    position: relative;
    font-size: 1.3em;
    color: #053c74;
    margin-top: -1.25em;
    margin-bottom: -1.25em;
    line-height: 1.25em;
    height: 2.5em;
}

#left-sidebar {
    width: 170px;
    padding-right: 15px;
    overflow: hidden;
    min-height: 1em;
}

#right-sidebar {
    width: 170px;
    padding-left: 15px;
}

#footer {
    clear: both;
    padding: 30px 0 10px;
    text-align: center;
}

/*end structure: base */

/* header */
#logoLine {
    background-image: url( '../img/de/structure/gradient.jpg' ); /*  /seis/img/de/structure/gradient.jpg*/
    background-repeat: repeat-x;
    height: 105px;
}

#logoLine img {
    float: left;
}

/* end: header */

/* footer */
#footer a {
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer hr {
    height: 1px;
    border: 0 none;
    border-top: 1px solid #818f9c;
    margin: 2px 2px 10px 0;
    padding: 0;
}

/* end: footer */

/* Sprachauswahl */
#language * span.selected {
    font-weight: bolder;
}

/* center-components */
div.centerComponent {
    clear: both;
    margin: 20px 0 10px;
    border: 1px solid #185a9d;
    background-color: #edf6ff;
    color: #053c74;
    width: 610px;
    padding: 0 9px 9px;
    overflow: hidden;
}

div#twoColumnBody div.centerComponent {
    width: 795px;
}

div#oneColumnBody div.centerComponent {
    width: 980px;
}

div.centerComponent h2 {
    margin: 0 -9px 9px;
    background-color: #185a9d !important;
    position: relative;
    padding: 5px 10px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.25em;
}

form#survey-data div.centerComponent h3 {
    clear: both;
    padding-top: 10px;
    font-size: 1em;
}

div.centerComponent table {
    border-collapse: collapse;
	/* table-layout:fixed;  erfordert gan vielen Stellen Anpassung im HTML (COL-Elemente) */
}

div.centerComponent table.list {
    width: 629px;
    margin: -1px -10px -10px 0;
    position: relative;
    left: -10px;
}

div.centerComponent table.check-list {
    width: 100%;
}

div#oneColumnBody div.centerComponent table.list {
    width: 1000px;
}

div#twoColumnBody div.centerComponent table.list {
    width: 815px;
}

div#twoColumnBody div.centerComponent table.auto,
    div#oneColumnBody div.centerComponent table.auto,
    div.centerComponent table.auto {
    width: auto;
    margin: -1px auto -10px;
}

div.centerComponent a.tree {
    text-decoration: none;
}

div.centerComponent a:hover {
    text-decoration: underline;
}

/*
.centerText {
    padding: 10px; noch erforderlich???
}
*/
.centered {
    text-align: center;
}

/* end: center-components */

div.logo {
    background-color: gray;
    border: 1px solid black;
}

/* Formulare */
div.group {
    clear: both;
    padding: 5px 0;
    width: 100%;
    overflow: hidden;
}

table.auto div.group {
    width: auto;
}

div.group label {
    float: left;
    width: 25%;
}

div.control a {
    overflow: auto;
    width: 75%;
    font-size: 100%;
}

div.control label {
    width: auto;
    margin-right: 10px;
}

div.control input, div.group input {
    float: left;
}

div.message-texts span.label {
    clear: both;
    float: none;
}

.formFieldWidth {
    width: 50%;
}

#school-questions * td.update-operation span {
    display: block;
}

/* end: Formulare */
/* start: auflistungen */
.tableHeader {
    margin-bottom: 0;
}

div.centerComponent h2.tableHeader {
    background-color: #185a9d;
    margin-bottom: 0;
}

tr th {
    padding-top: 0;
    margin-top: 0;
}

th {
    text-align: left;
}

table.list tr th, table.check-list tr th, th.list {
    background-color: #FFFFFF; /*height: 20px;*/
    padding: 5px 5px 5px 10px;
    border: 1px solid #185a9d;
    vertical-align: top;

}

table.list tr td, table.check-list tr td, td.list {
    padding: 5px 5px 5px 10px;
    border: 1px solid #185a9d;
    color: #053c74;
    vertical-align: top;
}

table.list tr td ol, td.list ol {
    padding: 0;
    margin: 0;
}

table.list tr td ol li, td.list ol li {
    padding: 0;
    margin: 0 0 0 2em;
}

table.list tr td.last, td.last,
    table.list tr th.last, th.last {
    border-right: none;
    vertical-align: top;
}

table.order-questionnaires {
    width: 100%;
}

table.order-questionnaires tr td {
    border-top: 1px solid #185a9d;
}

table.order-questionnaires tr td span {
    display: block;
}


table.order-questionnaires input {
	width:1.8em;
}

table.order-questionnaires td.inquiry-type input {
	width:auto;
}

/* end: auflistungen */

p.note {
    margin-top: 2px;
}

table.report {
    width: 100%;
    border-collapse: collapse;
}

table.report tr th {
    padding: 3px;
    border: 1px solid #185a9d;
    color: #053c74;
    background-color: #FFFFFF;
    text-align: left;
}

table.report tr td,
    table.report tr td.part {
    padding: 3px;
    border: 1px solid #185a9d;
    color: #053c74;
    background-color: #edf6ff;
    text-align: left;
}

table.report tr td.part {
    background-color: #FFFFFF;
}

/* components */
div.leftComponent {
    border: 1px solid #185a9d;
    margin-top: 20px;
    padding: 0 10px 10px;
    width: 148px;
    overflow: hidden;
    background-color: #f2f8ff;
}

div.rightComponent {
    border: 1px solid #c1c1c1;
    margin-top: 20px;
    padding: 0 10px 10px;
    width: 148px;
    overflow: hidden;
    background-color: #ececec;
}

.leftComponent h3 {
    background-color: #185a9d;
    padding: 5px 10px;
    margin: 0 -10px 9px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.25em;
}

.leftComponent li, .rightComponent li {
    padding-bottom: 5px;
    clear: both;
}

.leftComponent li a {
    background: url( ../img/arr_blue.gif ) 1px .3em no-repeat;
    float: left;
    padding-left: 10px;
    font-weight: bold;
    color: #185a9d;
}

.rightComponent li a {
    background: url( ../img/arr_gray.gif ) 1px .3em no-repeat;
    float: left;
    padding-left: 10px;
    font-weight: bold;
    color: #363636;
}

#actions {
    border-color: #053c74;
    background-color: #185a9d;
    color: #FFFFFF;
}

#actions a {
    color: #FFFFFF;
    background-image: url( ../img/arr_white.gif );
}

#actions h3 {
    background-color: #053c74;
}

.rightComponent h3 {
    background-color: #686868;
    padding: 5px 10px;
    margin: 0 -10px 9px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.25em;
}

.leftComponent ul,
    .rightComponent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.leftComponent a,
    .rightComponent a {
    text-decoration: none;
}

.leftComponent a:hover,
    .rightComponent a:hover {
    text-decoration: underline;
}

table.sideBarComponent {
    margin-left: 20px;
    margin-bottom: 20px;
}

/* end: components*/

div.left {
    float: left;
}

.clear {
    clear: both;
}

/* preview-komponente (frageboegen generieren) */
#preview .column {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

/*new survey: steps*/
#steps {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 15px 0 0 -5px;
}

#steps div {
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #185a9d;
    padding: 5px;
    margin: 5px;
    color: #185a9d;
    height: 4em;
}

#steps div.arrow {
    float: left;
    border: none;
    margin-right: 0;
    margin-left: 0;
    padding: 1em 0 0 0;
}

#steps a {
    text-decoration: none;
}

#steps a:hover {
    text-decoration: underline;
}

#steps div.checked {
    background-color: #edf6ff;
}

#steps div.checked a {
    font-size: 105%;
    color: #185a9d;
}

#steps div.active {
    background-color: #185a9d;
    color: #FFFFFF;
}

/*end: new survey: steps*/

/*popups*/
#PopupLogoLine {
    background-image: url( '../img/de/structure/header_popup_verlauf.jpg' ); /* '/seis/img/de/structure/header_popup_verlauf.jpg' */
    background-repeat: repeat-x;
    height: 33px;
}

#PopupLogoLine .logoDiv {
    float: left;
}

#PopupLogoLine .navigationDiv {
    float: right;
    padding-right: 10px;
    padding-top: 7px;
}

#PopupLogoLine a {
    text-decoration: none;
}

#PopupLogoLine .arrow {
    padding-right: 3px;
}

#PopupLogoLine .instruction {
    font-weight: bold;
    color: #FFFFFF;
}

/*end: popups*/

/*start: survey-submits*/
div.surveySubmits {
    margin-bottom: 5px;
    margin-top: 5px;
    height: 5em;
    overflow: hidden;
}

input.forward {
    float: right;
    margin-left: 5px;
}

input.backward {
    float: left;
    margin-right: 5px;
}

/*end: survey-submits*/

/*start: struts. actionMessage u. -Error */
.actionMessage {
    color: #008040;
    clear: both;
}

.errorMessage {
    color: #FF3737;
    clear: both;
}

/*end: struts.  Message u. -Error */

/*grades */
.checkboxLabel {
    margin-right: 10px;
}

.checkboxLabelWide {
    margin-right: 10px;
    white-space: nowrap;
    width: 30%;
}

div.leftFormDiv {
    float: left;
    width: 25%;
}

div.rightFormDiv {
    float: left;
    width: 74%;
}

div.rightFormDiv span.grade,
    div.centerComponent div.rightFormDiv span.grade {
    width: 25%;
    float: left;
}

div.rightFormDiv span.grade,
    div.centerComponent span.grade {
    width: 20%;
    white-space: nowrap;
    float: left;
}

div.rightFormDiv span.grade label {
    width: auto;
}

div.years-of-training p {
    width: 100%;
}

div.years-of-training span.grade {
    width: auto !important;
}

/* sortieren */
#sort {

}

.leftSort {
    float: left;
}

.rightSort {
    float: right;
    width: 9px;

}

.rightSort a {
    float: left;
}

.rightSort a img {
    display: block;
}

.marginToNext {
    margin-bottom: 2px;
}

/* end: sortieren */

select.select-federal-state option.federal-state {
    font-weight: bold;
}

select.select-federal-state optgroup option.federal-state {
    font-weight: normal;
}

textarea {
    width: 100%;
    height: 120px;
}

textarea.comment-text {
    width: 100%;
    height: 120px;
}

.low-rate {
    color: #F00000 !important;
}

.middle-rate {
    color: #F0F000 !important;
}

.high-rate {
    color: #00E000 !important;
}

div.centerComponent div.gradesSelection {
    clear: both;
    width: 100%;
    overflow: hidden;
}

span.error {
    color: red;
}

span.ok {
}


ol.dimensions {
    margin: 1em 0;
   padding: 0 0 0 .5em;
}

ol.dimensions 

ol.dimensions li {
    margin: 0 0 0 1em;
    padding: .5em 0 0 .5em;
}


/*end: grades*/
/*** IE6 Fix ***/

#order-questionnaires * td.inquiry-type span {
    display: block;
}