/*Klassen fuer Content*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background-color: #F5F3EF
}

p, td, tr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: black

}

.hellbl {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black
}

/*Klasse hellbl für dynamische Texten */
.klein {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black
}

/*Hinweis Text*/
.weiss {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF
}

.header {
    font-size: 12px;
    font-weight: bold;
    color: black
}

/*adsl anmeldung: Block �berschrift*/
.header1 {
    font-size: 12px;
    font-weight: bold;
    color: black
}

.header2 {
    font-size: 16px;
    font-weight: bold;
    color: black
}

/*adsl anmeldung: Erste Zeile*/
.rot {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black
}

td.i3 {
    width: 300px;
}

td.bgred {
    background-color: red
}

.okmsg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #336699
}

.okmsgHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #336699
}

.errmsg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CC3333
}

.errHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #CC3333
}

/*
.okbgcolor {background-color:#6699CC}
.errbgcolor {background-color:#CC3333}
*/
/*Klassen fuer Best�tigseite & Error Msg*/
.okbgcolor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #6699CC
}

.errbgcolor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #CC3333
}

.wbbgcolor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #336699
}

.weissbold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold
}

/*Klassen fuer Rahmen*/
#rundrum {
    border: 1px;
    border-style: solid;
    border-color: #FFCCCC;
    background-color: #FFFFFF;
    padding: 4px;
    margin: 0px;
}

/*Rahmen in Rosa. Achtung: in html-Dateien muss man mit id="rundrum" definieren*/
/*#linie { border-bottom-width:1px; border-bottom-style:solid; border-color:#CCCCCC; spacing-bottom:4px; padding-bottom:4px; margin:0px; }!*Linie in Grau. Achtung: in html-Dateien muss man mit id="linie" definieren*!*/

/*Links*/
a:link {
    color: black;
    text-decoration: none
}

a:visited {
    color: black;
    text-decoration: none
}

a:hover {
    color: black;
    text-decoration: underline
}

a:active {
    color: black;
    text-decoration: none
}

/*Inputfelder, Textarea*/
input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black
}

input.kurz {
    width: 150px;
}

/*Breite für Login*/
input.mittel {
    width: 200px
}

/*Breite für Namen*/
input.big {
    width: 330px
}

/*kwf*/
input.sms {
    width: 215px
}

/*Breite für SMS*/
input.small {
    width: 100px
}

/*Breite für SMS*/
input.tel {
    width: 40px
}

/*Breite für tel*/
input.num {
    width: 25px
}

/*Zeichen*/
input.popup {
    font-style: normal;
    font-weight: normal;
    width: 121px;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #336699
}

/* address check*/

select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black
}

select.kurz {
    width: 150px
}

/*Breite für Login*/
select.selecter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    font-style: normal;
    font-weight: normal;
    width: 121px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #336699
}

/* select box style for address check*/
select.netviewSmall {
    padding: 6px;
    width: 100px;
}

select.netviewMedium {
    padding: 6px;
    width: 150px;
}

select.netviewBig {
    padding: 6px;
    width: 200px;
}

textarea {
    width: 445px;
    height: 104px;
    font-size: 11px;
    color: black
}

textarea.kurz {
    width: 200px;
    height: 104px;
    font-size: 11px;
    color: black
}

textarea.big {
    width: 460px;
    height: 110px;
    font-size: 11px;
    color: black
}

textarea.breit {
    width: 700px;
    height: 104px;
    font-size: 11px;
    color: black
}

textarea.gross {
    width: 600px;
    height: 300px;
    font-size: 11px;
    color: black
}

textarea.hidden {
    visibility: hidden;
    height: 0px;
}

/*Klassen fuer Navigation links*/
a.rot:link {
    color: black;
    text-decoration: none
}

a.rot:visited {
    color: black;
    text-decoration: none
}

a.rot:hover {
    color: black;
    text-decoration: none
}

a.rot:active {
    color: black;
    text-decoration: none
}

/*Klassen fuer Navigation oben */
a.blau:link {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center
}

a.blau:visited {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center
}

a.blau:hover {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center
}

a.blau:active {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center
}

/*Klassen fuer linked picture without borders*/
A.picture:link IMG {
    border: solid none
}

a.picture:visited IMG {
    border: solid none
}

a.picture:hover IMG {
    border: solid none
}

a.picture:active IMG {
    border: solid none
}

a.picture:link {
    color: #FFFFFF
}

a.picture:visited {
    color: #FFFFFF
}

