/* CSS file for zahnarztpraxen.net */

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

body { background:#FFFFFF; width:100%; overflow: auto; }

/* General markup */
.hidden { display:none; }
.warning { color:#CE0010; }
.success { color:#006C1C; }
.red { color:red; }
.small { font-size:0.9em;  }
.bold { font-weight: bold; }

div.clearer {clear: left; line-height: 0; height: 0;}

#container { position:absolute; top:0; left:50%; width:960px; margin: 0 0 0 -480px; border: 1px solid #FFFFFF;} 

/* Header layout */
#header { font-size:0.6em; background: url(logo.gif); width:400px; height:85px; 
	margin:30px 280px 50px 280px;}

#header #info { float:right; text-align:right; margin: 65px 7px 0 0; } 


#left {    width:130px; margin: 20px 20px 0 0; float:left; font-size: 0.8em; }

#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;}
#right p {padding:3px; margin-top: 10px; border: 1px dotted #cccccc; 
	font-size:0.8em; color:#666666;}#content a { color:#68A59E; font-weight:bold; }
#right a { color:#4F9F96; font-weight:bold; text-align:right; }
#right a:hover { color:#FF3300; }

#content { width:750px; margin:20px 105px 0 105px; 
          font-size:0.8em;}
          
#content a { color:#478F87; font-weight:bold; }
#content a:hover { color:#FF3300; }

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

#content h3 { color:#333333; font-size:0.9em; margin:20px 0 5px 50px; }

#content p { color:#333333; font-size:0.9em; margin:0 0 12px 50px; line-height:1.7em;}

#content ul { margin:0 0 12px 70px; font-size:0.9em; }
#content li { padding:0.2em; line-height:1.5em; }

#content hr { color:#999999; }          

#content #smallData {  width:620px; margin:0 0 20px 50px;
	padding:20px; background:#C3DFDA; 
	border:1px solid #CCCCCC; font-size:0.9em; }          

#content #smallData form { margin:0 0em; display: inline; }
#content #smallData a { color:#333333; margin-left:40px; }
#content #smallData a:hover { color:#FF3300; margin-left:40px; }
#content #smallData form input,option,select {  background:#FFFFFF; border:1px solid #e9e9e9; color:#333333; font-size:1.0em; font-weight:bold; }
#content #smallData form input,textarea { margin: 0 0 0 0; }
#content #smallData input.submit { background:#FFFFFF; font-size:0.95em; color:#FF3300; cursor:pointer; margin:0 0 0 0;}
#content #smallData input.submitLarge { background:#FFFFFF; font-size:1.2em; color:#FF3300; cursor:pointer; margin:0 0 0 0;}
          
#content #result { width:620px; padding:20px; font-size:0.9em; margin:0 0 12px 50px; line-height:1.7em; }

#content form { margin:0 0em; display: inline; }
#content form input,option,select,textarea {  background:#FFFFFF; border:1px solid #E7EDF2; color:#333333; font-weight:bold; }
#content form input,textarea { margin: 0 0 1em 0; }
#content input.submit { background:#FFFFFF; font-size:0.9em; color:#416EAF; cursor:pointer; margin:0 0 0 0;}
#content input.onWhite { background:#EFF6FF; font-size:0.9em; color:#416EAF; cursor:pointer; margin:0 0 0 0;} 

#content #data {width:750px; color:#666666; font-size:1em; padding:15px; margin-bottom:4em; background:#FFFFFF;}
#content #data #imagerightcaption { float:right; margin: 15px 0px 15px 25px;}

 

.table {
 width:660px; margin:0 0 20px 50px;
	
 border: 1px solid #CCCCCC;
}

.table .th {
 background-color:#C3DFDA;
 color:#333333;
 font-weight:bold;
 text-align:center;
 }

.table .tr_light {
 background:#FFFFFF;
 border-bottom: 1px solid #EEEEEE;
 }
 
.table .tr_dark {
 background:#E9E9E9;
 border-bottom: 1px solid #EEEEEE;
 }

.table .td_left {
 float:left;
 width:400px;
 padding:4px;
}
 
.table .td_right {
 float:right;
 width:240px;
 padding:4px;
}


/*table { width:620px; margin:0 0 0 50px;}
th {color:#666666;}
td.light { background:#E0EFED; margin:0px; padding:5px 10px 5px 10px;}
td.lightRight { background:#E0EFED; margin:0px; padding:5px 10px 5px 10px; text-align:right;}
td.dark { background:#f9f9f9; margin:0px; padding:5px 10px 5px 10px;}
td.darkRight { background:#f9f9f9; margin:0px; padding:5px 10px 5px 10px; text-align:right;}
*/



#footerNav { color:#3E5F8F; list-style-type:none; clear:both; margin: 30px 0 0 0; font-weight:normal; font-size:0.7em; } 
#footerNav ul {text-align:center;}  
#footerNav li { display:inline; padding:0 0.5em 0 0.5em; color:#666666; text-align:center;}
#footerNav li a { color:#4F9F96; }
#footerNav li a:hover {color:#FF3300;}
                  
#footerNav a { color:#FF3300; }
#footerNav a:hover {color:#FF3300;}
#footerNav #navSelf {color:#666666; }


#footer   { margin:5em 0 1em 0; font-size:0.6em; text-align:center;}
#footer p { margin:5em 0 1em 0; color:#BBBBBB; }
#footer a { font-weight:bold; color:#BBBBBB; }
#footer a:hover {color:#FF3300;}