@charset "utf-8";
/*
CSS Credit: http://www.cde.at
*/

body {
    margin:0px;
    padding:20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:62.5%;
    line-height:1.5em; 
    color: #535353;
    background-color:#ffffff;
    height: 100%;
}

a:link, a:visited {
    color: #4c668d; 
    text-decoration: underline;
}

#wrapper h2.oldbrowser {
    background:yellow;  
    margin:0 0 3px 0; 
    padding: 10px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    color: red;
    font-size: 1.4em;
}

a:hover {
    color: #888;
    text-decoration: underline;
}

p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }

h1, h2, h3, h4, h5 { font-weight: normal; }

h1 { font-size: 16px; }
h2 { font-size: 14px; margin: 0 0 20px 0; padding: 0; font-weight: bold;}
h3 { font-size: 1.1em; color: #fff; margin: 0 0 20px 0; padding: 0; }
h4 { font-size: 18px; color: #000; margin: 0 0 10px 0; padding: 0; }
h5 { font-size: 16px; color: #000; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.float_l {
    float: left;
}

.float_r {
    float: right;
}

blockquote { font-style: italic; }
cite { font-weight: bold; }
cite span { color: #000; } 

/* form elements */

input {
    font-family:Arial, Sans-serif;
    font-size:12px;
}
textarea {
    font-family:Arial, Sans-serif;
    font-size:12px;
    border:1px solid #a8acad;
    padding:6px;
    background:url("../_images/input_bg.gif") no-repeat;
}
select {
    font-family:Arial, Sans-serif;
    font-size:12px;
    border:1px solid #a8acad;
    padding:5px;
}
/*  (FF 2.0, IE 7...) */
input[type=text], input[type=password] {
    border:1px solid #a8acad;
    padding:3px;
    background:url("../_images/input_bg.gif") no-repeat;
    width: 180px;
}
input.search {
    border:1px solid #a8acad;
    padding:3px 3px 3px 25px;
    background:url("../_images/input_search.gif") no-repeat;
}

input[type=button], input[type=submit] {
    cursor: pointer;
}

.button {
    background:url("../_images/but_small.gif") no-repeat;
    color: #666666;
    text-transform:uppercase;
    font-weight:bold;
    height:27px;
    width:88px;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    padding: 4px 14px;
    border:none;
}
.buttonLogin {
    background:url("../_images/but_small.gif") no-repeat;
    color: #4c668d;
    /*text-transform:uppercase;*/
    font-weight:bold;
    height:27px;
    width:88px;
    font-size: 12px;
    letter-spacing: 0em;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c668d;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    /*padding: 4px 14px;*/
    border:none;
}
.button1 {
    background:url("../_images/but_small.gif") no-repeat;
    /*text-transform:uppercase;*/
    font-weight:bold;
    height:27px;
    width:88px;
    font-size: 12px;
    letter-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c668d;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    padding: 4px 14px;
    border:none;
}
.button2 {
    background: url("../_images/but_wide.gif") no-repeat;
    /*text-transform:uppercase;*/
    font-weight:bold;
    height:27px;
    width:118px;
    font-size: 12px;
    letter-spacing: 0;
    /*line-height: 27px;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #4c668d;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    padding: 4px 14px;
    border:none;
}
.button3 {
    background:url("../_images/but_wide.gif") no-repeat;
    /*text-transform:uppercase;*/
    font-weight:bold;
    height:27px;
    width:118px;
    font-size: 12px;
    letter-spacing:0;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c668d;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    padding: 4px 14px;
    border:none;
}

.button4 {
    background:url("../_images/but_grande.gif") no-repeat;
    /*text-transform:uppercase;*/
    font-weight:bold;
    height:27px;
    width:240px;
    font-size: 12px;
    letter-spacing:0;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c668d;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    padding: 4px 14px;
    border:none;
}

.button5 {
    background:url("../_images/but_ultimate.gif") no-repeat;
    /*text-transform:uppercase;*/
    font-weight:bold;
    height:27px;
    width:290px;
    font-size: 12px;
    letter-spacing:0;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c668d;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    padding: 4px 14px;
    border:none;
}

.button6 {
    background:url("../_images/but_megawidth.gif") no-repeat;
    /*text-transform:uppercase;*/
    font-weight:bold;
    height:27px;
    width:400px;
    font-size: 12px;
    letter-spacing:0;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c668d;
    text-shadow: #e3e3e3 1px 1px 0px;
    text-decoration: none;
    padding: 4px 14px;
    border:none;
}

/* P  */
p {
    margin:8px 0px;
}
/* HR */
div.hr {
    padding-top:1px;
    height:0;
    overflow:hidden;
    margin:0;
    line-height:0px;
    background-color:#4E4E4F;
}

/* table  */
table td, table th {
    padding:2px;
}

table th {
    text-align: left;
    font-weight: normal;
}

/* page */
#wrapper {
    margin: 0 auto;
    width: 962px;
    height:100%;
    height:auto !important;
    min-height: 100%;
}

/* header */
#header {
    background:url("../_images/logo.png") no-repeat 50% 30%;
    height:80px;
    text-align: center;
}
#header img {padding: 20px 10px;} /* Position Stadt Logo */

/* Main Menu */
#menu {
    padding: 0;
    /*background:url("../_images/nav.gif") repeat-x;*/
    border-bottom: 1px solid #ccc;
    height:31px;
    /*border-left: 1px solid #efece7;
    border-right: 1px solid #efece7;*/
}

