body {
	font-size: small;
}

* html body {
	font-size: x-small; /* for IE5 Win */
	f\ont-size: small; /* other IE Versions */
}

* {
	font-family: "arial", "verdana", "sans serif";
}

body {
	margin: 0px;
	background: url(/img/backend/body_bg.gif) repeat-x #F3F7FD;
}

h1 {
	margin-top: 20px !important;
	font-size: 150% !important;
	color: black !important;
}

h1 p.sub {
	margin-top: -0.2em;
	font-size: 75%;
}

h2 {
	margin-top: 30px;
	font-size: 130%;
}

h3 {
	margin-top: 30px;
	font-size: 110%;
}

a,a:active,a:link,a:hover,a:visited {
	color: #000;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0px;
}

a.colorpicker {
	background: url('/img/colorpick.gif') no-repeat 0 50%;
	padding-left: 18px;
}

a.delete {
	
}

a.edit {
	
}

a.goto {
	display: block;
	background: url('/img/backend/icons/bullet_go_blue.png') no-repeat 0 50%;
	padding-left: 18px;
	margin-top: 7px;
}

a.pictures {
	display: block;
	background: url('/img/backend/icons/pictures.png') no-repeat 0 50%;
	padding-left: 18px;
	margin-top: 7px;
}

a.hint {
	color: grey;
	font-style: italic;
}

.smaller {
	font-size: smaller;
}


ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

dl {
	margin: 0px 20px;
}

dt {
	font-weight: bold;
	margin-bottom: 7px;
}

dd {
	margin-left: 20px;
}


dl.todo dd {
	margin-bottom: 20px;
	}


/* -------------- Formularelemente & -tabellen ------------------- */
fieldset {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

input.text {
	width: 200px;
}

input.text.short {
	width: 100px;
}

input.text.veryshort {
	width: 40px;
}

input.text.wide {
	width: 400px;
}

form {
	margin: 0px;
}

form table {
	width: 100%;
}

form table.center {
	margin: 0px 60px;
}

form td.label {
	width: 200px;
	vertical-align: top;
}

form input.button {
	text-align: center;
	background: url('/img/backend/buttonBgLeft.gif') top left no-repeat;
	padding: 0px;
	padding-left: 10px;
	border: 0px;
	margin: 0px;
	color: #2A538E;
	height: 26px;
	cursor: pointer;
}

span.button {
	float: left;
	padding-right: 10px;
	margin-right: 4px;
	background: #F3F7FD url('/img/backend/buttonBgRight.gif') right top
		no-repeat;
}

span.button .forward {
	float: right;
}

span.button .backward {
	float: left;
}

form input.button .w100 {
	width: 90px;
}

form textarea {
	width: 400px;
	height: 150px;
}

form textarea.short {
	height: 75px;
}

form textarea.long {
	height: 500px;
}

form tr.spacer {
	height: 15px;
}

label {
	margin-right: 10px;
}

/* Autocompleter */

    div.autocomplete {
      position:absolute;
      width:300px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      height: 100px;
      overflow: auto;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
    } 

/* Validierung */
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color: #FFF;
	font-weight: bold;
}

input.required,textarea.required,span.required {
	background: url(/img/backend/icons/star_blue.png) right top no-repeat;
}

input.validation-failed,textarea.validation-failed {
	border: 1px solid #cc0000;
	color: #cc0000;
	background: url(/img/backend/icons/star_red.png) right top no-repeat;
}

input.validation-passed,textarea.validation-passed {
	
}


/*
 * SWF FileUploader
*/

div.fileupload {
	margin: 20px 0px;
	border: 1px inset #aaa;
}

div.fileupload div.title {
	background-color: #ddd;
	text-align: center;
	border: 2px outset #ddd;
	font-weight: bold;
	padding: 2px 0px;
	margin-bottom: 5px;
}

div.fileupload .status {
	text-align: center;
	background-color: #eee;
	color: #888;
	font-size: 8pt;
	margin-top: 5px;
}

div.fileupload a.swfuploadbtn {
	width: 110px;
	height: 30px;
	padding-left: 22px;
	padding-bottom: 2px;
	margin: 3px;
	margin-right: 15px;
}

div.fileupload .browsebtn {
	background: url(/img/backend/icons/folder_explore.png) no-repeat 2px 0px
		;
}

div.fileupload .image .browsebtn {
	background-Image: url(/img/backend/icons/folder_image.png);
}

div.fileupload .uploadbtn {
	display: none;
	background: url(/img/backend/icons/page_go.png) no-repeat 2px 0px;
}

div.fileupload .image .uploadbtn {
	background-Image: url(/img/backend/icons/picture_go.png);
}

div.fileupload .cancelbtn {
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url(/img/backend/icons/delete.png) no-repeat;
}

