/**************************Layout*******************************/
html {
   height:101%;
   }
   
body {
   padding:0;
   margin:0;
   font-size:0.8em;
   font-family:verdana;
   text-align:center;
   }
   
#container{
   width:1000px;
   margin:0 auto;
   text-align:left;
   border:solid 1px #88A3B8;
   border-top:none;
   }
   
#top{
   background:url(../images/topBack.jpg) 350px 0 no-repeat;
   border-bottom:solid 1px #88A3B8;
   }

#top h1{
   position:absolute;
   left:-9999px;
   top:-9999px;
   display:none;
   }

#langselect{
   float:right;
   width:240px;
   text-align:right;
   padding-right:20px;
   }

#langselect img{
   margin:6px 6px 0 0;
   border:none;
   }

#left{
   float:left;
   width:250px;
   margin:0;
   height:620px;
   border-right:dashed #848484 1px;
   }

#right{
   float:right;
   width:250px;
   margin:0;
   height:620px;
   overflow:auto;
   border-left:dashed #848484 1px;
   }

#main{
   width:490px;
   height:620px;
   min-height:450px;
   float:left;
   }
   
#main2{
   width:740px;
   height:620px;
   min-height:450px;
   float:left;
   }
   
#mainfull{
   _height:450px;
   min-height:450px;
   }
   
#footer{
   border-top:solid 1px #88A3B8;
   clear:both;
   margin:0;
   }
   
/**************************Navigation*******************************/

/*******************Topnavigation************************/
#navcontainer{
   background:url(../images/naviBack.gif) 0 0 no-repeat;
   width:287px;
   height:196px;
   }
   
ul#navlist{
   padding:12px 0 0 0;
   margin:0 0 0 10px;
   width:253px;
   list-style:none;
   }
   
#navlist li{
   line-height:25px;
   }
   
#navlist a {
   line-height:25px;
   color:#577E9D;
   text-decoration:none;
   background:url(../images/naviIcon.gif) 0 2px no-repeat;
   padding:0 0 0 20px;
   }
   
#navlist a:link,#navlist a:visited{
   color:#577E9D;
   }
   
#navlist a:hover{
   color:#272970;
   background:url(../images/naviIconHover.gif) 0 2px no-repeat;
   }
   
/******************Subnavigation************************/
#footnavlist {}
#footnavlist li{
   display:inline;
   }
   
#footnavlist a{
   font-size:0.8em;
   color:#577E9D;
   text-decoration:none;
   padding:0 0 0 30px;
   }
   
#footnavlist a:link,
#footnavlist a:visited{
   color:#577E9D;
   }
   
#footnavlist a:hover{
   color:#272970;
   }
   

/******************Content************************/
form{
   padding:0;
   margin:0;
   }

#main a, 
#mainfull a, 
#main2 a, 
#right a{
   color:#577E9D;  
   text-decoration:none;
   }

#main a:visited, 
#mainfull a:visited, 
#main2 a:visited {
   color:#577E9D; 
   }

#main a:hover, 
#mainfull a:hover, 
#main2 a:hover{
   color:#272970;
   }

#main  p, 
#left  p, 
#right  p, 
#main2 p { 
   margin:10px 20px;
   }

#content ul.download {
   list-style:square;
   color:#848484;
   }

#content ul.download li{
  padding: 2px;
   }

h2{
   margin:10px;
   border-bottom:solid 1px #bfcfdc;
   padding:0;
   font-size:1em;
   text-align:center;
   color:#848484;
   background:url(../images/itemBack.gif) 0 2px no-repeat;
   }
   
h3{
   margin:10px;
   border-bottom:solid 1px #ccc;
   padding:0;
   font-size:0.9em;
   color:#848484;
   }
   

#mainfull h2{
   text-align:left;
   padding-left:20px;
   width:220px;
   }
   
#main {
   overflow:auto;
   }
   
#mainfull #content p,
#mainfull #content div,
#mainfull #content table{
   margin:20px;
   } 

fieldset{
   border:none;
   border-left:solid 1px #fff;
   margin:0 0 10px 0;
   padding:0;
   }
   
