.pagetitle {
     background-color:darkred;
     color:white;
     text-align:center;
     font-weight:bold;
     font-family: verdana, arial, sans-serif;
     font-size:17px;
     line-height:50px;
}
.row {
        text-align:left;
	color:#000000;
    	font-family:Arial,sans-serif,tahoma;
	font-size:12px;
    
}

.column {
    display:inline-block;
    width:300px;
    padding:5px 0;
}

.column100 {
    display:inline-block;
    width:100px;
    padding:5px 0;
}

.column150 {
    display:inline-block;
    width:150px;
    padding:5px 0;
}

.bold {
	font-weight:bold;
}

.block {
    padding:20px 10px;
    
}

.border {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


.toolbar {
  background-color: DodgerBlue;
  text-align: left;
}
.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}

.btnclose {
    background-color: #cc0000;
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.btnclose:hover {
    background-color: #660000;
}

#edit_box {
    z-index:100;
    /*max-width:1200px;*/
    width:100%;
    position: relative;
    background-color:white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display:none
}

#edit_box .item {
    cursor:pointer;
    padding:10px;
    text-align:left;
    border-bottom:1px dotted gray;
}

#edit_box .item:hover {
    background-color:lightgray;
}

#edit_box .sort {
    background-color:royalblue;
    padding:10px;
}

.editabledivtext {
  padding: 5px 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  width:100%;height:250px
}

input[type=text], input[type=password], input[type=checkbox], input[type=date], input[type=time], textarea, select {
  /*width: 100%;*/
  padding: 5px 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  background-color: DodgerBlue;
color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
  border:none;
}

input[type=submit]:hover {
  background-color: royalblue;
}

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;  
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: royalblue;
  border: 1px solid royalblue;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





/* f�r wysiwyg-editoren */
.normal_wysiwyg_text {
	font-family:Arial,sans-serif,tahoma;font-size:12px;
}

.normal_table {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	border-spacing:0px;					/* f�r Mozilla */
	border-collapse:collapse;			/* f�r Internet Explorer */
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

.td_normal_table_header_bold {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#c80000;
	text-align:center;
}


.text {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	color:#000000;
}

.td_text {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	color:#000000;
}


.tr_text_normal td {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	color:black;
	cursor:pointer;
}

.tr_text_hover td {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	color:white;
	background-color:#c80000;
	cursor:pointer;
}

.td_text_bold {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
	color:#000000;
}

.td_button {
	height:30;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
	color:#666666;
	background-color:#FFFFFF;
	text-align:center;
	border:1px solid #CCCCCC;
	cursor:pointer;
}

.textfeld {
	border:1px solid black;
}

.combobox {
	border:1px solid black;
}

.td_button_hover {
	height:30;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#CCCCCC;
	text-align:center;
	border:1px solid #CCCCCC;
	cursor:pointer;
}

div#topnavi2 {
        background-color:black;
	color:white;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;

	width:100%;
	height:23px;
	text-align:right;
	line-height:23px;
}

div#topnavi2 a {
	color:white;
	font-weight:bold;
	text-decoration: none;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
}

div#topnavi2 a:hover {
	color:white;
	font-weight:bold;
	text-decoration: underline;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
}

div#topnavi {
	width:800px;
	height:27px;
	background:url(bilder/topnavi.png) top left no-repeat;	
	padding-left:20px;
	vertical-align:middle;
	line-height:22px;
	
}

div#topnavi a {
	color:#FFFFFF;
	text-decoration: none;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
}

div#topnavi a:hover {
	color:#ff8200;
	text-decoration: none;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
}

div#topnavi a:active {
	color:#ff8200;
	text-decoration: none;
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
}

.td_navi {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

.td_navi_hover  {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
	color:#000000;
	background-color:#EEEEEE;
	text-align:center;
	cursor:pointer;
}

.td_navi_selected {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#c80000;
	text-align:center;
	cursor:pointer;
}

.td_table {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	color:#000000;
	background-color:FFFFFF;
	cursor:pointer;
}

.td_table_hover {
	font-family:Arial,sans-serif,tahoma;
	font-size:11;
	color:#FFFFFF;
	background-color:#c80000;
	cursor:pointer;
}