.fenster 
{
 
 
   
background-color: white;
 
 border: solid 1px #ff9966 ;
 
margin-bottom: 10px;

  width: 900px;
  
  
   border: solid 1px #ff9966 ;
 
     box-shadow: 0 4px 8px 0 rgba(255, 133, 51, 0.2), 0 6px 20px 0 rgba(255, 133, 51, 0.19);
   
   
      
}





.beitragvorschau
{
 


   
background-color: lavender;
 
padding : 10px;
/*padding-right: 200px;*/
 
 

 
  /*border-top: solid 1px black ;
 border-left: solid 1px black ;*/

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0.3, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


margin-bottom: 10px;



margin:5px;

min-height: 150px;

    border: solid 1px blue ;
}





.datumgrau
{

 
 
  /*position: absolute;*/
	/*background-color: white;*/
	padding-left:5px;
	padding-right:5px;
	
	font: 1em;
	text-transform: uppercase;

  
   /*color:white;*/
   font-size: 8px;
   word-spacing:2px;

   letter-spacing: 1px;
   
   color: grey;
   
margin-left: 5px;

text-align: right;

 /*  display:table-cell;*/
 /*  vertical-align:bottom;
 height: 20px;
 
margin-bottom: -10px;*/
}








hr {
    display: block;
    height: 3px;
    border: 0;
    /*border-top: 1px solid #ff9966*/;
    margin: 1em 0;
    padding: 2em;
}




.blauerheader
{
 

   
background-color: #99ccff;

 border-bottom:  solid 1px #ff9966 ;
 
 

  
  
margin-bottom: 10px;

  width: 900px;
  height:   50px;
  
   
vertical-align:text-bottom;
display:table;


  display: table-cell;
  vertical-align: bottom;
}










.linkerdiv  {

     width: 600px;
     margin-right: 5px;
     padding: 20px;

   min-height:400px;
}




.rechterdiv {
     float: right;
     width: 200px;
     margin-right: 5px;
     padding: 20px;

}

.tagdiv {
position: relative;
height:200px;
margin-bottom:-200px;
 z-index: 3; 
     float: right;
     width: 150px;
     margin-right: 5px;
    


	white-space: nowrap;
}

.profile .facts
{
	width: 400px;
	float: right;
	padding: 10px;
	background-color: #dddddd;
}
 

* {
	outline: none;
	margin: 0;
	padding: 0;
}


/*           ff9966           */

body {
      line-height: 1.5 !important;
    
	margin: 0;
	background-color: #f6f6f6;
	color: #222;
	font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;

        background-repeat:repeat-x;       


	overflow: none;
	z-index: 0;
	

    
}

 .vorschaubild
{
    max-width: 500px;
}

* { padding: 0; margin: 0; }

a
{
 
}

