@import 'css/fonts.css';

body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b0b0b0;
	background-image: url(/x-mkp/bilder/bg2.gif);
	background-repeat: repeat-y;
	margin: -3px 0px;
}

body.index {
	margin-top: 10px;
}

form {
	margin: 0;
}

p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1c472c;
	color: #5f5f5f;
}

th {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	background: #b0b0b0;
	padding-left: 2px;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

input {
	padding-left: 0px;
}

*:focus {
	outline: none;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	width: 100%;
}

.disabled {
	background: #aaaaaa;
	border: solid 1px #ffffff;
	padding: 1px 3px;
	font-size: 10px;
	color: #ffffff;
	width: 110px;
}

.dis {
	background: #ddd;
}

.required {
	font-size: 13px;
	color: #C62B2C;
	cursor: default;
	width: 30px;
}

textarea {
	width: 406px;
	height: 168px;
}

textarea.short {
	width: 406px;
	height: 68px;
}

textarea.txtar1 {
	width: 406px;
	height: 30px;
}

textarea.txtar2 {
	width: 406px;
	height: 168px;
}

h1, h2, h3, h4 {
	font-size: 13px;
	color: #363636;
	font-weight: bold;
}

h2 {
	color: #92716D;
}

h3 a {
	font-size: 13px;
	color: #c04040;
}

big {
	font-size: 12px;
	color: #363636;
	font-weight: bold;
}

big a {
	font-size: 12px;
	color: #c04040;
	font-weight: bold;
}

a {
	color: #5f5f5f;
	color: #906714;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.requested {
	font-size: 11px;
	color: #3A3F7D;
}

hr {
  color: #aaa;
	background-color: #aaa;
	height: 1px;
	border: 0;
	width: 100%;
}

td.nav {
	width: 986px;
}

.entry2 hr {
	color: #e4d3bf;
	background-color: #e4d3bf;
	height: 1px;
	border: 0;
	width: 100%;
}

#event {
	background: none;
	padding: 0px 0px;
	font-weight: bold;
	margin-bottom: 6px;
	font-size: 13px;
}

#menu {
	position: fixed;
	top: 10px;
	left: 2px;
}

.navbar {
	color: #c04040;
	font-size: 10px;
	padding: 3px 5px;
	/*background: #ffffff url(/x-mkp/bilder/bg-navbar.gif);*/
	background: #F7F7F7;
	line-height: 1.7em;
}

.navbar a {
	color: #3f3f3f;
	color: #262F33;
	text-decoration: none;
	padding: 1px 4px;
	margin: 0px -4px;
}

.navbar a:hover, a.active {
	text-decoration: none;
	color: #c04040;
	padding: 1px 4px;
}

.navbar a.active {
	background: #fff9f2;
}

.navbar-box {
	color: #c04040;
	font-size: 10px;
	padding: 2px 4px;
}

.navbar-box a {
	color: #3f3f3f;
	color: #262F33;
	text-decoration: none;
}

.navbar-box a.active {
	text-decoration: none;
	color: #c04040;
	padding: 0px 0px;
	background: transparent;
}

.navbar-box a:hover {
	text-decoration: underline;
	background: transparent;
}

.alarm {
	color: #cc0000;
	font-weight: bold;
	margin: 10px 0px;
}

.new {
	text-decoration: none;
	font-weight: bold;
	padding: 0px 2px;
	background: #800000;
	border: solid 1px #000;
	color: #ffffff;
}

.print {
	border: 1px #808080 solid;
	vertical-align: top;
	width: 99%;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	behavior: url(/x-mkp/PIE.htc);
	padding: 3px 3px;
}

.entry1 {
	padding: 10px 10px;
	background-color: #F2F0E9;
	border: solid 2px #fff;
	width: 500px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	behavior: url(/x-mkp/PIE.htc);
}

.entry2 {
	padding: 20px 20px;
	background-color: #F2F0E9;
	border: solid 2px #fff;
	width: 630px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	behavior: url(/x-mkp/PIE.htc);
}

.entry2 table {
	border-collapse: separate;
}

.entry2 table td {
	padding: 3px 1px;
}

.scroll {
	overflow: auto;
	border-top: solid 1px #bbb;
	border-left: solid 1px #bbb;
	padding: 1px 1px;
	vertical-align: top;
	width: 460px;
	color: #000000;
	background-color: #ffffff;
}

.scroll a {
	color: #906714;
	text-decoration: none;
}

.scroll a:hover {
	color: #000000;
	text-decoration: underline;
}

.scroll p, .scroll td, .scroll ul, .scroll li, .scroll ol, .scroll body {
	color: #000000;
}