#menu ul {
    margin: 0;
    padding: 7px;
    list-style: none;
    float:left;
}

#menu ul li {
    padding: 0;
    margin: 0px;
    display: inline;
    float:left;
}

#menu ul li a {
    position: relative;
    /*display: block;*/
    padding: 0px 6px;
    text-align: left;
    font-size: 12px; 
    text-decoration: none;
    outline: none;
    border-right:1px solid #b9b9b9;
}
#menu ul li a.last {border-right: 0px solid;}

#menu li a:hover, #menu #current_page_item {
    color: #0079b3;
}

.fontsize {float:right; padding: 6px 10px;}
.fontsize img {padding: 0; margin:0; border:0;}
.fontsize img a{padding: 0; margin:0; border:0;}
/* Main  */
/* Startseite  */
#main {
    /*border-left: 1px solid #efece7;
    border-right: 1px solid #efece7;*/
    font-size: 14px; 
    padding: 15px;
    clear:both;
}

#main #box1 {background:#0079b3;}
#main #box1 .left {background:url("../_images/bild_start.jpg") no-repeat; width:510px; height: 299px; float:left;}
#main #box1 .right {background-color: #0079b3; width:416px; height: 299px; float:right;}
#main #box1 .right img {padding: 65px 5px;}

#main #box2 {
    background:#4c668d; 
    width: 474px; 
    float: left; 
    margin: 15px 0 0 0;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
}
#main #box2 table,#box2 td {padding: 10px;}
#main #box2 h2 {
    background:#ff6700;  
    text-transform: uppercase; 
    margin:0; 
    padding: 10px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url(PIE.htc);*/
}

#main #box2 #tableError, #main #box_login #tableError, #main2 #box_login #tableError {
    padding: 5px;
    font-weight: bold;
    color: red;
}

#main #box2 input.loginButton {
    background: url("../_images/but_anmelden.png") no-repeat;
    width: 189px;
    height: 44px;
    border: 0;
    cursor: pointer;
}

#main #box3 {
    background:#efece7 url("../_images/bild_angebote_start.jpg") right bottom no-repeat; 
    width: 441px; 
    float: left; 
    margin: 15px 0 0 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
}
#main #box3 table {padding: 10px;}
#main #box3 h2 {
    background:#4c668d;  
    text-transform: uppercase; 
    margin:0; 
    padding: 10px 15px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url(PIE.htc);*/
}

/* Login Registrierung  */

.step1 {background:url("../_images/step1.gif") no-repeat top left; height: 40px; width: 230px; line-height: 40px; float:left;}
.step2 {background:url("../_images/step2.gif") no-repeat top left; height: 40px; width: 230px; line-height: 40px; float:left;}
.step3 {background:url("../_images/step3.gif") no-repeat top left; height: 40px; width: 230px; line-height: 40px; float:left;}
.step4 {background:url("../_images/step4.gif") no-repeat top left; height: 40px; width: 230px; line-height: 40px; float:left;}
.step1 strong, .step2 strong, .step3 strong, .step4 strong {padding: 14px 0 0px 48px; font-size: 14px;}
.selected {color: #ff6800;}

#main #box_login, #main2 #box_login {
    /*background:#f1f1f1; */
    width: 474px; 
    margin: 20px auto 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 5px rgba(200, 200, 200, 0.7);
    padding-top: 5px;
    /*behavior: url(PIE.htc);*/
}
#main2 #main #box_login_error {
    /*background:#f1f1f1; */
    background-color: #FFEBE8;
    width: 474px; 
    margin: 20px auto 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 15px;
    border: 1px solid #CC0000;
    height: 40px;
    /*behavior: url(PIE.htc);*/
}
#main #box_login table, #box_login td, #main2 #box_login table {padding: 10px;}
#main #box_login h2, #main2 #box_login h2 {
    background:#4c668d;  
    /*text-transform: uppercase; */
    margin:0; 
    padding: 7px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url(PIE.htc);*/
}

