/** AkoHotel - (C) Copyright 2013 by Arthur Konze **/

/* ##################### OVERALL SETTINGS ##################### QM: ok */
html, body {
  min-height       : 100%
}

body {
  margin           : 0px;
  padding          : 0;
  text-align       : center;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,221,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,221,255,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,221,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,221,255,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,221,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,221,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccddff',GradientType=0 );
}

td, tr, div {
  font-family      : Tahoma, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  line-height      : 20px;
  color            : #555;
  margin           : 0;
  padding          : 0;
}

p {
  margin: 0;
  padding: 0 0 15px 0;
  text-align : left;
}

.main {
  max-width        : 1024px;
  width            : 1024px;
  margin           : 0 auto;
  text-align       : center;
  background-color : #ffffff;
  padding          : 0;
  -moz-box-shadow  : 0px 0px 25px #333;
  -webkit-box-shadow:  0px 0px 25px #333;
  box-shadow       :  0px 0px 25px #333;
}

.clearer {
  clear : both;
}

/* ##################### LINK SETTINGS ##################### QM: ok */
a {
  color            : #3366cc;
  text-decoration  : underline;
}

a:hover {
  color            : #999;
  text-decoration  : underline;
}
.contentzeile04 a {
  color            : #666;
  text-decoration  : underline;
}

.contentzeile04 a:hover {
  color            : #333;
  text-decoration  : underline;
}
/* OOOOOOOOOOOOOOOOOOOO ZEILE 01 OOOOOOOOOOOOOOOOOOOO */
.contentzeile01 {
  height           : 256px;
  width            : 100%;
  position         : relative;
  padding          : 0;
}

.contentzeile01links {
  padding          : 0;
  margin           : 0;
  width            : 100%;
  position         : absolute;
  z-index          : 1;
}

.contentzeile01rechts {
  height           : 256px;
  width            : 256px;
  text-align       : left;
  background-color : rgba(255,255,255,0.5);
  padding          : 0;
  position         : absolute;
  z-index          : 5;
  right            : 20px;
}

/* OOOOOOOOOOOOOOOOOOOO ZEILE 02 OOOOOOOOOOOOOOOOOOOO */
.contentzeile02 {
  vertical-align   : top;
  text-align       : center;
  margin           : 0;
  padding          : 0;
  width            : 100%;
  height           : 40px;
  background-color : #ffffff;
}

/* OOOOOOOOOOOOOOOOOOOO ZEILE 03 OOOOOOOOOOOOOOOOOOOO */
.contentzeile03 {
  vertical-align   : top;
  text-align       : left;
  margin           : 0;
  padding          : 20px;
  width            : 1024px;
  width            : 984px !important;
  min-height       : 400px;
  -webkit-box-shadow: inset 0px 10px 10px -8px #999999;
  -moz-box-shadow: inset 0px 10px 10px -8px #999999;
  box-shadow: inset 0px 10px 10px -8px #999999;
  background : url('images/content-back.png') bottom right no-repeat #fff;
}

.contentzeile03breadcrumb {
  width            : 100%;
  margin           : 0;
  font-size        : 12px;
  color            : #ccc;
  letter-spacing   : 2px;
}

.contentzeile03breadcrumb:before {
  content : "Sie sind hier: ";
  color : #999;
}

.contentzeile03contentnormal {
  margin-top       : 40px;
}

/* Zweispaltig Links */
.columnlncontainer {
  width            : 100%;
  background       : url('images/ln_faux_column_back.png') top left repeat-y #fff;
}
.columnlnleft {
  float            : left;
  width            : 250px;
  margin           : 20px 10px 20px 10px;
}

.columnlnright {
  float            : left;
  width            : 704px;
  margin           : 20px 0 20px 10px;
  display          : inline;
}

/* Zweispaltig Rechts */
.columnnrcontainer {
  width            : 100%;
  background       : url('images/ln_faux_column_back.png') top right repeat-y #fff;
}
.columnnrleft {
  float            : left;
  width            : 704px;
  margin           : 20px 10px 20px 0;
}

.columnnrright {
  float            : left;
  width            : 250px;
  margin           : 20px 10px 20px 10px;
  display          : inline;
}

/* Dreispaltig */
.columnlnrcontainer {
  width            : 100%;
  background       : url('images/lnr_faux_column_back.png') top left repeat-y #fff;
}
.columnlnrleft {
  float            : left;
  width            : 250px;
  margin           : 20px 10px 20px 10px;
}

.columnlnrmiddle {
  float            : left;
  width            : 424px;
  margin           : 20px 10px 20px 10px;
  display          : inline;
}

.columnlnrright {
  float            : left;
  width            : 250px;
  margin           : 20px 10px 20px 10px;
  display          : inline;
}

