

html 
{
 overflow: auto; /* Solves IE-Vertical Scrollbar Bug */
}


body
{
  font: normal 10pt Verdana, sans-serif;
  background: #FFFFFF; /* Jetzt weiß anstatt: #6A829B; */
  margin: 0 0 0 0;
}

td
 {
	padding:0px;
	margin:0px;
}


a
{
  text-decoration: none;
  color: #000000;
}

.normallink
{
	text-decoration: underline;
	color: Blue;
}


H1
{
  padding: 0 0 0 20pt;
  margin: 0;
  line-height: 50pt;
  color: #6699FF;
  background-color: #102963;
  font-size: 25pt;
  border-bottom: solid 1px black;
}

/**************************************************************
  Container - Elemente
**************************************************************/

div#head
{
	background-color: #FFFFFF /*#7ba566*/; /* wie asthenis.de, anstatt: #102963;  */
	border-bottom: solid 1px black;
	height: 80px;
	line-height: 50pt;
	min-width: 850px;

}

div#head img 
{
  float: left;
  margin: 0px 0px 0px 10px;
  border: 0px;
}

div#head a
{
	color: #FFFFFF;
}

div#headtitle
{
 float: left;
 line-height: 80px;
 margin: 0px 0px 0px 10px;
}

div#head .loginview
{
 position: absolute;
 margin: 0px 0px 0px 15px;	
 left: 0px;
 top: 35px;
 font-size: 10px;
}

div#floatcontainer
{
	min-width: 850px;
	margin-right: 15px;
}

div#content
{
  float: left;
  width: 100%; /* Wenn Navigation rechts */
  margin-left: -250px; /* Wenn Navigation rechts */
  /*margin-left: 250px; /* Wenn Navigation links */
  border: none; 
  min-width: 550px
}	

div#contentdetails
{
	margin-left: 250px; /* Wenn Navigation rechts */
	border: none; 
	padding: 0px 15px 5px 15px;
  
}

/* Navigation an der Seite */
div#navigation
{
 width : 246px; 
 float: left; 
 background: #C0DFBD /* wie asthenis.de, anstatt: #6A829B*/; 
 padding: 0px;
 border: solid 2px #7ba566;
 min-height: 500px;
 overflow: hidden;
}


div#footer
{
	clear: both;
	text-align: center;
	background-color: #81C87C/*#7ba566*/; /* wie asthenis.de, anstatt: #52638E;  */ 
	font-size: x-small;
    line-height: 51px;
    height: 51px; 
    border-bottom: solid 1px black; 
    border-top: solid 1px black;
    margin-top: 15px;
    min-width: 850px;
}


div#footer a

{
	color: #FFFFFF;
}

div.clearfix
{
	clear:both;
}

/**************************************************************
  Ende Container - Elemente
**************************************************************/


div.paragraph
{
	width: 100%;
	background-color: #FFFFFF/*#EEEEEE*/;
	border: solid 1px #FFFFFF;
}

div.paragraph .paragraphcontent
{
	margin: 15px;
}

div.paragraph .paragraphcontent div
{
  margin: 0;
  padding: 0;
}


div.paragraph .paragraphcontent .leftfloat
{
	float: left;
	display: block;
	line-height: 32px;
}

div.paragraph .paragraphcontent h3 a
{
	float: left;
	display: block;
	line-height: 32px;
	margin-left: 15px;
	color: #000000;
	border: solid 1px transparent;
	
}

div.paragraph .paragraphcontent h3 a:hover
{
	background: #FFB164;
    border: solid 1px #000000;
	color: #FFFFFF;
}


div.paragraph .paragraphcontent p
{
	line-height: 18px;
	text-align: justify;
}


div.spacer
{
	height: 15px;
}

div.line1
{
	background-color: #81C87C;
	height: 1px;
	margin: 10px 15px 10px 15px;
}


h2
{
  padding: 0 0 10px 0;
  margin: 0;
  color: #000000 /* wie asthenis.de, anstatt: #BDD3FE*/;
  font-size: 18pt;
}


/**************************************************************
  Login menu
**************************************************************/

div#loginheader
{
 width : 600px; 
 margin: 0 auto; 
 margin-top: 100px;
 background-color: #81C87C/*#7ba566*/; /* wie asthenis.de, anstatt: #102963;  */  
 border: solid 1px #102963; 
 padding: 0px;	
 line-height : 50px;
 height: 50px;
}

div#loginheader span
{
	color: #FFFFFF;
	padding-left: 5px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
}

div#logincontent
{
 width: 600px; 
 margin: 0 auto; 
 background-color: #FFFFFF; /* wie asthenis.de, anstatt: #52638E;  */  
 border-left: solid 1px #102963;
 border-right: solid 1px #102963;
 border-bottom: solid 1px #102963;	
}

