@charset "utf-8";
body  {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	background: #4a7095 url(bg-body.jpg) repeat-x;
	/*background: #4e0202 url(bg-body-red.jpg) repeat-x*/
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #8B8B8B;
}
img { border: 0;
}
 #container { 
	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #fff;
	/*background-position: 0 200px;*/
	margin:  20px auto; /*  auto
	Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	/*border-right: 3px outset #AEAEAE;
	border-bottom: 2px ridge #000000;
	border-left: 1px inset #F8F8F8;*/
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 
* html #container {

   width:820px; /* IE5.x */
   w\idth: 740px; /* IE 6 */

}

 #header { 
	background: #fff;
	height: 220px;
	
	/*padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
} 
 #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
  }
#navigation { 
   background: #fff; /*url(rahmen_navi.jpg) bottom no-repeat*/
   height: 60px;
  }
 #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 200px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #fff;  /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0 0 15px 30px;
	margin: 0;
}
* html #sidebar1 {

   width:230px; /* IE5.x */
   w\idth: 200px; /* IE 6 */

}
#sidebar1 p {
  font-size: 0.8em;
 /* color: #b0b0b0;*/
  color: #8b8b8b;
  line-height: 1.2em;
}
#sidebar1 span.anwalt {
  color: #a52f33;
  /*font-weight: bold;*/
}
.anwalt img {
padding: 20px 0;	
}
#sidebar1 span.koop {
  color: #a52f33;
  font-weight: normal;
}
a.koop {
	font-weight: normal;
	font-size: 1em;
}
#sidebar1 ul.mainMain {
	list-style-type: none;
	padding: 0 0 10px 0 ;
	margin: 0;
	border: 0;
	}
#sidebar1 ul.mainMain li, #sidebar1 ul.mainMain li a{
	font: 14px Arial;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	background: #fff;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#sidebar1 ul.mainMain li a:link, #sidebar1 ul.mainMain li a:visited {
   color: #95a8b7; 
   text-decoration: none;
 }
#sidebar1 ul.mainMain li a:focus, #sidebar1 ul.mainMain li a:hover, #sidebar1 ul.mainMain li a:active { 
   color: #a52f33;
   background: #fff;
   outline: none;
}
#sidebar1 ul.mainMain li a.selected {
	color: #a52f33;
	background: #fff;
	border-top: 2px solid #95a8b7;
	border-bottom: 2px solid #95a8b7;
}

#sidebar1 ul.main {
	list-style-type: none;
	margin: 0;
	padding: 2px 0 2px 2px;
	/*border: 1px solid lime;*/
}

/*#sidebar1 ul.main li {
    font: 14px Arial;
	font-weight: bold;
	padding: 6px 0;
	}*/
#sidebar1 ul.main li {
	/*display: block;*/
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color: #95a8b7;
	background: #fff;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 12px;
}
#sidebar1 ul.main li a {
	font: 12px Arial;
	font-weight: bold;
	padding: 0 0 0 10px;
	color: #95a8b7;
	text-decoration: none
}
#sidebar1 ul.main li a:link, #sidebar1 ul.mainli a:visited {
   color: #95a8b7; 
   text-decoration: none;
 }
#sidebar1 ul.main li a:focus, #sidebar1 ul.main li a:hover, #sidebar1 ul.main li a:active { 
   color: #a52f33;
   background: #fff;
   outline: none;
}


#sidebar1 ul.main li a.selected {
	font-weight: bold;
	padding-left: 12px;
	color: #a52f33;
	border: 0;
	/*border-top: 2px solid #95a8b7;
	border-bottom: 2px solid #95a8b7;*/
	}
#sidebar1 ul.main li a.selected:hover {
	color: #a52f33;
}
#sidebar1 ul.sub {
	list-style-type: none;
	margin: 0;
	padding: 2px 0 2px 2px;
	/*border: 1px solid orange;*/
}
#sidebar1 ul.sub li{
	font-weight: normal;
	font-size:12px;
	background: #fff; 
	color: #a52f33;
	padding: 3px 0 3px 16px;
}

#sidebar1 ul.sub li a:link, #sidebar1 ul.sub li a:visited { 
   color: #a52f33; 
   font-weight: normal;
}

#sidebar1 ul.sub li a:focus, #sidebar1 ul.sub li a:hover, #sidebar1 ul.sub li a:active { 
   /*color: #95a8b7;
   background: #fff;*/
   outline: none;
}
/* end Navigation in der Sidebar*/


 #mainContent { 
	margin: 0 6px 0 250px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0 20px;  /*padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #fff;
	font-size: 13px;
	} 

 #footer { 
	padding: 0 10px 0 30px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#fff;
	font-size: 11px;
	text-align: right;
} 
 #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 0 20px 30px 0; /*Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
#footer a {
    font-weight: normal;
	font-size: 11px;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
	margin-left: 30px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* allgemein*/
a { 
    text-decoration: none;
    font-weight: bold;
	font-size:12px;
}

a:link, a:visited    { color: #a52f33; /*#4a7095*/

}
a:focus, a:hover, a:active { color: #BD1823;
outline: none;
}


#header h1 
   {font-size: 36px;
   line-height: 20px;
   font-family: Avenir;
   color: #cc3300;
   }
#header h2 {
	font-size: 18px;
	line-height: 20px;
	font-family: Avenir;
	color: #cc3300;
}
/* Menue */

.menue {
  width: 750px;
  padding-left: 30px;
 }

.menue ul {
  list-style: none;
  padding: 0;
  margin: 0 ;
}

/* HINWEIS: Der IE braucht eine margin nach links von 0, damit das 
Menue ganz linksbuendig dargestellt wird! Mozilla dagegen braucht
ein padding-left von 0. */


.menue li {
  display: inline;
  /*font-size: 80%;
  font-weight: bold;*/
  margin-right: 5px;
  
}
.menue li.right {
	padding-left: 202px;	
}


#mainContent h1 {
	font-size: 130%;
	color: #a52f33;
}
#mainContent h2 {
    font-size: 85%;
	color: #8b8b8b;
	font-weight: normal;
	margin: 0 0 24px 0;
	/*text-align: center;*/
}

#mainContent p {
	font-size: 90%;
  line-height: 145%;
  text-align: justify;
}

	
#bild {
	margin: 0px;
	padding: 0px;
	float: right;
	border: 0;
}


/*sidebar-menue-test*/
#sidebar {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 200px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #fff;  /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0 0 15px 30px;
}
/* main */
#navMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#navMenu {
width: 180px;
}
#navMenu li a{
color: #000;
}

/* menu */
#navMenu li a:link, #navMenu li a:visited {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 10px;
font-weight: bold;
color: #000;
height: 12px;
/*display: block;
background: url(bckMenu.gif);*/
padding: 5px 0 0px 0px;
}
#navMenu li a:hover {
color: #a52f33;
/*background: url(bckMenu.gif) 0 -23px;*/
padding: 5px 0 0px 0px;
}

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited {
font-weight: normal;
/*background: url(bckSubMenu.gif);*/
padding: 2px 0 3px 6px;
}
#navMenu li li a:hover {
/*background: url(bckSubMenu.gif) 0 -17px;*/
padding: 2px 0 3px 6px;
}

/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {
/*background: url(bckSubSubMenu.gif);*/
padding: 0 0 1px 8px;
}
#navMenu li li li a:hover {
/*background: url(bckSubSubMenu.gif) 0 -13px;*/
padding: 0 0 1px 8px;
}
ul.linklist {
list-style-type:none;
margin: 0;
padding: 0;

}
ul.linklist li {
padding: 5px 0;	
}