div.fileupload .deletebtn {
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url(/img/backend/icons/bin_closed.png) no-repeat;
}

div.fileupload  .uploadCompleted .cancelbtn,div.fileupload  .uploadCompleted .progressBar
	{
	display: none;
}

div.fileupload .image .cancelbtn {
	background: url(/img/backend/icons/image_delete.png) no-repeat;
}

div.fileupload .cancelqueuebtn {
	display: none;
	background: url(/img/backend/icons/delete.png) no-repeat 2px 0px;
}

div.fileupload .SWFUploadQueue ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.fileupload .SWFUploadFileItem {
	display: block;
	background: #eaefea;
	margin: 2px 0px;
	padding: 3px;
	position: relative;
	float: left;
}

div.fileupload .image .SWFUploadFileItem {
	height: 46px;
}

div.fileupload .fileUploading {
	background: #fee727;
}

div.fileupload .uploadCompleted {
	background: #d2fa7c;
}

div.fileupload .uploadCancelled {
	background: #f77c7c;
}

.uploadCompleted .cancelbtn,.uploadCancelled .cancelbtn {
	display: none;
}

div.fileupload span.progressBar {
	display: block;
	font-size: 10px;
	height: 4px;
	margin-top: 5px;
	margin-right: 30px;
	background-color: #CCC;
}

.uploadCompleted div.previewImage {
	height: 38px;
	width: 38px;
	border: 1px solid;
	text-align: center;
	float: left;
	background: #fff;
	margin-right: 3px;
}

.uploadCompleted img.previewImage {
	height: 29px;
	width: 38px;
}

/* Autocompleter */
div.autocomplete {
	position: absolute;
	width: 300px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
	height: 100px;
	overflow: auto;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}

/* -------------- Layout ------------------- */
div#main,div#page {
	position: relative;
	width: 1050px;
}

div#header {
	border-bottom: 5px #cc0000 solid;
	margin-top: 10px;
	margin-bottom: 20px;
}

div#contentwrapper {
	float: right;
	margin: 0px;
	min-height: 700px;
	background-color: #fff;
}

div#content {
	margin: 0px 10px 20px 10px;
	width: 600px;
}

div#links {
	width: 200px;
	float: left;
	margin-left: 10px;
}

div#rechts {
	width: 200px;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 80px;
}

div.error {
	border: 2px solid #cc0000;
	margin: 20px 50px;
	padding: 10px;
	padding-left: 50px;
	padding-bottom: 30px;
	color: #cc0000;
	font-weight: bold;
	background: url('/img/alert_32_32.gif') no-repeat 10px 10px;
}

div.attention {
	padding: 0px;
	padding-left: 40px;
	margin-bottom: 20px;
	background: url(/img/warnung.gif) no-repeat;
}

div.guthaben {
	padding: 0px;
	padding-left: 70px;
	margin-bottom: 20px;
	height: 45px;
	background: url(/img/guthaben.gif) no-repeat;
}

div.check {
	padding: 0px;
	padding-left: 70px;
	margin-bottom: 20px;
	height: 40px;
	background: url(/img/check.jpg) no-repeat;
}

div.error2 {
	padding: 0px;
	padding-left: 70px;
	margin-bottom: 20px;
	height: 40px;
	background: url(/img/error.jpg) no-repeat;
}

div.stop {
	padding: 0px;
	padding-left: 70px;
	margin-bottom: 20px;
	height: 40px;
	background: url(/img/stop.jpg) no-repeat;
	font-weight: bold;
}

div.info {
	background: url(/img/backend/icons/information.png) no-repeat;
	padding: 0px;
	padding-left: 25px;
	margin-bottom: 20px;
	height: 40px;
	font-style: italic;
}

div.popover {
	background-color: #fff;
	border: 1px solid #000;

}

.popover .hidelink {
	position: absolute;
	text-decoration: none;
	right: 5px;
	top: 0px;
	
}

.popover .content,.popover .topic {
	padding: 2px 10px 2px 10px;
}

.popover .topic {
	font-weight: bold;
}

.popover .content {
}


div.help {
	background: #6996C3 url('/img/backend/helpbox_top.gif') top left
		no-repeat;
	margin-bottom: 5px;
	border: none;
	width: 200px;
	position: absolute;
	z-index: 500;
	left: 50px;
}

.help .hidelink {
	color: #fff;
}

.help .content,.help .topic {
	padding: 2px 10px 2px 23px;
}

.help .topic {
	color: #fff;
	background: url('/img/backend/icons/information.png') 3px 2px no-repeat;
}

.help .content {
	border: 1px solid #6996C3;
	background-color: #fff;
}

div.attention ul,div.help ul {
	margin: 0px;
	padding: 0px;
}

