/*@font-face
 {
  font-family: "Museo";
  src: url(fonts/MuseoSans300.eot);
  src: local ('Ø');
  src: url(fonts/MuseoSans300.woff) format("woff");
  src: url(fonts/MuseoSans300.ttf) format("truetype");
 } 
*/

@font-face {
  font-family: 'MuseoSans_300';
  src: url('fonts/MuseoSans_300.eot');
  src: local('☺'), url('fonts/MuseoSans300.ttf') format('truetype'),  url('fonts/MuseoSans_300.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



body{
  font-family: "MuseoSans_300", Times, Tahoma, Helvetica, Arial, "Arial", Verdana, "Verdana", Helvetica,"Helvetica neue", sans-serif;
}

h1{
  font-size: 16px;
  font-weight:normal;
  text-align:left;
  width:520px;
}

p{
  clear:both;
  font-size: 14px;
  font-weight:normal;
      animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}

table {
    font-size: 14px;
}
td {
  vertical-align:top; padding: 0 0px 5px 0;
}

.csc-default{
  /*float:left;*/
  display: inline-block; /*display: -moz-inline-grid;*/ vertical-align: top;
  width:520px;
  margin-right:20px;
  margin-bottom:25px;
    
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

.h1ergaenzung{
  width:250px;
  float:left;
  margin: 0 20px 0 0;
  border-bottom: 1px solid #262626;
  border-top: 1px solid #262626;  
  font-size: 16px;
}

.csc-header {
  width:550px;
 /* background-image:url('bg-h1.jpg');
  background-repeat:repeat-y;
  background-attachment:fixed;*/
  background-size: 20px;
  overflow:visible;   
  color:#262626;
  text-transform:uppercase;
}

.list_carousel, .responsive{
  animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}

p.bodytext {padding-top:10px; padding-right:10px;}


ul {list-style-type: none;}
li {list-style-type: none;}


.csc-default img{
  margin: 10px 20px 10px 0px;
  float:left;
}

#content li {
    white-space: nowrap;
  width:540px;}


#content a, #content a:visited, #content a:link {
  color:#262626;
  text-decoration:none;
  padding:0 0 0 15px;
  background: url(linkpfeil.jpg) no-repeat top left;
}
#content a:hover {
  text-decoration:underline;
}

a img {
  border: none;

}


.detail{
  background:#262626;
  color:#ffffff;
  padding:1px 4px;
  line-height: 22px;
  margin-right:5px;
}



@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}