* {
margin: 0;
padding: 0;
}
html{
font-size: 100%;
//color: #494949;
color: #696969;
background: #f5f5f5;
/*background-image:url(./palmen.jpg); 
background-repeat:no-repeat;
 background-position:30px 20px;
 background-color:white; height:400px;*/
font-family: Arial, Helvetica, sans-serif;
height:100%;
}
body 
{
height:100%;
font-size: 100%;
font-family:  Arial, Helvetica, Verdana, sans-serif;
margin: auto;
//border: 5px solid #450000;
//padding: 10px;
//max-width: 70em;
//min-width: 50em;
max-width: 20em;
//max-width: 480px;
min-width: 20em;
}
limittxt {
height:80%;
font-size: 100%;
}
textarea {
vertical-align: top; 
/*background-color: darkblue; */
background-color: darkblue; 
/*opacity: 0.8; */
border : white;  
border-radius: 5px;
/*color: white;*/
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
overflow: auto; /* Scrollleiste in IE6 / IE 7 nur wenn nötig */ 
}
td{
background-color: darkblue; 
padding: 1px 1px;
//border: 5px solid #A9D0F5;  
//border-radius: 5px;
//color: #A9D0F5;
color: #ffffff;
font-size: 90%;
font-family: Arial, Helvetica, sans-serif;
}
wd{
background-color: #ffffff; 
padding: 1px 1px;
//border: 5px solid darkblue;  
border-radius: 5px;
//color: #696969;
font-size: 100%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
bt{
color: darkblue;
height:100%;
font-size: 100%;
}
//
et{
color: darkblue;
height:120%;
font-size: 120%;
}
.top{
overflow:hidden;
/*background-color: darkblue; */
align: center;
height: 2.0em;
}
.block2{
overflow:hidden;
/*background-color: darkblue; */
	height: 4.5em;
}
.block21{
overflow:hidden;
/*background-color: darkblue; */
	padding: 0.65em;
  height: 4.5em;
}
.block3{
  overflow:hidden;
  vertical-align: center-left;
  height: 2.4em;
}
.block31{
  overflow:hidden;
  vertical-align: center-left;
  height: 6em;
  font-size: 60%;
  //background-color: white;
}
.block4{
  overflow:hidden;
  vertical-align: center-left;
  height: 2.5em;
  width: 22em;
  background-color: white;
}
.block45{
	overflow:hidden;
	vertical-align: center-left;
 	height: 4.5em;
}
.block{
  overflow:hidden;
  vertical-align: center-left;
  height: 2.5em;
  // border: 2px solid #ffcc00;
}
#blockid{
	//wird zum verstecken benoetigt
}
#status{
  overflow:hidden;
  font-size: 90%;
  vertical-align: top-left;
  height: 1.5em;
}
#wunsch{
  overflow:hidden;
  font-size: 90%;
  vertical-align: top-left;
  height: 1.5em;
}
#wunschlb{
 //overflow:hidden;
 // vertical-align: top-left;
  font-size: 80%;
  font-family:  Arial, Helevtica, Verdana, sans-serif;
  height: 7em;
  border: 2px solid #ffcc00;
}
#wunschlb2{
 //overflow:hidden;
 // vertical-align: top-left;
  font-size: 80%;
  font-family:  Arial, Helevtica, Verdana, sans-serif;
  height: 2em;
 // border: 2px solid #ffcc00;
}
.spalte{
  float: left;
  border : 2px solid white;  
  border-radius: 10px;
  height: 3em;
  width: 76px;
  font-size: 80%;
}
.spalte1{
  padding: 1px 3px;
  float: left;
  border : 2px solid white;  
  border-radius: 10px;
  height: 3em;
  width: 71px;
  font-size: 80%;
}
.spaltenfueller{
  display:block;
  float: left;
  width: 0.3em;
}
.spalteradio{
  float: left;
  height: 4em;
  width: 7em;
  font-size: 100%;
  //border: 2px solid #ffcc00;

}
.spaltelabel{
  float: left;
  height: 3em;
  width: 5em;
  font-size: 120%;
  //border: 2px solid #ffcc00;

}
.spaltelabel2{
  float: left;
  height: 3em;
  width: 8em;
  font-size: 120%;
  //border: 2px solid #ffcc00;
  
}
.block-check-icon{
  display:block;
  float:left;
  //height: 20em;
  width: 2.5em;
 // border: 2px solid #ffcc00;
  }  
  
