/*
*****************************************************
 url					: www.anaesthesie-krefeld.de
 erstellt 			: 11-12-2007 
 Aenderung			: 25-01-2008 
 CSS +  Webdesign	: www.delectat.de (D.P.)
*****************************************************
 (c) 2007     www.anaesthesie-krefeld.de
*****************************************************

Farben:
Blau: #002F76
Hellblau: #A6BDD4
Blau: #00397C
Hellblau: #9DB3D7

Body 
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 
 
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 72.5%;font-size: 11px;
	line-height: 170%;
	color: #444;
		background: #FFF url(../elemente/layout/bg-silver.jpg) repeat-x 0 40px;
background: #FFF url(../elemente/layout/bg-body.jpg) repeat-x 0 -110px;
		background: #FFF url(../elemente/layout/bg-body-silvershadow.jpggg) repeat-x 0 40px;
border-top: 4px solid #002F76;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {display: none;}

/*  Interface
----------------------------------------------------*/

#wrap {
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 860px;
	height: 100%;	

		background: transparent url(../elemente/layout/bg-image.gif) no-repeat 10px 5px;	
			background: transparent url(../elemente/layout/bg-image.gif) no-repeat 470px 5px;
			background: transparent url(../elemente/layout/stethoskop.jpg) no-repeat 470px 65px;
}


#header 	{	
	padding: 20px 0 0 0px;
	margin: 0;
	height: 240px;
	background: transparent url(../elemente/layout/bg-headerrrrr.jpg) no-repeat center 205px;
}


#logo 	{
	float: left;
	height: 37px;
	width: 350px;
	padding:0;

	margin: 55px 0 0 480px;	margin: 60px 0 0 35px;
}

#logo a:link, #logo a:visited, #logo a:active {
	background-image: none;
}

#headerimage 	{
	padding: 0; 
	width: 860px;
	height: 200px;
	margin: 8px 0 0 0px;
}

#claim {		 
	margin: 12px 0 0 70px;
	width: 300px;
	background: #fff url(../elemente/layout/claim.gif) no-repeat 6px 0px;
	border:none;
	padding: 42px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:42px; /* for IE5/Win */
}

#main	{
	padding: 0 0 20px 0;
	margin: 0px 0 0px 0px;
	background: url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) repeat-y 50% 0;
}

#home #main	{
	padding: 0 0 20px 0;
	margin: 0px 0 0px 0px;
	background: url(../elemente/layout/bg-dot-subnav-linesenkrechtt.gif) repeat-y 50% 0;
}

#sidebar {
	float: right;
	width: 46%;
	padding: 0;
}

#content	{
	float: left;
	margin: 0;	
	padding: 0;
	width: 46%;padding: 0 35px 0 0;
	background: url(../elemente/layout/bg-dot-subnav-linesenkrecht.giff) repeat-y 100% 0;
}

#news { margin: 20px 0 0 15px;
	width: 240px;
	height: 300px;
	padding: 0;
	background: transparent url(../elemente/layout/news.jpg) no-repeat 0 0;
}

#footer	{
	font-size: 0.95em;
	height: 70px;
	padding: 11px 0 0 12px;
	margin: 30px 0 0 0;
	color: #777;
	border-top: 1px solid #ddd;
	background: transparent url(../elemente/layout/bg-footer.jpg) no-repeat center 0px;
}

#topbar	{	
	display: inline; 
	margin: 0 10px 0 0;
	float:right;
}

#topbar #oben {
	padding: 0 13px 0 2px;
	background: url(../elemente/layout/arrow-up.png) no-repeat 99% 4px;
}

.leftcolumn {
	float:left;
	width: 49%;
	padding:0;
	margin:0;
}

.rightcolumn {
	float:right;
	width: 50%;
		padding:0;
	margin:0;
}

/*  Links 
----------------------------------------------------*/
a:link {color: #6E8C40;color: #9DB3D7;
	text-decoration: none;
	padding: 0 0 0px 0;
	}

a:visited {color: #6E8C40;color: #9DB3D7;
	text-decoration: none;
	padding: 0 0 0px 0;}

a:hover {color: #000;
	text-decoration: none;
	padding: 0 0 0px 0;}