div.attention ul li,div.help ul li {
	margin: 0px;
	padding: 0px;
}

div.hierist {border: 1pt #9E9E9E dotted; padding-left: 50px;margin-top:5px;background: top left no-repeat url('/img/reporting/teaser.gif');}


/*
div.box {
	border: 1px solid #3664A8;
	margin-bottom: 20px;
}

div.box h2 {
	padding: 3px;
	margin: 0px;
	color: #ffffff;
	background-color: #3664A8;
}

div.box div.body {
	margin: 10px;
}

table.box {
	width: 100%;
}
		*/

/* -------------- Hauptbereich ------------------- */
div.thead {
	background-color: #3664A8;
	color: #fff;
	font-weight: bold;
	font-size: bigger;
	padding: 3px 0px;;
	font-weight: bold;
}

div.trow {
	border: 1px solid #3664A8;
	padding: 2px;
}

.small,.smalltext,.smalltext_red,.smalltext_green {
	font-size: smaller;
}

.smalltext_green {
	color: #00CC00;
	font-weight: bold;
}

.smalltext_red {
	color: #CC0000;
	font-weight: bold;
}

.status0 {
	color: #000000;
}

.status1 {
	color: #00CC00;
}

.status2 {
	color: #CC0000;
}

.status3 {
	color: #000000;
}

.vareg {
	font-weight: bold;
	color: #FFF;
	background-color: #3764A8;
	border: 1px solid #3764A8;
	padding: 5px;
}

/* -------------- Menu ------------------- */
#menu div {
	margin: 0px;
	width: 185px;
}

#menu div.menubox {
	background: url(/img/backend/menubody_bg.gif) repeat-y;
	margin-bottom: 5px;
}

#menu div.menubox div.menuhead {
	background: url(/img/backend/menuhead_bg.jpg) no-repeat #3664A8;
	color: #fff;
	font-weight: bold;
	text-indent: 5px;
	padding: 3px 3px;
	margin-bottom: 5px;
}

#menu div.menubox div.menuhead div.toggle {
	display: none;
	position: absolute;
	right: 10px;
	top: 3px;
	background: url(/img/backend/toggle_close.gif) no-repeat;
	height: 15px;
	width: 15px;
	cursor: pointer;
	position: absolute;
}

#menu div.menubox div.menubody {
	color: #3664A8;
}

#menu div.menubox div.menubody a {
	color: #3664A8;
}

#menu div.menubox div.menubody a:hover {
	text-decoration: none;
}

#menu div.menubox div.menubody ul {
	margin: 0px;
	padding: 0px;
}

#menu div.menubox div.menubody ul li {
	margin: 0px 6px 0px 1px;
	padding: 2px 0px;
	padding-left: 7px;
	list-style-type: none;
}

#menu div.menubox div.menubody ul li.info {
	font-size: 80%;
}

#menu div.menubox div.menubody ul li.active {
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(/img/backend/menupoint_active_bg.jpg) repeat-y;
}

#menu div.menubox div.menubody ul li.active a {
	text-decoration: none;
	cursor: default;
}

#menu div.menubox div.menufoot {
	height: 10px;
	background: url(/img/backend/menufoot_bg.gif) no-repeat bottom left;
}



/* -------------- Index-Tabelle ------------------- */

table.index {
	background-image: url('../img/uebersicht_table_bg.gif');
	background-repeat: repeat-y;
	width: 100%;
	border-bottom: 1px solid #D1E4FE; 
	clear: both;
}

tr.alt {
	background-color: #D1E4FE;
}

tr.norm {
}

caption {
background-image: url('../img/uebersicht_th_bg.gif');
background-repeat: no-repeat;
}

th {
background-color: #D1E4FE;
vertical-align: top;
padding: 2px;
}

th.options {
	width: 100px;
}

td {
	vertical-align: top;
	padding: 2px;
}

td.options ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

td.options ul li {
	margin-bottom: 2px;
	padding: 0px;
}

a.delete {
	background: url('/img/backend/icons/cross.png') no-repeat left 50%;
	padding-left: 18px;
}

a.soldOut {
	background: url('/img/backend/icons/money_delete.png') no-repeat left 50%;
	padding-left: 18px;
}

a.soldIn {
	background: url('/img/backend/icons/money.png') no-repeat left 50%;
	padding-left: 18px;
}

a.edit {
	background: url('/img/backend/icons/pencil.png') no-repeat left 50%;
	padding-left: 18px;
}

a.vorlage {
	background: url('/img/backend/icons/disk.png') no-repeat left 50%;
	padding-left: 18px;
}

a.seatchart {
	background: url('/img/backend/icons/page_white_stack.png') no-repeat left 50%;
	padding-left: 18px;
}

