body {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
}
h2 {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	color: #2B79D8;
}
img {
	display: block;
	border: none;
}
fieldset {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
legend {
	padding: 0px 5px 0px 5px;
	margin-left: 10px;
	color: #549994;
	font-weight: bold;
}
input[type="text"], input[type="password"] {
	border: 1px solid #ccc; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-indent: 5px; 
	padding: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.roundselect {
	width: 100%;
        border: 1px solid #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #2B79D8;
}
td {
	line-height: 20px;
}
hr {
	border: none;
	border-bottom: 1px dotted #2B79D8;
}


/* ******************************************* */
/* ************* CSS des Headers ************* */
/* ******************************************* */
.header {
	background: #2B79D8; /* url('../img/bgs/header.png') center center repeat-x; */
	position: relative;
        border: none;
        height: 80px;
}
.loginfobox {
        position: absolute;
        bottom: 15px;
        right: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
.loginfobox a {
	color: #FFFFFF;
}
.loginfobox a:hover {
        color: #FF0000;
}
.cdtext {
	float: left;
}
.cdtimer {
	padding-left: 5px;
	float: left;
}


/* ******************************************* */
/* *********** CSS der Navigation ************ */
/* ******************************************* */
.navigation {
        width: 200px;
}
.navtree {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navtree .nthl {
	background: url('../img/bgs/navheadline.png') 0 0 repeat-x;
	margin-top: 10px;
	text-align: center;
        line-height: 20px;
        font-weight: bold;
        color: #ffffff;
}
.navtree a {
	padding: 0px 10px 0px 25px;
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #000;
}
.navtree a:hover {
	background-color: #2B79D8;
	color: #ffffff;
}

.navtree .server { background: url('../img/icons/server.png') 2px center no-repeat; }
.navtree .user  { background: url('../img/icons/user.png') 2px center no-repeat; }
.navtree .dnsdom  { background: url('../img/icons/dnsdom.png') 2px center no-repeat; }
.navtree .entrance  { background: url('../img/icons/entrance.png') 2px center no-repeat; }


/* ******************************************* */
/* ************** CSS des Seiten ************* */
/* ******************************************* */
.pagespacing {
	padding: 15px;
}
.optfield {
	padding: 5px;
	border: 1px solid #D3D3D3;
	background: #F1F1F1;
}
.randompw {
	cursor: pointer;
}

/* ******************************************* */
/* ************* CSS des Footers ************* */
/* ******************************************* */
.footer {
	background: url('../img/bgs/footer.png') 0 0 repeat-x;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        color: #ffffff;
        border: none;
        height: 20px;
}


/* *********************************************** */
/* *************** CSS der Buttons *************** */
/* *********************************************** */
.addbutton {
	padding-top: 10px;
	text-align: right;
}
.button {
	-moz-box-shadow: inset 0px 1px 4px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 4px 0px #97c4fe;
	box-shadow: inset 0px 1px 4px 0px #97c4fe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #1570cd;
}
.button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color: #1e62d0;
}
.button:active {
	position: relative;
	top: 1px;
}


/* ********************************************** */
/* *************** CSS der Msgbox *************** */
/* ********************************************** */
#msgwindow ul {
	padding: 10px;
	margin: 0px;
	width: 475px;
}
#msgwindow li {
        margin-left: 15px;
}
.msgboxerror {
	color: #FF0000;
	background: #fff url('../img/msgbox/error.png') no-repeat 500px 20px !important;
}
.msgboxnotice {
        background: #fff url('../img/msgbox/notice.png') no-repeat 500px 20px !important;
}
.msgboxsuccess {
        color: #3E8F58;
	background: #fff url('../img/msgbox/success.png') no-repeat 500px 20px !important;
}


/* ********************************************** */
/* ************** CSS der Loginbox ************** */
/* ********************************************** */
.loginbox {
	border: 1px solid #ccc;
	margin-left: -200px;
	margin-top: -100px;
	position: absolute;
	height: 170px;
	width: 370px;
	left: 50%;
	top: 50%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 5px 5px 5px #C1C1C1;
        -webkit-box-shadow: 5px 5px 5px #C1C1C1;
        box-shadow: 5px 5px 5px #C1C1C1;
	padding: 15px;
	background: #FFFFFF;
	font-size: 16px;
}
.loginbox input[type="text"], .loginbox input[type="password"] {
	line-height: 25px;
	height: 25px;
	width: 250px;
}
.loginbox a { font-size: 12px; }


/* ********************************************** */
/* ************** CSS der Overlays ************** */
/* ********************************************** */
.mywiov {
	display: none;
	padding: 15px;
}


/* ********************************************** */
/* ************* CSS der Datatables ************* */
/* ********************************************** */
.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}
.paging_full_numbers .ui-button {
 	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}
.dataTables_paginate .ui-button { margin-right: -0.1em !important; }
.paging_full_numbers { width: 350px !important; }
.dataTables_wrapper .ui-toolbar { padding: 5px; }
.dataTables_paginate { width: auto; }
.dataTables_info { padding-top: 3px; }
table.display thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	* cursor: hand;
}
div.dataTables_wrapper .ui-widget-header { font-weight: normal; }
table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}
table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}
table.display td { border: 1px solid #CCCCCC; }
.dataTables_wrapper {
	position: relative;
	clear: both;
}
.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}
.dataTables_length {
	width: 40%;
	float: left;
}
.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}
.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}
table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
}
table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
table.display td { padding: 3px 10px; }
table.display td.center { text-align: center; }
tr.even { background-color: #E9F1FB; }
tr.odd { background-color: #F8FBFE; }
.dataTables_scroll { clear: both; }
.dataTables_scrollBody { -webkit-overflow-scrolling: touch; }
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}
.top .dataTables_info {	float: none; }
.clear { clear: both; }
.dataTables_empty { text-align: center; }
tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}
tfoot input.search_init { color: #999; }
td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}
td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; }
.example_alt_pagination div.dataTables_info { width: 40%; }
.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}
tr.even td.sorting_1 { background-color: #BFD7F3; }
tr.odd td.sorting_1 { background-color: #E9F1FB; }