/************************************************************************
 * Farben: retro-records
 ************************************************************************/

.color0,
body {
    background-color: #F4F4F;
    color: #111111;
}

.color1,
legend,  
input[type="submit"], 
.tx-comments-comment-form form  input#tx_comments_pi1_submit, 
span.fake-button, 
table.contenttable tr th,
.csc-frame-frame2, 
.layout-2,
.contenttable-color-2 {
    background: #a50039;
    color: #FFFFFF;
}

.flex-caption h3 {
  color: #FFFFFF;
}

.color2,
#wrapper-content, 
.csc-textpic-border div.csc-textpic-image,
select {
    background: none repeat scroll 0 0 #FFFFFF;
}

.color3,
#container-top,
#navi-top,
#navi-main {
  background: none repeat scroll 0 0 #a50039;
  color: #FFFFFF;
}

.color4,
#container-topframe, 
#container-topframe fieldset,
#container-bottom,
#site-info, 
#site-info a {
    background: none repeat scroll 0 0 #647C88;
    color: #FFFFFF;
}

.color5 {
    background: none repeat scroll 0 0 #BACECE;
}

.color6, 
.csc-frame-frame1,  
.contenttable-color-1, 
.layout-1,
#wrapper-content .tx-comments-nocomment,  
#wrapper-content .tx-comments-comment-1, 
#wrapper-content  .tx-comments-comment-2, 
fieldset {
    background: none repeat scroll 0 0 #D8DEE0;
}

textarea:focus, 
input:focus {
    background: none repeat scroll 0 0 #FFBA73;
}

h1 {
    color: #A50039;
}

h2, #wrapper-content .tx-comments-required-error {
    color: #45565E;
}

h3, #wrapper-content .carousel {
    color: #444444;
}

a:link, a:visited {
    color: #6D0024;
    text-decoration: underline;
}

a:hover {
    color: #A50039;
    text-decoration: underline;
}

hr {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
  background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
  background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
  background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

ul.deep1 li a {
    color: #fff;
}

ul.deep1 li a:hover {
    color: #D87BA0;
}

ul.deep1 li.toplevelactive,
ul.deep1 li.toplevelactive a {
    color: #FFAE0C;
}


ul.deep2 li a:hover {
    color: #071C71;
}

#navi-sub ul.deep2 li.sublevelactive,
#navi-sub ul.deep2 li.sublevelsubactive {
  background: none repeat scroll 0 0 #a50039;
}

#navi-sub ul.deep2 li.sublevelactive,
#navi-sub ul.deep2 li.sublevelsubactive a {
  color: #FFAE0C;
}

#navi-sub ul.deep3 li {
  background: #D8DEE0;
}

#navi-sub ul.deep2 li.sublevelsubactive ul.deep3 li a {
  color: #6D0024;
}

#navi-sub ul.deep3 li.subsublevelactive {
  color: #111;
}

.important {
    color: red;
}

.detail {
    color: green;
}

.name-of-person {
    color: blue;
}

.csc-frame-frame1,  
.contenttable-color-1, 
#wrapper-content .tx-comments-nocomment,  
#wrapper-content .tx-comments-comment-1, 
#wrapper-content  .tx-comments-comment-2, fieldset {
    border: 1px solid #888888;
}

.csc-frame-frame2, 
.contenttable-color-2 {
    border: 1px solid #888888;
}

/************************************************************************
 * media querie handhelds less than 480px
 ************************************************************************/
@media only screen and (max-width: 480px) {
p a {
  background: #249685;
  color: #FFFFFF;
}

}