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

}

.tdw {color: #333333;
	margin:0;
text-align:center;
padding:0;


}

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

}

img.bildgross{
position:absolute;
width:150px;
height:236px
	
}
table {
display:block;
background-color:#FFFFD8;
border:0;
margin:auto;
background-color:#FFFFD8;
border:1px solid #FFFFD8;
-moz-box-shadow:0 0 20px rgba(0, 0, 0, .75);
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .75);
box-shadow:0 0 20px rgba(0, 0, 0, .75);



}

#container {
	width: 800px;

	margin:0 auto;
}

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

}
@media screen and (max-width: 550px) {	
	div.columns  {
		-moz-column-count:1;			
		-webkit-column-count:1;		
		column-count:1;		
	}	
}

.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:20px;
-moz-border-radius-bottomleft:20px;	
-moz-border-radius-topright:20px;
-moz-border-radius-topleft:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:20px;	
-webkit-border-top-right-radius:20px;
-webkit-border-top-left-radius:20px;
border-bottom-right-radius:20px;
border-bottom-left-radius:20px;	
border-top-right-radius:20px;
border-top-left-radius:20px;	
}
h2{
font: 20px/1.1 Georgia,"Times New Roman",Times,serif;
	padding:4px 0 0 0;
	margin:0 0 79px 0;
	text-align:left;	
	
}

h3{
font:20px/1.1 Georgia,"Times New Roman",Times,serif;
padding:1px	
}
.hdisc{
font: 20px/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:450%;
line-height:0.6cm;	
}

body {
	background-color: #FFFFD8;

}
a:link {
	background-color: #BCBCA4; 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 auto;
	padding: 0px 0;
	box-sizing:border-box;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow:0 0px 10px 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:0 0px 0px 0px;	
	margin:0;
	border:0px solid transparent;
} 
	
fieldset ul {
	margin:0;
	padding:0px 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 auto;
	position: relative;
}
.list{
	float:left;
	margin:0 0 0px 0;
	padding:0;
	text-align: left;
	width:20px;		

}
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:116px;
}

input.btnCancel, 
input.btnSend {
	margin: 0px 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:right;
	margin-right:0px;
	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 0px;
	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: 18px;}
.Stil2 {font-size: 18px; font-weight: bold; }
.Stil3 {color: #333333; font-size: 16px; text-align: center; font-weight:bold;}
.Stil4 {font-size: 18px; border: #175ba2; background-color: #BCBCA4;}
.Stil6 {font-size: 24px; }
.Stil7 {font-size: 18px; color:black; font-weight: bold;}
.Stil71 {font-size: 18px; font-weight: bold; text-align: center; height: 44px; vertical-align:top;}
.Stil8 {color: #000099; vertical-align: top; text-align: center;}
.Stil8 {color: #000099; vertical-align: top; text-align: center;}
.Stil11 {color: #333333; font-size:30px; text-align: center; font-weight: bold;}
.Stil12 {font-weight: bold; text-align: center;}
.Stil13 {font-size: 18px; text-align: center}
.Stil10 {background-color: #717168; line-height:1;}
.StilR {font-family:'CourierNew'; font-size:large;}
.StilP {
	font:17px "Times New Roman",Times,serif;
	margin:0 0 20px 0;
	text-align: justify;	
}

#navi ul {
font-size:100%; font-weight: bold; text-align: left;  vertical-align:top;
float:none;
width:100%;
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:100%;
display:block;
}

#navi li a {

font-size:100%; font-weight: bold; text-align: left;  vertical-align:top;
	float:none;
width:100%;
	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:100%;
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;
		
}

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