.scrolly a {
	color: #927632;
	text-decoration: none;
}

.scrolly a:hover {
	color: #4c472c;
	text-decoration: underline;
}


.header {
	color: #ffffff;
	background-color: #b0b0b0;
	padding: 2px;
}

.header a {
	color: #ffffff;
	text-decoration: none;
}

.header a:hover {
	color: #000000;
	text-decoration: none;
}
.row {
	background-color: #f3f3f3;
}

.pre-text {
	color: #000000;
}

.showIt {
	display: inline;
}

.hideIt {
	display: none;
}

.submit {
	margin-top: 10px;
	border: solid 1px #ffffff;
	/*border-style: outset;*/
	cursor: pointer;
	color: #fff;
	background: #416564;
	width: 90px;
	line-height: 18px;
	padding: 4px 6px 4px 6px;
}

.submit:hover {
	background: #d0c8ac;
	color: #000;
}

#note {	
	position: absolute;
	left: 884px;
	top: 14px;
	width: 150px;
	margin-right: 100px;
}

.pop_note {
	position: absolute;
	top: 15px;
	left: 864px;
	z-index:100;
}

.hideHelp, .hideHead {
	display: none;
	visibility: hidden;
	border: none;
	color: transparent;
	background: transparent;
}

.showHelp {
	display: block;
	visibility: visible;
	border: solid 1px #DDC282;
	padding: 4px 4px;
	font-size: 10px;
	color: #666;
	line-height: 14px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.showHead {
	font-size: 11px;
	color: #ffffff;
	padding: 2px 4px;
	background: #9D7A29;
	margin-bottom: 4px;
	font-weight: bold;
}


/* ---------- Bild-Upload ---------- */

.imgscroll {
	overflow: auto;
	border: 1px #808080 solid;
	padding: 2px;
	vertical-align: top;
	width: 460px;
	height: 128px;
	background: #ffffff;
}

.iconscroll {
	overflow: auto;
	border: 1px #808080 solid;
	padding: 2px;
	vertical-align: top;
	width: 160px;
	height: 58px;
	background: #ffffff;
}

.docscroll {
	overflow: auto;
	border: 1px #808080 solid;
	padding: 2px;
	vertical-align: top;
	width: 460px;
	height: 16px;
	background: #ffffff;
}

.remove {
	border: none;
	background-color: #d4d0c8;
	background-color: #f4ede1;
	border: solid 2px #ffffff;
	border-style: outset;
	color: #000000;
	font-size: 10px;
	cursor: pointer;
	width: 100px;
}


/* ---------- Kalender ---------- */

.dynCalendar {
	background-color: #e3b133;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}

.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.dynCalendar_dayname {
	background-color: #ffffff;
	border: 1px solid #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

a.day {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.day:hover {
	font-weight: bold;
}

a.sday {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #cc0000;
	text-decoration: none;
}

a.sday:hover {
	font-weight: bold;
}

.dynCalendar_day {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

.dynCalendar_today {
	background-color: #ffffff;
	border: 1px solid #cc0000; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* ---------- eof Kalender ---------- */


input, select {
	border: solid 1px #ccc;
	padding: 3px 4px;
	background: #fff;
}

select {
	padding: 1px 1px;
	height: auto;
}

textarea {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	padding: 2px 4px;
}

input.box {
	border: none;
	height: auto !important;
	width: auto !important;
	background: transparent;
	padding: 0;
	margin: -1px 6px 0px 0px;
	vertical-align: middle;
}

form {
	padding: 0;
	margin: 0;
}

*:focus {
	outline: none;
}

#start {
	width: 300px;
	background-color: #efefef;
	border: solid 2px #ffffff;
	border-style: outset;
}

.select-field {
	height: 350px;
	width: 480px;
	background: #F5F4F1;
	padding: 5px 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	behavior: url(/x-mkp/PIE.htc);
}

.rounded {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	behavior: url(/x-mkp/PIE.htc);
}

#printIt {
	margin-left: 80px;
	color: #000;
	width: 800px;
}


/* ---------- Extras Dropdown Menue ---------- */

/* Main menu */
.navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

.sep {
	color: #c04040;
}

.navbar ul li {
	float: left;
	position: relative;
	height: 14px;
	margin-right: 4px;
	z-index: 1000;
}

.navbar ul li ul {
	display: none;
	position: absolute; 
	top: 1em;
	left: 0;
	width: 130px;
	z-index: 1000;
}

.navbar ul li > ul {
	top: auto;
	left: auto;
}

.navbar ul li:hover ul {
	display: block;
	background: #fff;
	z-index: 1000;
	top: 13px;
	left: -7px;
	border-right: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
	padding-bottom: 4px;
	border-left: solid 1px #c04040;
}

.navbar ul li:hover ul li {
	height: 16px;
	/*border-left: solid 1px #c04040;*/
	padding-top: 2px;
	background: #ffffff;
	background: transparent;
	z-index: 1000;
}

.navbar ul li:hover ul li a {
	white-space: normal;
	display: block;
	font-size: 10px;
	width: 116px;
	height: 14px;
	padding: 2px 7px 2px 7px;
	font-weight: normal;
	z-index: 1000;
}

.navbar ul li:hover ul li a:hover {
	background-color: #f2f2f2;
	background: transparent;
	text-decoration: none;
	z-index: 1000;
}

.navbar ul li.over ul {
	display: block;
	background: #ffffff;
	background: transparent;
	z-index: 1000;
	top: 13px;
	left: -7px;
	z-index: 1000;
}

.navbar ul li.over ul li {
	height: 16px;
	border-left: solid 1px #c04040;
	padding-top: 2px;
	background: #ffffff;
	z-index: 1000;
}

.navbar ul li.over ul li a {
	white-space: normal;
	display: block;
	font-size: 10px;
	width: 126px;
	height: 16px;
	padding: 2px 7px 2px 7px;
	font-weight: normal;
	z-index: 1000;
}

.navbar ul li.over ul li a:hover {
	background-color: #f2f2f2;
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	z-index: 1000;
}

/*
.navbar ul li {
	float: left;
	z-index: auto !important;
	z-index: 1000;
	height: 14px;
	margin-right: 4px;
}

.navbar ul li a {
	float: none !important/;
	float: left;
	display: block;
}

.navbar ul li a:hover {
	background: transparent;
}

.navbar ul li ul {
	display: none;
	border: none;
}

.navbar ul li:hover {
	position: relative;
} 

.navbar ul li:hover a {
	text-decoration: none;
}

.navbar ul li:hover ul {
	display: block;
	position: absolute;
	z-index: 1000;
	top: 13px;
	left: -7px;
}

.navbar ul li:hover ul li {
	height: 16px;
	border-left: solid 1px #c04040;
	padding-top: 2px;
	background: #ffffff;
}

.navbar ul li:hover ul li a {
	white-space: normal;
	display: block;
	font-size: 10px;
	width: 116px;
	height: 14px;
	padding: 2px 7px 2px 7px;
	font-weight: normal;
}

.navbar ul li:hover ul li a:hover {
	background-color: #efefef;
	text-decoration: none;
}

.language {
}

*/

/* -- fuer IE6 -- */

.navbar ul li table.extras {
	position: absolute;
	z-index: 1000;
	top: -1px;
	left: -1px;
	border-collapse: collapse;
	background: #ffffff;
	background: transparent;
	width: 160px;
}

.navbar ul li a:hover {
	position: relative;
	z-index: 1000;
	text-decoration: none;
	background: #ffffff;
	background: transparent;
}

.navbar ul li a:hover ul {
	display: block;
	position: absolute;
	z-index: 1000;
	t\op: 13px;
	left: -6px;
	border-left: solid 1px #c04040;
	background: transparent;
}

.navbar ul li a:hover ul li a {
	white-space: normal;
	display: block;
	w\idth: 140px;
	font-size: 10px;
	width: 140px;
	height: 14px;
	padding: 2px 7px 2px 7px;
	font-weight: normal;
	padding-top: 3px;
	background: #ffffff;
	background: transparent;
}

.navbar ul li a:hover ul li a:hover {
	background-color: #efefef;
	text-decoration: none;
	background: transparent;
}


/* -- dragable Textareas -- */

#textDiv1 {
	width: 400px;
	height: 120px;
	position: relative;
}

#txtBox1 {
	width: 390px;
	height: 110px;
	left: 0px;
	top: 0px;
	position: absolute;
	border: solid 1px #cccccc;
	background: #fff;
	padding: 4px 4px;
}

#handleRight1 {
	width: 14px;
	height: 115px;
	background: #eee;
	position: absolute;
	left: 395px;
	top: 0px;
	cursor: e-resize;
}

#handleCorner1 {
	width: 14px;
	height: 14px;
	position: absolute;
	left: 395px;
	top: 115px;
	cursor: se-resize;
	background: #eee url('/x-mkp/scripts/dragable/grippie.png') no-repeat 100% 100%;
}

