/************************
General
************************/

.gfx_btn {
    font-size: 12px;
    background: url("/static/images/button.png");
    height: 35px;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    color: white;
    font-family: sans-serif;
    font-weight: bold;
    display: inline-block;
    margin-right: 6px;
    margin-left: 3px;
    position: relative;
    margin-top: 3px;
    margin-bottom: 4px;
}

a:hover.gfx_btn {
    text-decoration: none !important;
}

.gfx_btn .right {
    background: url("/static/images/button.png") scroll top right;
    position: absolute;
    top: 0px;
    width: 3px;
    height: 35px;
    float: right;
}

* {
    padding: 0;
    margin: 0;
}

optgroup { 
    font: 12px Arial, Tahoma, Verdana sans-serif; 
    font-weight: normal; 
    font-style: normal; 
} 

option, optgroup 
{ 
    background: #fff; 
} 

option.alternate, optgroup.alternate 
{ 
    background: #EEE; 
} 

ul, ol {
    padding-left: 30px;
}

/* Ausrichtung der Buttons */
.button_adjustment {
    width: 100%;
    text-align: right;
}

.button {
    font: bold 11px Verdana, Tahoma, sans-serif;
    background: #DDDDDD;
    border: 1px solid #CCCCCC;
    padding: 2px;
    min-width: 80px;
}

.disabled_text {
    color: #999999;
    font-style: italic;
}

body {
    font: 12px Arial, Tahoma, Verdana sans-serif;
    background: #555555;
}

img {
    border: none;
}

#wrapper {
    width: 913px;
    margin: 0 auto 25px;
}

#imprint_line {
    line-height: 25px;
    text-align: right;
}

#imprint_line a {
    color: #CCCCCC;
    font-size: 10px;
    text-decoration: none;
}

#login_form a {
    color: #666666;
    font-weight: bold; 
    text-decoration: none;
}

/*div#content a {*/
/*    font-weight: bold; */
/*}*/

#imprint_line a:hover {
    color: #FFFFFF;
}

#main {
    background: #FFFFFF url('/static/images/shadow_right.jpg') no-repeat right top;
    width: 911px;
    border: 1px solid #FFFFFF;
}

* html #main {
    \width: 913px; /* for IE5 and IE6 in quirks mode */
    w\idth: 911px; /* for IE6 in standards mode */
}

.slogan {
    float: left;
    line-height: 25px;
    color: #CCCCCC;
    font-size: 10px;
}

#header1 {
    height: 89px;
}

#logo {
    float: left;
}

#login_form {
    height: 46px;
    padding-top: 20px;
    text-align: right;
    margin-right: 20px;
}

* html #login_form {
    \height: 66px; /* for IE5 and IE6 in quirks mode */
    h\eight: 46px; /* for IE6 in standards mode */
}

#login_form input {
    padding: 2px;
    font: 11px sans-serif;
    border: 1px solid #CCCCCC;
}

#tabs {
    list-style-type: none;
    float: right;
}

#tabs li {
    float: left;
    margin-right: 1px;
    background: url('/static/images/tab_right.png') no-repeat right top;
}

#tabs li.current {
    background: url('/static/images/tab_right_current.png') no-repeat right top;
}

#tabs li a {
    background: url('/static/images/tab_left.png') no-repeat;
    display: block;
    padding: 0 8px;
    line-height: 23px;
    color: #444444;
    text-decoration: none;
    font-size: 10px;
}

#tabs li.current a {
    background: url('/static/images/tab_left_current.png') no-repeat;
    color: #000000;
    font-weight: bold;
}

#header2 {
    background: #161F52 url('/static/images/transp.png') no-repeat;
    height: 46px;
    padding-left: 240px;
}

#header2 h1 {
    line-height: 46px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
}

#body {
    background: #EEEEEE;
}

#sidebar {
    width: 196px;
    float: left;
    margin-top: -23px;
    margin-bottom: 10px;
}

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

#sidebar li {
    background: #BFBBB4;
    border-bottom: 1px solid #B4B0A8;
}

#sidebar li.depth_0 {
    background: url('/static/images/title.png') no-repeat;
    line-height: 23px;
    font-weight: bold;
    padding-left: 5px;
}

#sidebar li.depth_1 {
    padding-left: 7px;
}

#sidebar li.depth_2 {
    padding-left: 20px;
}

#sidebar li.depth_3 {
    padding-left: 33px;
}

#sidebar li a {
    text-decoration: none;
    color: #9E373E;
    font-size: 10px;
    line-height: 22px;
}