input,select,textarea, button{
   border:solid 1px #88A3B8;
   }

input, select, button{
   font-size:1em;
   margin:4px 0 4px 10px; 
   _margin:3px 0 3px 10px; 
   width:180px;
   padding:0 0 0 2px;
   }
   
button{
   cursor:pointer;
   }

select{
   width:200px;
   }
   
select.dentale{
   margin-right:54px;
   }

input.dentale{
   margin-right:94px;
   }

textarea{
   margin:0 0  0 20px;
   padding:4px;
   width:450px;
   _width:466px;
   height:160px;
   }
   
input#day,
input#month{
   width:40px;
   text-align:center;
   }

input#year{
   width:62px;
   text-align:center;
   }

input.readonly{
   color:#848484;
   }
   
input.file{
   width:310px;
   }
    
input.big{
   width:470px;
   }
    
input.send, 
input.submit, 
input.send2 {
   width:200px;
   font-weight:bold;
   cursor:pointer;
   margin-left:150px;
   background:#efebe7;
   } 

input.submit {
   margin-left:0;
   width:184px;
   }
   
input.filesend{
   width:200px;
   font-weight:bold;
   cursor:pointer;
   background:#efebe7;
   }
    
input.checkbox{
   width:14px;
   border:none; 
   _margin:0 0 0 10px;
   }

#right legend{
   margin:0 0 10px 10px;
   color:#848484;
   font-size:1em;
   border-bottom:solid 1px;
   }
   
#right label{
   font-size:0.8em;
   clear:right;
   float:right;
   width:200px;
   line-height:20px;
   }
   
#right ul{
   list-style:none;
   margin:10px 0 10px 10px;
   padding:0;
   }
   
#right li{
   background:url(../images/itemBack2.gif) 0 2px no-repeat;
   color:#747474;
   font-size:1.0em;
   padding: 0 0 0 20px;
   }
   
.clearall{
   clear:both;
   }

/*Patientenliste*/
#mainfull #content table,
#main2 #content table {
   font-size:0.9em;
   background:#fff;
   } 

#Patienten th{
   background:#f2f2f2;
   color:#848484;
   text-align:left;
   border-bottom:solid 1px #ccc;
   padding:2px 4px;
   }
    
#Patienten td{
   padding:2px 4px;
   }
    
#Patienten td.edit{
   white-space:nowrap;
   }
    
.col01{
   background:#E3E8EE;
   width:100px;
   }
   
.col02{
   background:#F3F7F8;
   width:500px;
   }
   
.col03{
   background:#ECF0F3;
   width:60px;
   }
   
.col04{
   background:#F3F7F8;
   }

a.button, 
a.button2, 
a.button3, 
span.readonly {
   text-align:center;
   text-decoration:none;
   width:180px;
   display:block;
   color:#000;
   margin:4px 0 4px 10px;
   width:180px;
   padding:2px 4px;
   border:solid 1px #88A3B8; 
   background:#efebe7;
   }
    
#container a.logout{
   color:red;
   border:solid 1px red;
   }
   
a.imageButton, 
a.fileButton {
   font-weight:bold;
   text-decoration:none;
   display:block;
   color:#000;
   margin:4px 0 4px 10px;
   width:150px;
   padding:2px 4px 4px 30px ;
   }

a.imageButton{
   background:url(../images/foto.gif)  no-repeat;
   }

a.fileButton {
   background:url(../images/file.gif)  no-repeat;
   }

a.logoutButton{
   font-weight:bold;
   text-decoration:none;
   padding:10px;
   }

span.readonly {
   color:#848484;
   border:solid 1px #848484;
   background:#fff;
   }

a.button2{
   font-weight:bold;
   color:#577E9D;
   }

div#lock{
   background-color:#fff;filter:alpha(opacity=50);-moz-opacity: .50;opacity: .50;
   height:1300px;
   margin-top:-1300px;
   }
/*Patientenliste ende*/

/*Login*/
.loginField{
   width:300px;
   margin-top:20px;
   text-align:right;
   }

