* {
margin: 0; 
padding: 0;
}




#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 550px;
	margin-left: -400px;
	margin-top: -275px;
	text-align: left;
	background: url('../bilder/hintergrund_lang.gif') no-repeat;
}

body {
font: 110% Verdana, Arial, Helvetica, sans-serif;
color: #2c2829;
background: #f1f1f1;
text-align: left;
}

#header #nav ul li a:link, #header #nav ul li a:visited {
	float: left;
display: inline;
color: #2c2829;
text-decoration: none;
background: url('../bilder/punkt_grau.gif') no-repeat bottom left;	
margin-right: 15px;
padding-bottom: 10px

}

#header #nav ul li a:hover{
	display: inline;
	float: left;
	color: #931810;
	text-decoration: none;
	background: url('../bilder/punkt_rot.gif') no-repeat bottom left;	
	padding-bottom: 10px
	
}

#header #nav ul li a:active {
	float: left;
display: inline;
color: #2c2829;
text-decoration: none;
background: url('../bilder/punkt_grau.gif') no-repeat bottom left;	
margin-right: 15px;
padding-bottom: 10px

}

#A, #Aplus, #Amittel{
	width: 28px;
	height: 20px;	
	position:absolute;
	z-index:15;
	background: transparent;

}
#Aplus {
	margin: 433px 0 0 745px;
}
#A {margin: 433px 0 0 710px;}

#Amittel {
	margin: 433px 0 0 725px;
}
#A a, #Amittel a, #Aplus a {text-decoration:none;
                color: #fff; font-size: 0.6em;}




a img {
border: 0px none;
}
h1, h2, h3 {
font-family: Verdana, Arial, Helvetica;

background: transparent;
}
h1 {
font-size: 0.75em;
margin-bottom: 10px;


}
h2 {
font-size: 0.75em;
margin-bottom: 10px;
margin-top: 15px;
color: #931810;
font-weight: normal;
}

h2.spalt {margin-bottom: 3px;}

p, li {
font-size: 0.70em;
font-weight: normal;

}
li {
	display: inline;
}

p {
line-height: 120%;
margin: 0 0 8px 0;


}

ul {
list-style-type: none;
}

strong {
color: #931810;
font-weight: normal;
}

p.kursiv{

font-style: italic;
}

#portrait {
	position:absolute;
	width: 194px;
	height: 80px;
	background: url('../bilder/carstensen.jpg') no-repeat;
	margin-left:99px; margin-right:0; margin-top:45px; margin-bottom:0	
}
#logo {
	position: absolute;
	width: 232px;
	height: 71px;
	margin: 20px 0 0 540px;
	
}
#nav {
	position: absolute;
	margin: 128px 0 0 150px;
	width: 500px;
	height: 20px;

}
#foto {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/buch_brille.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_sudowe {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/sudowe_hoch.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_carstensen {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/carstensen_hoch.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_familie {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/familie.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_friedhof {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/friedhof.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_telefon {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/telefon.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_akten {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/akten.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_geld {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/geld.gif') no-repeat;
	margin: 247px 0 0 60px;
}
#foto_autos {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/autos.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_karte {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/carstensen-anfahrtsskizze-klein.jpg') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_willkommen {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/willkommen.gif') no-repeat;
	margin: 247px 0 0 60px;
}

#foto_tastatur {
	position: absolute;
	width: 154px;
	height: 210px;
	background: url('../bilder/tastatur_akte.gif') no-repeat;
	margin: 247px 0 0 60px;
}



#zitat {
	   position:absolute;
       width: 206px;
	   height: 46px;
	   font-size: 0.65em;
	   margin: 457px 0 0 0px;
	   color: #949494;
	   background-color: #f1f1f1;
	   padding-left:8px;
	   padding-top:5px;
	   
	   } 

#zitat a:link {color: #949494; text-decoration: underline;}
#zitat a:visited {color: #949494; text-decoration: underline;}
#zitat a:hover {color: #931810; text-decoration: underline;}
#zitat a:active {color: #931810; text-decoration: underline;}


#footer {
	position: absolute;
	width: 500px;
	height: 50px;
	margin: 457px 0 0 245px;
}


#footer ul li a:link, #footer ul li a:visited {
	float: left;
display: inline;
color: #2c2829;
text-decoration: none;
background: url('../bilder/punkt_grau.gif') no-repeat top left;	
margin-right: 15px;
padding-top: 10px

}