h1, h2, h3, h4, h5 {
  margin           : 0;
  padding          : 0;
  border           : 0;
  font-weight      : normal;
  vertical-align   : baseline;
  color            : #3366cc;
  background       : transparent;
  margin-bottom    : 15px;
  font-family      : Arial, Helvetica, sans-serif
  letter-spacing   : 1px;
 }

h1 {
  font-size        : 24px;
 }
h2 {
  font-size        : 18px;
  color            : #3366cc;
  letter-spacing   : 0px;
}
h3 {
  font-size        : 16px;
  color            : #666;
  letter-spacing   : 0px;
}
h4 {
  font-size        : 16px;
  color            : #999;
  letter-spacing   : 0px;
}


/* OOOOOOOOOOOOOOOOOOOO ZEILE 04 OOOOOOOOOOOOOOOOOOOO */
.contentzeile04 {
  width            : 1140px;
  margin           : 0 auto;
  padding          : 10px 0;
  text-align       : center;
  color            : #666;
  letter-spacing   : 1px;
  font-size        : 12px;
  line-height      : 20px;
}

/* ##################### T3 SETTINGS ##################### QM: ok */
.csc-uploads {
  width            : 100%;
  border-collapse  : collapse;
  margin           : 15px 0px;
}

.csc-uploads td {
  border           : 1px solid #CCCCCC;
  padding          : 5px;
}

.csc-uploads-icon {
  width            : 25px;
  text-align       : center;
}

.csc-uploads-fileSize {
  width            : 75px;
}

.csc-uploads-fileSize p {
  text-align       : right;
}

/* ########## TYPO3 - AUFZAEHLUNG ########## QM: ok */
.csc-bulletlist-0  {
  list-style       : none outside none !important;
  padding-left     : 15px !important;
}

.csc-bulletlist-0 li {
  background       : url("images/tick.png") no-repeat scroll 2px 3px transparent !important;
  list-style       : none outside none !important;
  margin           : 5px 0 !important;
  padding-left     : 25px !important;
}

.csc-bulletlist-1  {
  list-style       : none outside none !important;
  padding-left     : 15px !important;
}

.csc-bulletlist-1 li {
  background       : url("images/cross.png") no-repeat scroll 2px 3px transparent !important;
  list-style       : none outside none !important;
  margin           : 5px 0 !important;
  padding-left     : 25px !important;
}

.csc-bulletlist-2, .csc-bulletlist-3 {
  counter-reset    : li;
  list-style       : none;
  *list-style      : decimal;
  padding          : 0;
  margin-bottom    : 15px;
  margin-left      : 15px;
  padding-left     : 0;
}

.csc-bulletlist-2 li, .csc-bulletlist-3 li {
  position         : relative;
  padding          : 0 0 0 30px;
  *padding         : .4em;
  margin           : .5em 0;
}