.loginField label{
   font-weight:bold;
   color:#747474;
   margin:0 10px 0 0;
   }

.loginField input{ 
   float:none;
   }

.loginField input{}
/*Login Ende*/

/*Anmeldung*/
input.small{
   width:50px;
   }
   
#anmeldung fieldset{
   margin:0 0 4px 0;
   }

#anmeldung label{
   margin-left:10px;
   width:200px;
   font-weight:bold;
   display:block;
   float:left;
   text-align:right;
   }

#anmeldung legend{
   margin-left:10px;
   font-weight:bold;
   }

#anmeldung .checkbox{
   float:left;
   }

#anmeldung .help{
   padding:0 20px;
   }

/*Anmeldung Ende*/


/*ugly browser styles*/
* html body {
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #272970;
	scrollbar-base-color: #88A3B8;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #E3E8EE;
	scrollbar-highlight-color: #88A3B8;
	scrollbar-shadow-color: #88A3B8;
	scrollbar-track-color: #fff;
}  
/*ugly browser styles*/
.msg{
   color:red;
   }

.off{
   color:red;
   }

.on{
   color:green;
   }

.thumb{
   width:110px;
   float:left;
   margin:0 5px 4px 5px;
   text-align:center;
   border:solid 1px ;
   }
   
.thumb2{
   width:110px;
   float:left;
   margin:0 5px 4px 5px;
   border:solid 1px #ccc;
   }
   
.thumb2 img{
   border:none;
   margin:0;
   }

ul#abc{
   text-align:center;
   margin:0;
   padding:0;
   }

ul#abc li{
   display:inline; 
   padding:0; 
   margin:0;
   }

ul#abc a{
   font-weight:bold; 
   background:url(../images/abc.gif) center bottom  no-repeat;
   padding:0 2px  5px 2px;
   }

ul#abc span{
   padding:0 2px  5px 2px;
   }

.abcHeader{
   margin: 4px 0 0 20px; 
   border-bottom:solid 1px #ccc; 
   padding: 0; 
   font-size:0.9em; 
   width:440px;
   display:block;
   font-weight:bold;
   }
   
div.abcContent{
   margin:0 0 0 20px;
   display:none;
   width:440px;
   padding:10px 0;
   }
   
div.abcContent .button{
   float:right;
   }

a.button3{
   float:right; 
   margin:10px 10px 0 0;
   }

.editor{
   background:#fff;
   border-top:solid 1px #ccc;
   border-right:solid 1px #646464;   
   border-bottom:solid 1px #646464;  
   border-left:solid 1px #ccc;
   position: absolute; 
   top:50%;  
   left:50%; 
   width:500px;     
   height:280px;
   margin-top:-140px;  
   margin-left:-250px;
   padding:10px;  
}
.editor label{
   font-weight:bold;
   display:block;
   margin:0 10px;
   }

.editor textarea{
   margin:0 10px
   }

#content table#admin  {
   background:#ccc;
   }
   
table#admin td {
   font-size:10px;
   background:#fff;
   vertical-align:top;padding:2px;
   }
   
table#admin th {
   font-size:10px;
   background:#fff;
   vertical-align:top;
   padding:2px;
   }
   
#content table#admin a.off {
   color:red;
   font-weight:bold;
   line-height:2;
   }
   
#content table#admin a.on{
   color:green;
   font-weight:bold;
   line-height:2;
   }
   
/*News*/
#mainfull #content div.newsHead{
   font-weight:bold;
   text-decoration:underline;
   margin:0;
   padding:0;
   }
        
#mainfull #content div.newsDate{
   color:#848484;
   margin:0;
   padding:4px 0;
   }
   
#mainfull #content div.newsText{
   color:#000;
   margin:0;
   padding:0;
   _height:100px;
   min-height:100px;
   }
   
div.news{
   border-bottom:solid 1px #6d6d6d;
   margin:0;
   padding:0 0 10px 0;
   }
   		
#mainfull #content div.news img{
   border:solid 1px #848484;
   float:right;
   margin:0 0 4px 4px ;
   }