div#logincontent table
{
  padding: 3px;
  margin: 0px 15px 15px 15px; 
  text-align: left;
  width: 570px;		
}

.loginlabel
{
  font-family: Tahoma;
  font-size: 14px;
  text-align: right;
  padding-right: 15px;	
}

.txtInput 
{
  border: solid 1px #505050;
  width: 215px;
  text-align: left;
}

.btnLogin {
  font: bold 10pt Verdana;
  width: 120px;
  height: 25px;
  border: 1px solid #505050;
}

/**************************************************************
  TOP menu
**************************************************************/



div#topmenu
{
	background: #C0DFBD /*#E2E2E2*/;
	line-height: 51px;
	height: 51px;
	border-bottom: solid 1px #000000;
	min-width: 850px;
}

div#topmenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#topmenu li
{
	float: left;
}


div.topmenu_item
{
  float: left;
}


div#topmenu a
{
	margin: 0px;
	border: 0;
	padding: 0 10px 0 10px;
	display: block;
	color: #000000;
	font-weight: bold;
}


#topmenu a:hover
{ 
  color: #FFFFE0;
  background: #FFB164;
  /*background: url(../img/nav_hover.gif);*/
 }



#patientholder
{
  min-width: 850px;	
  margin: 15px 0px 15px 0px;
  height: 40px;
}

h3#SelectedPatient
{
	/*font: 14pt Tahoma bold;*/
	color: #52638E /* anstatt  #6699FF*/;
	background-color: #81C87C/*#7ba566*/; /* wie asthenis.de, anstatt: #102963*/
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	padding: 0 0 0 10px;
	line-height: 40px;
	margin: 0;
}


/**************************************************************
  Der Repeater für die Forenübersicht
**************************************************************/


div.repeatertemplate 
{
  display: block;
  position: relative;
  background-color: #FFFFFF;
  margin-bottom: 15px;
}


div.repeatercategory 
{
  display: block;
  position: relative;
  background-color: #81C87C;
  height: 32px;
}

div.repeatercategory h4
{
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	line-height: 32px;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

div.repeatertable
{
  width: 100%	
}

div.repeatertable .tablecontent
{
   width: 100%;
   border-spacing: 0;
   border-bottom: solid 1px Gray;	
   border-right: solid 1px Gray;	
}

div.repeatertable .tablecell
{
	height: 40px;
	border-top: solid 1px Gray;
	border-left: solid 1px Gray;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}


div.repeatertable .tablecell h3
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	line-height: 32px;
}

div.repeatertable .tablecell h3 a 
{
}

div.repeatertable .tablecell p 
{
	text-align: left;
	margin:  0px 0px 0px 15px; 
	padding:  0px 0px 0px 0px;
}


/**************************************************************
  Tables allgemein
**************************************************************/

.tableheader
{
  background-color: #81C87C/*#7ba566*/;
  color: #FFFFFF;
  padding-left: 5px; 
  text-transform: uppercase; 
  font:  bold 14px/32px Tahoma;	
  line-height:32px; 
}

.tableheadercentered
{
  background-color: #81C87C/*#7ba566*/;
  color: #FFFFFF;
  padding-left: 5px; 
  text-transform: uppercase; 
  font: bold 14px/32px Tahoma;
  text-align: center;		
  line-height:32px; 
}


.tablesmallheader
{
  color: #000000;
  padding-left: 5px; 
  font:  bold 16px/32px Tahoma;	
  line-height:32px; 
  letter-spacing: 1px;
  border: solid 1px #7ba566; 
}


.tablecaptioncell
{
	vertical-align: top;
	width: 610px;
	padding: 5px 5px 5px 5px;
	border-left: solid 1px #7ba566;
	border-bottom: solid 1px #7ba566;
}

.tablecontentcell
{
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border-left: solid 1px #7ba566;
	border-right: solid 1px #7ba566;
	border-bottom: solid 1px #7ba566;	
}

.tableemptycell
{
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border-right: solid 1px #7ba566;
	border-bottom: solid 1px #7ba566;	
}


/**************************************************************
  Das Grid
**************************************************************/

.gridview
{
  border: solid 1px Gray;	
}

.gridview a
{
  color: #52638E;	
}


.gridheader
{
	background-color: #81C87C;
	height: 30px;
	font-weight: bold;
}

.gridheader a
{
	color: #FFFFFF;
}

.griditem
{
	background-color: #FFFFFF;
	border-bottom: solid 1px Gray;
	line-height: 22px;
}

.gridalternateitem
{
  background-color: #C0DFBD;
  border-bottom: solid 1px Gray;	
  line-height: 22px;
}


.gridfooter
{
	background-color: #81C87C;
	height: 30px;
	font-weight: bold;
}


