div.test {
  margin: 20px;
  padding: 43px;
  color: #27c811;
  border: 4px solid #0c3b05;
  background-color: #f5fef3;
  font-size: 31px; }

a {
  color: #535353; }

html {
  background-color: #fff;
  color: #535353;
  background-color: #d4d4d4; }

.clear {
  clear: both; }

#wrapper {
  background: #d4d4d4 url(../images/schatten_2.gif) repeat-y scroll 0 0;
  width: 988px;
  margin: 10px auto; }

#top_bar {
  width: 988px;
  height: 15px;
  background: #d4d4d4 url(../images/schatten_1.gif) repeat-y scroll 0 0; }

#bottom_bar {
  clear: both;
  width: 988px;
  height: 15px;
  background: #d4d4d4 url(../images/schatten_1.gif) repeat-y scroll 0 -15px; }

#inner_content {
  padding: 0 14px; }

#content {
  padding: 14px;
  background: white url(../images/musik_bg.png) no-repeat scroll bottom right; }

#header {
  border: 2px solid #3a3a3a;
  background-color: #191a1d;
  background: #191a1d url(../images/header_v3.png) no-repeat scroll 4px 5px;
  height: 128px; }

.edit_link {
  float: right;
  color: #535353;
  font-size: 10px;
  text-decoration: none; }
  .edit_link img {
    margin-left: 4px; }

.normal_link {
  text-decoration: none; }

.normal_link:hover {
  text-decoration: underline; }

a.cancel_link {
  color: #DF1515;
  text-decoration: none; }

a.cancel_link:hover {
  text-decoration: underline; }

.edit_link:hover {
  color: #e86800; }

.edit_save {
  background-color: #2CA72F; }

#footer {
  border-top: 1px dashed #ACACAC;
  margin: 2px 14px;
  padding: 4px;
  font-size: 18px;
  text-align: right;
  clear: both; }
  #footer a {
    text-decoration: none; }
  #footer a:hover, #footer a.aktiv {
    text-decoration: underline; }

#navi {
  border-top: 1px solid #ffaa68;
  background: #d4d4d4 url(../images/orange_banner.png) repeat-x scroll 0 0;
  background-color: #18191c;
  height: 60px;
  padding: 0px 14px;
  overflow: hidden; }

#main_navi {
  margin: 0;
  padding: 0;
  list-style: none; }
  #main_navi li.aktiv {
    background-color: white;
    border-radius: 10px 10px 0 0; }
    #main_navi li.aktiv a {
      color: #393939; }
  #main_navi li {
    margin: 0;
    padding: 0;
    margin-right: 0;
    display: block;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(../images/menu_sep.gif);
    background-repeat: no-repeat;
    height: 60px; }
    #main_navi li a {
      display: block;
      font-size: 22px;
      color: #fff;
      text-decoration: none;
      margin-top: 13px; }
    #main_navi li a:hover {
      margin-top: 14px; }

textarea {
  width: 600px; }

.kontaktformular {
  width: 500px;
  margin-bottom: 20px;
  float: left; }
  .kontaktformular div {
    margin: 2px 28px; }
  .kontaktformular input, .kontaktformular textarea {
    border: 1px solid #535353; }
  .kontaktformular input[type=submit] {
    border: none; }
  
  .kontaktformular label {
    display: block;
    float: left;
    width: 20px;
    font-weight: bold;
    margin-left:6px;
  }

  .kontaktformular label.echted_label {
    width: 140px;   
    margin-left:0px;
  }    

    


  .kontaktformular textarea {
    width: 400px; }

.kontakt_text {
  width: 300px;
  float: right; }

#cke_edit_body {
  margin-left: -15px; }

.testklasse div {
  height: 150px;
  border-left: 1px dashed #666; }

.testklasse div:first-child {
  height: 150px;
  border-left: none; }

.edit_save, .senden {
  float: left;
  font-weight: bold;
  width: 138px;
  height: 32px;
  background: white url(../images/green_button_138x32px.png) no-repeat scroll 0 0;
  margin: 0;
  border: none;
  color: #fff;
  line-height: 14px;
  font-size: 14px;
  padding-bottom: 2px;
  cursor: pointer;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75); }

a.cancel_link {
  display: block;
  float: left;
  font-weight: bold;
  width: 138px;
  height: 32px;
  background: white url(../images/red_button_138x32px.png) no-repeat scroll 0 0;
  margin: 0;
  border: none;
  color: #fff;
  line-height: 14px;
  font-size: 14px;
  padding-top: 8px;
  cursor: pointer;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
  text-align: center;
  text-decoration: none !important; }

.spalte {
  float: left;
  border-left: 1px dashed #bec0c0;
  padding-left: 10px;
  padding-right: 10px; }

.spalte:first-child {
  border-left: none; }

.zwei_spalten .spalte {
  width: 430px; }

.drei_spalten .spalte {
  width: 280px; }

.zwei_spalten_mod1 .spalte.eins, .zwei_spalten_mod2 .spalte.zwei {
  width: 280px; }

.zwei_spalten_mod1 .spalte.zwei, .zwei_spalten_mod2 .spalte.eins {
  width: 580px; }