a:active {color: #6E8C40;color: #029ED7;
	text-decoration: none;
	padding: 0 0 0px 0;}


#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #777;
	margin: 0 3px;
	padding: 0;
}

#footer a:hover, #topbar a:hover {
	color: #002F76;
	margin: 0 3px;
	padding: 0;
}

#content p a:link, #content p a:visited, #content a:active,   
#main p a:link, #main p a:visited, #main a:active,
.leistungen	a:link, .leistungen a:visited, .leistungen	a:active {
	border-bottom: 1px solid #9DB3D7;
	color: #002F76; 
	padding: 0;
	margin:0;
}


#content p a:hover, #sidebar p a:hover, #home #main p a:hover, .leistungen	a:hover {
	border-bottom: 0px solid #002F76;
	padding: 0; 	
	margin:0;
	color: #002F76;
}

.arrow a:link, .arrow  a:visited, .arrow  a:active {
	color: #029ED7; color: #6E8C40;color: #ddd;
	padding: 0 0 0 12px;
	margin: -3px 0 0 12px;
	background: url(../elemente/layout/arrow.gif) no-repeat 1px 3px;
	 font-weight: normal;font-weight: bold;
	font-size:11px
}

.arrow a:hover {
	color: #fff; color: #111; color: #fff;
	padding: 0 0 0 12px;
	margin: -3px 0 0 12px;
	background: url(../elemente/layout/arrow.gif) no-repeat 1px 3px;
	font-weight: normal;font-weight: bold;
	font-size:11px;
	border-bottom: 0px solid #fff
}


/*  Headlines
-----------------------------------------------------------------------*/
h1 {
	margin: 0;
	padding: 0 0 0px 0;
	color: #002F76; 
}

h1 {color: #a6bdd4;	color: #002F76; 
	padding: 0;
	margin: 0 0 3px 0;
	font: normal 18px/18px Arial, Helvetica, sans-serif;
}

h2 {color: #a6bdd4;	
	color: #002F76; color: #9db3d7;	
	padding: 0;
	margin: 0 0 3px 0;
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
}

h3 {color: #444; 	
	padding: 0 0 0px 0; 
	margin: 0 0 5px 0;
	font: bold 15px/19px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #dfdfdf;
}

h4 {color: #555;
	margin: 5px 0 1px 0;
	padding: 0 0 3px 0px;
	font: bold 15px/17px Arial, Helvetica, sans-serif;
}

p {font-size: 1.0em; font-size: 1.0em;
	line-height: 1.5em;
	margin: 0 0px 15px 0;
	padding: 0;
}

#footer p {

	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

i {font-style: italic;
	color: #776655;
}

b, strong {	
	font-weight: bold;
	color: #555;
}

#footer strong {	
	font-weight: normal;
}

.colored {
	background-color: #daecf6;
}

.colorbox {	
	border-top: 0px solid #777;
	border-bottom: 0px solid #777;
	margin: 0 0 11px 0px;
	padding: 9px 10px 1px 10px;
	background-color: #F7F7E9;background-color: #F4F4F4;background-color: #EDF3FD;background-color: #EBF4F6;
}

.hinweis{	
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	margin: 0 0 20px 0px;
	padding: 10px 10px 8px 10px;
	background: #f5f5f5 url(../elemente/layout/box.gif) repeat-x 0 0;
}

#pdf { border-top: 0px solid #f3f3f3;
	height: 50px;
	margin: 0 0 5px 0;
	padding: 7px 3px 0 75px;	
	background: transparent url(../elemente/layout/pdf-download.jpg) no-repeat 8px 7px;	
}


.leistungen ul {
	margin: 5px 0 2px 20px;
	padding: 11px 0 2px 0;
}

.leistungen li {
	list-style: none;
	list-style: square;
	background: url(../elemente/layout/bullet-blue.pnggg) no-repeat 0px 0;
	padding: 0px 0 0px 2px;
	margin: 3px 0 0 22px;
	line-height: 1.5em;
	font-size: 1.0em;
 
}

 /*  Formulare
-----------------------------------------------------------------------*/ 
 
fieldset {
	margin: 0;
	padding: 3px;
	 border: 1px solid #ddd;
}  
  
