/*table * { color: inherit; }*/

input, select, option { font-size: 12px; }
input, select, a, option { color: #444;  }

.font-size-14 { font-size: 14px; }
.font-size-13 { font-size: 13px; }
.font-size-12 { font-size: 12px; }
.font-size-11, .middle { font-size: 11px; }
.font-size-10, .small {	font-size: 10px; }

.padding-left-5 { padding-left:5px; }
.padding-left-10 { padding-left:10px; }
.padding-left-15 { padding-left:15px; }
.padding-left-20 { padding-left:20px; }

.red, .red a { color: #E83A75; }
.orange { color: #F1AE39; }
.green { color: #6BB555; }
.error_failed { color: #D81428; }
.error_success { color: #87B50D; }
.error_pending { color: #7CA3C9; }

.countdown_green { height: 6px; background: url(../gfx/bg/countdown_green.gif) repeat-x; }
.countdown_yellow { height: 6px; background: url(../gfx/bg/countdown_yellow.gif) repeat-x; }
.countdown_red { height: 6px; background: url(../gfx/bg/countdown_red.gif) repeat-x; }

.nowrap { white-space: nowrap; }

.inline_block { display:inline-block; }
.left { float: left; }
.right { float: right; }
td.left, td.right, th.left, th.right { float: none; }
td.center, th.center, .text_center { text-align: center; }
td.left, th.left, .text_left { text-align: left; }
td.right, th.right, .text_right { text-align: right; }
tr.top { vertical-align: top; }
tr.middle { vertical-align: middle; }


form { margin: 0px; padding: 0px; }

ul, ol, li { margin: 0px; padding: 0px; }

pre { text-align: left; margin:0px; }
hr { border-top: 1px solid #ccc; height: 1px; margin-bottom: 10px; clear: both; }
img { vertical-align: middle; border: 0px none; }


span input.submit { border: 1px solid #333; }
span.border_green input.submit { border: 1px solid #090 ; }

input.submit, a.submit {
	width: 139px; height: 23px;
	/*padding:4px 8px; max-width: 139px;*/
	font-weight: bold; color: #6E6E6E; transition: color 0.2s;
	cursor: pointer;
	background: url(../gfx/bg/submit_bg.jpg) repeat-x left 0px;
	border: 1px solid #ccc;
}

.small input.submit { width: 100px; font-size: 11px; height: auto; }

.language { font-size: 11px; margin: auto auto; color:#999; text-align:left; }

a.category {
	display: block;
}

.clear { clear: both; font-size: 1px; }

/********************************* css.css ******************/

.opac_light, .opac_light img, a.opac_light { opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4; }
.opac_medium, .opac_medium img, a.opac_medium { opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60; }

.loading {
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	 background: #fff url(../gfx/loading/loading.gif) 50% 55% no-repeat;
	 border: 1px solid #aaa;
	 text-align: center;
	 font-weight: bold;
	 position: absolute; /*top: 0px;*/ /*bottom: 30px;*/
	 top: 220px; left: 30%; width: 40%; height: 200px;
	 z-index: 10;
	 /* white-space: pre; */
}
.loading h2 { padding-top: 3px; color: #000; border-bottom: 1px solid #999; background: #eee; font-size: 18px; display: block; }
.loading p { padding-top: 8px; color: #000; font-size: 12px; }

a.b, a.b_active { }
a.b_active { color: red; font-size: 15px; font-weight: bold; }
a.b:hover, a.b:active, a.b_active:hover, a.b_active:active { color: red; }
a.b_active:hover, a.b_active:active { }


img.overlib_img { cursor: help; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; }
img.overlib_img:hover { cursor: help; opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; }

div#overDiv { text-align: left; }
div#overDiv .help_header {
	height: 13px;
	font-size: 10px; font-weight: bold;
	padding: 1px 1px 0px 1px;
	background: #A2C6ED url(../gfx/bg/overlib_header.gif) left repeat-y; color: white;
	border: 1px solid #999; border-bottom: 0px none;
}
div#overDiv .help_header img.close { cursor: pointer; float: right; }

div#overDiv .help_content {
	padding: 2px; padding-bottom: 7px; font-size: 12px; font-family: monospace; color: #333;
	background: #EEF1E8 url(../gfx/header_bg.gif) bottom repeat-x; border: 1px solid #999;
}


.list { overflow: auto; }

.even { background: #FDFDFC; }
.uneven { background: #EAEAEA; }
.active_row { background-color: #ffffd0; }

.order_bar .order_key {
	display: block; float: left; text-align: center; min-width: 100px;
	white-space: nowrap; padding: 0px 3px 0px 5px; border-left: 1px solid #bbb; line-height: 21px; height: 22px;
}
.order_bar .order_key:first-child { border-left: 0px none; }

a.h1_icon
{ 	font-size: 11px; white-space: nowrap; margin-right: 10px; }


.border_0, tr.border_0 td { border: 0px none; }
.bold { font-weight: bold; }
.middle, .middle td { vertical-align: middle; }
.center, .center td { text-align: center; }
span.center { display: block; }
.padding_top, .padding_top td { padding-top: 10px; }


.MAIN_CONTENT_CONTAINER a img { color: #444; opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60; transition: opacity 0.2s; }
.MAIN_CONTENT_CONTAINER a:hover img { opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; }


.list_index { text-align: center; border: 1px solid #999; }



.error, .failed, .ok { font-weight: bold; }
.error img, .failed img, .ok img { /*margin-right: 10px;*/ }
.detail { margin-left: 35px; font-style: italic; font-weight: normal; font-size: 10px; }
.detail_code { font-size: 10px; }


.popup_icon
{ cursor: pointer; }
.disabled .item label { color: #bbb; }
.hilite_filter label { color: #c55; }

div.submit { margin-bottom: 20px; margin-top: -15px; text-align: center; } 	/* -15px, um den Abstand der dar�berliegenden (zugeh�rigen) contentBox (20px) zu verringern */
div.contentBox div.submit { margin-bottom: 10px; margin-top: 10px; text-align: center; }		/* innerhalb der contentBox margin auf 10px */



table { border-collapse: collapse; padding: 0px; margin: 0px; }
td { text-align: left; vertical-align: top; padding: 0px; margin: 0px; }




.bg_white { background-color: #fff; }
.bg_gray { background-color: #EAEAEA; }
.bg_orange { background-color: #ffeebb; }
.bg_green { background-color: #CEF0BA; }
.bg_blue { background-color: #BAD2F0; }
.bg_purple { background-color: #F9AFC5; }
.bg_yellow { background-color: #ffa; }
.bg_green { background-color: #CEF0BA; color: #000; }
.bg_red { background-color: #faa; color: #000; }


div#overDiv .help_header { padding-left: 5px; }
div#overDiv .help_content { font-family: Arial,Helvetica,sans-serif; font-size: 11px; padding-left: 5px; }
.ol_info { background-color: #fafafa; padding: 10px; border: 1px solid #555;}	/* overlib_info */



/**********     <div class="<?=$NAV->section?> <?=$NAV->page?>">     **********/

/******* my_css.css *******/

.ueberschrift { font-size: 13px; font-weight: bold; text-align: left; }

.login_logout { position: absolute; top: 5px; right: 10px; }

div.header #logout { padding: 0px; position: absolute; right: 10px; top: 6px; }

div.mainBox.loginInfo,
div.create_auth.mainBox {
	margin: auto auto;
	min-height: 564px;
	background: #fff;
	border: 1px solid #B3B3B3;
	width: 985px; position: relative; text-align: left;
	box-shadow:rgba(0,0,0,.4) 0px 10px 30px 10px;
}


.MAIN_TABLE { float: left; width: 100%; height: 460px; }
.MAIN_LEFT { width: 1%; border-right: 1px solid #aaa; background: #B1B1B1 url(../gfx/bg/left_menu/bg_left_menu.jpg) left 105px repeat-x; }
.popup .MAIN_CONTENT_CONTAINER,
.MAIN_CONTENT_CONTAINER {
	padding: 20px;
	background: #fff;
	/* width: 739px; */
	text-align: left;
	min-height: 400px; height: auto !important; height: 400px;
}

/*
.top_menu {
	line-height: 16px;
	position: relative; top: -10px;
	overflow: hidden;
}
.top_menu table { }

.top_menu td { border: 0px solid red; padding: 0px 0px; }
.top_menu a {
	display: block; padding: 4px 0px; color: white; font-weight: bold; width: 100%;
	background: #555 url(../gfx/bg/bg_top_menu.gif) repeat-x left top;
	border: 1px solid #aaa;
	margin-top: 11px;
}

.top_menu a.open, .top_menu a.open:hover {
	border: 1px solid #aaa; border-bottom-color: #fff;
	color: #555; font-size: 13px; z-index: 10;
	position: relative; width: 104%; left: -2%;
	background: #fff url(../gfx/bg/bg_top_menu_open.gif) repeat-x top left;
	margin-top: 4px; padding: 10px 0px 5px 0px;
}

.top_menu a:hover {
	background: #f1f1f1 url(../gfx/bg/bg_top_menu_hover.gif) repeat-x top left;
}
*/


/* -------------------------------------------------------------------------------------- */
/*** LEFT-MENU ***/
/* -------------------------------------------------------------------------------------- */
.left_menu { width: 205px; }
.left_menu_item { background: #E4E5E6 url(../gfx/bg/left_menu/bg_button_left_menu.gif) repeat-x top left; }
.indent_3 { padding-left: 20px; }
.indent_4 { padding-left: 40px; }

.left_menu_item a {
	background: url(../gfx/bg/left_menu/button.png) no-repeat 10px 50%;
	display: block; line-height: 30px;  padding-left: 34px;
	/*border-bottom: 1px solid #ddd;*/
	text-shadow: 0px 1px 0px white;
}
.left_menu_item a:hover { color: #000; }
.left_menu_item a.open {
	background: url(../gfx/bg/left_menu/button_hover.png) no-repeat 10px 50%;
}
.left_menu_item a.active { font-weight: bold; color: #333; /*background-color: #E6F7FF; color: #e00; */ }


/* -------------------------------------------------------------------------------------- */
/* CONTENT-BOX */
/* -------------------------------------------------------------------------------------- */

h2.contentBox a { color: #fff; }
h2.contentBox input, div.contentBox h2 input { border: 0px none; background: none; color: #fff; }
.h2_right { font-size: 10px; color: #fff; }

div.contentBox, .content_box {
	overflow: visible; clear: both;
}

div.contentBox .desc, div.contentBox p, div.cost_warning { margin-bottom: 10px; }
.cost_warning_top.button_modify input[type="submit"] { margin-top: 10px; }

div.margin_0 { margin: 0px; }
/*.shadow { -moz-box-shadow: 2px 2px 4px 0px #999; -webkit-box-shadow: 2px 2px 4px 0px #999; box-shadow: 2px 2px 4px 0px #999; }
*/

.box { border: 1px solid #bbb; background: #f8f8f8; padding: 5px 9px; }
div.gui_contentBox { border-top: 1px solid #bbb; border-radius: 6px 6px 6px 6px; }



table.table_modus { border: 0px none; width: 100%; font-size: 12px; }
table.table_modus th { padding: 5px 3px; }
table.table_modus td { padding: 5px 3px; }

table.table_modus tr.even { background-color: #fff; }
table.table_modus tr.uneven { background-color: #ddd; }


.bg_red { background-color: #fcc; }
.bg_yellow { background-color: #ffa; }
.bg_green { background-color: #cfc; }
.bg_blue { background-color: #aaf; }


.optgroup_folder { padding-left: 18px; background: #ddd url(../gfx/icons/optgroup_folder.png) 0px center no-repeat; color: #555; }
.options_html { padding-left: 18px; background: url(../gfx/icons/options_html.jpg) 2px center no-repeat; }
.options_php { padding-left: 18px; background: url(../gfx/icons/options_php.gif) 2px center no-repeat; }
.options_css { padding-left: 18px; background: url(../gfx/icons/options_css.gif) 2px center no-repeat; }
.options_xml { padding-left: 18px; background: url(../gfx/icons/options_xml.gif) 2px center no-repeat; }


tr.vertical_middle td { vertical-align: middle; }


.box_toggle { margin-top: 8px; clear: both; }
.box_active { display: block; border: 1px solid #9C9C9C; } .box_inactive { display: none; }
.box_toggle .handle { background-color: #eee; }
.box_toggle .address { background-color: #EEF1E8; }
.box_toggle .h2 { background-color: #ddd; color: #4a4a4a; /*border-bottom: 1px solid #999; text-align: center;*/ }
.box_toggle .items { padding: 10px 5px; clear: both; }

.box_toggle .handle .label { width: 215px; max-width: none; }


.box_toggle .handle .item { width: auto; margin-right: 10px; }
.box_toggle .handle .item .widget { width: 150px; }




.nowrap, tr.nowrap td { white-space: nowrap; }
hr { border: 0px none; border-top: 1px solid #aaa; height: 0px; margin: 12px 0px; }

a.link_button, .link_button {
	padding: 0px 5px; font-size: 11px; line-height: 18px;
	background-color: #ddd; border: 1px solid #aaa; white-space: nowrap;
}
a.link_button:hover, .link_button:hover { background-color: #fff; color: #000; }

textarea.error::placeholder,
.error { color: red; font-weight: bold; }
.success { color: green; font-weight: bold; }



a.sitemap { display: block; padding: 4px; padding-right: 30px; }
a.sitemap:hover, a.sitemap:active, .sitemap_active a.sitemap
{ border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 3px; padding-right: 30px; background-color: #f5f5f5; }
.sitemap_active a.sitemap { font-weight: bold; }


tr.border_top td { border-top: 1px solid #bbb; vertical-align: top; padding: 0px 2px; }



.button_box a { padding: 0px 2px 1px 2px; background: #ddd; border: 1px solid #aaa; }
.button_box a:hover { background: #f5f5f5; }

.border_box { border: 1px solid #aaa; padding: 5px 10px; }
.border_box_background { background: #F8F8F8; }

.pointer { cursor: pointer; }

.slide_list { margin: auto auto; /*max-width:1000px;*/
	/*overflow: auto;*/
	overflow-x: auto; overflow-y: visible;
}
.slide_list table { width: 100%; }

table.slide_list_table { color: #333; }
.slide_list th {
	line-height: 21px;
	padding: 1px 10px;
}

.slide_list td { padding: 5px 3px; }

.slide_list tr.slide_header { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
tr.slide_header:hover { background:#ffd; cursor:pointer; }
.slide_list tr.slide_header td { padding-left: 10px; padding-right: 10px; vertical-align: middle; }

.slide_list table.slide_content { border-bottom: 1px solid #aaa; }


.slide_list td.sektor_1 { width: 50%; padding-left: 5px; }
.slide_list td.sektor_2 { border-left: 1px solid #ccc; padding-left: 5px; }
.slide_list td.sektor_3 { border-top: 1px solid #ccc; padding-left: 5px; }


.slide_list .list_item { padding: 2px; clear: both; }
.slide_list .list_item .key { font-size: 10px; width: 100px; }
.slide_list .list_item .value { font-size: 11px; }
.slide_list .m { font-size: 11px; }
.slide_list .xl .value { font-size: 14px; font-weight: bold; }
.slide_list .xl { font-size: 14px; font-weight: bold; }
.slide_list .l { font-size: 12px; font-weight: bold; }
.slide_list .s { font-size: 10px; }


tr.slide_list_spacer { /*border-left: 1px solid transparent; border-right: 1px solid transparent;*/ }
tr.slide_list_spacer td { height: 1px; line-height: 1px; }


body.popup { padding: 0px; text-align: left; }

a.disabled, .MAIN_CONTENT_CONTAINER a.disabled:hover { background: transparent; color: #bbb; border-color: #ccc; }

.checkbox { vertical-align: middle; cursor: pointer; }
.checkbox_js { font-size: 11px; padding: 1px 2px; white-space: nowrap; }
.checkbox_js:hover { color: #000; }

.toggle_list_button { border-color: #aaa; /*background-image: none;*/ }

a.img_button, img.img_button, .img_button { cursor: pointer; border: 1px solid transparent;
	padding: 1px 2px; margin-top:-4px; margin-left:-3px; white-space: nowrap;
}
a.img_button:hover, img.img_button:hover, .img_button:hover { background: #eee; border-color: #bbb; }
a.img_button:active, img.img_button:active , .img_button:active { background: #ddd; }

/* KACHEL-BUTTONS */
a.kachel, .kachel { line-height: 25px; color: #333; background-color: transparent;
	display: block; padding: 15px 5px; margin: 4px; border: 0px none;
	border: 1px solid transparent; }
a.kachel:hover, .kachel:hover { color: #333; background-color: #eaeaea; text-decoration: none; border: 1px solid #ccc; }
a.kachel:active, .kachel:active { background-color: #e1e1e1; border: 1px solid #ccc; }
a.kachel, .kachel, input.kachel { transition: background-color 0.2s; }

a.kachel img, .kachel img { opacity: 0.75; height: 20px; margin: 2px; }
a.kachel:hover img, .kachel:hover img { opacity: 0.99; /*height: 24px; margin: 0px;*/ }
a.kachel img, .kachel img { transition: opacity 0.4s /*,height 0.1s,margin 0.1s*/; }

input.kachel {
	font-size: 12px; font-weight: bold;
	margin: 5px; color: #333; background-color: transparent;
	display: block; width: 92%; border: 1px solid transparent;
	background-repeat: no-repeat; background-position: 50% 19px; padding: 37px 0px 14px 0px; }
input.kachel:hover { color: #333; background-color: #eaeaea; border: 1px solid #ccc; /*background-size: 20px; background-position: 50% 14px;*/ }
input.kachel:active { background-color: #e1e1e1; border: 1px solid #ccc; }


.relative { position: relative; }
.absolute { position: absolute; }

/********************************* item.css ******************/

.items .with_button { width: 100%; }
.items .with_button .widget { width: 32%; }

.text .narrow { width: 80px; }
.items .clear { clear: both; height: 10px; }

input.text { border: 1px solid #aaa; background-color: #fff; padding: 2px 2px; width: 100%; }
input.text_disabled { border: 1px solid #c9cBc5; background-color: #eee; padding: 2px 2px; width: 100%; }
.string .widget { border: 1px solid #c9cBc5; background-color: #eee; padding: 2px 2px; height: 16px; white-space: nowrap; }
.disabled .textarea textarea { background-color: #eee; }

.textarea { width: 100%; float: none; }
textarea.textarea {
	width: 99%; float: none; border: 1px solid #A9ABA5; background-color: #fff;
	padding: 3px 0px 0px 3px; height: 300px; color: #333; font-size: 11px;
}

.items .select .widget { width: auto; }

/* -------------------------------------------------------------------------------------- */
/* ITEMS */
/* -------------------------------------------------------------------------------------- */
/* Gr��e muss leider vorgegeben werden, da sonst Zeilenumbruch innerhalb der Items (Label -> Widget - Umbruch). nowrap hilft nicht! */
.item { /*line-height: 19px;*/ white-space:nowrap; float: left; width: 50%; min-height: 22px; }
.item_100 { width: 100%; clear: both; }
.item_75 { width: 100%; clear: both; }
.item_33 { width: 33%; }
.item_25 { width: 25%; }

.items .label {
	/*float: left;*/ display:inline-block; vertical-align:middle;
	white-space: nowrap; /*overflow: hidden;*/ width: 135px; max-width: 135px; }
.items .widget {
	/*float: left;*/ display:inline-block; vertical-align:middle;
	width: 50%; }
.textarea .label,
.textarea .widget { float:left; } /* textareas sind zu dick (oft 100%) und laufen sonst rechts raus*/

.item_75.textarea .label,
.item_75.textarea .widget { float: none; }

.item.textarea { clear:both; }					/* Item-Container selbst erwischen <class="item_100 textarea"> */
.item_100.textarea .widget { width:100%; }	/* KEIN Leerzeichen! Matched: <class="item_100 textarea">...<class="widget"> */


.item_100 .widget { width:79%; }
.item.with_popup .widget { width: 40%; }
.item_100.with_button .widget { width: 42%; }

.item_75 .widget { width: 42%; }

.item_33 .label { width: 50%; }
.item_33 .widget { width: 42%; }
.item_25 .label { width: 66%; }
.item_25 .widget { width: 33%;  }



.text_calendar input.text { width: 120px; }
.calendar table { border-collapse: separate; }
.calendar { z-index: 30; }

.radiobox_element, .textarea { height: auto; min-height: 22px; }

.items .clear { clear: both; height: 10px; }

/*input[type=radio] { margin-left: 0px; margin-right: 2px; }*/

input.text { border: 1px solid #a9aBa5; margin: 0px -1px; background-color: #fff; padding-left: 2px; width: 100%; }
input.narrow, .text .narrow { width: 80px; }

#contact_modify_contact_data_orgname.contact_disabled,
#contact_modify_contact_data_firstname.contact_disabled,
#contact_modify_contact_data_lastname.contact_disabled,
.contact_disabled,
.disabled input.text
{ border: 1px solid #c9cBc5; background-color: #eee; }

#contact_modify_contact_data_orgname.contact_disabled,
#contact_modify_contact_data_firstname.contact_disabled,
#contact_modify_contact_data_lastname.contact_disabled,
{pointer-events:none;}

.string .widget { border: 1px solid #c9cBc5; margin: 0px -1px; background-color: #eee; padding-left: 2px; height: 16px; white-space: nowrap; }
.disabled .textarea textarea { background-color: #eee; }

.textarea { width: 100%; float: none; }
textarea.textarea { font-size: 11px; width: 100%; float: none; border: 1px solid #A9ABA5; margin: 0px -1px; background-color: #fff; padding: 3px 0px 0px 3px; height: 250px; color: #333; }
textarea.shallow { height: 36px; }
textarea.tall { height: 250px; }

select.select { min-width: 65px; border: 1px solid #aaa; margin: 0px -1px; }

input.radiobutton { vertical-align: text-bottom; }
.radiobox_element .hilite { font-weight: bold; }

.enabled .multiple_choice label,
.enabled .checkbox_element label, .enabled .checkbox_element input,
.radiobox_element label, input.radiobutton 	{ cursor: pointer; }

.disabled .multiple_choice label,
.disabled .checkbox_element label, .disabled .checkbox_element input,
.disabled .radiobox_element label, .disabled input.radiobutton 	{ cursor: default; }

.disabled label { cursor: default; }


.item_error input, .item_error select, .item_error textarea { border: 1px solid #E83A75 !important; }
/*.item_error input[type=checkbox] { background: #c00 !important; }*/
.item_error label { color: #c00; }

h2.contentBox a.create_config { color:#000; padding:5px 10px; border:1px solid #888; background:#cec; }

.textfield_hilight { background-color:#ffffc5 !important; }
.zone_check.textfield_hilight { background-color: black !important;}

.button_delete .submit {
	background-color: #f00;
}

.button.button_with_red_background {
	background: #f00;
}

span.button_modify.small.right {
    float: left;
    margin-top: -30px;
}

.floating_button > div {
	display: inline-block;
}

ul.dns_zone_list {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    list-style-type: none;
}

a[title~="alpha"],
a[title~="beta"],
a[title~="delta"],
a[title~="gamma"],
a[title~="screenshot"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
	opacity: 0.5;
}