#sidebar li a img {
    float: left;
    position: relative;
    top: 4px;
    margin-right: 4px;
}

#sidebar li.current {
    background: #B4B0A8;
}

#info {
    background: #FFFFFF url('/static/images/shadow_right.jpg') no-repeat right top;
}

.info_box {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #B0ADAA;
    padding: 10px;
}

#content {
    float: right;
    width: 695px;
    padding: 10px;
}

* html #content {
    \width: 715px; /* for IE5 and IE6 in quirks mode */
    w\idth: 695px; /* for IE6 in standards mode */
}

#content a {
    text-decoration: none;
    color: #9E373E;
}

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

img.inline_icon {
    margin: 0 2px;
    vertical-align: middle;
}
.image-gallery .image-link {
    display:block;
    float:left;
    margin: 0 10px 10px 0;
    text-align:center;
}
.image-gallery .image-thumbnail {
    width:60px;
    height:80px;
    text-align:center;
    display:block;
}
.image-gallery .image-thumbnail img {
    display:inline;
    max-height:100%;
    width:auto;
    max-width:100%;
}
.project_description {
    color: #6E6E6E;
    padding-left: 20px;
}

.boxwrapper {
    float: left;
    overflow: hidden;
}

.boxwrapper_100 { width: 100%; }
.boxwrapper_75  { width:  75%; }
.boxwrapper_67  { width:  67%; }
.boxwrapper_49  { width:  49%; }
.boxwrapper_50  { width:  50%; }
.boxwrapper_51  { width:  51%; }
.boxwrapper_33  { width:  33%; }
.boxwrapper_25  { width:  25%; }

.boxwrapper_right  { float: right; }
.boxwrapper_center { float: none; margin: 0 auto; }

.box {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 0;
    margin: 4px;
    height: 100%;
}

.boxwrapper .box {
    margin: 2px;
}

.box h3 {
    background: #161F52 url('/static/images/transp2.png') no-repeat;
    color: #FFFFFF;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    margin: 1px;
    padding: 0 4px;
}

.box h3 a {
    color: #FFFFFF;
}

.box h3 img {
    position: relative;
    top: 2px;
    float: left;
    margin-right: 3px;
}

.box .hr {
    border-bottom: 1px solid #CCCCCC;
    font-size: 0px;
    line-height: 0px;
    height: 1px;
    margin-bottom: 1px;
}

.box .blockwrapper {
    float: left;
    overflow: hidden;
}

.box .blockwrapper_100 { width: 100%; }
.box .blockwrapper_75  { width:  75%; }
.box .blockwrapper_67  { width:  67%; }
.box .blockwrapper_49  { width:  49%; }
.box .blockwrapper_50  { width:  50%; }
.box .blockwrapper_51  { width:  51%; }
.box .blockwrapper_33  { width:  33%; }
.box .blockwrapper_25  { width:  25%; }

.box .block {
    padding: 3px;
    margin: 0 1px 1px;
    line-height: 1.3em;
}

.box .noform_block {
    padding: 5px 7px;
}

.box .block h4 {
    font: bold 11px Verdana, Tahoma, sans-serif;
    margin: 5px 0;
}

.box .block h4.noicon {
    margin-left: 19px;
}

.box .block h4 img {
    float: left;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.box .block .subheader {
    margin-left: 20px;
    color: #666666;
}

.box .block p {
    margin-bottom: 7px;
}

.box .block_alternate {
    background: #DDDDDD;
}

.price-box .box {
    float:left;
}
.price-box .box #header2.header {
    background-color:#161f52;
    width:218px;
    font-weight:bold;
    padding:5px;
    text-align:center;
    color:#fff;
    box-sizing:border-box;
    padding: 10px;
    background-size:cover;
}
.price-box .box #header2.header h1 {
    float: none;
    font-size: 20px;
    line-height: 100%;
}