a.ticket {
	background: url('/img/backend/icons/money.png') no-repeat left 50%;
	padding-left: 18px;
}

a.linkit {
	background: url('/img/backend/icons/link_add.png') no-repeat left 50%;
	padding-left: 18px;
}

a.reuse {
	background: url('/img/backend/icons/arrow_refresh_small.png') no-repeat left 50%;
	padding-left: 18px;
}

a.add {
	background: url('/img/backend/icons/add.png') no-repeat left 50%;
	padding-left: 18px;
}

a.cancel {
	background: url('/img/backend/icons/cancel.png') no-repeat left 50%;
	padding-left: 18px;
}

/* -------------- Roadmaps ------------------- */
div.roadmap {
	text-align: center;
	margin: 30px 0px;
	padding: 0px;
}

.roadmap h1 {
	text-align: left;
	font-size: smaller;
	font-weight: normal;
	color: #aaa;
}

table.roadmap {
	
}

table.roadmap td {
	font-size: smaller;
	color: #aaa;
	text-align: center;
	padding: 0px;
	padding-top: 35px;
	width: 100px;
}

table.roadmap td.placeholder {
	padding: 0px;
	width: 13px;
	background: url('/img/roadmap/roadmap_arrow_todo.gif') no-repeat 2px
		13px;
}

table.roadmap td.last {
	
}

table.roadmap td.first {
	
}

table.roadmap td.done {
	color: #000;
}

table.roadmap td.placeholder .done {
	color: #000;
	background: url('/img/roadmap/roadmap_arrow_done.gif') no-repeat 2px
		13px;
}

table.roadmap td.active {
	font-weight: bold;
	color: #000;
}

table.roadmap td.active .one {
	background: url('/img/roadmap/active_1.gif') no-repeat 35px top;
}

table.roadmap td.one {
	background: url('/img/roadmap/inactive_1.gif') no-repeat 35px top;
}

table.roadmap td.done .one {
	background: url('/img/roadmap/done_1.gif') no-repeat 35px top;
}

table.roadmap td.two {
	background: url('/img/roadmap/inactive_2.gif') no-repeat 35px top;
}

table.roadmap td.active .two {
	background: url('/img/roadmap/active_2.gif') no-repeat 35px top;
}

table.roadmap td.done .two {
	background: url('/img/roadmap/done_2.gif') no-repeat 35px top;
}

table.roadmap td.three {
	background: url('/img/roadmap/inactive_3.gif') no-repeat 35px top;
}

table.roadmap td.active .three {
	background: url('/img/roadmap/active_3.gif') no-repeat 35px top;
}

table.roadmap td.done .three {
	background: url('/img/roadmap/done_3.gif') no-repeat 35px top;
}

table.roadmap td.four {
	background: url('/img/roadmap/inactive_4.gif') no-repeat 35px top;
}

table.roadmap td.active .four {
	background: url('/img/roadmap/active_4.gif') no-repeat 35px top;
}

table.roadmap td.done .four {
	background: url('/img/roadmap/done_4.gif') no-repeat 35px top;
}

table.roadmap td.five {
	background: url('/img/roadmap/inactive_5.png') no-repeat 35px top;
}

table.roadmap td.active .five {
	background: url('/img/roadmap/active_5.png') no-repeat 35px top;
}

table.roadmap td.done .five {
	background: url('/img/roadmap/done_5.png') no-repeat 35px top;
}

/* -------------- <ol>Roadmaps ------------------- */

div.roadmap {
	float:left;
}

ol.roadmap {
	float: left;
}

ol.roadmap li {
	font-size: smaller;
	color: #aaa;
	text-align: center;
	padding: 0px;
	padding-top: 35px;
	width: 100px;
	float: left;
	margin-left: 13px;
}



h3 span.linkShow {
	background: url('../img/i_arrow_down.png') no-repeat;
	padding-top:3px;
	padding-left: 16px;
	font-size: 9px;
	}
	
	
/* -------------- Teaser Startseite ------------------- */
	
table.teaser td.icon {
	vertical-align:top;
	padding:20px;
	width: 200px;
	text-align:center;
	border: 1px solid rgb(210,229,255);
}
	
table.teaser td.text {
	color: rgb(221,64,29);
	background: rgb(210,229,255);
	font-family: Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding: 0px;
}

a.teaser {
	color: rgb(221,64,29);
	background: rgb(210,229,255);
	font-family: Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding: 0px;
}

table.teaser td.text div {
	margin-left: 15px;
	padding-left:7px;
	padding-right:7px;
	margin-right: 15px;
	background: rgb(255,255,255);
	text-align:center;
}

img.teaser-hovers {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	margin-bottom:2px;
	margin-right: 6px;
}
img.teaser-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	margin-bottom:2px;
	margin-right: 6px;
}