.block-check-in{
  display:block;
  float:left;
  //height: 20em;
  width: 4.5em;
  padding: 2px;
 //border: 2px solid #ffcc00;
  }  
.block-loesch{
  display:block;
  float:left;
  //height: 20em;
  width: 1.8em;
  padding: 2px;
 //border: 1px solid #ffcc00;
  }  
.block-d4a{
  display:block;
  float:left;
  height: 4em;
  width: 2.3em;
  //border: 2px solid #ffff00;
  }  
.block-d1a{
  display:block;
  float:left;
  height: 1.5em;
  width: 2.3em;
  //border: 1px solid #ffff00;
  }  
block-d1b{
  display:block;
  float:left;
  height: 1.5em;
  width: 13em;
  //border: 1px solid #ffff00;
  }  
.block-d25a{
  display:block;
  float:left;
  padding: 0.5em 0em 0em 0em;
  height: 2.5em;
  width: 2.3em;
  //border: 1px solid #ffff00;
  }  
block-d25b{
  display:block;
  float:left;
  height: 2.5em;
  width: 13em;
  border: 1px solid #ffff00;
  } 
.block-d4b{
  height: 4em;
  width: 17em;
  //border: 2px solid #ffcc00;
  }
/*.block-c2a{
  padding:0.5em;
  height: 4em;
  width: 17em;
  border: 2px solid #ffcc00;
  }
.block-c2b{
  padding: 1em;
  height: 4em;
  width: 17em;
  border: 2px solid #ffcc00;
  } */
.block-d45{
  display:block;
  float:left;
  height: 4.5em;
  background-color: #ffffff;
 	//border: 2px solid #ffcc00;
  }
.block-d2{
  display:block;
  float:left;
  height: 2em;
  width: 18em;
  background-color: #ffffff;
 	//border: 2px solid #ffcc00;
  }
.block-d25{
  display:block;
  float:left;
  height: 2.5em;
  width: 18em;
  background-color: #ffffff;
 	//border: 2px solid #ffcc00;
  }
.block-d3{
  display:block;
  float:left;
  height: 3em;
  width: 18em;
  background-color: #ffffff;
 	//border: 2px solid #ffcc00;
  }
.block-check-intxt{
  display:block;
  float:left;
  //height: 20em;
  width: 9em;
   padding: 2px;
 //border: 2px solid #ffcc00;
  }  
.block-txt{
  display:block;
  float:left;
  //overflow:hidden;
  //align: left;
  height: 5.8em;
  width: 19.4em;
  font-size: 85%;
  font-family:  Arial, Helevtica, Verdana, sans-serif;
  //border: 2px solid white;
  }  

.block-in{
  display:block;
  float:left;
  height: 5em;
  width: 5.5em;
  //border: 2px solid #c1aa00;
  }  
  
