/** AkoMinisite2 - (C) Copyright 2012 by Arthur Konze **/

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

body {
  background       : url('background_bubbles.jpg') left top repeat-x #fff;
  margin           : 0px;
  padding          : 10px 0;
  text-align       : center;
}

td, tr, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 16px;
  line-height      : 22px;
  color            : #333;
  margin           : 0;
  padding          : 0;
}

.main {
  width            : 950px;
  margin           : 0 auto;
  text-align       : center;
}

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

a:hover {
  color            : #000;
  text-decoration  : underline;
}
.contentzeile04 a {
  color            : #111;
  text-decoration  : underline;
}

.contentzeile04 a:hover {
  color            : #999;
  text-decoration  : underline;
}
/* OOOOOOOOOOOOOOOOOOOO ZEILE 01 OOOOOOOOOOOOOOOOOOOO */
.contentzeile01 {
  height           : 85px;
  width            : 100%;
  text-align       : center;
  vertical-align   : middle;
}

/* OOOOOOOOOOOOOOOOOOOO ZEILE 02 OOOOOOOOOOOOOOOOOOOO */
.contentzeile02 {
  vertical-align   : top;
  text-align       : center;
  margin           : 0;
  padding          : 0;
  width            : 100%;
  height           : 40px;
  -moz-border-radius    : 8px 8px 0 0;
  -ms-border-radius     : 8px 8px 0 0;
  -webkit-border-radius : 8px 8px 0 0;
  border-radius         : 8px 8px 0px 0px;
  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);
  -moz-box-shadow    : 0 2px 6px #444;
  -webkit-box-shadow : 0 2px 6px #444;
  box-shadow         : 0 2px 6px #444;
}

/* OOOOOOOOOOOOOOOOOOOO ZEILE 03 OOOOOOOOOOOOOOOOOOOO */
.contentzeile03 {
  vertical-align   : top;
  text-align       : left;
  width            : 900px !important;
  width            : 950px;
  min-height       : 400px;
  background-color : #fff;
  padding          : 25px;
  -moz-box-shadow    : 0 2px 6px #444;
  -webkit-box-shadow : 0 2px 6px #444;
  box-shadow         : 0 2px 6px #444;
}

@font-face {
  font-family: 'EconomicaBold';
  src: url('fonts/Economica-Bold-OTF-webfont.eot');
  src: url('fonts/Economica-Bold-OTF-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/Economica-Bold-OTF-webfont.woff') format('woff'),
       url('fonts/Economica-Bold-OTF-webfont.ttf') format('truetype'),
       url('fonts/Economica-Bold-OTF-webfont.svg#EconomicaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  margin           : 0;
  padding          : 0;
  border           : 0;
  font-weight      : normal;
  line-height      : 1em;
  vertical-align   : baseline;
  color            : #C00;
  background       : transparent;
  margin-bottom    : 8px;
  padding-bottom   : 8px;
  font-family      : EconomicaBold, arial,helvetica,sans-serif;
  letter-spacing   : 2px;
  text-shadow      : 2px 2px 6px #AAAAAA;
  text-transform   : uppercase;
 }

h1 {
  font-size        : 34px;
 }
h2 {
  font-size        : 28px;
  color            : #333;
}
h3 {
  font-size        : 22px;
  color            : #666;
}
h4 {
  font-size        : 18px;
  color            : #999;
}


/* OOOOOOOOOOOOOOOOOOOO ZEILE 04 OOOOOOOOOOOOOOOOOOOO */
.contentzeile04 {
  width            : 950px;
  height           : 45px !important;
  height           : 50px;
  text-align       : center;
  color            : #222;
  letter-spacing   : 1px;
  font-size        : 12px;
  line-height      : 18px;
  padding-top      : 5px;
  -ms-border-radius     : 0 0 8px 8px;
  -moz-border-radius    : 0 0 8px 8px;
  -webkit-border-radius : 0 0 8px 8px;
  border-radius         : 0 0 8px 8px;
  background-color : #555;
  background-image : -ms-linear-gradient(top, #555, #222);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222');
  background-image : -moz-linear-gradient(top, #555, #222);
  background-image : -o-linear-gradient(top, #555, #222);
  background-image : -webkit-gradient(linear, top, bottom, color-stop(0, #555), color-stop(1, #222));
  background-image : -webkit-linear-gradient(top, #555, #222);
  background-image : linear-gradient(top, #555, #222);
  -moz-box-shadow    : 0 2px 6px #444;
  -webkit-box-shadow : 0 2px 6px #444;
  box-shadow         : 0 2px 6px #444;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */
.mainlevel {
  padding          : 0px;
  margin           : 0px;
  float            : left;
  width            : 100%;
  font-size        : 18px;
  font-family      : Helvetica, Arial, sans-serif;
  background       : url('fade_10pct_20by20.png') left top repeat-x transparent;
  -moz-border-radius    : 8px 8px 0 0;
  -ms-border-radius     : 8px 8px 0 0;
  -webkit-border-radius : 8px 8px 0 0;
  border-radius         : 8px 8px 0 0;
}

.mainlevel li {
  display          : inline;
}

.mainlevel li a {
  text-decoration  : none;
  float            : left;
  height           : 22px !important;
  height           : 40px;
  padding          : 9px 20px;
  color            : #fff;
  border-right     : 1px dotted #fff;
  letter-spacing   : 2px;
}

li.menuactive a, .mainlevel li a:hover {
  color            : #000;
}

/* ##################### FORMULAR SETTINGS #################### QM:  */
.csc-mailform {
  border:none;
  padding-top:50px;
  width:500px;
}

.csc-mailform-field {
  border:none;
  padding-left:10px;
  padding-bottom:10px;
  display:block;
  clear:both;
}

label {
  float:left;
  clear:both;
  display:block;
  width:100px;
  margin-bottom:10px;
  padding-left:10px;
}

.csc-mailform input, .csc-mailform textarea, .csc-mailform select {
  float:left;
  display:block;
  width:250px;
  margin-bottom:10px;
  padding:1px;
  font-size: 12px;
}

.csc-mailform-submit {
  margin-left:100px !important;
  margin-left:100px;
  width:100px;
  clear:both;
}

/* ##################### 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("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("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 {
  list-style-type  : decimal;
}

.csc-bulletlist-3 {
  list-style-type  : 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 {
  width            : 100%;
  border-collapse  : collapse;
  margin           : 15px 0px;
}

.contenttable th {
  padding          : 3px;
  background       : #ccc;
}

.contenttable td {
  padding          : 3px;
  vertical-align   :top;
}

.tr-odd {
  background       : #f0f0f0;
}

.tr-even {
  background       : #fff;
}

/* ########## TYPO3 - LINKS ########## QM: ok */
div.csc-textpic div.csc-textpic-single-image img {
    margin-bottom: 0px;
}

/* ########## TYPO3 - SONSTIGES ########## QM: ok */
.csc-default {
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-left: 0px;
}

.csc-textpic img {
  vertical-align   : bottom;
}

/* ########## 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;
}