body,tr,td,th {
        color: #333333;
        display:block;
        margin:0;
padding:0;

}
.tdw {color: #333333;
        margin:0;

text-align:center;
padding:0;
vertical-align:top;
background-color:#FFFFD8;
}
.tdbefore {

        display:inline-block;
        width: 10em;
}

@font-face {
    font-family: 'sansation_lightlight';
    src: https://philosophisch-ethische-rezensionen.de/font/sansation('sansation-light-webfont.eot');
    src: https://philosophisch-ethische-rezensionen.de/font/sansation('sansation-light-webfont.eot?#iefix') format('embedded-opentype'),
         https://philosophisch-ethische-rezensionen.de/font/sansation('sansation-light-webfont.woff') format('woff'),
         https://philosophisch-ethische-rezensionen.de/font/sansation('sansation-light-webfont.ttf') format('truetype'),
        https://philosophisch-ethische-rezensionen.de/font/sansation('sansation-light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-size:200%;

}


table {
        margin:0px;
        padding:0px;
        width:100%;
display:block;
background-color:#FFFFD8;
border:0;


}

#container {
        width: 100%;

        margin:0 auto;
}

.columns {
        margin:5em auto;
        -moz-column-count:1;
        -moz-column-gap:0px;
        -moz-column-rule:1px solid #000;
        -webkit-column-count:1;
        -webkit-column-gap:0px;
        -webkit-column-rule:1px solid #000;
        column-count:1;
        column-gap:0px;
        column-rule:1px solid #000;

}

.columnsraten {
        margin:5em auto;
        -moz-column-count:1;
        -moz-column-gap:160px;
        -moz-column-rule:1px solid #000;
        -webkit-column-count:1;
        -webkit-column-gap:160px;
        -webkit-column-rule:1px solid #000;
        column-count:1;
        column-gap:160px;
        column-rule:1px solid #000;

}


h1 {font-size:200%; sansation_lightlight;
color: rgb(240,240,240);
background-color:#717168;


text-align:center;
box-shadow: 3px 3px 5px black;

-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-top-right-radius:5px;
border-top-left-radius:5px;
}
h2{
font: 180%/1.1 Georgia,"Times New Roman",Times,serif;
        padding:4px 0 0 0;
        margin:0 0 79px 0;
        text-align:left;

}

h3{
font:225%/1.1 Georgia,"Times New Roman",Times,serif;
padding:1px
}
.hdisc{
font: 200%/1.1 Georgia,"Times New Roman",Times,serif;
        margin:0 0 79px 0;
        text-align:left;
}
span.cap{
color:#000;
float:left;
padding:5px 15px 0 0;
font-size:150%;
line-height:0.6cm;

}

body {
        background-color: #717168;
        margin:0px;
        padding:0px;

}
a:link {
        background-color: #D2D296; color:black;
        border:  #175ba2;        text-decoration: underline;
}
a:visited {
        background-color: #FFFFCC;
color:black;
border:  #175ba2;
        text-decoration:  underline;
}
a:hover {
        background-color: #DCDCA0;color:black;
        border:1px solid #175ba2;
        text-decoration: underline;
}
a:active {
        background-color: #DCDCA0;color:black;
        border:1px solid #175ba2;
                text-decoration: underline;
}
a.class1:link {
color:black; text-decoration: none; font-style:italic;background-color: #FFFFD8;
}



#main {
        margin:0;
        padding: 0px 0;
        padding-left:0px;
        width:100%;
        -moz-box-shadow:0 0 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow:0 0 0px rgba(0, 0, 0, 0.3);
        box-shadow:0 0px 0px rgba(0, 0, 0, 0.3);
        -webkit-border-bottom-right-radius:5px;
        -webkit-border-bottom-left-radius:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-bottomleft:5px;
        border-bottom-right-radius:5px;
        border-bottom-left-radius:5px;
        background-color: rgba(255,255,255,.3);
}
fieldset {
        padding:0px 0px 35px 50px;
        margin:0px;
        border:0px solid transparent;
}

fieldset ul {
        margin:0;
        padding:15px 0 0 0;
        list-style-type: none;
}
form {
        border:0;
          background-color: #FFF;
        width:300px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:0px 0 0 0;
        margin:0;
        position: relative;
}
.list{
        float:left;
        margin:0 0 12px 0;
        padding:0;
        text-align: left;


}
label {
        float:left;
        line-height:167%;
        width:160px;
        cursor: pointer;
        position:relative;
        text-align:left;
}




input{
        padding:10px;
        border:1px solid #8eb0d9;
        background:#FFF;
         -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  -moz-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;


}

textarea{

        padding:10px;
        border:1px solid #8eb0d9;
        background:#FFF;
         -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  -moz-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;



}

input.small {
        width:38px;
}
input.number {
        width:71px;
}
input.medium {
        width:200px;
}

input.btnCancel,
input.btnSend {
        margin: 30px 0 0 0;
        float:left;
        width:85px;
        height:30px;
        font-weight:bold;
        color: #FFF;
        text-align: center;
        padding:0 0 2px 0;
        text-indent:0px;
        border:1px solid #8eb0d9;
        background-color:#8eb0d9;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        cursor:pointer;
          -webkit-box-shadow: inset 0px 0px 0px;
          -moz-box-shadow: inset 0px 0px 0px;
          box-shadow: inset 0px 0px 0px;
}
input.btnSend  {
        float:left;
        margin-right:3px;
        border:1px solid #175ba2;
          -webkit-box-shadow:1px 1px 2px #ccc;
        -moz-box-shadow:1px 1px 2px #ccc;
        box-shadow:1px 1px 2px #ccc;
        background:#175ba2;
}



