/*************************************************
standard elements 
**************************************************/
img {
border: 0;
}

.clearer {
clear: both;
}

.floatleft {
float: left;
}

.displaynone {
display: none;
}

.displayblock {
display: block;
}

#loading {
background: url("../img/ladeanimation.gif") no-repeat scroll center center transparent;
display: none;
font-weight: bold;
height: 70px;
line-height: 70px;
margin: 15px auto;
text-transform: uppercase;
width: 146px;
}

.fehler {
color: #FF0000;
font-weight: bold;
border: 1px solid #FF0000;
margin: 10px 0px;
padding: 10px 10px 10px 40px;
background: url("../img/iconfehler.png") no-repeat 10px center #FFFFFF;
font-size: 14px;
}

.fertig {
color: #008000;
font-weight: bold;
border: 1px solid #008000;
margin: 10px 0px;
padding: 10px 10px 10px 40px;
background: url("../img/iconfertig.png") no-repeat 10px center #FFFFFF;
font-size: 14px;
}

.info {
color: #ff8200;
font-weight: bold;
border: 1px solid #ff8200;
margin: 10px 0px;
padding: 10px 10px 10px 40px;
background: url("../img/icon_info_rund_act.png") no-repeat 10px center;
font-size: 14px;
}

.fehler p,
.fertig p,
.info p {
line-height: normal !important;
margin: 0 !important;
}

.hinweisfixed {
position: fixed !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 99% !important;
text-align: center !important;
padding: 20px 10px 20px 10px !important;
background-color: #EEEEEE !important;
border: 1px solid #000000;
z-index: 1000;
}

.datepicker {
background: url("../img/kalender.png") no-repeat scroll right center #FFFFFF;
}

.tooltip {
background: url("../img/icon_info.png") no-repeat right center;
cursor: help;
min-height: 18px;
}

.lightboxdefault img{
width: 60px;
height: auto;
}

.tooltip:hover {
background: url("../img/icon_info_act.png") no-repeat right center;
}

input.error, select.error, textarea.error {
border: 1px solid #FF0000 !important;
}

label.error {
display: block;
color: #FF0000 !important;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="email"],
textarea,
select {
background: #ffffff;
border: none;
border: 1px solid #b2b2b2;
padding: 10px 5px; 
font-weight: 700;
color: #666666;
line-height: 1.5em; /*IE FIX TEXT CUT OFF*/
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="submit"]:focus, 
input[type="email"]:focus, 
textarea:focus, 
select:focus {
font-weight: bold;
color: #AA252D;
}

input[readonly] {
background: #EEEEEE;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.blaettern {
margin: 20px 0;
text-align: center;
}

.blaettern .seitenliste a,
.blaettern .vor a,
.blaettern .zurueck a{
background: none;
border: 1px solid #b2b2b2;
height: 30px;
padding: 0px 10px;
text-align: center;
line-height: 30px;
display: inline-block;
text-decoration: none;
color: #808080 !Important;
font-size: 17px;
}

.blaettern .seitenliste a:hover,
.blaettern .vor a:hover,
.blaettern .zurueck a:hover {
background: #AA252D;
border: 1px solid #AA252D;
color: #FFFFFF !Important;
}

.blaettern .seitenliste .aktuelle{
background: #ffffff;
border: 1px solid #AA252D;
color: #AA252D;
height: 30px;
padding: 0px 10px;
text-align: center;
line-height: 30px;
display: inline-block;
text-decoration: none;
font-size: 17px;
}

#backend {
width: 950px;
margin: 20px auto 0px auto;
visibility: hidden;
}

#backend h1,
#backend h2,
#backend h3,
#backend h4,
#backend h5 {
margin-bottom: 10px;
}

#backend a{
color: #AA252D; 
text-decoration: none;
}

#backend a:hover{
color: #AA252D;
}

#backend .formbox{
margin: 10px 0;
padding: 10px 0;
}

#backend .formbox label{
display: inline-block;
padding-right: 20px;
vertical-align: top;
}

#backendheader #zurueckbox {
width: 35%;
float: left;
text-align: left;
}

#backendheader #panelbox {
width: 65%;
float: left;
text-align: right;
}

#backend .boxcontent {
margin: 40px 0 0;
padding: 0px;
}

#backend .anzergebnisse {
font-weight: bold;
font-size: 16px;
text-align: center;
margin: 20px 0px 20px 0px;
padding: 10px 0px 10px 0px;
border-style: solid;
border-color: #666666;
border-width: 1px 0px 1px 0px;
}

