/* Baseline settings */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, audio, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td, negative, positive {

        margin: 0;

        padding: 0;

        border: 0;

        outline: 0;

        font-size: 100%;

        vertical-align: baseline;

}

 

body {

        background:#faebd7

        margin-top:50px;

        margin-bottom:0px;

        margin-right:0px;

        margin-left:0px;

        font-family: Helvetica;

        color: #00000;

        font-size: 3.5em;

}

 

#iframe{

        width:90%;

        height:600px;

        font-size: 1.0em;

        border-radius: 18px;

        border: 1px solid #000000;

}

 

#inputfield{

        width:100%;

        height:100px;

        font-size: 1.0em;

        border-radius: 18px;

        border: 1px solid #000000;

}
#inputfield2{

        width:100%;

        height:100px;

        font-size: 1.0em;

        border-radius: 18px;

        border: 0;

}

#inputfield3{

        width:100%;

        height:120px;

        font-size: 1.0em;

        border-radius: 8px;

        border: 2;

}

textarea { 
        font-size: 1.0em;
        height: 100%;  

        
        border-top: 1px solid #000000;}


#submitbutton{

        width:100%;

        height:100lpx;

        font-size: 1.5em;

        border-radius: 10px;
     
        text-decoration: none;

        border: 0;

        /*border: 4px solid #696969;*/

        margin-top: 1px;

        margin-bottom: 50px;

        -webkit-appearance: none;

        -moz-appearance: none;

}
#loginbutton{

        width:100%;

        height:100lpx;

        font-size: 2.0em;
        
        color: #FFFFFF;
        
        background-color: grey; 

        border-radius: 10px;
     
        text-decoration: none;

        border: 0;

        /*border: 4px solid #696969;*/

        margin-top: 1px;

        margin-bottom: 50px;

        -webkit-appearance: none;

        -moz-appearance: none;

}

 

/*Linien und andere Trenn-Elemente*/

 

.blackverticalline {

border :none;

border-top: 1px solid #000000;

width: 3px;

height: 200px;

margin: 2px;

float: left;

}

 

.whiteverticalline {

border :none; 

border-top: 1px solid #FFFFFF;

width: 3px;

height: 200px;

margin: 2px;

float: left;

}

 

.redverticalline {

border :none; 

border-top: 1px solid #FF0000;

width: 3px;

height: 200px;

margin: 2px;

float: left;

}

 

.blackline {

border :none;

border-top: 1px solid #000000;

height: 1px;

}

 

.whiteline {

border :none;

border-top: 1px solid #FFFFFF;

height: 1px;

}

.redline {

border :none;

border-top: 1px solid #FF0000;

height: 1px;

}

 

#seite {

  background:#fff;

  border:1px solid #aaa;

  width:950px;

  margin:0 auto;

}

 

#kopf {

  padding:20px;

  border-bottom:1px solid #aaa;

  background:#ede;

}

 

#links {

  
  
  
  
  font-size: 1.1em;

  text-decoration: none;

  color: 3a3a3a;
}






a:link{
    color: #000000;
}

a:visited {
    color: #000000;
}
 

#rechts {

  width:30%;

  float:left;

  border-left:1px solid #aaa;

  margin:10px 0;

  margin-left: -1px;

}

 

.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {

  margin: 0;

  padding: 0;

  border: none;

  outline: none;

}

 

audio {

  position: relative;

  width: 50%;

  height: 40px;

  margin: 0 auto;

  background: #cc0000;

  background: -webkit-linear-gradient(top, #cc0000 0%, #faebd7 100%);

  background: -moz-linear-gradient(top, #cc0000 0%, #faebd7 100%);

  background: -o-linear-gradient(top, #cc0000 0%, #faebd7 100%);

  background: -ms-linear-gradient(top, #cc0000 0%, #faebd7 100%);

  background: linear-gradient(top, #cc0000 0%, #faebd7 100%);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.audio-player h2 {

  position: absolute;

  top: 7px;

  left: 10px;

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 16px;

  color: #ececec;

  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

}

 

 

/* Typography */

 

h1, h2, h3, h4, h5, h6 {

    font-family: Helvetica;

    color: #000000;

}

h1 {

    font-size: 3.0em;

    font-weight: bold;

}

 

h2 {

    font-size: 3.5em;

    font-weight: bold;

}

 

h3 {

    font-size: 3.0em;

    font-weight: bold;

}

 

h4 {

    font-size: 2.5em;

    font-weight: bold;

}

 

h5 {

    font-size: 2.0em;

    font-weight: bold;

}

 

 

h6 {

    font-size: 1.8em;

    font-weight: bold;

}

 

th  {

   background:#FFFFFF;

   color:#FF0000;

}

 

negative {

   color:#FF0000;

}

 

positive {

   color:#33CC33;

}