.price-box .content {
    background:rgba(191,187,180,1);
    background:-moz-linear-gradient(45deg, rgba(191,187,180,1) 0%, rgba(219,219,219,1) 100%);
    background:-webkit-gradient(left bottom, right top, color-stop(0%, rgba(191,187,180,1)), color-stop(100%, rgba(219,219,219,1)));
    background:-webkit-linear-gradient(45deg, rgba(191,187,180,1) 0%, rgba(219,219,219,1) 100%);
    background:-o-linear-gradient(45deg, rgba(191,187,180,1) 0%, rgba(219,219,219,1) 100%);
    background:-ms-linear-gradient(45deg, rgba(191,187,180,1) 0%, rgba(219,219,219,1) 100%);
    background:linear-gradient(45deg, rgba(191,187,180,1) 0%, rgba(219,219,219,1) 100%);
    width:218px;
    border:grey 1px solid;
    box-sizing:border-box;
}
.price-box .box .gfx_btn {
    margin:0px;
    width:100%;
    font-size:9px;
}
.price-box .box ul{
    list-style-type:none;
    padding-left:0px;
}
.price-box .box li {
    padding:5px;
    border-bottom:#fff solid 1px;
    text-align:center;
}
.price-box .box .content.price {
    background:#EEE;
    padding:15px 0px;
    text-align:center;
    font-family: sans-serif;
    font-size:26px;
    font-weight:bold;
    color:#000;
}
.price-box .box .content.option {
    background:#EEE;
    padding:15px 0px;
    text-align:center;
    height:45px;
}
.price-box .box .content.option.error {
    background:#FFDADA;
}

.price-box .box .content.option input {
    cursor:pointer;
}
.order.gfx_btn {
    font-size:12px !important;
    color:#FFF !important;
    cursor:pointer;
    padding-right: 10px;
    padding-left: 10px;
}
.other.gfx_btn {
    font:bold 12px !important;
    color:#000 !important;
    cursor:pointer;
    background: #DDD none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    padding-right: 10px;
    padding-left: 10px;
    height: 32px;
    margin-top: 4px;
}
.order.gfx_btn.left {
    float:left;
}
.order.gfx_btn.right {
    float:right;
}
.price-box .box .content.price .interval {
    font-size:12px;
    text-align:right;
    padding-right: 5px;
    color:#444;
}
.info_box .block, .box .important_block {
    background: #ffb3b3;
    color: #555555;
    line-height: 1.4em;
}
.info_box .block, .box .info_block {
    background: #DFE5FA;
    color: #555555;
    line-height: 1.4em;
}

.disabled_box h3 {
    background-color: #DDDDDD;
    color: #666666;
}

.disabled_box .block {
    background: #DDDDDD;
    color: #555555;
}

.box_collapsed .block, .box_collapsed .blockwrapper, .box_collapsed hr {
    display: none;
}

.message_status, .message_failure, .message_hint {
    margin-bottom: 10px;
}