#backend table{
border-collapse: collapse;
}

#backend th{
padding: 0px 10px 10px 0px;
font-weight: bold;
text-align: left;
}

#backend tbody tr {
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #DDDDDD;
height: 60px;
}

#backend tbody tr:nth-child(even) {
background-color: #FFFFFF;
}

#backend tbody tr:nth-child(odd) {
background-color: #F9F9F9;
}

#backend tbody tr:hover{
background-color: #F5F5F5;
}

#backend tbody tr > td{
padding: 5px 0;
}

#backend table.tabverwaltung{
width: 100%;
margin: 10px 0px 0px 0px;
}

#backend .tabverwaltung .hidden {
opacity: 0.5;
display: table-row;
}

#backend .tabverwaltung .hidden:hover {
opacity: 1; 
}

#backend .tabverwaltung .hidden a {
color: #666666;
}

#backend .tabverwaltung .deleted {
background: #FFCCCC;
}

#backend .tabverwaltung .zeilewarnung {
background: #FFFFCC;
}

#backend .tabverwaltung .zeilefehler {
background: #FFCCCC;
}

#backend .tabverwaltung .tabfunktion{
width: 100px;
}

#backend .funkicon {
display: inline-block;
height: 18px;
width: 18px;
margin: 0px 5px 5px 0px;
line-height: 30px;
cursor: pointer;
vertical-align: bottom;
}

#backend .funkicon.middle {
vertical-align: middle;
}

#backend .iconinfo {
background: url("../img/icon_info_rund.png") no-repeat center center;
}

#backend .iconinfo:hover {
background: url("../img/icon_info_rund_act.png") no-repeat center center;
}

#backend .iconhelp {
background: url("../img/icon_help.png") no-repeat center center;
}

#backend .iconhelp:hover {
background: url("../img/icon_help.png") no-repeat center center;
}

#backend .iconaendern {
background: url("../img/icon_pen.png") no-repeat center center;
}

#backend .iconaendern:hover {
background: url("../img/icon_pen_act.png") no-repeat center center;
}

#backend .iconcheck {
background: url("../img/icon_check.png") no-repeat center center;
}

#backend .iconcheck:hover {
background: url("../img/icon_check_act.png") no-repeat center center;
}

#backend .icon_hide {
background: url("../img/icon_hide.png") no-repeat center center;
}

#backend .icon_hide:hover {
background: url("../img/icon_unhide.png") no-repeat center center;
}

#backend .icon_unhide {
background: url("../img/icon_unhide.png") no-repeat center center;
}

#backend .icon_unhide:hover {
background: url("../img/icon_hide.png") no-repeat center center;
}

#backend .iconx {
background: url("../img/icon_x.png") no-repeat center center;
}

#backend .iconx:hover {
background: url("../img/icon_x_act.png") no-repeat center center;
}

#backend .icondelete {
background: url("../img/icon_delete.png") no-repeat center center;
}

#backend .icondelete:hover {
background: url("../img/icon_delete_act.png") no-repeat center center;
}

#backend .iconeditseite {
background: url("../img/icon_editseite.png") no-repeat center center;
}

#backend .iconeditseite:hover {
background: url("../img/icon_editseite_act.png") no-repeat center center;
}

#backend .iconeditbild {
background: url("../img/icon_editbild.png") no-repeat center center;
width: 20px;
}

#backend .iconeditbild:hover {
background: url("../img/icon_editbild_act.png") no-repeat center center;
}

#backend .iconeditvideo {
background: url("../img/icon_editvideo.png") no-repeat center center;
width: 27px;
}

#backend .iconeditvideo:hover {
background: url("../img/icon_editvideo_act.png") no-repeat center center;
}

#backend .iconedittext {
background: url("../img/icon_edittext.png") no-repeat center center;
}

#backend .iconedittext:hover {
background: url("../img/icon_edittext_act.png") no-repeat center center;
}

#backend .iconeditkarte {
background: url("../img/icon_editkarte.png") no-repeat center center;
}

#backend .iconeditkarte:hover {
background: url("../img/icon_editkarte_act.png") no-repeat center center;
}

#backend .iconeditwebseite {
background: url("../img/icon_editwebseite.png") no-repeat center center;
}

#backend .iconeditwebseite:hover {
background: url("../img/icon_editwebseite_act.png") no-repeat center center;
}

#backend .iconeditprodukt {
background: url("../img/icon_editprodukt.png") no-repeat center center;
}