#handleBottom1 {
	width: 395px;
	height: 14px;
	position:absolute;
	left: 0px;
	top: 115px;
	cursor: s-resize;
	background: #eee;
}

/* ----- Sortieren ----- */

#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0; 
}

#sortable li {
	float: left;
	margin-right: 15px;
	font-size: 11px;
	width: 124px;
	height: 136px;
	overflow: hidden;
	text-align: center;
}

#sortable li img {
	z-index: 100;
}

.imgNonborder {
	border: solid 2px #fff;
	cursor: move;
}

.imgBorder {
	border: solid 2px #cc0000;
	cursor: move;
}

.editable1 {
	width: 100px;
	height: 100px;
}

.even {
	background: #f3f3f3;
}

/*
 * alert.js - javascript alert replacement v2.0
 *
 * (c) 2009 Naden Badalgogtapeh - http://www.naden.de/blog/javascript-alert
 *
 */
div.alert {
  border: 1px solid #cc0000;
  background-color: #f2f2f2;
	width: 200px;
  padding: 10px 10px;
  display: none;
  position: absolute;
  display: block;
	text-align: center;
}

div.alert div.title {
  font-family: Arial;
  font-weight: bold;
  background-color: #666;
  color: #fff;
  padding: 2px;
}

div.alert div.body {
  padding: 5px 5px;
	font-size: 11px;
	line-height: 18px;
	color: #000;
}

