/* CSS file for smartdentist.de */

/* Basic settings */
* { padding:0em; margin:0em; border:0em solid white; font-size:1em;
    font-family:Verdana,Arial,sans-serif; color:#193647; text-decoration:none; }

body { background:#E2E2E2; width:1000px; 
/*overflow: auto; */
}

#outer { position: absolute;
 width: 980px;
 left: 50%;
 background:#FFFFFF;
 margin: 10px 0 0 -490px;
 border-left: 1px solid #DDDDDD;
 border-right: 3px solid #DDDDDD;
 border-top: 1px solid #DDDDDD;
}


/* General markup */
.hidden { display:none; }
.warning { color:#CE0010; }
.success { font-weight:bold; color:#007F20; }
.red { color:red; font-size:0.8em; }
.small { font-size:0.85em;  }
.bold { font-weight: bold; }
.right {text-align:right; }
div.clearer {clear: left; line-height: 0; height: 0;}

a.calLeft {margin:0 12px 0 0px; }
a.calRight {margin-left:12px; }

/* Header layout */
#header { font-size:0.7em; height:100px; }

img.topLeft { margin:7px 15px 0 15px; float:left; }

#header #topRight { color:#3E5F8F; float:right; text-align:right; margin: 10px 20px 0 0; } 
#header #topRight p { margin-bottom:6px; }                   
#header #topRight a { color:#3B649F; }
#header #topRight a:hover {color:#FF6633;}

#header #topRight ul {text-align:right; margin: 0 0 25px 0;}
#header #topRight  li { display:inline; color:#9FC6FF; text-align:right; margin:0 0 0 1em;}
#header #topRight li a { color:#3B649F; }
#header #topRight li a:hover {color:#FF6633;}

form.logIn { display: inline; }
form.logIn input,option,select,textarea {  background:#FFFFFF; border: 1px solid #E7EDF2; font-weight:bold; }
form.logIn input,textarea { margin: 0 0 0 0; background:#D1DFEF;}
form.logIn input.submit { background:#D1DFEF; font-size:0.9em; color:#3B649F; cursor:pointer; margin:0 0 0 0;}                    
form.logIn input.onWhite { background:#D1DFEF; font-size:0.9em; color:#3B649F; cursor:pointer; margin:0 0 0 0;} 


/* Navigation layout */
#navigation { 
	background:#D1DFEF; color:#9E9E82; 
          font-weight:bold; font-size:0.8em; padding:0.4em; list-style-type:none; clear:both;
          }
#navigation ul {text-align:left; margin-left:187px;}
#navigation li { display:inline; padding:0.2em 0.5em; color:#666666; text-align:center;}
#navigation li a { color:#3B649F;  }
#navigation  li.mainImportant a { color:#BF3B3D;  }
#navigation li a:hover {color:#FF6633;}

/*Calendar navigation */
#calNav { 
	background:#D1DFEF; color:#9E9E82; 
          font-weight:bold; font-size:1.0em; padding: 1em 0 0.7em 0; list-style-type:none; clear:both;
          }
#calNav ul {text-align:left; margin-left:178px;}
#calNav li { display:inline; color:#333333;}
#calNav li a { color:#3B649F; padding: 0 20px 0 20px; text-align:center; font-size:1.2em;}
#calNav li a:hover {color:#FF6633;}

#left {    width:173px; margin: 50px 7px 0 0; float:left; font-size: 0.8em; }
#left ul {
list-style: none;
margin: 0;
padding: 0;
}
#left li {
border-top: 1px solid #E7EDF2; 
font-weight:bold;
display: block;
padding: 0.4em 0 0.4em 0.5em;
/* border-left: 1px solid #3B649F;*/
border-right: 1px solid #E7EDF2; 
background-color: #D1DFEF;
color:#666666;
text-decoration: none;

}
#left li a:link, #left li a:visited { color: #3B649F; }  
#left li a:hover {color:#FF6633; }       
          

#content { min-height:400px; margin:30px 200px 20px 200px; 
          font-size:0.9em; }
          
#content a { color:#3B649F; font-weight:bold; }
#content a:hover { color:#FF6633; }

#content h1 { color:#666666; font-size:1.2em; margin:0 0 0.7em 0; border-bottom: 1px solid #E7EDF2;}

#content h3 { color:#333333; font-size:0.9em; margin:2.0em 0 0.5em 0; }
#content h3.nav { background:#D1DFEF; color:#333333; text-align:center; font-size:0.9em; margin:2.0em 0 0.5em 0; }


#content p { color:#333333; font-size:0.9em; margin-bottom:1.5em; line-height:1.5em;}

#content ul { margin:0 0 1.3em 2em; font-size:0.9em; }
#content li { padding:0.2em; }

#content hr { color:#999999; }

#content form { margin:0 0em; display: inline; }
#content form input,option,select,textarea {  background:#FFFFFF; border:1px solid #dddddd; color:#333333; font-weight:bold; }
#content form input,textarea { margin: 0 0 0 0; }
#content input.submit { background:#FFFFFF; font-size:0.9em; color:#3B649F; cursor:pointer; margin:0 0 0 0;}
#content input.submit2 { background:#FFFFFF; font-size:1.0em; color:#3B649F; cursor:pointer; margin:0 0 0 0;}
#content input.warning { background:#FFFFFF; font-size:0.9em; color:#FF0000; cursor:pointer; margin:0 0 0 0;}
#content input.warning2 { background:#FFFFFF; font-size:0.9em; color:#FF0000; cursor:pointer; margin:0 0 13px 0;}
#content input.onWhite { background:#D1DFEF; font-size:0.9em; color:#3B649F; cursor:pointer; margin:0 0 0 0;} 

#content #data {border:1px solid #E7EDF2; color:#3E5F8F; font-size:0.9em; padding:15px; margin-bottom:4em; background:#D1DFEF; overflow:auto;}
#content #data h1 {font-size:1.1em; font-weight:bold; }
#content #data img {padding: 0 0 10px 0; }
#content #data #imagerightcaption { float:right; margin: 5px 0px 15px 25px; }
#content #data img {padding: 0 0 10px 0; }

div.items { font-size:0.9em; margin:1.5em 0 1.5em 0; line-height:1.5em; border: 1px solid #ffffff;}
table { }
table.cal { font-size:0.8em; width:600px;}

td.light { background:#f9f9f9; width:100px; margin:0px; padding:5px 10px 5px 10px;}
td.lightRight { background:#f9f9f9; width:500px; margin:0px; padding:5px 10px 5px 10px; text-align:right;}
td.dark { background:#D1DFEF; margin:0px; padding:5px 10px 5px 10px;}
td.darkRight { background:#D1DFEF; margin:0px; padding:5px 10px 5px 10px; text-align:right;}
td.today { background:#FFDFDF; margin:0px; padding:5px 10px 5px 10px;}
td.weekend { background:#EEEEEE; margin:0px; padding:5px 10px 5px 10px;}

#popUp {padding:30px 10px 5px 10px;}
#popUp p { background:#eeeeee; color:#333333; font-size:0.9em; margin-bottom:1.5em; line-height:1.5em; }
#popUp h1 { color:#666666; font-size:1.2em; margin:0 0 1.0em 0; border-bottom: 1px solid #E7EDF2;}

#content #information {border:1px solid #EFE8D1; color:#3E5F8F; font-size:0.9em; padding:15px; margin-top:50px; margin-bottom:4em; background:#FFFBEF;}
#content #warning {border:1px solid #EFE8D1; color:#BF474F; font-size:0.9em; padding:15px; margin-top:50px; margin-bottom:4em; background:#FFFBEF;}


#right {   right:0px; width:160px; margin:20px 20px 0 0; font-size:0.8em; float:right;}
#right h3 { font-size:0.8em; color:#999999; text-align:center;}

#logIn    { font-size:0.9em; margin:0 15px 0 0;  }
#logIn input { font-size: 1.1em; font-weight:bold; color:#000000; border: 1px solid #E7EDF2;}
#logIn input.submit { font-size:1.1em; margin-left:10px;
	color:#537FBF; background: #FFFFFF; border: 1px solid #DDDDDD; cursor:pointer; }

#logIn a { color:#3B649F; }
#logIn a:hover { color:#FF6633;  }

#footer   { margin:5em 0 1em 0; color:#BBBBBB; font-size:0.7em; text-align:center;}
#footer a { background:#FFFFFF; color:#BBBBBB; }


/* AJAX stuff */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #3B649F;font-weight:bold;}
#TB_window a:visited {color: #3B649F;font-weight:bold;}
#TB_window a:hover {color: #FF6633;font-weight:bold;}
#TB_window a:active {color: #666666;font-weight:bold;}
#TB_window a:focus{color: #666666;font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}