.csc-bulletlist-2 li:before,  .csc-bulletlist-3 li:before{
  content          : counter(li);
  counter-increment: li;
  position         : absolute;
  left             : 0px;
  top              : 50%;
  margin-top       : -0.75em;
  height           : 1.3em;
  width            : 1.3em;
  line-height      : 1.3em;
  text-align       : center;
  font-weight      : bold;
  color            : #fff;

  -ms-border-radius     : 1.3em;
  -moz-border-radius    : 1.3em;
  -webkit-border-radius : 1.3em;
  border-radius         : 1.3em;

  background-color : #bedc00;
  background-image : -ms-linear-gradient(top, #bedc00, #aac800);
  background-image : -moz-linear-gradient(top, #bedc00, #aac800);
  background-image : -o-linear-gradient(top, #bedc00, #aac800);
  background-image : -webkit-gradient(linear, top, bottom, color-stop(0, #bedc00), color-stop(1, #aac800));
  background-image : -webkit-linear-gradient(top, #bedc00, #aac800);
  background-image : linear-gradient(top, #bedc00, #aac800);

  -webkit-box-shadow    : inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
  -moz-box-shadow       : inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
  -o-box-shadow         : inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
  box-shadow            : inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
}

.csc-bulletlist-3 {
  *list-style      : upper-latin;
}

.csc-bulletlist-3 li:before{
  content          : counter(li, upper-latin);
}

.csc-textpic-caption {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 11px;
  line-height      : 13px;
  color            : #666;
  padding          : 2px;
}

/* ########## TYPO3 - TABELLE ########## QM: ok */
.contenttable {
  border-collapse  : separate;
  width            : 100%;
  margin           : 1.5em 0;
}

.contenttable thead th {
  padding          : 5px;
  color            : #fff;
  text-shadow      : 1px 1px 1px #666;
  border-top       : 1px solid #cde8ff;
  border-bottom    : 3px solid #3366cc;
  background-color : #99ccff;
  -webkit-border-radius : 5px 5px 0px 0px;
  -moz-border-radius    : 5px 5px 0px 0px;
  border-radius         : 5px 5px 0px 0px;
}

.contenttable tbody th {
  padding          : 5px;
  color            : #fff;
  text-shadow      : 1px 1px 1px #666;
  border-top       : 1px solid #cde8ff;
  border-bottom    : 3px solid #3366cc;
  background-color : #99ccff;
  -webkit-border-radius : 5px 0px 0px 5px;
  -moz-border-radius    : 5px 0px 0px 5px;
  border-radius         : 5px 0px 0px 5px;
}

.contenttable thead th:empty, .contenttable tbody th:empty {
  background       : transparent;
  border           : none;
}

.contenttable tfoot td{
  padding          : 5px;
  -moz-border-radius    : 3px;
  -ms-border-radius     : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
  color            : #fff;
  text-shadow      : 1px 1px 1px #000;
  font-weight      : bold;
  background-color : #6d6d6d;
  -webkit-box-shadow: inset 0px 1px 0px #828282, 0px 2px 0px 0px #323232, 0px 5px 3px #999;
  -moz-box-shadow: inset 0px 1px 0px #828282, 0px 2px 0px 0px #323232, 0px 5px 3px #999;
  -o-box-shadow: inset 0px 1px 0px #828282, 0px 2px 0px 0px #323232, 0px 5px 3px #999;
  box-shadow: inset 0px 1px 0px #828282, 0px 2px 0px 0px #323232, 0px 5px 3px #999;
}

.contenttable tfoot th{
  color            : #999;
}

.contenttable tbody td{
  padding          : 5px;
  background-color : #e0e0e0;
  -moz-border-radius    : 3px;
  -ms-border-radius     : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

.contenttable.preisliste tbody td.td-0 {
  font-weight: bold;
}

.csc-textpic-imagerow-none .csc-textpic-image {
  display: inline-block;
  margin-bottom: 0 !important;
}

/* ########## Multicolumn CSS3 ########## QM: ok */
.ako_layout_normal {
  text-align        : justify;
}

.ako_layout_01 p{
  -webkit-column-count : 2;
  -webkit-column-width : 430px;
  -moz-column-count : 2;
  -moz-column-width : 430px;
  columns           : 2 430px;
  text-align        : justify;
 }

.ako_layout_02 p{
  -webkit-column-count : 3;
  -webkit-column-width : 270px;
  -moz-column-count : 3;
  -moz-column-width : 270px;
  columns           : 3 270px;
  text-align        : justify;
}

.ako_layout_03 p{
  -webkit-column-count : 4;
  -webkit-column-width : 195px;
  -moz-column-count : 4;
  -moz-column-width : 195px;
  columns           : 4 195px;
  text-align        : justify;
}

.ako_layout_01 h1, .ako_layout_01 h2, .ako_layout_01 h3, .ako_layout_01 h4,
.ako_layout_02 h1, .ako_layout_02 h2, .ako_layout_02 h3, .ako_layout_02 h4,
.ako_layout_03 h1, .ako_layout_03 h2, .ako_layout_03 h3, .ako_layout_03 h4 {
  column-span       : all;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok

/* Reset */
.menu, .menu ul, .menu li, .menu a {
  margin           : 0;
  padding          : 0;
  border           : none;
  outline          : none;
}

/* Erste Ebene */
.menu {
  height           : 40px;
  width            : 100%;
  background       : rgb(255,255,255);
}

.menu li {
  position         : relative;
  list-style       : none;
  float            : left;
  display          : block;
  height           : 40px;
  border-right     : 1px solid #ccc;
}

.menu li a {
  display          : block;
  padding          : 0 14px;
  margin           : 0;
  line-height      : 40px;
  text-decoration  : none;

  font-family      : Arial, sans-serif;
  font-size        : 15px;
  color            : #3366cc;

  -webkit-transition : background-color .3s ease-in-out;
  -moz-transition    : background-color .3s ease-in-out;
  -o-transition      : background-color .3s ease-in-out;
  -ms-transition     : background-color .3s ease-in-out;
  transition         : background-color .3s ease-in-out;
}

.menu li:first-child a {
  border-left      : none;
}

.menu li:last-child a {
  border-right     : none;
}

.menu li:hover > a {
  color            : #3366cc;
  background-color : #ecedee;
  border-bottom    : 2px solid #3366cc;
}

.menu a.active {
  color            : #3366cc;
  background-color : #fff;
  border-bottom    : 2px solid #3366cc;
}

/* Zweite Ebene */
.menu ul {
  position         : absolute;
  top              : 40px;
  left             : 0;
  z-index          : 5000;
  opacity          : 0;
  background-color : rgb(64,64,64);
  background-color : rgba(64,64,64,.9);

  -moz-border-radius    : 0 0 8px 8px;
  -ms-border-radius     : 0 0 8px 8px;
  -webkit-border-radius : 0 0 8px 8px;
  border-radius         : 0px 0px 8px 8px;

  -webkit-transition    : opacity .25s ease .1s;
  -moz-transition       : opacity .25s ease .1s;
  -o-transition         : opacity .25s ease .1s;
  -ms-transition        : opacity .25s ease .1s;
  transition            : opacity .25s ease .1s;
}

.menu li:hover > ul {
  opacity          : 1;
}

.menu ul li {
  height           : 0;
  overflow         : hidden;
  padding          : 0;
  text-align       : left;
  border-right     : none;

  -webkit-transition    : height .25s ease .1s;
  -moz-transition       : height .25s ease .1s;
  -o-transition         : height .25s ease .1s;
  -ms-transition        : height .25s ease .1s;
  transition            : height .25s ease .1s;
}

.menu li:hover > ul li {
  height           : 33px;
  overflow         : visible;
  padding          : 0;
}

.menu ul li a {
  width            : 175px;
  padding          : 4px 0 4px 10px;
  margin           : 0;
  font-size        : 13px;
  letter-spacing   : 0;
  color            : #fff;
  border           : none;
  border-bottom    : 1px solid #666;
  line-height      : 26px;
}

.menu ul li:last-child a {
  border           : none;
}

.menu ul li:hover > a {
  color            : #6699FF;
  background-color : #333333;
  border-bottom    : none;
}

/* ########## TYPO3 - MENU SUBPAGES ########## QM: ok */
.csc-header a {
  margin           : 0;
  padding          : 0px;
  position         : relative;
  display          : block;
  width            : 190px !important;
  width            : 225px;

  text-shadow      : none;
  text-transform   : none;
  font-size        : 14px;
  font-family      : Arial, Helvetica, sans-serif;
  color            : #fff;
  letter-spacing   : 1px;
  vertical-align   : center;
  text-decoration  : none;
  background-color : #2b6246;
  -moz-border-radius    : 5px;
  -ms-border-radius     : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  padding          : 8px 10px;

  border-left      : 15px solid #839600;

  background-color : #bedc00;
  background-image : -ms-linear-gradient(top, #bedc00, #aac800);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#bedc00', endColorstr='#aac800');
  background-image : -moz-linear-gradient(top, #bedc00, #aac800);
  background-image : -o-linear-gradient(top, #bedc00, #aac800);
  background-image : -webkit-gradient(linear, top, bottom, color-stop(0, #bedc00), color-stop(1, #aac800));
  background-image : -webkit-linear-gradient(top, #bedc00, #aac800);
  background-image : linear-gradient(top, #bedc00, #aac800);

  -webkit-box-shadow: inset 0px 1px 0px #e0ff05, 0px 5px 0px 0px #576400, 0px 10px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #e0ff05, 0px 5px 0px 0px #576400, 0px 10px 5px #999;
  -o-box-shadow: inset 0px 1px 0px #e0ff05, 0px 5px 0px 0px #576400, 0px 10px 5px #999;
  box-shadow: inset 0px 1px 0px #e0ff05, 0px 5px 0px 0px #576400, 0px 10px 5px #999;
}

.csc-header a:hover {
  top:3px;

  background-color : #aac800;
  background-image : -ms-linear-gradient(top, #aac800, #bedc00);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#aac800', endColorstr='#bedc00');
  background-image : -moz-linear-gradient(top, #aac800, #bedc00);
  background-image : -o-linear-gradient(top, #aac800, #bedc00);
  background-image : -webkit-gradient(linear, top, bottom, color-stop(0, #aac800), color-stop(1, #bedc00));
  background-image : -webkit-linear-gradient(top, #aac800, #bedc00);
  background-image : linear-gradient(top, #aac800, #bedc00);

  -webkit-box-shadow: inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
  -moz-box-shadow: inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
  -o-box-shadow: inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
  box-shadow: inset 0px 1px 0px #e0ff05, 0px 2px 0px 0px #576400, 0px 5px 3px #999;
}

ul.csc-menu {
  list-style       : none;
  padding          : 0px;
  margin           : 0px;
  font-size        : 14px;
  font-family      : Arial, Helvetica, sans-serif;
  margin-bottom    : 25px;
  width            : 100%;
}

ul.csc-menu li {
  margin : 10px 0;
}

ul.csc-menu li a {
  position:relative;
  display : block;

  color            : #fff;
  letter-spacing   : 1px;
  vertical-align   : center;
  text-decoration  : none;
  -moz-border-radius    : 5px;
  -ms-border-radius     : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  padding          : 8px 10px;

  border-left      : 15px solid #005096;

  background-color : #5fbcff;
  background-image : -ms-linear-gradient(top, #5fbcff, #0085fa);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fbcff', endColorstr='#0085fa');
  background-image : -moz-linear-gradient(top, #5fbcff, #0085fa);
  background-image : -o-linear-gradient(top, #5fbcff, #0085fa);
  background-image : -webkit-gradient(linear, top, bottom, color-stop(0, #5fbcff), color-stop(1, #0085fa));
  background-image : -webkit-linear-gradient(top, #5fbcff, #0085fa);
  background-image : linear-gradient(top, #5fbcff, #0085fa);

  -webkit-box-shadow: inset 0px 1px 0px #91ceff, 0px 5px 0px 0px #002a50, 0px 10px 5px #999999;
  -moz-box-shadow: inset 0px 1px 0px #91ceff, 0px 5px 0px 0px #002a50, 0px 10px 5px #999999;
  -o-box-shadow: inset 0px 1px 0px #91ceff, 0px 5px 0px 0px #002a50, 0px 10px 5px #999999;
  box-shadow: inset 0px 1px 0px #91ceff, 0px 5px 0px 0px #002a50, 0px 10px 5px #999999;
}

ul.csc-menu li a:hover {
  top:3px;

  background-color : #5fbcff;
  background-image : -ms-linear-gradient(top, #5fbcff, #0085fa);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fbcff', endColorstr='#0085fa');
  background-image : -moz-linear-gradient(top, #5fbcff, #0085fa);
  background-image : -o-linear-gradient(top, #5fbcff, #0085fa);
  background-image : -webkit-gradient(linear, top, bottom, color-stop(0, #5fbcff), color-stop(1, #0085fa));
  background-image : -webkit-linear-gradient(top, #5fbcff, #0085fa);
  background-image : linear-gradient(top, #5fbcff, #0085fa);

  -webkit-box-shadow: inset 0px 1px 0px #91ceff, 0px 2px 0px 0px #002a50, 0px 5px 3px #999;
  -moz-box-shadow: inset 0px 1px 0px #91ceff, 0px 2px 0px 0px #002a50, 0px 5px 3px #999;
  -o-box-shadow: inset 0px 1px 0px #91ceff, 0px 2px 0px 0px #002a50, 0px 5px 3px #999;
  box-shadow: inset 0px 1px 0px #91ceff, 0px 2px 0px 0px #002a50, 0px 5px 3px #999;
}

.csc-frame-frame1 {
  color            : #000;
  padding          : 10px;
  border           : 1px solid #0c4327;
  background-color : #92c9ad;
  margin-bottom    : 25px;
}

.csc-mailform input, .csc-mailform textarea {
  padding          : 10px;
  border           : 1px solid #ccc;
  outline          : 0;
  width            : 400px;
  max-width        : 400px;
  background-color : #f0f0f0;
  font             : normal 14px/100% Verdana, Tahoma, sans-serif;
  -moz-box-shadow    : rgba(0, 0, 0, 0.15) 0px 0px 8px;
  -webkit-box-shadow : rgba(0, 0, 0, 0.15) 0px 0px 8px;
  box-shadow         : rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.csc-mailform textarea {
  height           : 150px;
  line-height      : 150%;
}

.csc-mailform input:hover, .csc-mailform textarea:hover,
.csc-mailform input:focus, .csc-mailform textarea:focus {
  border-color     : #bedc00;
}

.csc-mailform label {
  display          : block;
  width            : 150px;
  margin-top       : 10px;
  letter-spacing   : 2px;
  color            : #666666;
  float            : left;
  clear            : both;
}

input.csc-mailform-submit {
  width            : 200px;
  padding          : 8px 0;
  float            : right;
  background       : #999999;
  border           : 0;
  color            : #000;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}

.csc-mailform {
  width            : 600px;
  margin           : 0 auto;
  border           : 0;
}

.csc-mailform-field {
  display          : block;
  clear            : both;
  padding          : 5px 0;
}

input.csc-mailform-check {
  margin-top       : 15px;
  width            : 30px;
}

.csc-mailform-radio {
  clear            : both;
}

/* ########## TYPO3 - SITEMAP ########## QM: ok */
.csc-sitemap {
  -webkit-column-count  : 2;
  -webkit-column-width  : 430px;
  -moz-column-count     : 2;
  -moz-column-width     : 430px;
  columns               : 2 430px;
}
.csc-sitemap ul {
  list-style-type  : none;
  padding          : 0;
  margin           : 0;
}

.csc-sitemap ul a {
  width            : 100%;
  padding          : 0;
  margin           : 0.25em;
  display          : inline-block;
  white-space      : nowrap;

  background-color : #2d6d9b;
  background-image : -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image : -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image : -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image : -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image : linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));

  -webkit-transition : background-color .2s linear;
  -moz-transition    : background-color .2s linear;
  -o-transition      : background-color .2s linear;
  -ms-transition     : background-color .2s linear;
  transition         : background-color .2s linear;

  border           : 1px solid #777;
  font             : bold 1em/1.8em Arial, Helvetica;
  text-decoration  : none;
  color            : #fff;
  color            : rgba(255,255,255,.8);
  text-shadow      : 1px 1px 1px rgba(0,0,0,.5);
  -moz-border-radius    : .2em;
  -webkit-border-radius : .2em;
  border-radius         : .2em;
  -moz-box-shadow       : 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  -webkit-box-shadow    : 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  box-shadow            : 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.csc-sitemap ul a:hover {
  background-color : #5c9fd0;
}

.csc-sitemap ul a:active {
  position         : relative;
  top              : 1px;
}

.csc-sitemap ul a:before {
  content          : "\278A";
  background       : #ccc;
  background       : rgba(0,0,0,.1);
  color            : #333;
  color            : rgba(0,0,0,.2);
  text-shadow      : 1px 1px 0 rgba(255,255,255,.2);
  float            : left;
  width            : 1em;
  text-align       : center;
  font-size        : 1.3em;
  margin           : 0 0.5em 0 0;
  padding          : 0 0.3em;
  -moz-box-shadow       : 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
  -webkit-box-shadow    : 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
  box-shadow            : 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
  -moz-border-radius    : .15em 0 0 .15em;
  -webkit-border-radius : .15em 0 0 .15em;
  border-radius         : .15em 0 0 .15em;
  pointer-events        : none;
}

/* Zweite Ebene */
.csc-sitemap ul ul {
  margin           : 0 0 0 2.5em;
}
.csc-sitemap ul ul a {
  background-color : #2d9b2e;
}
.csc-sitemap ul ul a:hover {
  background-color : #5dd05c;
}
.csc-sitemap ul ul a:before {
  content          : "\278B";
}

/* Dritte Ebene */
.csc-sitemap ul ul ul {
  margin           : 0 0 0 2.5em;
}
.csc-sitemap ul ul ul a {
  background-color : #cbb125;
}
.csc-sitemap ul ul ul a:hover {
  background-color : #e5d36f;
}
.csc-sitemap ul ul ul a:before {
  content          : "\278C";
}

/* Vierte Ebene */
.csc-sitemap ul ul ul ul {
  margin           : 0 0 0 2.5em;
}
.csc-sitemap ul ul ul ul a {
  background-color : #bc3d20;
}
.csc-sitemap ul ul ul ul a:hover {
  background-color : #e4725c;
}
.csc-sitemap ul ul ul ul a:before {
  content          : "\278D";
}



.picmenu {
  overflow         : hidden;
  padding          : 10px;
}

.picmenuentry {
  display          : block;
  float            : left;
  position         : relative;
  z-index          : 10;
  margin-right     : 10px;
  margin-bottom    : 10px;
  width            : 210px;
  height           : 260px;
  border           : 1px solid #e0e0e0;
  background-color : #fff;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  -moz-box-shadow       : 0 0 7px rgba(0,0,0,.1);
  -webkit-box-shadow    : 0 0 7px rgba(0,0,0,.1);
  box-shadow            : 0 0 7px rgba(0,0,0,.1);
}

.picmenuentry:hover {
  -moz-box-shadow       : 0 0 8px rgba(0,0,0,.3);
  -webkit-box-shadow    : 0 0 8px rgba(0,0,0,.3);
  box-shadow            : 0 0 8px rgba(0,0,0,.3);
}

.entrydark {
  background-color : #f0f0f0;
}

.picmenucontent h2 {
  font-weight      : normal;
  vertical-align   : baseline;
  font-family      : arial,helvetica,sans-serif;
  letter-spacing   : -1px;
  text-shadow      : none;
  text-transform   : none;
  font-size        : 12px;
  padding          : 0 4px;
  margin           : 3px 0;
}

.picmenucontent p {
  font-family      : Georgia,serif;
  font-style       : italic;
  font-size        : 10px;
  color            : #666;
  line-height      : 14px;
  padding          : 0 5px;
}

.picmenuphoto img  {
  position         : relative;
  display          : block;
  padding          : 5px 0 0 5px;
  width            : 200px;
  height           : 150px;
  border           : none;
}

ul {
  margin : 0 0 20px 0;
}


div.tx-powermail h3 {
    display: none;
}
div.tx-powermail {
    font-family: Calibri,Arial,sans-serif;
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
    width: 640px;
}
.powermail_message {
    background: #ccc none no-repeat scroll 98% 10px;
    min-height: 65px;
    padding-left: 20px;
}
.powermail_message_ok {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
}
.powermail_message_error {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png");
}
.powermail_message li {
    color: #1e5799;
    font-weight: bold;
    padding: 10px 50px 10px 0;
}
.clear {
    clear: both;
}
.powermail_form {
    position: relative;
}
.powermail_fieldset {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    clear: left;
    margin-bottom: 20px;
    padding: 10px;
}
.powermail_legend {
    color: #eaeaea;
    float: right;
    font-size: 30px;
    font-weight: bold;
    margin: 3px 10px 10px 0;
    white-space: normal;
}
.powermail_label, .control-label {
    clear: left;
    color: #1e5799;
    display: block;
    float: left;
    font-weight: bold;
    width: 200px;
}
div.powermail_fieldwrap {
    clear: both;
    margin: 0 0 0.5em;
}
.powermail_field, .powermail_input, .powermail_textarea, .powermail_date {
    border: 1px solid #ccc;
    color: #444;
    font-family: Calibri,Arial,sans-serif;
    font-size: 14px;
    padding: 3px;
    width: 400px;
}
.powermail_captcha {
    width: 392px;
}
.powermail_textarea {
    height: 80px;
}

input.powermail_field:focus,
input.powermail_input:focus, 
textarea.powermail_textarea:focus {
    background-color: #e5e5e5;
    border: 1px solid white;
    outline: medium none;
}
.powermail_submit {
    background: rgb(30, 87, 153) none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 10px 16px 10px 0;
    padding: 5px 20px;
}
.powermail_fieldwrap_radio fieldset, .powermail_fieldwrap_check fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.powermail_fieldwrap_radio fieldset legend, .powermail_fieldwrap_check fieldset legend {
    padding: 0;
}
.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {
    background-color: white;
    border: 1px solid #ccc;
    float: left;
    padding: 3px;
    width: 392px;
}
.powermail_radio_outer label, .powermail_captcha_outer label, .powermail_check_outer label {
    color: #444;
}
.powermail_captchaimage {
    margin-top: 10px;
    width: 392px;
}
div.error {
    background-color: #ffca4b;
    border: 1px solid #ff8100;
}
.powermail_field_error {
    background-color: #ffca4b;
    border: 1px solid #ff8100;
}
div.powermail_fieldwrap_file_inner {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/upload_bg.png");
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    overflow: hidden;
    padding: 3px;
    width: 392px;
}
input.powermail_file {
    height: 100%;
    opacity: 0;
    position: relative;
    width: auto;
}
ul#powermail_tabmenu {
    background: #ccc none repeat scroll 0 0;
    height: 16px;
    list-style-type: none;
    margin-left: 2px;
    padding: 10px 0;
    width: 99.5%;
}
ul#powermail_tabmenu li {
    color: #1e5799;
    cursor: pointer;
    float: left;
    font-weight: bold;
    margin-left: 10px;
}
ul#powermail_tabmenu li.act {
    text-decoration: underline;
}
.ui-datepicker-next span, .ui-datepicker-prev span {
    cursor: pointer;
    text-indent: -99999px;
}
.powermail_confirmation {
    background: #ccc none repeat scroll 0 0;
    border: 0 none;
    clear: left;
    margin-bottom: 20px;
    padding: 10px;
}
input.powermail_confirmation_form {
    background: rgb(30, 87, 153) none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    float: left;
    font-weight: bold;
    margin-top: 20px;
    padding: 5px 20px;
}
input.powermail_confirmation_submit {
    background: rgb(30, 87, 153) none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 20px;
    padding: 5px 20px;
}
dl.powermail_all {
    padding: 5px 0;
}
dl.powermail_all dt {
    clear: left;
    float: left;
    font-weight: bold;
    width: 150px;
}
dl.powermail_all dd {
    float: left;
    width: 420px;
}
.powermail_create {
    background: #ccc none repeat scroll 0 0;
    border: 0 none;
    margin-bottom: 20px;
    padding: 10px;
}
.formError {
    z-index: 990;
}
.formError .formErrorContent {
    z-index: 991;
}
.formError .formErrorArrow {
    z-index: 996;
}
.formErrorInsideDialog.formError {
    z-index: 5000;
}
.formErrorInsideDialog.formError .formErrorContent {
    z-index: 5001;
}
.formErrorInsideDialog.formError .formErrorArrow {
    z-index: 5006;
}
.inputContainer {
    float: left;
    position: relative;
}
.formError {
    cursor: pointer;
    display: block;
    font-family: Calibri,Arial,sans-serif;
    left: 300px;
    position: absolute;
    top: 300px;
}
.ajaxSubmit {
    background: #55ea55 none repeat scroll 0 0;
    border: 1px solid #999;
    display: none;
    padding: 20px;
}
.formError .formErrorContent {
    background: rgb(30, 87, 153) none repeat scroll 0 0;
    border: 2px solid #ddd;
    color: #fff;
    font-size: 11px;
    padding: 4px 10px;
    position: relative;
    width: 150px;
}
.parsley-error {
  border: 2px solid red;
  background-color: #fff;
}
.powermail_fieldwrap {
  position: relative;
}
.tx-powermail .powermail_fieldset .parsley-errors-list {
  left: 583px;
  top: -40px;
  opacity: 0.87;
  position: absolute;
  background-color: transparent !important;
  border: 0 !important;
  width: 155px;
  z-index: 1000;
}
.tx-powermail .powermail_fieldset .parsley-errors-list li {
  background: rgb(30, 87, 153) none repeat scroll 0 0;
  border: 2px solid #ddd;
  color: #fff !important;
  font-size: 11px;
  padding: 4px 10px;
  position: relative;
  width: 150px !important;
}
.powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #fff !important;
    color: #000 !important;
}
.greenPopup .formErrorContent {
    background: #33be40 none repeat scroll 0 0;
}
.blackPopup .formErrorContent {
    background: #393939 none repeat scroll 0 0;
    color: #fff;
}
.formError .formErrorArrow {
    margin: -2px 0 0 13px;
    position: relative;
    width: 15px;
}
body[dir="rtl"] .formError .formErrorArrow, body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
    box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px;
}
.formError .formErrorArrow div {
    background: rgb(30, 87, 153) none repeat scroll 0 0;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0 auto;
}
.formError .formErrorArrowBottom div {
    box-shadow: none;
}
.greenPopup .formErrorArrow div {
    background: #33be40 none repeat scroll 0 0;
}
.blackPopup .formErrorArrow div {
    background: #393939 none repeat scroll 0 0;
    color: #fff;
}
.formError .formErrorArrow .line10 {
    border: medium none;
    width: 15px;
}
.formError .formErrorArrow .line9 {
    border: medium none;
    width: 13px;
}
.formError .formErrorArrow .line8 {
    width: 11px;
}
.formError .formErrorArrow .line7 {
    width: 9px;
}
.formError .formErrorArrow .line6 {
    width: 7px;
}
.formError .formErrorArrow .line5 {
    width: 5px;
}
.formError .formErrorArrow .line4 {
    width: 3px;
}
.formError .formErrorArrow .line3 {
    border-bottom: 0 solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    width: 1px;
}
.formError .formErrorArrow .line2 {
    background: #ddd none repeat scroll 0 0;
    border: medium none;
    width: 3px;
}
.formError .formErrorArrow .line1 {
    background: #ddd none repeat scroll 0 0;
    border: medium none;
    width: 1px;
}
#powermail_frontend_search {
    margin: 0;
}
.powermail_frontend {
    background: #ccc none repeat scroll 0 0;
    border: 0 none;
    clear: left;
    margin-bottom: 20px;
    overflow: auto;
    padding: 10px;
}
.powermail_frontend_list {
    border: 1px solid #070708;
    font-size: 0.9em;
    margin-top: 15px;
    width: 100%;
}
.powermail_frontend_list th {
    background: rgb(69, 72, 77) none repeat scroll 0 0;
    color: white;
    font-weight: bold;
    padding: 3px;
    text-align: left;
}
.powermail_frontend_list td {
    border-top: 1px solid #ccc;
    padding: 3px;
}
.powermail_frontend_filter {
    background: rgb(252, 255, 244) none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 10px 0;
}
.powermail_frontend_search_container {
    padding: 5px 10px;
}
.powermail_frontend_search_container label {
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 3px;
    width: 150px;
}
.powermail_frontend_search_container input {
    padding: 3px;
    width: 430px;
}
.powermail_frontend_search_submit {
    background: rgb(69, 72, 77) none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 5px 0 0 170px;
    padding: 3px;
    width: 430px;
}
.powermail_frontend_abc, .powermail_frontend_export {
    background: rgb(252, 255, 244) none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 10px 0;
}
.powermail_frontend_abc_inner, .powermail_frontend_export_inner {
    margin: 0 10px;
}
span.abc, span.abc a {
    font-weight: bold;
    text-decoration: none;
}
.powermail_frontend dl {
    clear: both;
    padding: 5px 0;
}
.powermail_frontend dt {
    clear: left;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    width: 150px;
}
.powermail_frontend dd {
    float: left;
}
.powermail_frontend_export_icon {
    float: right;
    height: 19px;
    margin: 0 8px;
    padding-top: 5px;
}
.powermail_frontend_export input {
    background: rgba(0, 0, 0, 0) url("/typo3conf/ext/powermail/Resources/Public/Image/icon_csv.gif") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    padding-top: 2px;
    text-indent: -99999px;
    width: 17px;
}
.powermail_frontend_export input.export_icon_xls {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_xls.gif");
}