/**************************************************************
  Window right menu
**************************************************************/
div.window
{
	margin: 10px;
	/*border: solid 1px #52638E;*/
	background: #C0DFBD/*#F7F4F4*/;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

div.window ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.window a
{
  margin-left: 10px;
  line-height: 25px;
  display: block;
  color: #52638E;
  border: solid 1px transparent;
  font-size: 12px;
  font-weight: bold;
  
}
div.window a:hover
{
   color: #FFFFFF;
   background: #FFB164;
   border: solid 1px #000000;
}
div.window h2
{
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	height: 20px;
	background-color: #C0DFBD; /* wie asthenis.de  #7ba566;*/
	border-bottom: dotted 1px Gray; /* alt background-color: #52638E;*/
	color: #52638E /*#FFFFFF */;
	font: bold 16px/20px "Segoe UI", Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	line-height: 20px;
}

div.folder
{
	padding-left: 8px;
	margin-left: 10px;
	/*background: #C0DFBD url(../img/bulletdir.png) no-repeat left;*/
	line-height: 10px;
}

div.file
{
	padding-left: 5px;
	margin-left: 30px;
	/*background: #C0DFBD url(../img/bulletfile.png) no-repeat left;*/
}

/**************************************************************
  Panels
**************************************************************/
.panel
{
  border: solid 1px #7ba566;
  background: #FFFFFF;
  padding: 0px;
  margin-bottom: 15px;
}
.panel a
{
  color: #4477dd;
}
.panel a:hover
{
  color: #6699FF;
}

/*
.panel h4
{
  padding: 0 0 0 5px;
  margin: 0px;
  font-size: 10pt;
  font-weight: bold;
  line-height: 20px;
  background: #D9DEEA;
}

*/

.selectedLink
{
  font-weight: bold;
}

.Y
{
  background: #FFFFE0;
  padding: 5px;
  min-height: 30px;
  line-height: 30px;
  border-top: solid 1px #7ba566;
}

.N
{
  background: #FFFFFF;
  padding: 5px;
  min-height: 30px;
  line-height: 30px;
  border-top: solid 1px #7ba566;
}

.loginInputs
{
  width: 100px;
  border: solid 1px #52638E;
  font-family: Arial;
  font-size: 9pt;
}


.sqlinput
{
	margin:  15px 15px 15px 15px;
	height: 100px;
	width: 500px;
}

/**************************************************************
  MultiBox
  v1.3
**************************************************************/

.MultiBoxContainer
{
  position: absolute;
  border: 20px solid #000;
  background-color: #FFF;
  display: none;
  z-index: 2;
  text-align: left; /*overflow: hidden;*/
}

.MultiBoxLoading
{
	background: url(../img/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent
{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.MultiBoxClose
{
  position: absolute;
  top: -26px;
  right: -26px;
  background: url(../img/multibox/close.png) no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
}


.MultiBoxControlsContainer
{
  overflow: hidden;
  height: 0px;
  position: relative;
}

.MultiBoxControls
{
  width: 100%;
  height: auto;
  position: relative;
  background-color: #000000;
}


.MultiBoxPrevious
{
  position: absolute;
  background: url(../img/multibox/left.png) no-repeat;
  width: 24px;
  height: 24px;
  left: 0px;
  margin-top: 5px;
  cursor: pointer;
}

.MultiBoxNext
{
  position: absolute;
  background: url(../img/multibox/right.png) no-repeat;
  width: 24px;
  height: 24px;
  right: 0px;
  margin-top: 5px;
  cursor: pointer;
}

.MultiBoxNextDisabled
{
  cursor: default;
  background: url(../img/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled
{
  cursor: default;
  background: url(../img/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle
{
  position: relative;
  margin: 10px 0 0 35px;
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  font-weight: bold;
  text-align: left;
}

.MultiBoxNumber
{
  position: relative;
  width: 50px;
  margin: 10px 35px 0 0;
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  text-align: right;
}

.MultiBoxDescription
{
  clear: left;
  position: relative;
  margin: 0 35px 0 35px;
  padding-top: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  text-align: left;
}



/*************** Ende Multibox **********************************************/


/**************************************************************
 Tag-Clouds 3D
**************************************************************/


#cloudlist
{
	font-family: Arial, "MS Trebuchet", sans-serif;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
	height:180px;
	width:246px;
	padding: 5px 0px 5px 0px;
	overflow:hidden;
	position:relative;
	background-color: #C0DFBD;
	display:none;
}

#cloudlist ul,
#cloudlist li{
	list-style:none;
	margin:0;
	padding:0;
}
#cloudlist a
{
	position: absolute;
	text-decoration: none;
	color: #000000;
}
#cloudlist a:hover{
	color:#FFB164;
}


/**************************************************************
  Ende Tag-Clouds 3D
**************************************************************/