fieldset legend {
        margin:0 0 0 -60px;
        padding:7px 20px;
        color:#FFF;
        font-weight:bold;
        font-size:18px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow:1px 1px 2px #ccc;
        -moz-box-shadow:1px 1px 2px #ccc;
        box-shadow:1px 1px 2px #ccc;
        background-color:#8eb0d9;
        background: -moz-linear-gradient(top, #8eb0d9, #6293cb);
          background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #8eb0d9), color-stop(1, #6293cb));
        background: -webkit-linear-gradient(top, #8eb0d9, #6293cb);
        background: -o-linear-gradient(top, #8eb0d9, #6293cb);
        background: linear-gradient(top, #8eb0d9, #6293cb);
}
fieldset ul li:first-child {
        margin:0 40px 12px 0;
}

input:active,
input:hover,
input:focus {
        background-color: #d9f0f9;
        border:1px solid #175ba2;
}
textarea:hover {
        background-color: #d9f0f9;
        border:1px solid #175ba2;
}





input {
        outline:none;
   -webkit-transition: all 0.25s ease-in-out;
          -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
}
input.btnSend:hover,
input.btnSend:active,
input.btnSend:focus  {
         -webkit-box-shadow: 0 0 5px rgba(98,147,203,.9);
        -moz-box-shadow: 0 0 5px rgba(98,147,203,.9);
   box-shadow: 0 0 5px rgba(98,147,203,.9);
   border:1px solid rgba(23,91,162,1);
        background:#175ba2;
}
input.btnCancel:hover,
input.btnCancel:active,
input.btnCancel:focus {
        -webkit-outline:none;
          -moz-outline:none;
          outline:none;
        background:#8eb0d9;
}




form:before, form:after {
        -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
        -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        position: absolute;
        bottom:10px;
        z-index: -1;
        width: 50%;
        height: 10%;
        content: "";
        background: rgba(0, 0, 0, 0.7);
}


form:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto;
}
form:before {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
        right: auto;
        left: 10px;
}


.Stil1 {font-size:150%;}
.Stil2 {font-size:150%; font-weight: bold; }
.Stil3 {color: #333333; font-size:150%; text-align: center; font-weight:bold;}
.Stil4 {font-size:150%;border: #175ba2; background-color: #BCBCA4;}
.Stil6 {font-size:150%; }
.Stil7 {font-size:150%; color:black; font-weight: bold;}
.Stil71 {font-size:150%; font-weight: bold; text-align: center; height: 44px; vertical-align:top;}
.Stil8 {font-size:150%;color: #000099; vertical-align: top; text-align: center;}
.Stil8 {font-size:150%;color: #000099; vertical-align: top; text-align: center;}
.Stil11 {color: #333333; font-size:200%; text-align: center; font-weight: bold;}
.Stil12 {font-weight: bold; text-align: center;font-size:150%;}
.Stil13 {font-size:150%; text-align: center}
.Stil10 {font-size:150%;background-color: #717168; line-height:1;}
.Stil20 {font-size:150%;background-color:#FFFFD8; line-height:1;}
.StilR {font-family:'CourierNew'; font-size:150%;}
.StilP {
        font:150% "Times New Roman",Times,serif;
        margin:0 0 20px 0;
        text-align: left;
}

#navi ul {
font-size:100%; font-weight: bold; text-align: left;  vertical-align:top;
float:none;
width:97%;
margin:0;
padding-left:0;

list-style-type:none;
}
#navi li {
float:none;
font-size:150%; font-weight: bold; text-align: left;  vertical-align:top;
padding:7px 0 0 0;
margin:0 5px 0 0;
width:97%;
display:block;
}

#navi li a {

font-size:100%; font-weight: bold; text-align: left;  vertical-align:top;
        float:none;
width:97%;
        display:block;
        color:#fff;
        text-decoration:none;
        padding:0 15px;
        -moz-border-radius-topright:5px;
        -moz-border-radius-topleft:5px;
        -webkit-border-top-right-radius:5px;
        -webkit-border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-top-left-radius:5px;
        background:#717168;
        background: -webkit-gradient(linear, left top, left bottom, from(#848487) to (#3c3c3c);
        background: -webkit-linear-gradient(top, #848487, #3c3c3c);
        background: -moz-linear-gradient(top, #848487, #3c3c3c);
        background: -o-linear-gradient(top, #848487, #3c3c3c);
        background: -ms-linear-gradient(top, #848487, #3c3c3c);
        background: linear-gradient(top, #848487, #3c3c3c);

        }
#navi li#active {
float:none;
width:97%;
display:block;
font-size:100%; font-weight: bold; text-align: left; vertical-align:top;
margin:0 5px 0 0;
padding:7px 15px 0 15px;
color:#717168;
background:#FFFFCC;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;

}
div.seite {
display: table;
width: 100%;
height: 100%;
}
div.seite > div {
display: table-row;
}
div.inhalt {
display: table-cell;
}

#container {
        width: 200px;
        margin:0 auto;
}