#main #box_reg, #box_form_error {
    background:#f1f1f1; 
    width: 90%; 
    margin: 0 auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
}

#box_form_success {
    background:lightgreen; 
    width: 90%; 
    margin: 0 auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
}

#box_form_info {
    background:#FFFF80; 
    width: 90%; 
    margin: 0 auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
}

#main2 #box_form_error {width: 100%;}
#main2 #box_form_success {width: 100%;}
#main2 #box_form_info {width: 100%;}

#main #box_reg table, #main2 #box_reg table{padding: 0px;}
#box_reg td {padding: 10px; border-bottom: 1px solid #fff;}
#main #box_reg h2 {
    background:#0079b3;  
    text-transform: uppercase; 
    margin:0; 
    padding: 10px 15px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url(PIE.htc);*/
}

/*#main #box_reg, #main2 #box_reg {min-height: 200px}*/

#box_reg td.first {width: 20%;}
#box_reg td.second {width: 18%;}
#box_reg td.third {width: 52%;}

#main2 #box_reg td.first {width: 20%;}
#main2 #box_reg td.second {width: 25%;}
#main2 #box_reg td.third {width: 52%;}

#main2 #box5 td.first, #main2 #box5-2 td.first, #main2 #box6 td.first, #main2 #box6-2 td.first {width: 0%; display: none;}
#main2 #box5 td.second, #main2 #box5-2 td.second, #main2 #box6 td.second, #main2 #box6-2 td.second {width: 20%; white-space:nowrap; vertical-align: top;}
#main2 #box5 td.third, #main2 #box5-2 td.third, #main2 #box6 td.third, #main2 #box6-2 td.third {width: 80%;}

#main2 #box5 td.third input.date_range,
#main2 #box5-2 td.third input.date_range,
#main2 #box6 td.third input.date_range,
#main2 #box6-2 td.third input.date_range {
    width: 83px;
    margin-right: 5px;
}

#main2 #box5 td.third img,
#main2 #box5-2 td.third img,
#main2 #box6 td.third img,
#main2 #box6-2 td.third img {
    margin-right: 5px;
    cursor: pointer;
}

#main #box_reg td {border-bottom: 1px solid #fff;}

#main #box_reg input.text, #main2 #box_reg input.text {
    width: 220px;
}

#main #box_filter input.text, #main2 #box_filter input.date_range {
    width: 110px;
    margin-right: 10px;
}

#main #box_reg select, #main2 #box_reg select {
    width: 228px;
}

#main #box_reg .checkbox, #main2 #box_reg .checkbox {
    display: inline;
    float: left;
    /*width: 90%;*/
}
#main2 div#box5 div.checkbox {
    width:220px;
    float:left;
}

#main #box_reg .checkbox.withtext span, #main2 #box_reg .checkbox.withtext span, #main2 #box5 .checkbox.withtext span, #main2 #box5-2 .checkbox.withtext span {
    cursor: pointer;
    vertical-align: top;
    display: block;
    height: 24px;
    width: 24px;
}
#main #box_reg .checkbox.withtext span.closed, #main2 #box_reg .checkbox.withtext span.closed, #main2 #box5 .checkbox.withtext span.closed, #main2 #box5-2 .checkbox.withtext span.closed {
    background: transparent url("../_images/expand.png") 50% 75% scroll no-repeat;
}
#main #box_reg .checkbox.withtext span.open, #main2 #box_reg .checkbox.withtext span.open, #main2 #box5 .checkbox.withtext span.open, #main2 #box5-2 .checkbox.withtext span.open {
    background: transparent url("../_images/collapse.png") 50% 75% scroll no-repeat;
}

#main #box_reg .checkbox p, #main2 #box_reg .checkbox p {
    display: block;
    width: 194px;
}

