/* css for orthopaedicumdortmund.de --- (c) internetgestalten.de 2010 */

/*  em  reset  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* colors 
gelb		#ffd147
dgrau		#848382

*/

* {font-family:"Univers", Arial, Helvetica, sans-serif; font-size:.99em;}

body { background:#fff url(../images/bg_body.gif) repeat-y center; }

/* layout */
#box     		{ 	width:950px; border:10px solid #fff; margin:5% auto 0 auto; background:#fff url(../images/bg_main.gif) repeat-y 0 0 ; margin-bottom:30px; }

#header { 			 height: 115px; width:950px; }
				
#navi { 			 width: 950px;
					 height: 36px;
					 display:block;
					 background-color:#b6b6b5;
					 border-bottom:10px solid #fff;
					}
					
									
#linkespalte { 		 width: 145px;
					 float: left;
					 min-height: 432px;
					}

#maincontent {       float: left;
					 min-height: 432px;
					 width: 515px;
					 display: inline;
					 margin:0 20px;
					}

#rechtespalte { 	 min-height: 432px;
					 width: 250px;
					 float: right;
					 position: relative;
					}
					
#footer 			{ height:0; clear: both; }

/* menu */
#menu  		{ 		padding:9px 0 0 165px;}
#menu li	{ 		display:inline; color:#97979B;}
#menu li a 	{		color:#fff; font-size:18px; font-family:"Univers", Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; }
#menu a:hover, 
#menu li.aktiv a { 	color:#ffd147;}

/* submenu */
#submenu {					margin-top:10px;}
#submenu li { 	 			height:22px; width:140px; margin-bottom:6px;}
#submenu li a:link,
#submenu li a:visited { 	padding:0 0 4px 10px; 
							color:#848382; 
							font-size:16px; 
							font-family:"Univers", Arial, Helvetica, sans-serif; 
							font-weight:normal; 
							text-decoration:none; 
							display:block; }
							
#submenu li a:hover, 
#submenu li.aktiv a { 		font-weight:bold;}
#submenu li.hoch { 			height:40px; line-height:1.1em;}      /* zweizeilig */

/**** DEV **
#linkespalte { background-color:#FFCC33;}
#maincontent { background-color:#66FF66;}
#rechtespalte { background-color:#0066FF;}
*/

/*** lvfha ***/
a:link 		{color:#848382; text-decoration:underline;}
a:visited 	{color:#848382; text-decoration:underline;}
a:focus 	{color:#000; text-decoration:none; outline:0;}
a:hover 	{color:#000; text-decoration:underline;}
a:active 	{color:#000; text-decoration:underline;}


/***** seitenlayout / bilder  *****/
/* start */
.start #maincontent 	{ background-image:url('../images/anmeldung.jpg'); background-repeat:no-repeat;}
.start #rechtespalte 	{ background:#848382 url('../images/patienten_gespraech.jpg') no-repeat 0 0;}

.zertifikat				{ margin-top:272px;}
.zertifikat2			{ margin-top:320px;}

/* über uns */
.ueberuns #maincontent img 				{ margin-left:10px;}
.ueberuns #maincontent img.first 		{ margin-left:0;}
.ueberuns #maincontent img.reihe2 		{ margin-top:10px; float:left;}
.ueberuns #rechtespalte 				{ background:#848382 url('../images/dr_floeter_dr_brenner.jpg') no-repeat 0 0;}
.ueberuns #maincontent p 				{ width:163px; height:210px; margin:10px 0 0 0; padding:0; float:right;}
.ueberuns #maincontent strong 			{ color:#ffd147; font-size:1.2em; line-height:1.6em;}

/* dr. brenner */
.brenner #linkespalte {background:#ebebeb url('../images/orthopaedischer_fussabdruck.jpg') no-repeat 0 0;}
.brenner #maincontent table { width:98%;}
.brenner #maincontent td { font-size:13px; line-height:1.5em; color:#848382;}

/* dr. flöter */
.floeter #linkespalte {background:#ebebeb url('../images/akupunktur.jpg') no-repeat 0 0;}

/* weg zu uns */
.anfahrt #linkespalte {background:#ebebeb url('../images/praxis_vorne.jpg') no-repeat 0 0;}
.anfahrt #rechtespalte {background:#848382 url('../images/praxis_parkplatz.jpg') no-repeat 0 0;}
.anfahrt #rechtespalte a:link {text-decoration:none; color:#fff;}
.anfahrt #rechtespalte a:hover {text-decoration:underline;}


/* diagnostik */
.diagnostik #linkespalte {background:#ebebeb url('../images/ultraschall.jpg') no-repeat 0 0;}
.diagnostik #rechtespalte {background:#848382 url('../images/orthopaedie_behandlung.jpg') no-repeat 0 0;}

/* lexikon */
.lexikon form { text-align:center; margin:20px 0 70px 0;}
.lexikon input { width:220px; border:none; padding:2px; outline:none;}
.lexikon input.button { color:#ffd147; background-color:transparent; cursor:pointer; width:100px; margin-top:5px;}
.lexikon #maincontent h2 { margin-top:20px;}
.lexikon #maincontent h2 a { text-decoration:none; color:#848382;}
.lexikon #maincontent h2 a.toplink { float:right; margin-right:10px;}
.lexikon #maincontent p {text-align:justify;}
.lexikon #maincontent ol { list-style-type:decimal; list-style-position:outside; padding-left:25px;}


#abisz { 			float:right; margin:25px 12px 0 0;}
#abisz td {			background-color:#fff; border:3px solid #fff;}
#abisz .choose a {	overflow:hidden; display:block; height:25px; width:25px; background-position:0 -1px;}
#abisz .choose a:hover,
#abisz .aktiv a { background-position:0 -28px;}


/* impressum*/
.impressum #rechtespalte {background:#848382 url('../images/praxis_brenner_floeter.jpg') no-repeat 0 0; height:480px;}

#datenschutz #box { width:420px; padding:20px; font-size:11px; line-height:1.4em; background-image:none; margin-top:10px;}

/***** Headings *****/
h1					{ font:normal 18px/26px "Univers", Arial, Helvetica, sans-serif normal; color:#ffd147; letter-spacing:.5px;}
h2					{ font:bold 16px/26px "Univers", Arial, Helvetica, sans-serif normal; color:#848382; } 
#rechtespalte h2 	{ font:normal 16px/26px "Univers", Arial, Helvetics, sans-serif normal; color:#ffd147; padding:10px 0 0 10px;}
 

/***** Common Formatting *****/
#maincontent ul { list-style-type:disc; margin:.5em 0 1em 1em;}
#maincontent ul li ul { list-style-type: circle; margin-top:5px;}
#maincontent ul li ul li { line-height:1.2em;}

p,
#maincontent li { font-size:13px; line-height:1.5em; margin-bottom:0.5em;}

#maincontent p,
#maincontent li { color:#848382;}

#rechtespalte p { color:#fff; margin:5px 10px;}
  
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}

small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
 
/***** Globals *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.preload		{ display:none;}