#kontakt .formkontakt{
	width: 100%; 
	height: auto;
	background-color: #f5f5f5;
}

.reihe {
  	clear: both;
  	margin: 0;
  	padding: 0;
}  

.feld {
  	float: left;
  	width: 270px;
  	text-align: left;
  	padding: 4px 0 0 0;
  	line-height: 17px;
} 

.label {
	height: 15px;
	width: 150px;
	margin: 0 0 0 18px;
	padding: 5px 0 0 5px;
	text-align: left;
	float: left;
}

#kontakt #knopf{
  	padding: 10px 0 25px 175px; 
	margin: 0;
}

.defbreite, .defbreite2 {
  	width: 250px;
	border: 1px solid #999;
	color: #222;
	height:19px
}

.defbreite2 {
	height:80px
}

.defbreiteplz {
  	width: 42px;	
	height:19px;
	border: 1px solid #999;
	color: #222;
}

.defbreiteort {
  	width: 201px;	
	height:19px;
	border: 1px solid #999;
	color: #222;
}
.pflicht {
	color: #F66013; color: #E2000C
}

.pflichtmargin {
	padding: 13px 0 0 0;
	margin: 0 25px 13px 23px;
	display:block
}


#home .borderbox {
	border: 1px solid #000;
	padding: 2px;
	display:block;
}

#home #box1 p, #home #box2 p, #home #box3 p, #home #box4 p {
	color: #444;color: #ddd;
	font-size: 11px;
	margin: 0px 10px 7px 12px;
	line-height: 1.3em;
	font-family: Tahoma, Verdana;
}

#home #box2 p, #home #box3 p, #home #box4 p {
	color: #444;color: #fafafa;
}

#home #box1 strong, #home #box2 strong, #home #box3 strong, #home #box4 strong {
	color: #555;color: #f1f1f1;
}

#home #box1 h3, #home #box2 h3, #home #box3 h3, #home #box4 h3 {
	color: #002F76;color: #eee;
	font-size: 13px;
	margin: 10px 10px 4px 12px;
	line-height: 1.4em;
	font-family: Tahoma, Verdana;
	border-bottom:none;
}

#home #box2 h3, #home #box3 h3, #home #box4 h3 {
	color: #f3f3f3; color: #002F76;color: #eee;
}

#home #boxborder1, #home #boxborder2, #home #boxborder3, #home #boxborder4{	
	float: left ;
	padding: 2px;
	border: 1px solid #eaeaea;
	background-color: #FFF;
	margin: 0 22px 0 0;
}

#home #boxborder4{	
	margin: 0;
}

#home #box1{		
	padding: 2px;	
	width: 188px;
	height: 170px;
	background: #0039c7 url(../elemente/layout/bg-box1.jpg) repeat-x 0px 0;
	background: #002F76 url(../elemente/layout/bg-box-greyyy.jpg) repeat-x 0px 0;
}

#home #box2{	
	padding: 2px;	
	width: 188px;
	height: 170px;
	background: transparent url(../elemente/layout/bg-box2.jpg) repeat-x 0px 0;
	background: #004EC2 url(../elemente/layout/bg-box-grey.jpgg) repeat-x 0px 0;
}

#home #box3{		
	padding: 2px;	
	width: 188px;
	height: 170px;
	background: transparent url(../elemente/layout/bg-box3.jpg) repeat-x 0px 0;
	background: #756D00 url(../elemente/layout/bg-box-grey.jpgg) repeat-x 0px 0;
	background: #9db3d7 url(../elemente/layout/bg-box-grey.jpgg) repeat-x 0px 0;
}

#home #box4{		
	padding: 2px;	
	width: 188px;
	height: 170px;
	background: transparent url(../elemente/layout/bg-box4.jpg) repeat-x 0px 0;
	background: #002F76 url(../elemente/layout/bg-box-greya.jpg) repeat-x 0px 0;
		color: #333;
}


#home #homeline{
		border-top: 1px solid #eee;
		height: 30px;
		margin: 30px 0 0 0;
}

#home h4{
	font-family: Tahoma;
	font-size: 12px;
	margin: 0 0 7px 0;
	color: #222;
	font-weight:normal;
}