#main #box_reg .checkbox input.checkbox, #main2 #box_reg .checkbox input.checkbox {
    width: 20px;
}

#main #box_reg .checkbox td {border: 0px; padding: 5px; margin: 8px 0;}

#main #box_reg .checkbox td.name {width: 160px;}
#main #box_reg .checkbox td.price input.text {width: 50px;}
#main #box_reg .checkbox td.price input.text.comment {
    width: 220px;
    margin-bottom: 5px;
}
#main #box_reg .checkbox td.price select {width: 100px; margin-left: 10px;}
#main #box_reg .checkbox td.price select.unit {width: 120px; margin-left: 5px;}

#main2 #box5 .checkbox td, #main2 #box5-2 .checkbox td {border: 0px; padding: 5px; margin: 8px 0;}

#main2 #box5 .checkbox td.name, #main2 #box5-2 .checkbox td.name {width: 160px;}
#main2 #box5 .checkbox td.price input.text, #main2 #box5-2 .checkbox td.price input.text {width: 50px;}
#main2 #box5 .checkbox td.price input.text.comment, #main2 #box5-2 .checkbox td.price input.text.comment {
    width: 220px;
    margin-bottom: 5px;
}
#main2 #box5 .checkbox td.price select, #main2 #box5-2 .checkbox td.price select {width: 100px; margin-left: 10px;}
#main2 #box5 .checkbox td.price select.unit, #main2 #box5-2 .checkbox td.price select.unit {width: 120px; margin-left: 5px;}

#main2 #entriesPerPage {
    margin: 5px;
    margin-bottom: -10px;
}

#main2 #entriesPerPage form {
    font-size: small;
    text-align: right;
}

#main2 #entriesPerPage span {
    color: #333333;
    font-size: small;
    margin-right: 5px;
}

.formFieldRequired {
    color: red;
    margin-left: 4px;
    margin-right: 6px;
}

input.text.error, textarea.text.error, select.error, #main2 #box_reg input.date_range.error, input.date_range.error, input.date_time.error {
    border: 1px solid red;
}

#main #box_form_error, #main2 #box_form_error {
    margin-bottom: 15px;

    background-color: #ffb3aa;
    border: 1px solid #c6280d;
}
#box_form_error ul {
    margin: 15px 30px;
    padding: 0;
}

#main #box_form_success, #main2 #box_form_success {
    margin-bottom: 15px;

    background-color: lightgreen;
    border: 1px solid black;
}
#box_form_success ul {
    margin: 15px 30px;
    padding: 0;
}

#main #box_form_info, #main2 #box_form_info {
    margin-bottom: 15px;

    background-color: #FFFF80;
    border: 1px solid black;
}
#box_form_info ul {
    margin: 15px 30px;
    padding: 0;
}


#main #registrationDone {
    width: 90%; 
    margin: 0 auto;
    min-height: 200px;
}

#main #registrationDone h2 {
    background:#0079b3; 
    text-align: center; 
    margin:0; 
    padding: 30px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
}

/* Unterseite mit Menu  */
#main2 {
    /*border-left: 1px solid #4c668d;
    border-right: 1px solid #4c668d;*/
    font-size: 1.4em; 
    padding: 0px;
    background: #ffffff;
    position:relative;
    min-height: 350px;
}

#main2 .sidebar {
    width: 200px; 
    float:left; 
    margin-left: 0px;
    line-height: 1.4em;
    padding-top: 15px;
}
#main2 .sidebar p {
    background:url("../_images/sidebar_header.png") no-repeat;
    color: #ffffff;
    margin: 0;
    padding: 4px 0 0 8px;
    height: 43px;
    text-align: left;
    width: 200px;
    font-weight: bold;
    font-size: 0.9em;
}

#main2 #frmLanguageSelection {
    padding:0 10px;
    text-align: center;
}
#main2 #frmLanguageSelection input.flag {
    width:22px;height:14px;padding:9px;
}
#main2 #frmLanguageSelection input.flag.selected {
    background:transparent url("../_images/flags/shadow.png") 50% 50% no-repeat;
}
#main2 #frmLanguageSelection input#locale {
    display:none;
}

#main2 ul.sidebarmenu  {
    background:url("../_images/sidebar_sideline.png") repeat-y;	
    list-style:none; 
    margin:0; 
    padding:0;
}

#main2 ul.sidebarmenu  li {padding: 0; margin: 0px;}

