body {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#666;font-style: normal; 
	font-size:0.7em; 
	margin:0;
	padding:0px;
	background: #fff url(images/bg-body.gif) left top repeat-x;
	}
p { line-height:1.5em;}


h1 { font-size:1.9em; color:#369; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}
h2 { font-size:1.3em; color:#369; padding:2px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}
h3 { font-size:1.2em; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}


hr {height: 1px;border: 0 none; border-top: 1px dotted #999; margin-top:10px;}

a, a:active, a:visited, a:hover  {
	color:#369; 
	text-decoration:none;
	outline:none;	
	}
blockquote { line-height:1.5em; margin-left:25px;}

.servicemenue { width:950px; margin:auto;  height:20px;padding-top:10px; margin-top:0px;}
.servicemenue ul {padding: 0;list-style-type: none; margin:0px 0px 0px 700px;}
.servicemenue ul li { 
display: inline;
text-decoration: none;
padding: 0 10px 0 10px;
text-align: center;}

.servicemenue ul li a { text-decoration: none; color:#666;}
.servicemenue ul li a:hover {text-decoration: none;}

.menue {padding:0px 0px 0px 0px; height:38px; width:100%;background: transparent url(images/bg-menue.gif) left top repeat-x;	 }
.menue ul { list-style:none; width:950px; margin:auto;}
.menue li { color: #fff; float:left;}
.menue li a, .menue li a:active, .menue li a:hover, .menue li a:visited { display:block; float:left; height:30px; line-height:29px; color:#fff; text-decoration:none;text-align:center; padding:0px 40px 0px 0px;}
.menue li a.active { font-style:italic; color:#fff; font-weight:bold;}

.container-content { width:950px; margin:auto; background-color:#fff;}

.story-left {
	width:635px;	
	font-size:1.1em;
	padding:30px 30px 0px 30px;	
	float:left;	
	font-size:1em;
	}
.story-right { 
	width:250px; 
	border-bottom:1px dotted #2b81a6;
	background-color:#f2f2f2;
	padding:20px 0px 5px 0px;	
	float:right;
	font-size:1em;	
	}
	
.story-right h2 { background-color:#799abb; color:white; padding:2px 0px 2px 5px; margin:0px; border-bottom:1px solid #fff;}
	
.story {
	width:900px;		
	font-size:1.1em;
	padding:35px 20px 20px 30px;
	background-color:#fff;	
	font-size:1em;
	float:left;	
	}

ul.liste { list-style:none; margin-left:-20px; font-family:Helvetica,Arial, sans-serif;}
*html ul.liste { margin-left:5px;}
*+html ul.liste { margin-left:5px;}

ul.liste li {
margin-left:0px;
background: transparent url(images/bullet.gif) 0px 4px no-repeat;
padding-left: 15px;
text-align: left;
line-height:1.5em;
}


.box-container { width:620px;}
.box-1 { width:290px; margin-right:40px; float:left;}
.box-2 { width:290px; float:left;}

.intern { padding-left:20px;background: transparent url(images/bullet.gif) left center no-repeat;}
a.extern, a.extern:visited, a.extern:hover { padding-left:20px;background: transparent url(images/extern.png) left center no-repeat;}

a.open, a.open:visited, a.open:hover { padding-left:20px;background: transparent url(images/open.png) left center no-repeat;}

.doppelpfeil {padding-left:20px;background: transparent url(images/arrows.png) left center no-repeat;}

.reference {margin:20px 0px 0px 0px; border:1px dotted #2b81a6; padding:0px 10px 10px 10px; background-color:#f2f2f2; float:left;}

img.right { float:right; margin-left:20px; margin-bottom:15px; }
img.left { float: left; margin-right: 20px; margin-bottom: 15px; }

.footer { clear:both; text-align:center; background-color:#799abb; color:#fff; border-top:2px solid #369; height:20px; padding-top:2px;}

.footer a { color:#fff; text-decoration:underline;}


/*************************** Mitglieder toggle Listen ************************************/
.listitem {
line-height:6pt;
margin-bottom:10pt;
margin-top:0;
position:relative;
top:4pt;
width:100%;
background: #f4f4f4 url(images/close.png) right 3px no-repeat;
padding:5px 0px 5px 0px;
}
.listitem a {
border:0 none;
display:block;
height:11px;
}
.listitemcontent {
line-height:16pt;
margin:0;
padding-bottom:10pt;
padding-left:20px;
padding-top:5pt;
}
.listitemcontent a {
display:inline;
height:auto;
}
.projectthumbnails {
float:left;
margin-top:12pt;
padding-bottom:16pt;
width:175px;
}
.projectthumbnails a {
border:0 none;
float:left;
height:50px;
margin-bottom:5px;
margin-right:5px;
width:50px;
}
.projectfeatures {
margin-left:160px;
}
.tooltip span
{
	display:none;
}
.tooltip:hover span
{
	display:inline; 
	position:absolute;
	background:white;
	border:1px solid silver; 
	color:gray;
}
 
.listitem .google-maps { float:right;}
/************************* slideshow *********************************************/

.slides-container { width:100%; height:181px; margin:auto;	background-color:#fff;	border-top:5px solid #369; margin-top:20px;	}

.slides { width:950px; background: transparent url(images/logo-2.gif) left top no-repeat; margin:auto; height:180px;}

  #slideshow {
    margin:0px;;
    width: 590px;
    height: 180px;
	float:right;
  }


/*************************** Aerztekarte************************************/

#imap {display:block; width:560px; height:830px; background:url(images/map.gif) no-repeat; position:relative; margin:10px 0 10px 5px;}

#imap a#karte {
	display:block;
	width:560px;
	height:830px;
	padding-top:210px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent url(map-row.gif) no-repeat 300px 210px;
	cursor:default;
}
* html #imap a#karte {height:780px; he\ight:0;}

#imap a#karte:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}

#imap #link_pferdemarkt4 {left:238px; top:220px; z-index:20;}
#imap #link_aerztehaus {left:180px;	top:200px;	z-index:20;}
#imap #link_hemphoefen17a {left:345px; top:80px; z-index:20;}
#imap #link_hemphoefen26 {left:355px; top:100px; z-index:20;}
#imap #link_verdener_5 {left:170px; top:358px; z-index:20;}
#imap #link_bahnhofstrasse2 {left:215px; top:188px; z-index:20;}
#imap #link_verdener_200 {left:1px; top:395px; z-index:20;}
#imap #link_harms {left:335px; top:425px; z-index:20;}
#imap #link_grosse_str_56_58 {left:345px; top:150px; z-index:20;}
#imap #link_neuer_markt_12 {left:370px; top:153px; z-index:20;}
#imap #link_grosse_str_49 {left:313px; top:140px; z-index:20;}
#imap #link_grosse_str_38 {left:325px; top:165px; z-index:20;}
#imap #link_noedenstr {left:255px; top:110px; z-index:20;}
#imap #link_diakonie {left:405px; top:292px; z-index:20;}
#imap #link_grosse_gartenstr {left:395px; top:125px; z-index:20;}
#imap #link_grosse_str_4 {left:240px; top:192px; z-index:20;}
#imap #link_burgtor {left:207px; top:205px; z-index:20;}
#imap #link_burgstrasse {left:200px; top:230px; z-index:20;}
#imap #link_oyten {left:20px; top:680px; z-index:20;}
#imap #link_vissel {left:465px; top:784px; z-index:20;}
#imap #link_lauenbrueck {left:440px; top:505px; z-index:20;}
#imap #link_scheessel_meyerhof {left:360px; top:545px; z-index:20;}
#imap #link_scheessel_harburger {left:390px; top:545px; z-index:20;}

#imap #link_hemsbuende {left:365px; top:655px; z-index:20;}
#imap #link_bothel {left:375px; top:675px; z-index:20;}
#imap #link_brockel {left:400px; top:635px; z-index:20;}

#imap #link_fischerhude {left:40px; top:615px; z-index:20;}
#imap #link_kirchwalsede {left:310px; top:740px; z-index:20;}
#imap #link_harburger {left:453px; top:75px; z-index:20;}

#imap a#link_aerztehaus, #imap a#link_pferdemarkt4, #imap a#link_hemphoefen17a, #imap a#link_hemphoefen26, #imap a#link_verdener_5, #imap a#link_bahnhofstrasse2, #imap a#link_verdener_200, #imap a#link_harms, 
#imap a#link_grosse_str_56_58, #imap a#link_neuer_markt_12, #imap a#link_grosse_str_49, #imap a#link_grosse_str_38, #imap a#link_noedenstr, #imap a#link_diakonie, #imap a#link_grosse_gartenstr, 
#imap a#link_grosse_str_4, #imap a#link_burgtor, #imap a#link_burgstrasse, #imap a#link_oyten, #imap a#link_vissel, #imap a#link_lauenbrueck, #imap a#link_scheessel_meyerhof, #imap a#link_scheessel_harburger, 
#imap a#link_kirchwalsede, #imap a#link_hemsbuende, #imap a#link_bothel, #imap a#link_brockel, #imap a#link_fischerhude, #imap #link_harburger
	{display:block; width:25px; height:25px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a:hover {border:1px solid #369;}

#imap a:hover span {position:absolute; display:block; width:180px; height:150px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; border:1px dotted #369;}

#imap a#link_aerztehaus:hover span {position:absolute; display:block; width:350px; height:730px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:100px; top:-190px;}
#imap a#link_pferdemarkt4:hover span {position:absolute; display:block; width:350px; height:250px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:100px; top:-200px;}
#imap a#link_hemphoefen17a:hover span {position:absolute; display:block; width:300px; height:130px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-70px;}
#imap a#link_hemphoefen26:hover span {position:absolute; display:block; width:300px; height:130px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-60px;}
#imap a#link_verdener_5:hover span {position:absolute; display:block; width:300px; height:130px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-60px;}
#imap a#link_bahnhofstrasse2:hover span {position:absolute; display:block; width:300px; height:250px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-60px;}
#imap a#link_grosse_gartenstr:hover span {position:absolute; display:block; width:350px; height:200px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-60px;}
#imap a#link_lauenbrueck:hover span {position:absolute; display:block; width:350px; height:140px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-290px; top:-160px;}
#imap a#link_scheessel_meyerhof:hover span {position:absolute; display:block; width:300px; height:160px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-10px; top:-180px;}
#imap a#link_scheessel_harburger:hover span {position:absolute; display:block; width:300px; height:200px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-80px;}
#imap a#link_vissel:hover span {position:absolute; display:block; width:200px; height:100px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-230px; top:-70px;}
#imap a#link_oyten:hover span {position:absolute; display:block; width:200px; height:100px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-70px;}

#imap a#link_hemsbuende:hover span {position:absolute; display:block; width:200px; height:80px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-70px;}
#imap a#link_bothel:hover span {position:absolute; display:block; width:300px; height:150px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-70px;}
#imap a#link_brockel:hover span {position:absolute; display:block; width:300px; height:150px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-70px;}

#imap a#link_fischerhude:hover span {position:absolute; display:block; width:200px; height:150px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-70px;}
#imap a#link_kirchwalsede:hover span {position:absolute; display:block; width:180px; height:110px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-70px;}

#imap a#link_burgstrasse:hover span,  #imap a#link_diakonie:hover span, #imap a#link_grosse_str_56_58:hover span
 {position:absolute; display:block; width:250px; height:230px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-200px;}

#imap a#link_verdener_200:hover span, #imap a#link_harms:hover span, #imap a#link_zehr:hover span, #imap a#link_neuer_markt_12:hover span, #imap a#link_grosse_str_49:hover span, 
#imap a#link_grosse_str_38:hover span, #imap a#link_noedenstr:hover span, #imap a#link_grosse_str_4:hover span, #imap a#link_burgtor:hover span, #imap a#link_harburger:hover span
	{position:absolute; display:block; width:250px; height:110px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-60px;}