.block .column1{
  display:block;
  float:left;
  text-align:left;
  color: white;
  padding: 5px 5px 5px 5px;
}
.block45 .column1{
  display:block;
  float:left;
  text-align:left;
  color: white;
  padding: 5px 5px 5px 5px;
}
.block .columnA{
	display:block;
	float: left;
	text-align: right;
	color: white;
	padding: 5px 5px 5px 5px;
}
.block .column2{
  margin-left:4px;
  float:left;
}
.block .column3{
  margin-left:4px;
  float:left;
}
.block3 .column5{
  //margin-left:4px;
  float:left;
  width: 84px;
  //border: 2px solid #c1aa00;
  
}
.abstandsblock {
  height: 7.5em;
  //border: 2px solid #eeddaa;

}
.abstandsblock2 {
  height: 1em;
  width: 18em;
  //border: 2px solid #eeddaa;
}
.abstandsblock3 {
  height: 1em;
  width: 18em;
  //border: 2px solid #eeddaa;
}
.abstandsblock4 {
  height: 0.5em;
  width: 18em;
  //border: 2px solid #eeddaa;
}
.abstandsblock7 {
  height: 8em;
  //border: 2px solid #eeddaa;
}
* p {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
* li {
font-size: 100%;
}
* ol{
	padding: 0px 20px;
}
img {
top: 0;
right: 0;
border: 2px solid #ffffff;
}
.clear0a {
position: absolute;
top: 0;
right: 0;
list-style: none;
}
.clear0r {
position: relative;
top: 0;
right: 0;
list-style: none;
}

#icon{
width: "76";
height: "76";
border: 2px solid #ffffff; //entspricht weiss
}
#sicon{
width: "76";
height: "76";
border: 2px solid #ffffff; //entspricht weiss
}
.logo {
margin: 0 0 0 0;
/*border: 2px solid #ffccff;*/
/*padding: 10px 0 8px 10px;*/
background-color: #ffffff;/*Firmennamen*/
color: #000000;
border-radius: 15px;
}
.smallicon {
margin: 0 0 0 0;
width: "38";
height: "38";
border-radius: 5px;
//border: 2px solid darkblue; 
}
#oben {
text-align: left;
margin: 0 0 0 0;
padding: 10px 0 0 10px;
background-color: #ffffff;/*Sprache*/
color: #000000;
}

input {
/*background-color: darkblue; */
-webkit-appearance:none;/*dadurch wird der Button nicht schattiert*/
background-color: #696969;
height: 2em;
width: 7.5em;
border : 2px solid white;
border-radius: 8;
color: #ffffff;  
font-size: 95%;
font-family: Arial, Helvetica, sans-serif;
}
input .block {
/*background-color: darkblue; */
background-color: transparent;
height: 38px;
width: 38px;
border: darkblue;
font-family: Arial, Helvetica, sans-serif;
}

input .block2 {
/*background-color: darkblue; */
background-color: transparent;
height: 38px;
width: 38px;
border: darkblue;
font-family: Arial, Helvetica, sans-serif;
}

input .del{
/*background-color: darkblue; */
background-color: transparent;
height: 38px;
width: 38px;
font-family: Arial, Helvetica, sans-serif;
}

input .checkbox{
background-color: darkblue;
height: 2em;
width: 4em;
border : 2px solid white;
border-radius: 33px;
color: darkblue;  
font-size: 95%;
}

input #i{
background-color: darkblue; 
//background-color: transparent;
height: 38px;
width: 38px;
font-family: Arial, Helvetica, sans-serif;
}
#oben2{
//vertical-align: center;
background-color: darkblue;
width: 20em;
height: 4.5em;
//border: 2px solid #ffcc00;
 
}
#t2{
vertical-align: left;
width: 18.3em;
height: 3em;
//border: 1px solid #450000; 
}

#ueb {
//float: left;
//vertical-align: top-left;
width: 15.7em;/*menue 13em breit*/
//border: 1px solid #450000; 
}
#ueb2 {
float: left;
vertical-align: top-left;
width: 15.7em;/*menue 13em breit*/
//border: 1px solid #450000; 
}
#inf {
float: left;
width: 2em;/*menue 13em breit*/
height: 2em;
color: white;
//border: 5px solid #450000; 
}
/* --- maindiv ----------------- */
#maindiv {
position: relative;
/* border: 2px solid #ee00ff;*/
text-decoration: none;
margin: 0px 120px;
padding: 0 10px;
}
#textdiv { 
float:left; 
display:inline-block;
color: darkblue;
width: 20em;
border: 1px solid #450000; 
}
#textdiv2 { 
float:left; 
display:inline-block;
color: darkblue;
width: 10em;
}
#textdiv9 { 
float:left; 
display:inline-block;
//border: 2px solid #ee00ff;
color: darkblue;
width: 11em;
}
#textdiv9b { 
float:left; 
display:inline-block;
//border: 2px solid #ee00ff;
color: darkblue;
width: 16em;
}
#eingabe {
/*float:left;*/
display:inline-block;
color: darkblue;
height: 21em;
//border: 5px solid #450000;
}