#main2 ul.sidebarmenu li a {
    display: block;
    /*background: #008ccf;*/
    padding: 3px 10px;
    /*margin: 2px 0;*/
    text-align: left;
    text-decoration: none;
    /*color: #fff;*/
    width: 172px;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}

#main2 ul.sidebarmenu li a:hover, #main2 ul.sidebarmenu a.current_page_item {
    background: #4c668d;
    color: #eee;
    width: 172px;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}

#main2 ul.sidebarmenu li.last_menu_item {
    background:url("../_images/sidebar_end.png") no-repeat;	
    height: 5px;
}

#main2 .inner {padding: 15px;float:left; width: 730px; background:#FFF; min-height:530px;}

#main2 .innerHuge {padding: 15px;float:left; width: 930px; background:#FFF; min-height:450px;}

#main2 #box3,#main2 #box4,#main2 #box2,#main2 #box6,#main2 #box6-2,#main2 #box5,#main2 #box5-2, #box7, #box8, #boxsuchen5, #boxsuchenDetail {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
    position:relative;
    z-index:1;
    line-height: 1.3em;
}

#main2 #box3 h2,#main2 #box2 h3,#main2 #box4 h2,#main2 #box6 h2,#main2 #box6-2 h2,#main2 #box5 h2, #main2 #box5-2 h2, #box7 h2, #box8 h2, #boxsuchen5 h2, #boxsuchenDetail h2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url(PIE.htc);*/
    position:relative;
    z-index:2;
}

#main2 #box3 {
    background:#efece7; 
    width: 390px; 
    float: left; 
    margin: 0px 0 0 15px;

}
#main2 #box3 table {padding: 10px;width: 390px; }
#main2 #box3 table td a {padding-right:10px;}
#main2 #box3 h2 {background:#0079b3; text-transform: uppercase; margin:0; padding: 10px 15px;color: #fff;}

#main2 #box2 {background:#4c668d;width: 324px; float: left; margin: 0px 0 0 0;color: #fff;}
#main2 #box2 table {margin: 10px;}
#main2 #box2 .innen {padding: 10px;}
#main2 #box2 td, #main2 #box2 th {border-right:1px solid #fff;padding: 5px;}
#main2 #box2 h3 {background:#ff6700; margin:0; padding: 10px 15px;color: #fff;}

#main2 #box4 {
    /*background: none repeat scroll 0 0 #4c668d;*/
    color: #4C668D;
    border-bottom: 1px solid #CDCDCD;
    border: 1px solid #CDCDCD;
    width: 100%; 
    float: left; 
    margin: 15px 0 0 0;
}
#main2 #box6, #main2 #box6-2 {background:#4C668D; width: 100%; float: left; margin: 0 0 5px 0;color: #fff;}

#main2 #box4 table, #main2 #box6 table, #main2 #box6-2 table {padding: 0px; border-left:1px solid #cdcdcd; color: #535353;font-size: 0.9em;}
#main2 #box4 td, #main2 #box6 td, #main2 #box6-2 td, #main2 #box4 th, #main2 #box6 th, #main2 #box6-2 th {border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;padding: 5px;}
#main2 #box4 .even, #main2 #box5 .even, #main2 #box6 .even, #main2 #box6-2 .even {background:#e3e0da; color: #333}
#main2 #box4 h2, #main2 #box6 h2, #main2 #box6-2 h2 {
    /*background: none repeat scroll 0 0 #4c668d;*/
    color: #4C668D;
    border-bottom: 1px solid #CDCDCD;
    margin:0; 
    padding-left: 15px;
    padding-top: 5px;
    height: 22px;
}

#main2 #box5, #main2 #box5-2 {
    border: 1px solid #CDCDCD;
    width: 100%; 
    margin: 0 0 0;
    color: #555;
}
#main2 #box5 table, #main2 #box5-2 table {padding: 0px; color: #535353;}
#main2 #box5 div.innen, #main2 #box5-2 div.innen {padding: 10px; color: #535353;font-size: 0.9em;}
#main2 #box5 td, #main2 #box5 th, #main2 #box5-2 td, #main2 #box5-2 th {padding: 5px; color: #535353;}
#main2 #box5 h2, #main2 #box5-2 h2 {
    /*background: none repeat scroll 0 0 #4c668d;*/
    color: #4C668D;
    border-bottom: 1px solid #CDCDCD;
    margin:0; 
    padding-left: 15px;
    padding-top: 5px;
    height: 22px;
}

