@import url('reset.css');
@import url('tabs_wbb.css');

@CHARSET "UTF-8";

a img {
	border: none;
}

a {
	color: #036;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	background-color: #eee;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	margin: 0 auto;
	overflow-y: scroll;
	width: 1080px;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
}

/*
input,textarea {
	background-color: #fafafa;
	border: 1px solid #8da4b7;
	padding: 2px;
	margin: 2px 0;
}

input:focus,textarea:focus {
	background-color: #fff9f4;
	border: 1px solid #fa2;
}
*/

/* Aufgaben Farben und Einstellungen */
/* Farbe für fertige/abgeschlossene Aufgaben */
.auf_f {
	color: #006600;
}
/* Farbe für in Arbeit befindliche Aufgaben */
.auf_i {
	color: #cccc00;
}
/* Farbe für offene Aufgaben */
.auf_o {
	color: #990000;
}

.abstand8 {
	height: 8px;
	overflow: hidden;
}

.copyright {
}

.download_new_edit {
	float: left;
	width: 130px;
}

.icon {
	float: left;
	margin: 0 5px;
}

.icon_min {
	vertical-align: middle;
	padding: 2px 0;
}

.inputText {
	background-color: #fafafa;
	border: 1px solid #8da4b7;
	padding: 2px;
	margin: 2px 0;
}

.inputText:focus {
	background-color: #fff9f4;
	border: 1px solid #fa2;
}

.link {
	cursor: pointer;
}

.signatur {
	/* font-size: 0.8em; */
	margin: 20px auto;
	text-align: center;
}

.zeile1 {
	background-color: #eee;
}

.zeile2 {
}

/***********************************************************************************
 * Login STYLE
 ***********************************************************************************/

#loginForm fieldset {
	border: 1px solid #8da4b7;
	border-radius: 4px;
	margin-bottom: 10px;
}

#loginForm fieldset legend {
	color: #164369;
	font-size: 1.2em;
	margin: 0 10px;
	padding: 0 4px 4px;
}

/***********************************************************************************
 * Header STYLE
 ***********************************************************************************/

.header {
	font-size: 1.1em;
}

.header_top {
	height: 28px;
	line-height: 28px;
}

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

.selectLang img{
	display:block;
}

.banner {
	background-image: url(./images/body.jpg);
	margin-bottom: 20px;
}

.banner h1 {
	color: #f5f5f5;
	height: 125px;
	line-height: 125px;
	text-align: center;
}


/***********************************************************************************
 * MAIN MENU STYLE
 ***********************************************************************************/

.main_menu {
	height: 48px;
}

.main_menu ul {
	height: 32px;
	line-height: 32px;
	margin-left: 11px;
	padding-right: 10px;
}
.main_menu li {
	display: inline;
}
.main_menu a:hover {
	text-decoration: none;
}
.main_menu .icon_link {
	background: no-repeat center center;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 6px;
	width: 36px;
	border-radius: 5px;
}
.main_menu .icon_link:hover{
	background-color: rgba(204, 204, 204, 0.5);
}

.main_menu_version {
	float: right;
	padding-right: 15px;
	padding-top: 5px;
}

.main_menu .divider-vertical {
	background-color: #771E42;
	/* border-right: 1px solid #9F003F; */
	border-right: 1px solid silver;
	height: 40px;
	margin: 0 5px;
	overflow: hidden;
	width: 1px;
}

.trennzeichen {
	background-color: #ff66fa;
	border-left: 1px solid silver;
	border-right: 1px solid gray;
	display: inline-block;
	height: 24px;
	/* padding: 14px 0; */
	width: 0;
}

/***********************************************************************************
 * MAIN STYLE
 ***********************************************************************************/

.main {
	background-color: #f8fafb;
	border: 1px solid #ccc;
	font-size: 1.2em;
	line-height: 20px;
	margin-bottom: 20px;
}

.main_bottom {
	display: block;
	/* height: auto; */
	height: 1px;
	overflow: hidden;
}

.main_content {
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px 0;
}

.main_titel {
	background-image: url(./images/nav_oben.png);
	border: 1px solid #fff;
	color: #f5f5f5;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	text-indent: 10px;
}


/***********************************************************************************
 * Button elements
 ***********************************************************************************/
.btn {
	background-color: #fafafa;
	border: 1px solid #8da4b7;
	cursor: pointer;
	padding: 2px;
	margin: 2px 0;
}

/***********************************************************************************
 * Form elements
 ***********************************************************************************/

form fieldset {
	border: none;
}

form label{
	/* display: block; */
	display: inline-block;
	float: left;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 3px;
	/* text-align: right; */
	width: 130px;
}

form input[type="file"],
form input[type="text"],
form input[type="password"],
form textarea{
	/* min-width : 200px; */
 }

form input[type="file"],
form input[type="text"],
form input[type="password"],
form select,
form textarea {
	background-color: #fafafa;
	border: 1px solid #8da4b7;
	border-radius: 4px;
	padding: 2px;
	margin: 2px 0;
}