a.picture:hover {
    color: #FFFFFF
}

a.picture:active {
    color: #FFFFFF
}

/*Klassen fuer submit buttons with black text*/
input.black {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000
}

tr.bggrey {
    background-color: #F5F5F5
}

tr.bggreyHead1 {
    background-color: #E0E0E0
}

tr.bggreyHead2 {
    background-color: #EAEAEA
}

tr.bgwhite {
    background-color: #FFFFFF
}

tr.bggreen {
    background-color: #A4FF60
}

tr.bglightred {
    background-color: #FFB2B2
}

tr.bglightorange {
    background-color: #FFE599
}

tr.bglightgrey {
    background-color: #CCD9CC
}

tr.bglightgreen {
    background-color: #CCFF99
}

tr.bgyellow {
    background-color: #FFFF00
}

SPAN.rot {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #CC3333
}

/*style used in maintenance.vm */
textarea.klein {
    width: 200px;
    height: 50px;
    font-size: 11px;
    color: black
}

td.maintenancered {
    background-color: #FFCC99
}

td.maintenancegreen {
    background-color: #99FF66
}

a.headerMenuItemLink:link, a.headerMenuItemLink:visited, a.headerMenuItemLink:hover, a.headerMenuItemLink:active {
    color: black;
    font-size: 16px;
    font-family: 'Helvetica-Neue-Bold', sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: bottom;
    margin-top: 16px;
}

.headerMenuItem {
    background-image: url('/static/images/header_bg.jpg');
    background-repeat: x-repeat;
    height: 105px;
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 65px;
}

.headerMenuRight {
    background-image: url('/static/images/header_right.jpg');
    background-repeat: no-repeat;
    height: 105px;
    width: 76px;
    vertical-align: middle;
    padding-top: 65px;
}

.menuTab {
    font-family: 'Helvetica-Neue-Bold', sans-serif;
    font-size: 16px;
    font-weight: bold;
    float: right;
    color: black;
    margin-right: 80px;
    text-decoration: none;
    underline: none;
}

.logo {
    margin-top: 36px;
    margin-bottom: 36px;
    height: 80px;
    width: 65px;
    vertical-align: middle;
}

.myZoneTitle {
    font-family: 'Helvetica-Neue-Bold', sans-serif;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 60px;
    font-size: 24px;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: gray;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.list-table tr td {
    padding: 5px;
}

/*user management search*/
#user-management-search-container {
    max-width: 600px;
    font-size: 14px
}

#user-management-search-container table tr td {
    font-size: 14px
}

.control-width-medium {
    width: 250px;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 4px;
    margin-left: 5px;
}

.control-width-average {
    width: 150px;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 4px;
    margin-left: 5px;
}

.control-width-ultra-short {
    width: 80px;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 4px;
    margin-left: 5px;
}

.control-width-short {
    width: 100px;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 4px;
    margin-left: 5px;
}

.control-width-long {
    width: 350px;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 4px;
    margin-left: 5px;
}

.control-medium {
    font-size: 14px;
    margin-bottom: 5px;
    padding: 4px;
}

.text-right {
    text-align: right;
}

.float-right {
    float: right;
}

.clearfix {
    clear: both;
}

.text-bold {
    font-size: 14px;
    font-weight: bold;
}

.text-normal {
    font-size: 14px;
}

.text-large {
    font-size: 16px;
}

.text-extra-large {
    font-size: 24px;
}

.user-table-striped tbody tr:nth-of-type(odd) {
    background: #f4f4f4;
}

.user-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px;
}

.user-table tr th {
    background-color: #e4e4e4;
    font-weight: normal;
}

.user-table tr th, .user-table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.user-table .btn-list-fixed-length {
    width: 92px;
    margin-bottom: 1px;
}

.width-100 {
    width: 100%;
}

.stammdaten-button-bar {
    width: 1000px;
}

/*check account page*/
#check-account-container {
    padding:10px;
}

#check-account {
    margin:0px;
}

.check-account-table > tbody > tr:first-child td {
    background-color: #e4e4e4;
    padding: 10px;
}
/*attribute editor*/
.attr-editor-table {
    width: 100%;
}

.attr-editor-table > tbody  th {
    background-color: #e4e4e4;
    padding: 10px;
}
.attr-editor-table tr td:nth-child(11) {
    word-break: break-all;
    width: 100%;
}

.attr-editor-table tr:nth-of-type(odd) {
    background: #f4f4f4;
}

.attr-container {
    padding:10px;
}