#main2 #box5 input.text, #main2 #box5-2 input.text,
#main2 #box5 input[type=password], #main2 #box5-2 input[type=password] {
    width: 220px;
}

#main2 #box5 input.date_time, #main2 #box5-2 input.date_time {
    width: 83px;
    margin-right: 5px;
}

#main2 #box5 img, #main2 #box5-2 img {
    margin-right: 5px;
    cursor: pointer;
}

#main2 #box5 textarea, #main2 #box5-2 textarea {
    min-width: 214px;
    max-width: 214px;
    min-height: 100px;
    max-height: 100px;
}

#main2 #box5 textarea.cke_source {
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
}

#main2 #box5 select, #main2 #box5-2 select {
    width: 228px;
}

#main2 #box7 {background:#efece7; width: 100%; margin: 0 0 0;color: #fff;}
#main2 #box7 table {padding: 0px; color: #535353;}
#main2 #box7 div.innen{padding: 10px; color: #535353;font-size: 0.9em;}
#main2 #box7 td {color: #535353;}
#main2 #box7 h2 {background:#4c668d; text-transform: uppercase; margin:0; padding: 10px 15px;color: #fff;}

#main2 #box7 input.text {
    width: 220px;
}

#main2 #box7 select {
    width: 228px;
}

#main2 #box7 td.first {width: 0%; display: none;}
#main2 #box7 td.second {width: 20%; white-space:nowrap;}
#main2 #box7 td.third {width: 80%;}

#main2 #box7 td.third input.daterange {
    width: 100px;
    margin-right: 12px;
}

#main2 #box8 {
    border: 1px solid #CDCDCD;
    width: 100%; 
    color: #555;
    float: left; 
    margin: 0;
}

#main2 #box8 h2 {
    /*background: none repeat scroll 0 0 #4c668d;*/
    color: #4C668D;
    border-bottom: 1px solid #CDCDCD;
    margin:0; 
    padding-left: 15px;
    padding-top: 5px;
    height: 22px;
    /*margin:0; 
    padding-left: 15px;
    padding-top: 8px;
    color: #555;
    height: 20px;
    border-bottom: 2px solid #999;*/
}

#main2 #box8 td {padding: 10px;}

/* Page Counter Menu */
#main2 ul.countnav {list-style:none; margin:0 auto; padding:0 250px; }

#main2 ul.countnav li {padding: 0; margin: 0px; float:left;}

#main2 ul.countnav li a {
    display: block;
    padding: 8px 10px;
    margin: 2px 0;
    text-align: left;
    text-decoration: none;
    color: #535353;
    font-size: 0.9em; 
}

#main2 ul.countnav li a:hover, #main2 ul.countnav a.current_page_item {color: #4c668d; text-decoration:underline;}

#main2 #subClientForCard span.errorbox,
#tableError td span.errorbox {
    color:#333;
}
#main2 #subClientForCard img {
    vertical-align: middle;
}

#main2 #box4 #paging, #main2 #box6 #paging, #main2 #box6-2 #paging {text-align: center; margin: 10px;}
#main2 #box4 #paging table, #main2 #box6 #paging table, #main2 #box6-2 #paging table {padding: 0px; border:0px;}
#main2 #box4 #paging td, #main2 #box6 #paging td, #main2 #box6-2 #paging td {border: 0px; padding: 5px;}
#main2 #box4 td.noEntries, #main2 #box6 td.noEntries, #main2 #box6-2 td.noEntries { text-align: center; }

#main2 #box_filter {background:#FFFFFF; width: 100%; color: #535353; float: left; margin: 5px;}
#box_filter h2 {display: none;}
#main2 #box_filter td.first {display: none;}
#main2 #box_filter td.second {width: 15%;}
#main2 #box_filter td.third {width: 85%;}

#main2 table.customButtonTable {padding-top: 10px; padding-bottom: 10px;}
#main2 td.customButton {padding: 0;}
#main2 td.customButtonPadding {width: 10px;}

#main2 #box4 a:link, #main2 #box4 a:visited,
#main2 #box6 a:link, #main2 #box6 a:visited,
#main2 #box6-2 a:link, #main2 #box6-2 a:visited {
    color: #333333;
    text-decoration: none;
}

#main2 #box4 a:hover, #main2 #box6 a:hover, #main2 #box6-2 a:hover {
    color: #333333;
    /*text-decoration: underline;*/
}