form input:focus,
form select:focus,
form textarea:focus {
	background-color: #fff9f4;
	border: 1px solid #fa2;
}

form input[disabled="disabled"],
form textarea[disabled="disabled"] {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}


/***********************************************************************************
 * Table elements
 ***********************************************************************************/

table {
	border-collapse: collapse;
}

table thead {
    /* background: #c7d7e7; */
}

table thead th {
	font-weight: bold;
	text-align: left;
}

table tbody tr {
	height: 20px;
	line-height: 20px;
}

/* Nimmt jeweils das 2. Element (2n) = 2,4,6,8,10 etc. */
/*
table tbody tr:nth-child(2n) {
	background: #f0f0f0;
}
*/

/* Nimmt jeweils das 2. Element (2n) minus 1 (-1) = 1,3,5,7,9 etc. */
.list tbody tr:nth-child(2n-1) {
	background: #f0f0f0;
}

.list tbody tr:hover {
	background-color: #e5e5e5;
}

/***********************************************************************************
 * System Messages
 ***********************************************************************************/

.message_box {
	background: no-repeat 10px center;
	border: 1px solid;
	border-radius: 8px;
	/* font-size: 110%; */
	left: 50%;
	margin-left: -275px;
	padding: 15px 10px 15px 50px;
	position: absolute;
	text-align: left;
	top: 45px;
	width: 550px;
	z-index: 1;
}

.mb_error {
	background-color: #fdbfad;
	border-color: #ca1d11;
	color: #ca1d11;
}

.mb_info {
	background-color: #b0def5;
	border-color: #0f3d87;
	color: #0f3d87;
}

.mb_success {
	background-color: #d6f1b3;
	border-color: #3d7a15;
	color: #3d7a15;
}

.mb_warning {
	background-color: #ffec9c;
	border-color: #954a00;
	color: #954a00;
}

/***********************************************************************************
 * Debug Messages
 ***********************************************************************************/

.debug_msg {
	background-color: #f8fafb;
	border: 1px solid #ccc;
	bottom: 0;
	font-size: 1.0em;
	position: fixed;
	width: 1078px;
}

.debug_msg_content {
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px 0;
}

.debug_msg_content div{
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	height: 150px;
	overflow: auto;
}

.debug_msg_titel {
	background-image: url(./images/nav_oben.png);
	border: 1px solid #fff;
	color: #f5f5f5;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	text-indent: 10px;
}

.debug_tabs {
	border-bottom: 1px solid #666;
	height: 30px;
	list-style: none outside none;
}

.debug_tabs li {
	float: left;
	list-style-image: none !important;
}

.debug_tabs a {
	background: url("./images/tabs.png") no-repeat scroll 0 0 transparent;
	color: #000;
	display: block;
	height: 30px;
	line-height: 30px;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 1px;
	width: 81px;
}

.debug_tabs a:active {
	outline: medium none;
}

.debug_tabs a:hover {
	background-position: 0 -31px;
	color: #fff;
}

.debug_tabs .active, .debug_tabs .active:hover, .debug_tabs li.active a {
	background-position: 0 -62px;
	color: #000 !important;
	cursor: default !important;
	outline: none;
}



/***********************************************************************************
 * ICONS
 ***********************************************************************************/

/* main_menu icons */
.main_menu .benutzer { background-image: url(./icon/nav_benutzer_manager.png); }
.main_menu .benutzeradd { background-image: url(./icon/nav_benutzer_add.png); }
.main_menu .database { background-image: url(./icon/nav_database.png); }
.main_menu .dbbackup { background-image: url(./icon/nav_dbbackup.png); }
.main_menu .downlink { background-image: url(./icon/nav_downlink.png); }
.main_menu .download { background-image: url(./icon/nav_download_manager.png); }
.main_menu .home { background-image: url(./icon/nav_home.png); }
.main_menu .user { background-image: url(./icon/nav_user.png); }

.main_menu .benutzer:hover { background-image: url(./icon/nav_benutzer_manager.png); }
.main_menu .benutzeradd:hover { background-image: url(./icon/nav_benutzer_add.png); }
.main_menu .database:hover { background-image: url(./icon/nav_database.png); }
.main_menu .dbbackup:hover { background-image: url(./icon/nav_dbbackup.png); }
.main_menu .downlink:hover { background-image: url(./icon/nav_downlink.png); }
.main_menu .download:hover { background-image: url(./icon/nav_download_manager.png); }
.main_menu .home:hover { background-image: url(./icon/nav_home.png); }
.main_menu .user:hover { background-image: url(./icon/nav_user.png); }

/* .main_menu .support:hover { background-image: url(../images/menu/support_a.png); } */
/* .main_menu .webtools:hover { background-image: url(../images/menu/webtools_a.png); } */

/* message_box icons */
.mb_error { background-image: url(/icons/messages/error.png); }
.mb_info { background-image: url(/icons/messages/info.png); }
.mb_success { background-image: url(/icons/messages/success.png); }
.mb_warning { background-image: url(/icons/messages/warning.png); }