#backend .iconeditprodukt:hover {
background: url("../img/icon_editprodukt_act.png") no-repeat center center;
}

#backend .btn{
color: #FFFFFF;
border: 1px solid #ffffff;
background-color: #AA252D;
text-decoration: none;
padding: 10px;
cursor: pointer;
}

#backend .btn:disabled {
background-color: #F0F0F0;
}

#backend .btn:hover{
background-color: #666666;
color: #ffffff;
}

#backend .btnerstellen{
padding: 10px 10px 10px 30px;
display: inline-block;
background-image: url("../img/icon_plus.png");
background-repeat: no-repeat;
background-position: 5px center;
}

#backend #f_anzeige #f_tage {
width: 60px;
}

#backend #extrafunktionen {
margin: 20px 0;
height: 50px;
}

#backend .unsichtbar {
visibility: hidden !important;
display: inline !important;
height: 1px !important;
width: 1px !important;
opacity: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}

/* JQUERY-UI */
.ui-widget-content{
font-size: 15px;
}

.ui-autocomplete {
/* Scrollbar */
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
}

#backend .ui-widget {
font-family: 'Lato', Arial, sans-serif;
font-size: 15px;
font-weight: 400;
color: #666666;
}

#backend .ui-widget-content {
background: #ffffff;
color: #999999 !Important;
}

#backend .ui-widget input,
#backend .ui-widget select,
#backend .ui-widget textarea,
#backend .ui-widget button {
font-family: 'Lato', Arial, sans-serif;
font-size: 15px;
font-weight: 700;
color: #666666;
}

#backend ul.ui-tabs-nav {
margin: 0px;
}

#backend .draghandler {
cursor: move;
background: url("../img/icon_drag2.png") no-repeat left center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

#backend .nichtsortierbar {
cursor: default;
background: none !important;
}

#backend .ui-state-highlight {
background-color: #f3f3f3;
width: 100%;
height: 35px;
}

/*PLUPLOAD*/
#backend .plupload_wrapper * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; /*Größenberechnung exkl. Border und Padding!!*/
}

#backend .plupload_wrapper .plupload_cell {
padding: 8px 6px;
}

#backend .plupload_wrapper .ui-widget-content {
font-size: 11px;
}

/*************************************************
Login
**************************************************/
#login{
width: 400px;
margin: 0 auto;
padding: 20px;
visibility: hidden;
}

#login .loginbox, #login .resetbox{
width: 400px;
margin: 0px 0px 20px 0px;
line-height: 23px;
}

#login label{
display: block;
font-size: 14px;
}

#login #f_mail,
#login #f_pw,
#login #f_mail,
#login #f_neu1,
#login #f_neu2 {
width: 390px;
padding: 10px 5px;
}

#login #f_submit{
min-width: 160px;
padding: 10px;
background: #AA252D;
float: right;
border: 1px solid #ffffff;
color: #ffffff;
cursor: pointer;
font-size: 20px;
font-weight: 300;
}


/*************************************************
Backendübersicht 
**************************************************/
#backend #uebersicht .funktionsliste {
margin: 20px 0 0 0;
}

#backend #uebersicht li{
float: left;
width: 48%;
height: 80px;
border: 1px solid #b2b2b2;
margin: 5px 5px 30px 5px;
list-style-type: none;
text-align: left;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#backend #uebersicht li:hover{
-webkit-box-shadow: 0px 0px 10px 0px #999999;
box-shadow: 0px 0px 10px 0px #999999;
}

#backend #uebersicht a{
display: block;
height: 60px;
font-weight: normal;
color: #000000;
text-decoration: none;
font-size: 14px;
letter-spacing: 1px;
padding: 10px;
}

#backend #uebersicht a:hover{
color: #AA252D;
}

#backend #uebersicht a span{
font-weight: bold;
margin-top: 7px;
display: inline-block;
}

#backend #uebersicht a span:hover {
color: #AA252D;
}

#backend #uebersicht p{
margin-top: 0px;
font-size: 12px;
letter-spacing: 0px;
}

#backend .heartbeatdown {
font-weight: bold;
color: #FF0000;
}

#backend .heartbeatlive {
color: #008800;
}

/*************************************************
Backend: Adminfunktionen
**************************************************/
#backend #gruppenliste .tabaktiv,
#backend #benutzerliste .tabaktiv,
#backend #displayadminliste .tabaktiv {
width: 7%;
}

#backend #gruppenliste .tabupdate,
#backend #benutzerliste .tabupdate,
#backend #displayadminliste .tabupdate {
width: 13%;
}

