/*Ein CSS Ersatz um ohne Tabelle zu layouten*/  
 
 

.inhalttext div {
display: inline-block;
}

div.layoutrow1, div.layoutrow2 {
display: block;
text-align: center;
margin-right: -10px;
margin-left: -10px;

}

div.layoutrow1 {
/*margin-top: -10px;*/
margin-bottom: 2em;

/*Wenn man den Bereich sehen will*/
/*border-width:4px; border-color:black; border-style:solid;
/*background-color:#00ff00;*/
  }

div.layoutrow2 {
margin-top: 2em;
/*margin-bottom:-10px;*/

/*Wenn man den Bereich sehen will*/
/*border-width:4px; border-color:black; border-style:solid;
/*background-color:#00ff00;*/
  }

.layoutcell1, .layoutcell2, .layoutcell3, .layoutcell4, .layoutcell5 {

text-align: center;
vertical-align: middle;
padding: 10px 10px 10px 10px;
box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgb(255, 234, 214);

/*Wenn man den Bereich sehen will*/
/*border-width:2px; border-color:yellow; border-style:solid;*/
/*background-color:#00ff00;*/

}

.layoutcell1 {
width:25%;
min-width: 10em;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

.layoutcell2 {
width: 25%;
min-width: 9em;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}

.layoutcell3 {
width: 25%;
min-width: 9em;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}


.layoutcell4 {
width:35%;
min-width: 20em;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
padding: 10px 5px;
  }

.layoutcell5 {
width: 35%;
min-width: 9em;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
}

.layoutcell1 h1, .layoutcell2 h1, .layoutcell3 h1, .layoutcell4 h1, .layoutcell5 h1 {
  font-size: 1.5em;
}
.layoutcell1 p , .layoutcell2 p, .layoutcell3 p, .layoutcell4 p, .layoutcell5 p  {
  font-style: normal;
  font-size: 1.15em;
  text-align: center;  
  margin-bottom: 0.2em;  /*Abstand zum nächsten Element (z.B <p>)*/
}

.exttable1{  
  background: #f4f4f4; 
  border: 1px solid #cccccc; 
  padding: 2px; 
  width: 90%;
}  

.exttable2{
	cursor: pointer; 
	border: 1px solid rgb(52, 116, 14); 
	border-radius: 3px 3px 3px 3px; 
	font-weight: bold; 
	text-align: center; 
	color: rgb(255, 255, 255);
   background-color: rgb(251, 193, 147); 
   background-image: -moz-linear-gradient(center top , #FFD8B3, #EF7F01);
   /* rgb(255, 216, 179), rgb(239, 121, 1)); */
   padding: 4px 4px;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); 
	font-size: 100%; margin-top: 8px;
	width: 95%;
	}

.exttable3{
	cursor: pointer; 
	border:1px solid #d7dada; 
   -webkit-border-radius: 3px; 
   -moz-border-radius: 3px;
   border-radius: 3px; 
   padding: 2px 4px; 
   text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
   font-weight:normal; 
   text-align: center; 
   color: #333333; 
   background-color: #f4f5f5;  
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f5f5), color-stop(100%, #dfdddd));  
   background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);  
   background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);  
   background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);  
   background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);  
   background-image: linear-gradient(top, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); 
   margin-top: 8px;
}