#home #homenews{		
	float: left ;
	padding: 2px;
	border-right: 1px solid #eee;
	margin: 0 0 0 10px;
	width: 195px;
	height:170px;
	font-size: 11px;
	color: #555;
	line-height: 1.3em;
}

#home #homekontakt{		
	float: left ;
	padding: 2px;
	border-right: 1px solid #eee;
	margin: 0 0 0 20px;
	width: 197px;
		height:170px;
	font-size: 11px;
	color: #555;
}

#homenews p, #homekontakt p, #homepraxis p {	
line-height: 1.3em; font-family: Tahoma; margin: 0 10px 10px 0}

#home #homepraxis{		
	float: left ;
	padding: 2px;
	margin: 0 0 0 20px;
	width: 390px;
		height:170px;
	font-size: 11px;
	color: #555;		
}

/*  Bilder
-----------------------------------------------------------------------*/ 
.img-border {
	border: 1px solid #eaeaea;
	padding:4px;
	margin:0;
	background-color: #F5F5F5;	
}

.rightalign {
	float: right;
	margin: 0 0 0 6px;
	line-height:0;
}

.rightalign2 {
	float: right;
	margin: 0 0 0 0px;
	line-height:0;
}

.leftalign {
	float: left;
	margin: 3px 15px 2px 0px;
	line-height:0;
}

.centeralign {
	float: left;
	margin: 3px 0px 12px 0px;
	line-height:0;
}


/*  Navigation 
----------------------------------------------------*/
#navigation {
	float:left;
	width: 860px; 
	height: 33px;
	margin: 0px 0px 0 0px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	margin: 0px 0px 0 65px;
}

*html #navigation ul { margin: 0px 0px 0 35px;} /* nur fuer IE 5.5 - 6.x */
html + body #navigation ul { margin: 0px 0px 0 35px; } /* nur vom IE 5.0 */
	
#navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#navigation ul li a {	
	font: normal 11px/16px  Arial, Verdana, Verdana, serif;
	float: left;
	margin: 0 16px;
	padding: 10px 7px;
	color: #000;
	border-bottom: 0px solid #EbEbEb;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.03em;

}

#navigation ul li a:hover {
	border-bottom: 0px solid #A6BDD4;
	color: #029ED7;
	background: url(../elemente/layout/nav-arrow.gif) no-repeat center 2px;
}

 /*  Status der Navigation
-----------------------------------------------------------------------*/ 

body#home #hn1,
body#patienten #hn2,
body#aerzte #hn3,
body#schmerztherapie #hn4,
body#team #hn5,
body#kooperationen #hn6,
body#kontakt #hn7

{	color: #029ED7;
	padding: 10px 7px;
	background: url(../elemente/layout/nav-arrow.gif) no-repeat center 2px;
}


/*  Headlines durch SIFR ersetzen...nicht modifizieren*/
---------------------------------------------------

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* ersetzte Headlines 
---------------------------------------------------*/

#claim h2 {	
  color: #777;
  margin: 0 0 2px 0px;
  padding: 0;
  font: normal 20px/26px Arial, Helvetica, sans-serif;
}

.sIFR-hasFlash #claim h2{
	visibility: hidden;
  color: #777;
  margin: 0px 0 0px 0px;
  padding: 0px 0 0 0;
  width: 350px;
  font: normal 22px/27px Arial, Helvetica, sans-serif;
}

#main h6{	
  color: #002F76; 
  margin: 0;  
  font: normal 22px/22px Arial, Helvetica, sans-serif;
}

.sIFR-hasFlash #main h6{
	visibility: hidden;
  color: #002F76; 
  margin: 0px 0 12px 0px;
  padding: 0;
  font-size: 22px;
  line-height: 29px;
  height: 27px;
  letter-spacing: 0.2em
}

h6 {	
  color: #666;
  margin: 0;  
  padding: 0;
  font: normal 13px/14px Arial, Helvetica, sans-serif;
}

.sIFR-hasFlash h6{
	visibility: hidden;
  color: #666;
  margin: 0px 0 0px 20px;
  padding: 45px 0 0 20px;
  height:80px;
  width: 130px;
   font: normal 13px/12px Arial, Helvetica, sans-serif;
}