a:link,
a:visited
{
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
a:hover,
a:active
{
	text-decoration: underline;
}






.wrapperlinks
{ 
  


position: absolute;
top:25px;

 
width: 180px;



margin-left: 10px;

padding-top: 50px;

}  




#logodiv 
{
height: 200px;
width: 200px;

   background-image: url(./layoutbilder/logo.gif);

  
}

 
 
 

.wrappermittig
{ 
  





padding-top: 50px;

width: 900px;



    display: block;
    margin-left: auto;
    margin-right: auto 
        
}  













.wrappermittigbreit
{ 
  






padding-top: 50px;

width: 1200px;



    display: block;
    margin-left: auto;
    margin-right: auto 
        
}  







.wrapperrechts   { 
  
position: absolute;
top:25px;
left:225px;
 
width: 700px;
 
}  















  #registrierunghintergrund 
{
 height: 200px; 
width: 500px;


   
background-color: white;
  

 border: solid 1px #ff9966 ;
 
 margin-bottom: 10px;
 
 
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#loginhintergrund 
{
 height: 200px; 
width: 500px;

background-color: white;

 

 
 border: solid 1px #ff9966 ;
 
margin-bottom: 10px;
  
}














form 
{
/*padding: 5px;*/
}




.logindiv form select {
   background: transparent;
   
   
   font-size: 16px;
   line-height: 1;
  
  
  
   -webkit-appearance: none;
   
   
   
    border:solid 1px #aacfe4;
   width: 70px;
   padding: 5px;
   margin: 5px 0;
   
    background-color: #dddddd;
   }



.logindiv form input, 
.logindiv form textarea, 
.logindiv form password, 
.logindiv form checkbox
{
    display: inline ;
    
    background-color: #dddddd;
    border:solid 1px #ffcccc;
   width:  120px;
   padding: 5px;
   margin: 5px 0;
}

.logindiv form input:focus, 
.logindiv form textarea:focus 
{
    background-color: #eeeeee;
}
 
form input:focus, 
form textarea:focus 
{
    background-color: #eeeeee;
}
 
.logindiv label  {
  /*float:left;*/
  width: 70px;
	padding: 5px;
	margin: 5px;
  text-align:right;
  font-weight:bold;
  }
 
.logindiv fieldset  { border:1px solid #333333;
		padding: 10px;}


















.neuekarteerstellendiv form select {
   background: transparent;
   
   
   font-size: 16px;
   line-height: 1;
  
  
  
   -webkit-appearance: none;
   
   
   
    border:solid 1px #aacfe4;
   width: 220px;
   padding: 5px;
   margin: 5px 0;
   
    background-color: #dddddd;
   }



.neuekarteerstellendiv form input, 
 
.neuekarteerstellendiv form password, 
.neuekarteerstellendiv form checkbox
{
    display: inline ;
    
    background-color: #dddddd;
    border:solid 1px #ffcccc;
   width:  320px;
   padding: 5px;
   margin: 5px 0;
}


 
.neuekarteerstellendiv form textarea
 {
    display: inline ;
    
    background-color: #dddddd;
    border:solid 1px #ffcccc;
   width:  500px;
   height: 500px;
   padding: 5px;
   margin: 5px 0;
}




.neuekarteerstellendiv form input:focus, 
.neuekarteerstellendiv form textarea:focus 
{
    background-color: #eeeeee;
}
 
.neuekarteerstellendiv form input:focus, 
.neuekarteerstellendiv form textarea:focus 
{
    background-color: #eeeeee;
}
 
.neuekarteerstellendiv label  {
  float:left;
  
	padding: 5px;
	margin: 5px;
  text-align:right;
  font-weight:bold;
  }
  
  
  .neuekarteerstellendiv label  {
  float:left;
  width: 120px;
	padding: 5px;
	margin: 5px;
  text-align:right;
  font-weight:bold;
  }
 
.neuekarteerstellendiv fieldset  { border:1px solid #333333;
		padding: 10px;}




























 

 


 

.rechterspan
{
 
float: right;    
  
}





h1
{
	
	padding-left:5px;
	padding-right:5px;
	
	font: 1em;
	text-transform: uppercase;

   font-size:16px;
   word-spacing:3px;

   letter-spacing: 1px;
  
      
}





 
 
 
 
 
 
 






p
{
	margin: 10px 0;
}

 
 


 


 





















  
  
  
  

  
  



  






 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


.fensterorange
{
 


   
background-color: #ff9966;

 border: solid 1px #ff9966 ;
 
margin-bottom: 10px;

  width: 700px;
  
  
   border: solid 1px #ff9966 ;

     box-shadow: 0 4px 8px 0 rgba(255, 133, 51, 0.2), 0 6px 20px 0 rgba(255, 133, 51, 0.19);
   
   
}









.fensterblau
{
 

   
background-color: #99ccff;


 
 border: solid 1px #ff9966 ;
 
margin-bottom: 10px;

  width: 700px;
  
  
   border: solid 1px #ff9966 ;

     box-shadow: 0 4px 8px 0 rgba(255, 133, 51, 0.2), 0 6px 20px 0 rgba(255, 133, 51, 0.19);
   
   
}










 
.hinweisdiv 
{
 

   
background-color: lightpink;

 border: solid 1px #ff9966 ;
 
margin-bottom: 10px;

  width: 700px;
}

 
 
 




 

.rundung 
{
 

   
background-color: white;

 border: solid 1px #ff9966 ;
 border-radius: 5px;
}
 
 







 

.grauebuchstaben
{

	padding-left:5px;
	padding-right:5px;
	
	font: 1em;
	text-transform: uppercase;

  
   word-spacing:3px;

   letter-spacing: 1px;
   
   color: gray;

      
      
}



.rotebuchstaben
{

	padding-left:5px;
	padding-right:5px;
	
	font: 1em;
	text-transform: uppercase;

  
   font-size:44px;
   word-spacing:3px;

   letter-spacing: 1px;
   
   color: red;
   
      
}



.orangebuchstaben
{

	padding-left:5px;
	padding-right:5px;
	
	font: 1em;
	text-transform: uppercase;

  
   /*color:white;*/
   font-size:27px;
   word-spacing:3px;

   letter-spacing: 1px;
   
   color: #990000;
   
      
}






.rotebuchstabenklein
{

	padding-left:1px;
	padding-right:1px;
	
	font: 1em;
	text-transform: uppercase;

   font-size:12px;
   word-spacing:1px;

   letter-spacing: 1px;
   
   color: red;
 font-weight: bold;
      
      
}

.gelbebuchstabenklein
{
  
	padding-left:1px;
	padding-right:1px;
	
	font: 1em;
	text-transform: uppercase;

  
   font-size:12px;
   word-spacing:1px;

   letter-spacing: 1px;
   
   color: orange;
 
      font-weight: bold;
      
}
.gruenebuchstabenklein
{
	padding-left:1px;
	padding-right:1px;
	
	font: 1em;
	text-transform: uppercase;

   font-size:12px;
   word-spacing:1px;

   letter-spacing: 1px;
   
   color: green;
 
      font-weight: bold;
      
}





































 

.blauesfenster 
{
 

background-color: white;

 border: solid 1px #ff9966 ;
 

  width: 550;
  
  
   border: solid 1px blue ;
 
   
   border-radius: 20px 20px;
   
   padding: 20px;
   margin: 20px;
}


 



 

.wrappermittiggross
{ 
  
 


padding-top: 50px;

width: 1200px;



    display: block;
    margin-left: auto;
    margin-right: auto 
        
}  



 

.blaueumrandung
{
 

background-color: lightblue;
 

 
   
 
   
   border-radius: 5px 5px;
   
   padding: 5px;
   margin: 0px;

     float: left;
 

    /*position: absolute;*/
	/*background-color: white;*/
	padding-left:5px;
	padding-right:5px;
	 z-index: 3; 
	font: 1em;
	text-transform: uppercase;

  
   /*color:white;*/
   /*font-size:22px;*/
   word-spacing:3px;

   letter-spacing: 1px;
   
   /*color: gray;*/
   background: #lightblue ;
      border: 1px solid blue;
   border-radius: 5px;

   color:lightblue;
    
 /*width: 100%;*/
   width: 200px;

}