/* CSS Document */
#header {
  background: #222222;
	height: 100px;
  padding-left: 20px;
  padding-right: 20px;
}



button, input[type=submit] {
border: 2px solid #333; 
background: #FF4500;
font-size: 120%; 
font-weight: bold; 
color: white;
padding: 0 20px; 
height: 36px; 
vertical-align: middle;
}

textarea{
    border:1px solid #999999;
    width:100%;
    margin:5px 0;
    padding:3px;
}
.textareacontainer{
    padding-right: 20px; /* 1 + 3 + 3 + 1 */
}


body {
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}


A{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #000000;
}



#textarea {
   text-align: left;
   color: black;
   font-family: arial, sans-serif;
   font-size: 180%;
 }


  .logo{
  margin-top:6px;
    margin-left:auto;
    margin-right:auto;
  width:770px;
  height:70px;
  background-image: url(../images/logo.jpg);
  background-repeat: no-repeat;
  border: 2px solid #9f9f9f;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 120%;
  color: #7f7f7f;
  text-align: left;
  padding-left:15px;
  font-weight: bold;
}
@media screen and (max-width: 799px) {
.logo { 
display: none;
}
}



.doc_info_header{
  width:200px;
  height:20px;
  background-image: url(../images/gradient.png);
  background-repeat: no-repeat;
  padding-left:4px;
  border: 1px solid #5f5f5f;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-align: left;
  font-weight: bold;
  text-decoration: none;

}
@media screen and (max-width: 799px) {
.doc_info_header { 
display: none;
}
}


.doc_info{
  background: #ffffff;
  margin:0px;
  width:200px;
  padding-left:4px;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}
@media screen and (max-width: 799px) {
.doc_info { 
display: none;
}
}


.doc_info_footer{
  background: #ffffff;
  margin:0px;
  width:200px;
  padding-left:4px;
  padding-bottom:4px;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}
@media screen and (max-width: 799px) {
.doc_info_footer { 
display: none;
}
}


.doc_sprechstunde1{
  background: #ffffff;
  margin:0px;
  width:30px;
  height:18px;
  padding-left:4px;
  border-left: 1px solid #c0c0c0;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 799px) {
.doc_sprechstunde1 { 
display: none;
}
}

.doc_sprechstunde2{
  background: #ffffff;
  margin:0px;
  width:170px;
  border-right: 1px solid #c0c0c0;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}
@media screen and (max-width: 799px) {
.doc_sprechstunde2 { 
display: none;
}
}


.termin_header{
  background: #ffffff;
  width:550px;
  margin:0px;
  padding-left:4px;
  border-bottom: 5px solid #d0d0d0;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
  font-weight: bold;
}



.termin_step{
  background: #6f6f6f;
  width:550px;
  margin:0px;
  padding:6px; 
  border-radius: 5px;
  font-family: Verdana, Arial;
  color: #ffffff;
  font-size: 180%;
  text-decoration: none;
}

.termin{
  background: #ffffff;
  margin:0px;
  padding:4px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}


.termin2{
  background: #ffffff;
  margin:0px;
  padding:4px;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  color: #ffffff;
  text-decoration: none;
}




.termin_footer{
  background: #6f6f6f;
  width:550px;
  margin:0px;
  padding:4px; 
  border-radius: 5px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}


.termin_zusammenfassung_header{
  background: #ffffff;
  margin:0px;
  padding:6px;
  border-top: 2px solid #d0d0d0;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}

.termin_zusammenfassung{
  background: #ffffff;
  margin:0px;
  padding:6px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}
.termin_zusammenfassung_footer{
  background: #ffffff;
  margin:0px;
  padding:6px;
    border-bottom: 2px solid #d0d0d0;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 180%;
  text-decoration: none;
}



#footer {
  background: #8f8f8f;
	height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4px;

}


a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative; z-index:24;
  text-decoration: none; 
  color: #000000; 
	font-family: verdana; 
  

  }
  
a.tooltip:hover {
  z-index:25;
  color: #000000; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span { 
  display:block;
  
  text-decoration:none;
  position:absolute;
  top:30px;
  left:-50px;
  color:#000000;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:4px;
  padding-right:4px;
  width:200px;
  border:1px solid #c0c0c0;
  background-color: #ffff80}