/* ####################### Allgemeine Layouts */

.columns {
	overflow:hidden;
	position:relative;
}
.columns > * {
	display:block;
	float:left;
	height:100%;
}
.columns.double > * {
	width:50%;
}
.columns.double > .double {
	width:100%;
}

.columns > .half {
	width:50%;
}
.columns > .third {
	width:33%;
}
.columns > .third.double {
	width:67%;
}
.columns > .fifth {
	width:20%;
}
.columns > .fifth.double {
	width:40%;
}
.columns > .fifth.triple {
	width:60%;
}

/* Formulare */
fieldset ul {
	list-style:none;
}
fieldset ul > li {
	line-height:20px;
	padding-top:2px;
	padding-bottom:2px;
}
fieldset ul > li.check > input {
	float:left;
	clear:left;
}
fieldset ul > li.check > label {
	display:block;
	margin-left:25px;
}
fieldset ul > li.select > label {
	float:left;
	line-height:20px; /* Height of a select box */
}
fieldset ul > li.select > select {
	margin-left:50%;
	display:block;
}
fieldset ul > li.text > label {
	float:left;
	line-height:22px; /* Height of a textbox */
}
fieldset ul > li.text > input {
	margin-left:50%;
	display:block;
}
fieldset ul > li.textarea > label {
	float:left;
	line-height:22px; /* Height of the first line in a textbox */
}
fieldset ul > li.textarea > textarea {
	margin-left:50%;
	display:block;
}

fieldset ul > li.other > .wrapper {
	margin-left:50%;
}
fieldset ul > li.other > label {
	float:left;
	max-width:50%;
}

/* Überlagerndes Fenster */
body > .overlay {
	z-index:80;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:auto;
	display:none;
}
body > .overlay > .layer {
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0.6;
}
body > .overlay > .layer.dark {
	background-color:#606060;
}
body > .overlay > .layer.grey {
	background-color:#a0a0a0;
}
body > .overlay > .layer.light {
	background-color:#ffffff;
}
body > .overlay > .inner {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/* ####################### Allgemeine Inlines */

img.button {
	cursor:pointer;
}
p.message {
	border:1px solid transparent;
	padding:8px;
	border-radius:4px;
}
p.message.bad {
	border-color:#a00000;
}
p.message.good {
	border-color:#009000;
}
p.message.neutral {
	border-color:#c0c0c0;
	color:#707070;
}

/* Inputs */
input.text {
	border:1px solid #d0d0d0;
	background-color:#ffffff;
	padding:2px;
	margin:0px;
	width:140px;
}
input.check, input.radio {
	margin-top:3px;
	margin-bottom:-3px;
}
input.text:hover, input.text.title:hover {
	border:1px solid #b0b0b0;
}
.disguiseable {
	border-color:transparent;
}
.disguiseable:focus {
	border-color:#b0b0b0;
}

textarea, .textarea-container {
	/* siehe .textarea-container! */
	border:1px solid #d0d0d0;
	background-color:#ffffff;
	padding:2px;
	margin:0px;
	width:140px;
}
textarea:hover, .textarea-container:hover {
	border:1px solid #b0b0b0;
}
textarea.autoexpand {
	overflow:hidden;
	height:1em;
}
.textarea-container textarea {
	border:none;
	padding:0px;
	margin:0px;
	width:100%;
	background-color:transparent;
}
.textarea-container textarea:hover {
	border:none;
}
.textarea-container.state-focus {
	border-color:#b0b0b0;
}

/* ####################### Fixes für UI */

.ui-datepicker-calendar * {
	font-family:Helvetica !important;
}
.ui-button .ui-icon.custom_options {
	background-image:url(../img/ico_options.png);
	width:16px;
	height:16px;
}
.ui-button.ui-state-hover .ui-icon.custom_options, .ui-button.ui-state-focus .ui-icon.custom_options {
	background-image:url(../img/ico_options_on.png);
	width:16px;
	height:16px;
}
.ui-button .ui-icon.custom_new {
	background-image:url(../img/ico_add.png);
	width:16px;
	height:16px;
}
.ui-button.ui-state-hover .ui-icon.custom_new, .ui-button.ui-state-focus .ui-icon.custom_new {
	background-image:url(../img/ico_add_on.png);
	width:16px;
	height:16px;
}
.ui-button .ui-icon.custom_leave {
	background-image:url(../img/ico_leave.png);
	width:16px;
	height:16px;
}
.ui-button.ui-state-hover .ui-icon.custom_leave, .ui-button.ui-state-focus .ui-icon.custom_leave {
	background-image:url(../img/ico_leave_on.png);
	width:16px;
	height:16px;
}

.ui-button-text {
	font-size:1em;
}
.editor-popup .ui-dialog-titlebar {
	display:none;
}