div.alert div.button {
  text-align: center;
	margin-top: 12px;
}

div.alert div.button a:link, 
div.alert div.button a:active, 
div.alert div.button a:visited {
  padding: 2px 4px 2px 4px;
  background-color: #666;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border: 1px solid #f2f2f2;
}

div.alert div.button a:hover {
  border: 1px solid #333;
}

/* ----- checkboxen / radio ----- */

label {
  font-size: 0.8em;
}

/* input[type=checkbox],
input[type=radio] {
  display: block;
}*/

/* input[type=checkbox]+label {
  background-image: url(/x-mkp/bilder/_customControlsBg02.gif);
  background-repeat: no-repeat;
  background-position: 2px 1px;
  padding-left: 22px;
}
input[type=checkbox][checked]+label {
  background-position: 2px -18px;
}
input[type=checkbox][disabled]+label {
  background-position: 2px -77px;
}
input[type=checkbox][disabled][checked]+label {
  background-position: 2px -97px;
} */

/*
input[type=checkbox]+label:hover {
  background-position: 2px -37px;
}
input[type=checkbox][checked]+label:hover {
  background-position: 2px -57px;
}
input[type=checkbox][disabled]+label:hover {
  background-position: 2px -77px;
}
input[type=checkbox][disabled][checked]+label:hover {
  background-position: 2px -97px;
}
*/

/* input[type=radio]+label {
  background-image: url(/x-mkp/bilder/_customControlsBg02.gif);
  background-repeat: no-repeat;
  background-position: 2px -109px;
  padding-left: 22px;
}

input[type=radio][checked]+label {
  background-position: 2px -128px;
}

input[type=radio][disabled]+label {
  background-position: 2px -197px;
}
input[type=radio][disabled][checked]+label {
  background-position: 2px -217px;
} */

/*
input[type=radio]+label:hover {
  background-position: 2px -147px;
}

input[type=radio][checked]+label:hover {
  background-position: 2px -137px;
}

input[type=radio][disabled]+label:hover {
  background-position: 2px -197px;
}

input[type=radio][disabled][checked]+label:hover {
  background-position: 2px -217px;
}
*/

/* Dropdown Menu */

/* 
	LEVEL ONE
*/
ul.dropdown {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

ul.dropdown li {
	float: left;
	zoom: 1;
	background: #ccc url('/x-mkp/administration/images/gradient_0.gif');
}

ul.dropdown a:hover {
	color: #fff;
}

ul.dropdown a:active {
	color: #ffa500;
}

ul.dropdown li a {
	display: block;
	padding: 6px 8px;
	border-right: 2px solid #bbb;
	color: #fff;
	text-decoration: none;
}

ul.dropdown li:last-child a {
	border-right: none;
} /* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown li.here:hover {
	background: #906714;
	color: black;
	position: relative;
}

ul.dropdown li.hover a {
	color: black;
}

ul.dropdown li.here {
	background: #aaa;
}

/* 
	LEVEL TWO
*/
ul.dropdown ul {
	width: 150px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.dropdown ul li {
	font-weight: normal;
	background: #f3f3f3;
	color: #000;
	border-bottom: 1px solid #ccc;
	float: none;
	border: solid 1px #ccc;
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	color: #000;
} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul {
	left: 100%;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}