#backend #f_benutzer #displayrechte {
margin-bottom: 20px;
}

#backend #f_benutzer #displayrechte .modulname,
#backend #f_benutzer #displayrechte .displayname {
padding: 5px 20px;
font-weight: bold;
}

#backend #f_benutzer #displayrechte .rechte {
text-align: center;
}

#backend #admin label{
display: inline-block;
width: 150px;
}

#backend #admin label.error{
width: 400px;
margin: 0 0 0 175px;
}

#backend #admin input[type="text"],
#backend #admin input[type="email"],
#backend #admin textarea{
width: 500px;
}

#backend #admin select{
width: 510px;
}

#backend #displaylogs .tabts {
width: 14%;
}

#backend #displaylogs .tabuseragent {
width: 25%;
}

#backend #displaylogs .tabdauer{
width: 10%;
}

#backend #displaylogs .tabfehler{
width: 7%;
}

#backend #displaylogs .chartbox {
height: 400px;
width: 100%;
margin: 0 auto;
}

#backend #displaylogs .chartboxklein {
height: 100px;
width: 100%;
margin: 0 auto;
}

/*************************************************
Backend: Displayliste
**************************************************/
#backend #displayliste .tabanzahl{
width: 8%;
}

#backend #displayliste .tabmuster{
width: 25%;
}

#backend #displayliste .tabts{
width: 14%;
}

#backend #displayliste .tabfunktion{
width: 15%;
}

#backend #displayliste .tabfunktion .funkicon{
margin: 10px 10px 10px 0px;
}

/*************************************************
Backend: Display verwalten
**************************************************/
/*SEITE*/
#backend #displayseite #display_neuesmodul {
font-weight: bold;
}

#backend #displayseite #display_neuesmodul button {
font-weight: normal;
margin-right: 5px;
padding: 5px;
}

#backend #displayseite #seiteboxen {
margin: 40px 0px;
}

#backend #displayseite .seitebox {
display: block;
background: #FFFFFF;
border: 1px solid #000000;
margin: 15px 0px;
padding: 5px;
height: 35px;
}

#backend #displayseite .seitebox input {
padding: 5px;
}

#backend #displayseite .seitebox .seitename,
#backend #displayseite .seitebox .seitedauer,
#backend #displayseite .seitebox .seiteentf {
float: left;
width: 5%;
height: 35px;
line-height: 35px;
}

#backend #displayseite .seitebox .seitename {
width: 17%;
padding-left: 20px;
font-weight: bold;
font-size: 17px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#backend #displayseite #seiteboxen .ui-state-highlight {
height: 35px;
}

#backend #displayseite .seitebox .seitedauer {
width: 75%;
}

#backend #displayseite .seitebox .seitedauer input {
width: 30px;
}

#backend #displayseite .seitebox .seiteentf {
cursor: pointer;
background: url("../img/icon_x.png") no-repeat center center;
width: 5%;
}

#backend #displayseite .seitebox .seiteentf:hover{
background: url("../img/icon_x_act.png") no-repeat center center;
}

#backend #displayseite .seitebox label.error {
display: none !important;
}

/*BILD*/
#backend #displaybild #uploaderbild {
margin: 0px 0px 40px 0px;
}

#backend #displaybild #bildboxen {
margin: 40px 0px;
padding-top: 20px;
border-style: solid;
border-width: 5px 0px 0px 0px;
border-color: #EEEEEE;
}

#backend #displaybild .bildbox {
display: block;
background: #FFFFFF;
border: 1px solid #000000;
margin: 15px 0px;
padding: 5px;
height: 60px;
}

#backend #displaybild .bildbox input {
padding: 5px;
}

#backend #displaybild .bildbox .bildsortieren,
#backend #displaybild .bildbox .bildbild,
#backend #displaybild .bildbox .bildname,
#backend #displaybild .bildbox .bilddauer,
#backend #displaybild .bildbox .bildwerbung,
#backend #displaybild .bildbox .bildloeschen {
float: left;
height: 60px;
line-height: 60px;
}

#backend #displaybild .bildbox .bildsortieren {
width: 5%;
}

#backend #displaybild #bildboxen .ui-state-highlight {
height: 60px;
}

#backend #displaybild .bildbox .bildbild {
width: 15%;
overflow: hidden;
}

#backend #displaybild .bildbox .bildbild img {
height: 60px;
width: auto;
}

#backend #displaybild .bildbox .bildname {
width: 30%;
}