#main2 #box4 #list, #main2 #box6 #list, #main2 #box6-2 #list {
    /*width: 100%;*/
    padding: 1px;

}

#main2 span#btnUsedNumbers {
    color:#0082c3;
    cursor:pointer;
}
#main2 span#btnUsedNumbers:hover {
    text-decoration:underline;
}

#main #box_browser_info {
    background:#4c668d; 
    width: 474px; 
    margin: 0 auto;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
    margin-bottom: 15px;
}
#pwdHint,
#lengthinfo,
#browserHint,
#alertmails,
#importAdminUsersHint,
#hint {
    background:transparent url("../_images/lightbulb.png") 0% 50% scroll no-repeat;
    padding:3px 0 0 20px;
}
#browserHint {
    padding-top:10px;
    padding-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    font-weight:bold;
}

span#dateError {
    /*background:transparent url("../_images/exclamation.png") 0% 50% scroll no-repeat;
    padding:3px 0 0 20px;
    margin-left:20px;*/
    color: red;
}

span.upstate,
span.downstate {
    display:inline;
    padding:5px 0 5px 20px;
}
span.downstate {
    color:#C6280D;
}
#inet_state span.upstate {
    background:url("../_images/world_go.png") no-repeat scroll 0pt 50% transparent;	
}
#inet_state span.downstate {
    background:url("../_images/world_delete.png") no-repeat scroll 0pt 50% transparent;	
}
#datetime span.upstate {
    background:url("../_images/clock_go.png") no-repeat scroll 0pt 50% transparent;	
}
#datetime span.downstate {
    background:url("../_images/clock_stop.png") no-repeat scroll 0pt 50% transparent;	
}

/* Footer Menu */
#footer {
    padding: 0;
    margin-top: 10px;
    padding-top: 5px;
    /*background:url("../_images/footer.gif") repeat-x;*/
    border-top: 1px solid #999;
    height:45px;
    width: 100%;
    position: relative;
    float: left;
}

#footer #version {
    color: #666;
    float: left;
    font-size: 12px;
    padding: 10px;
    text-align: left;
}

#footer #copyright {
    color: #666;
    font-size: 12px;
    padding-top: 3px;
    text-align: center;
}

#footer ul {
    margin: 0;
    padding: 10px;
    list-style: none;
    float:right;
}

#footer ul li {
    padding: 0;
    margin: 0px;
    display: inline;
    float:left;
}

#footer ul li a {
    position: relative;
    display: block;
    padding: 0px 12px;
    text-align: left;
    font-size: 12px; 
    text-decoration: none;
    outline: none;
    color: #535353;
    border-right:1px solid #b9b9b9;
}
#footer ul li a.last {border-right: 0px solid;}

#footer li a:hover {
    color: #0079b3;
}


ul#help_menu {
    list-style:none;
    padding:0 30px;
    float:left;
    width:700px;
}
ul#help_menu li {
    float:right;
}

ul#help_toc {
    list-style:none;
    padding:0 15px;
}
ul#help_toc li.help_category {
    margin-top:10px;
    font-weight:bold;
    text-transform:uppercase;
}
ul#help_toc li.help_pagelink {
    margin-left:10px;
}

#help_buttons {
    padding: 0 15px 15px 15px;
    margin: 15px 0;
    background-color: #E3E3E3;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


div#box6 h1 {
    margin-left:15px;
    color:#fff;
    /*text-transform: uppercase;*/
}
ul#editSubclientMenu {
    margin:0 15px;
    padding:0;
    list-style: none;
    float:left;
}
ul#editSubclientMenu li {
    padding:5px;
    margin:0 1px 0 0;
    display: inline;
    float:left;
    background-color: #E3E3E3;
    text-align: center;
    border:1px solid #B9B9B9;
    border-bottom:none 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
ul#editSubclientMenu li a {
    position: relative;
    display: block;
    padding: 0px 12px;
    text-align: left;
    font-size: 1em; 
    text-decoration: none;
    outline: none;
    color: #535353;
}
ul#editSubclientMenu li a:hover { 
    color: #0079B3;
}
ul#editSubclientMenu #current_page_item a {
    color: #FFFFFF;
}
ul#editSubclientMenu #current_page_item {
    background-color: #4c668d;
}

div#detail_tab {
    border: 1px solid #CDCDCD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    width: 710px;
    padding: 0 10px 0 10px;
}