#sonstiges {
float:left;
display:inline-block;
color: darkblue;
//letter-spacing: 2px;
font-size: 120%;
}

#link {
/* border: 2px solid #eeccff;*/
height: 2em;
border-bottom: 1px solid #ffffff;
background-color: #fff;
color: darkblue;
}
#thema {
/*border: 2px solid #eeccff;*/
height: 2em;
border-bottom: 1px solid #ffffff;
background-color: #fff;
color: darkblue;
}
#freitext {
/*border: 2px solid #eeccff;*/
height: 25em;
border-top: 1em solid #ffffff;
background-color: #fff;
color: darkblue;
}
#uebersicht {
position: relative;
/*border: 2px solid #eeccff;*/
height: 2em;
border-bottom: 1px solid #ffffff;
background-color: #fff;
color: darkblue;
}
#feld1 {
background-color: darkblue; 
border : white;
border-radius: 5px;
color: white;  
font-family: Arial, Helvetica, sans-serif;
padding: 5px 5px 5px 5px;
}
#feld2 {
background-color: darkblue; 
border : white;  
border-radius: 5px;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 5px 5px 5px;
}

#thematxt{
border : white;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
letter-spacing: 3px;
text-align: left;
background-color: #ffffff;/*Überschriften im Body*/
color: #ffffff;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
letter-spacing: 3px;
//text-align: left;
//background-color: #ffffff;/*Überschriften im Body*/
color: #ffffff;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 150%;
letter-spacing: 3px;
//align: center;
//background-color: #ffffff;/*Überschriften im Body*/
color: #ffffff;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
letter-spacing: 3px;
//text-align: center;
//background-color: darkblue;/*Überschriften im Body*/
color: #ffffff;
}
label {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
/*border-top: 0px solid #ffffff;*/
/*background-color: #fff;*/
color: darkblue;
}
#sichtvergleich{
position: relative;
float:left;
width: 82em;
//border: 2px solid #eeddaa;
height: 50em;
color: darkblue;
}
#disp2{
padding: 10px;
//border: 2px solid #ffffff;
background-color: #ffffff ;
}

#disp0{
//border: 2px solid #ffffff;
padding: 10px 20px;
color: #A9D0F5;
}

#disp1{
//border: 2px solid #000000;
padding: 10px 20px;
background-color: #ffffff ;
}

#disp3{
//border: 2px solid #ffffff;
padding: 25px;
background-color: #ffffff ;
}
#disp{
//border: 2px solid #ffffff;
padding: 15px;
background-color: #ffffff ;
}
#disp6{
//border: 2px solid #ffffff;
padding: 10px 20px;
background-color: #ffffff ;
}
#disp7{
//border: 2px solid #ffffff;
padding: 10px;
background-color: #ffffff ;
color: darkblue;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}
#disp8{
//border: 2px solid #ffffff;
padding: 10px 15px;
background-color: #ffffff ;
color: darkblue;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}
#disp81{
//border: 2px solid #ffffff;
padding: 10px 15px;
background-color: #ffffff ;
color: darkblue;
height: 23em;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}

/* --- Fuss ----------------- */
#fuss {
clear: both;
display: block;
height: 5em;
padding: 10px 40px;
border-top: 3px solid #696969; 
background-color: #ffffff;
color: #fff;
}
#fuss p {
clear: both;
display: block;
padding: 10px 60px;
font-size: 100%;
/*background-color: #ffffff;*/
color: #fff;
//border: 2px solid #ffffff;
}
#fuss p a {
clear: both;
display: block;
color: #696969;
text-decoration: none;
//border: 2px solid #000000;
//background-color: #ffffff;
}