#backend #displaybild .bildbox .bildname input {
width: 200px;
}

#backend #displaybild .bildbox .bilddauer {
width: 20%;
}

#backend #displaybild .bildbox .bilddauer input {
width: 30px;
}

#backend #displaybild .bildbox .bildwerbung {
width: 15%;
}

#backend #displaybild .bildbox .bildloeschen {
width: 15%;
}

/*VIDEO*/
#backend #displayvideo #uploadervideo {
margin: 0px 0px 40px 0px;
}

#backend #displayvideo #videoboxen {
margin: 40px 0px;
padding-top: 20px;
border-style: solid;
border-width: 5px 0px 0px 0px;
border-color: #EEEEEE;
}

#backend #displayvideo .videobox {
display: block;
background: #FFFFFF;
border: 1px solid #000000;
margin: 15px 0px;
padding: 5px;
height: 150px;
}

#backend #displayvideo .videobox input {
padding: 5px;
}

#backend #displayvideo .videobox .videosortieren,
#backend #displayvideo .videobox .videoplayer,
#backend #displayvideo .videobox .videoname,
#backend #displayvideo .videobox .videowerbung,
#backend #displayvideo .videobox .videoloeschen {
float: left;
height: 150px;
line-height: 150px;
}

#backend #displayvideo .videobox .videosortieren {
width: 5%;
}

#backend #displayvideo #videoboxen .ui-state-highlight {
height: 150px;
}

#backend #displayvideo .videobox .videoplayer {
width: 35%;
overflow: hidden;
}

#backend #displayvideo .videobox .video-js {
width: 266px !important;
height: 150px !important;
}

#backend #displayvideo .videobox .videoplayer .vjs-big-play-button {
font-size: 16px;
}

#backend #displayvideo .videobox .videoname {
width: 30%;
}

#backend #displayvideo .videobox .videoname input {
width: 200px;
}

#backend #displayvideo .videobox .videowerbung {
width: 15%;
}

#backend #displayvideo .videobox .videoloeschen {
width: 15%;
}

/*TEXT*/
#backend #displaytext #textboxen {
margin: 40px 0px;
}

#backend #displaytext .textbox {
display: block;
background: #FFFFFF;
border: 1px solid #000000;
margin: 15px 0px;
padding: 5px;
}

#backend #displaytext .textbox input {
padding: 5px;
}

#backend #displaytext .textsortieren,
#backend #displaytext .textcontent {
float: left;
height: 400px;
}

#backend #displaytext .textbox .textsortieren {
width: 5%;
}

#backend #displaytext #textboxen .ui-state-highlight {
height: 400px;
}

#backend #displaytext .textbox .textdauer,
#backend #displaytext .textbox .texttext {
margin: 20px 0px;
width: 820px;
}

#backend #displaytext .textbox .textdauer input {
width: 30px;
}

#backend #displaytext .textbox .textentf {
cursor: pointer;
background: url("../img/icon_x.png") no-repeat center center;
width: 20px;
height: 20px;
float: right;
margin: 5px;
}

#backend #displaytext .textbox .textentf:hover{
background: url("../img/icon_x_act.png") no-repeat center center;
}

/*KARTE*/
#backend #neuekarte .formbox {
float: left;
margin: 5px 10px 5px 0px;
padding: 0px;
}

#backend #displaykarte #karteboxen {
margin: 40px 0px;
}

#backend #displaykarte .kartebox {
display: block;
background: #FFFFFF;
border: 1px solid #000000;
margin: 15px 0px;
padding: 5px;
}

#backend #displaykarte .kartebox .kartemap {
height: 340px;
}

#backend #displaykarte .kartebox .kartelat,
#backend #displaykarte .kartebox .kartelon,
#backend #displaykarte .kartebox .kartezoom {
display: none;
}

#backend #displaykarte .kartesortieren,
#backend #displaykarte .kartecontent {
float: left;
height: 400px;
}

#backend #displaykarte .kartebox .kartesortieren {
width: 5%;
}

#backend #displaykarte .kartebox .kartecontent {
width: 90%;
}

#backend #displaykarte #karteboxen .ui-state-highlight {
height: 400px;
}

#backend #displaykarte .kartebox .kartename,
#backend #displaykarte .kartebox .kartedauer {
float: left;
margin: 10px;
}

#backend #displaykarte .kartebox .kartedauer input {
width: 30px;
}