.message_status { border-color: #C8F4C8; }
.message_status h3 { background-color: #06C606; }
.message_status .block { background: #DAFFDA; }

.message_failure { border-color: #F4C8C8; }
.message_failure h3 { background-color: #C60606; }
.message_failure .block { background: #FFDADA; }

.message_hint { border-color: #C8C8F4; }
.message_hint h3 { background-color: #FF9900; }
.message_hint .block { background: #FFCC99; }

.clearer {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}

#footer {
    background: url('/static/images/footer.png') repeat-x;
    color: #555555;
    line-height: 24px;
    font-size: 10px;
    text-align: center;
}



/************************
Tables
************************/

table {
    border-collapse: collapse;
}

td, th {
    border-bottom: 1px solid #CCCCCC;
    padding: 3px 5px;
    vertical-align: top;
}

table.layout td {
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

tr.alternate td {
    background: #EEEEEE;
}

th {
    background: #161F52;
    color: #FFFFFF;
    text-align: left;
}

th.numeric,
td.numeric {
    text-align: right;
}

.disabled_box .block td, th {
    border-color: #CCCCCC;
}

.disabled_box .block th {
    background: #888888;
}

.disabled_box .block tr.alternate td {
    background: #D8D8D8;
}
table.features-table th,
table.features-table td {
    text-align:center;
    border-right:1px dotted #CCC;
}
table.features-table th:first-child,
table.features-table td:first-child {
    text-align:left;
}
/*table {
    border-collapse: collapse;
}

td, th {
    border: 1px solid #FFFFFF;
    background: #EEEEEE;
    padding: 3px 5px;
}*/

table.topsites {
    width: 100%;
}

table.topsites td {
    width: 33%;
    border: none;
    padding: 10px 0;
}


/************************
Pager
************************/

.pager {
    text-align: center;
}

.pager span, .pager a {
    vertical-align: middle;
}

.pager_first, .pager_previous, .pager_next, .pager_last {
    padding: 0;
    font-weight: bold;
}

.pager_disabled {
    font-weight: bold;
    color: #BBBBBB;
}

.pager_pages {
    margin: 0 2px;
}

.pager_pages a, .pager_current {
    margin: 1px;
    padding: 0 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border: 2px solid #9E373E;
    border-width: 1px 1px;
}

.pager_current {
    background: #9E373E;
    color: #FFFFFF;
}
/*.pager_current:hover {
    background: #BBBBBB;
    color: #000;
    border-color: #000;
}*/

.pager_pages a {
}

.pager_pages a:hover {
    background: #9E373E;
    color: #FFFFFF !important;
}

/************************
ToolTipText
************************/

#mytooltip {
    position         : absolute;
    background-color : #FFFFCC;
    border           : solid 1px #FFCC66;
    top              : 0;
    left             : 0;
    visibility       : hidden;
    padding          : 2px;
    margin           : 0px;
    font-size : 11px;
    font-family: sans-serif;
}


/************************
Forms
************************/

.form-image {
    width: 360px;
}

.form-image img {
    max-width: 100%;
    max-height: 100px;
}

.form_file, .form_text, .form_password, .form_select, .form_textarea, .form_radiogroup, .form_checkboxgroup, .form_checkbox, .form_multi {
    margin: 8px 2px;
}

.form_file input, .form_text input, .form_password input, .form_select select, .form_textarea textarea, .form_checkbox input, .form_multi input {
    font: 12px Verdana, Tahoma, sans-serif;
    border: 1px solid #CCCCCC;
    padding: 1px;
}

.form_file input, .form_text input, .form_password input, .form_textarea textarea, .form_checkbox input, .form_multi input {
    background: #FFFFFF url('/static/images/input_fade.png') repeat-y right top;
}

.form_file input, .form_text input, .form_password input, .form_select select, .form_textarea textarea {
    width: 97%;
}

.form_select select {
    width: 98%;
}

.form_select select optgroup option {
    padding-left: 10px;
}

.form_checkboxgroup input, .form_radiogroup input {
    float: left;
    position: relative;
    top: 1px;
    margin-right: 5px;
    border: none;
}

.form_file label, .form_text label, .form_password label, .form_select label, .form_textarea label, .form_multi label, .form_radiogroup div, .form_checkboxgroup div {
    color: #444444;
    font-size: 10px;
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
}

.form_radiogroup .form_comment, .form_checkboxgroup .form_comment {
    display: block;
}

.form_checkboxgroup label, .form_radiogroup label {
    vertical-align: middle;
}

.form_multi .form_elements label {
    display: inline;
}

.form_multi .form_elements input {
    margin-right: 10px;
}

.form_label .required_asterisk {
    display: none;
}

.form_captcha {
    padding: 0 2px;
}

.constraint_required .required_asterisk, .input_required_info .required_asterisk {
    display: inline;
    color: #FF0000;
}

.input_required_info {
    color: #555555;
    font-size: 10px;
    margin-top: 5px;
    text-align: left;
}

.form_submit {
    display: inline;
    margin-top: 5px;
    padding: 5px 2px 0;
}

.form_submit input {
    font: bold 11px Verdana, Tahoma, sans-serif;
    background: #DDDDDD;
    border: 1px solid #CCCCCC;
    padding: 2px;
    min-width: 80px;
}

.form_comment .form_comment {
    font-size: 10px;
    font-weight: normal;
    color: #555555;
    margin-bottom: 2px;
}

.form_error input, .form_error select, .form_error textarea {
    background: #FFDADA;
    border: 1px solid #F4C8C8;
}

.form_error .error_message {
    font-size: 10px;
    font-weight: normal;
    color: #C60606;
    margin-top: 2px;
}

.status_aktiv, .status_inaktiv, .filter_ja, .filter_nein, .protocol_type_insert, .protocol_type_update, .protocol_type_delete, .validation_valid, .validation_invalid, .validation_unknown { 
    font-weight: bold; 
} 

.status_aktiv, .filter_ja, .protocol_type_insert, .validation_valid { 
    color: #339900;
}

.status_inaktiv, .filter_nein, .protocol_type_delete, .validation_invalid { 
    color: #FF0000;
}

.protocol_type_update, .validation_unknown { 
    color: #2C92DB; 
}

/*jQuery*/

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-tabs {
    border: 0;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 0.2em 0.5em;
}


/* Sprachauswahl */
.lang-select-current {
    cursor: pointer;
    border: 1px solid #888888;
    padding-left: 16px;
    padding-right: 2px;
    background: #666666 url('/static/images/icons/arrow_right.gif') no-repeat;
}
.lang-select-current-down {
    background-image: url('/static/images/icons/arrow_down.gif');
}
.lang-select-current-loading {
    background-image: url('/static/images/icons/loading.gif');
}
.lang-select-other {
    position: absolute;
    top: 20px;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    z-index: 1000;
}
.lang-select-other a {
    color: #333333 !important;
    display:block;
    width:80px;
}
.lang-select-other a:hover {
    background: #CCCCCC;
    color: #FFFFFF !important;
}
/* google translator */
#google_translate_element {
    display:inline;
    border: 1px solid #888;
    background: #666;
position:relative;
}
#google_translate_element .goog-te-gadget {
    display:inline;
}
#google_translate_element .goog-te-gadget-simple {
    background: #666;
    display:inline;
    font-size: 10px;
    padding:0;
    border:none;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
    color: #CCC;
    font: 10px Arial,Tahoma,Verdana sans-serif;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value:hover {
    color: #FFF;
}

#google_translate_element .goog-te-gadget-simple .goog-te-gadget-icon {
    width:12px;
    height:12px;
}

/* E2MA */
#shadow-layer
{
    width: 100%;
    min-height: 800px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.5) !important;
    background-color: #000;
    filter: alpha(opacity = 50);
}
#iframe-layer
{
    width: 800px;
    height: 600px;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 50%;
    margin-left: -400px;
    opacity: 1;
    filter: alpha(opacity = 100);
}
#iframe-topbar
{
    width: 790px;
    background: rgba(255, 255, 255);
    background-color: #fff;
    border: 5px solid #e5e5e5;
    overflow: hidden;
}
#iframe-topbar-txt
{
    float: left;
    font: normal 18px Arial;
    color: #333;
    padding: 10px;
}
#iframe-exit
{
    float: right;
    margin: 15px 20px 0 0;
}
#iframe-exit img
{
    border: 0;
}
#iframe-container
{
    width: 790px;
    height: 600px;
    margin-top: 10px;
    border: 5px solid #e5e5e5;
}

/* Admin */
.admin-find, .admin-projects
{
    padding: 0px;
}

.admin-find-entry, .admin-projects-entry, .protocol-entry, .subdomain-entry, .user_domain-entry, .states-entry 
{
    padding: 2px !important;
}

.collapse_and_expand, .collapse_and_expand img
{
    padding: 0px !important;
    margin: 0px !important;
    float: right !important;
}

.accordion-headline-text {
    float:left;  
    overflow:hidden;
    width:500px;
    height:18px; 
}

.inline_status
{
    float: right;
}

.status_icon 
{ 
    width: 16px; 
    height: 16px; 
    float: left; 
    margin: 1px; 
} 
 
.low_alpha 
{ 
    opacity: 0.15; 
    filter: "alpha(opacity=15)"; 
} 
 
.last_status_icon 
{ 
    padding-right: 5px; 
} 
 
.selectbox_reference_object_element_projects, .selectbox_reference_object_element_users 
{ 
    font-weight: bold; 
} 
 
.selectbox_reference_object_element_users, .selectbox_reference_table_element_users 
{ 
    background: #FFDE00; 
} 
.selectbox_reference_object_element_user_states, .selectbox_reference_table_element_user_states 
{ 
    background: #FFED73; 
} 
.selectbox_reference_object_element_user_roles, .selectbox_reference_table_element_user_roles 
{ 
    background: #FFBA00; 
} 
.selectbox_reference_object_element_projects, .selectbox_reference_table_element_projects 
{ 
    background: #5DCEC6; 
} 
.selectbox_reference_object_element_project_categories, .selectbox_reference_table_element_project_categories 
{ 
    background: #62B1D0; 
} 
.selectbox_reference_object_element_project_states, .selectbox_reference_table_element_project_states 
{ 
    background: #408AD2; 
} 
.selectbox_reference_object_element_service_webspaces, .selectbox_reference_table_element_service_webspaces 
{ 
    background: #6C8CD5; 
} 
.selectbox_reference_object_element_service_redirections, .selectbox_reference_table_element_service_redirections 
{ 
    background: #717BD8; 
} 
.selectbox_reference_object_element_mysql_databases, .selectbox_reference_table_element_mysql_databases 
{ 
    background: #876ED7; 
} 
.selectbox_reference_object_element_subdomains, .selectbox_reference_table_element_subdomains 
{ 
    background: #64DE89; 
} 
.selectbox_reference_object_element_subdomain_states, .selectbox_reference_table_element_subdomain_states 
{ 
    background: #46A229; 
} 
.selectbox_reference_object_element_user_domains, .selectbox_reference_table_element_user_domains 
{ 
    background: #FF8373; 
}
.selectbox_reference_object_element_user_domain_states, .selectbox_reference_table_element_user_domain_states 
{ 
    background: #BF4E30; 
}

#reference_object_link
{
    display: none;
    margin-top: 25px;
}

#reference_object_link, #reference_object_element
{
    float: left;
}

#reference_object_element
{
    width: 90%;
}