#footer ul li a:hover{
	display: inline;
	float: left;
	color: #931810;
	text-decoration: none;
	background: url('../bilder/punkt_rot.gif') no-repeat top left;	
	padding-top: 10px
	
}

#footer ul li a:active {
	float: left;
display: inline;

text-decoration: none;
background: url('../bilder/punkt_grau.gif') no-repeat top left;	
margin-right: 15px;
padding-top: 10px

}
#pfeile, #pfeile_nicht {
	position:absolute;
	width: 14px;
	height: 40px;
	margin: 360px 0 0 660px;
}
 
#pfeile_nie {

    display: none;
	width: 14px;
	height: 40px;
	position: absolute;
	margin: 135px 0 0 660px;
}


/* Klassen */

#header #nav ul li a.farbe
 {
	display: inline;
	float: left;
	color: #931810 !important;
	text-decoration: none;
	background: url('../bilder/punkt_rot.gif') no-repeat bottom left !important;	
	padding-bottom: 10px
}
.menu ul li.farbe, .menu ul li ul li a.farbe
 {
	display: inline;
	float: left;
	color: #931810 !important;
	text-decoration: none;
	background: url('../bilder/punkt_rot.gif') no-repeat bottom left !important;	

}

#footer ul li a.dort
 {
	display: inline;
	float: left;
	color: #931810;
	text-decoration: none;
	background: url('../bilder/punkt_rot.gif') no-repeat top left;	
	padding-top: 10px
}

#content p h1, #content p.abstand_gross {margin-bottom: 20px;}
#content p h2, #content p.abstand_klein {margin-bottom: 8px;}
#content p.abstand {margin-bottom: 10px;}
#content p a, #content h2 a {color: #2c2829; text-decoration: underline;}
#content p a:hover, #content h2 a:hover {color: #931810; text-decoration: underline;}
#content ul {padding-bottom: 15px;}	
#content ul li {display:block; }


/* Inhalt */
#inhalt_frame 
{	
	width: 350px;
	height: 175px;	
	margin: 223px 0 30px 280px;
	overflow: hidden;

}
div#scrollObject { 
  position: absolute; 
  overflow: hidden;
  width: 350px;
	height: 175px;	
  margin: 223px 0 30px 280px;
}

div#content {
  position:absolute;
  top:0;
  left:0;
}



/* menue */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {width:500px; height: 20px; position:absolute; margin:128px 0 0 150px; z-index:100; font-size: 1em;}

.menu ul li a, .menu ul li a:visited {display:inline; text-decoration:none; 
color:#2c2829; height: 20px; text-align:left; color:#2c2829; overflow:hidden;
background: url('../bilder/punkt_grau.gif') no-repeat bottom left; margin-right: 15px;
padding-bottom: 3px; float: left; font-size: 1em;}

.menu ul li a.hide_farbe {display: inline;
	float: left;
	color: #931810 !important;
	text-decoration: none;
	background: url('../bilder/punkt_rot.gif') no-repeat bottom left !important;
	}


.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; margin-right:1px; position:relative;}

.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li.kanzlei:hover a {color: #931810; background: #d9d9d9 url('../bilder/punkt_rot.gif') no-repeat bottom left;}
.menu ul li.beratung:hover a {color: #931810; background: #d9d9d9 url('../bilder/punkt_rot.gif') no-repeat bottom left;}
.menu ul li.anwaelte:hover a {color: #931810; background: #d9d9d9 url('../bilder/punkt_rot.gif') no-repeat bottom left; display: block;}
.menu ul li.leistungen:hover a {color: #931810; background: #d9d9d9 url('../bilder/punkt_rot.gif') no-repeat bottom left; display: block;}
.menu ul li.leistungen:hover ul li a {color: #2c2829; background: #d9d9d9 url('../bilder/punkt_grau.gif') no-repeat bottom left;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px; margin-top: 2px;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#2c2829; width: 12em; 
background: #d9d9d9 url('../bilder/punkt_grau.gif') no-repeat bottom left; font-size: 1.3em;}
.menu ul li:hover ul li a.menu_breite {display:block; color:#2c2829; width: 10.3em; 
background: #d9d9d9 url('../bilder/punkt_grau.gif') no-repeat bottom left;}
.menu ul li:hover ul li a:hover {background: #c5c5c5 url('../bilder/punkt_rot.gif') no-repeat bottom left;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.webdesign_berlin {
	display: none;
}