#backend #displaykarte .kartebox .karteentf {
cursor: pointer;
background: url("../img/icon_x.png") no-repeat center center;
width: 20px;
height: 20px;
float: right;
margin: 5px;
}

#backend #displaykarte .kartebox .karteentf:hover{
background: url("../img/icon_x_act.png") no-repeat center center;
}

/*WEBSEITE*/
#backend #displaywebseite #webseiteboxen {
margin: 40px 0px;
}

#backend #displaywebseite .webseitebox {
display: block;
border: 1px solid #000000;
margin: 15px 0px;
padding: 5px;
height: 35px;
}

#backend #displaywebseite .webseitebox input {
padding: 5px;
}

#backend #displaywebseite .webseitebox .webseitesortieren,
#backend #displaywebseite .webseitebox .webseitename,
#backend #displaywebseite .webseitebox .webseiteurl,
#backend #displaywebseite .webseitebox .webseitedauer,
#backend #displaywebseite .webseitebox .webseiteentf {
float: left;
width: 5%;
height: 35px;
line-height: 35px;
}

#backend #displaywebseite #webseiteboxen .ui-state-highlight {
height: 35px;
}

#backend #displaywebseite .webseitebox .webseitename {
width: 30%;
}

#backend #displaywebseite .webseitebox .webseitename input {
width: 70%;
}

#backend #displaywebseite .webseitebox .webseiteurl {
width: 45%;
}

#backend #displaywebseite .webseitebox .webseiteurl input {
width: 80%;
}

#backend #displaywebseite .webseitebox .webseitedauer {
width: 15%;
}

#backend #displaywebseite .webseitebox .webseitedauer input {
width: 30px;
}

#backend #displaywebseite .webseitebox .webseiteentf {
cursor: pointer;
background: url("../img/icon_x.png") no-repeat center center;
}

#backend #displaywebseite .webseitebox .webseiteentf:hover{
background: url("../img/icon_x_act.png") no-repeat center center;
}

#backend #displaywebseite .webseitebox label.error {
display: none !important;
}

/*PRODUKT*/
#backend #displayprodukt #produktboxen {
margin: 40px 0px;
}

#backend #displayprodukt .produktbox {
display: block;
background: #FFFFFF;
border: 1px solid #000000;
margin: 15px 0px;
padding: 5px;
}

#backend #displayprodukt .produktbox .produktlabel {
display: inline-block;
width: 75px;
margin-right: 5px;
}

#backend #displayprodukt .produktbox label.error {
margin-left: 0px;
}

#backend #displayprodukt .produktbox .produktname label.error,
#backend #displayprodukt .produktbox .produkttext label.error,
#backend #displayprodukt .produktbox .produktpreis label.error,
#backend #displayprodukt .produktbox .produktlink label.error,
#backend #displayprodukt .produktbox .produktdauer label.error {
margin-left: 80px;
}

#backend #displayprodukt .produktbox .produkt_datei {
position: absolute;
left: -99999px;
}

#backend #displayprodukt .produktbox input {
padding: 5px;
width: 570px;
}

#backend #displayprodukt .produktbox .produktsortieren {
width: 5%;
}

#backend #displayprodukt .produktsortieren,
#backend #displayprodukt .produktcontent {
float: left;
}

#backend #displayprodukt .produktsortieren,
#backend #displayprodukt .produktcontent,
#backend #displayprodukt #produktboxen .ui-state-highlight {
height: 640px;
}

#backend #displayprodukt .produktboxalt .produktsortieren,
#backend #displayprodukt .produktboxalt .produktcontent,
#backend #displayprodukt #produktboxen .produktboxalt .ui-state-highlight {
height: 350px;
}

#backend #displayprodukt .produktbox .produktname,
#backend #displayprodukt .produktbox .produkttext,
#backend #displayprodukt .produktbox .produktpreis,
#backend #displayprodukt .produktbox .produktlink,
#backend #displayprodukt .produktbox .produktdauer {
margin: 20px 0px;
}

#backend #displayprodukt .produktbox .produktlink {
display: none;
}

#backend #displayprodukt .produktbox .produktdauer input {
width: 30px;
}

#backend #displayprodukt .produktbox .plupload_wrapper {
min-width: 660px;
}

#backend #displayprodukt .produktbox .produktentf {
cursor: pointer;
background: url("../img/icon_x.png") no-repeat center center;
width: 20px;
height: 20px;
float: right;
margin: 5px;
}

#backend #displayprodukt .produktbox .produktentf:hover{
background: url("../img/icon_x_act.png") no-repeat center center;
}