@charset "utf-8";
/* CSS Document */

body {
    	font: 100% Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    	background: #666666;
		background: #9f5155;
		background-image:url(pic/praxis-hirsch.jpg);
		background-repeat: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: #FFFFFF;
}
.oneColFixCtr #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: #8c7a6e;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.oneColFixCtr #mainContent {
    	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
.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;
}
/* allgemeine Links*/

a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#8c7a6e; 
}    
a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#8c7a6e;
} 
a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#db002e;
}   
a:active {
	text-decoration:none;
	color:#8c7a6e;
}
/* Links in Hauptnavigation */
.AccordionPanel a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#FFFFFF;
}    
.AccordionPanel a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#FFFFFF;
} 
.AccordionPanel a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#FFFFFF;
}   
.AccordionPanel a:active {
	text-decoration:none;
	color:#FFFFFF;
}

/* Links in Adresse */
.hellgrau a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#d0b5a3;
}    
.hellgrau a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#d0b5a3;
} 
.hellgrau a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#d0b5a3;
}   
.hellgrau a:active {
	text-decoration:none;
	color:#d0b5a3;
}

/* Links weiss */
.white a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#FFFFFF;
}    
.white a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#FFFFFF;
} 
.white a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#FFFFFF;
}   
.white a:active {
	text-decoration:none;
	color:#FFFFFF;
}


/* Links weiss */
.lwhite:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#FFFFFF;
	font-size:9px;
}    
.lwhite:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#FFFFFF;
} 
.lwhite:hover { /* Verweise bei "MouseOver" */
	text-decoration:overline;
	color:#FFFFFF;
}   
.lwhite:active {
	text-decoration:none;
	color:#FFFFFF;
}

h1 {
	font-size: 18px;
	line-height:21px;
	letter-spacing:0.01in;
	margin: 0px 0px 6px 0px;
}
h2 {
	font-size: 16px;
	line-height:17px;
	letter-spacing:0.01in;
	margin: 4px 0px 4px 0px;
}
h3 {
	font-size: 14px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
}


ul {
	margin: 6px 0px 10px 0px;
	text-indent:3px;
	line-height:18px;
}
li {
	margin: 0px 0px 0px 20px;
}
p {
	margin: 15px 0px 10px 0px;
}

#header {
	background:#FFFFFF;
	height:139px;
}
#logo {
	position:relative;
	float:left;
	top:10px;
	left:53px;
	width:290px;
	height:122px;
}
#subnav {
	position:relative;
	float:right;
	top:10px;
	right:23px;
	text-align:right;
}
#message {
	position:relative;
	top:38px;
	width:230px;
}
#container-mainnav {
	margin: 0px 0px 0px 0px;
	background-color:#8c7a6e;
}
#adresse {
	background-image:url(pic/massagepraxis-kaiserslautern.gif);
	background-repeat:repeat-y;
	height:290px;
	width:288px;
	padding: 0px 0px 0px 53px;
}
#spacer-adresse {
	background-image:url(pic/praxis--kaiserslautern.gif);
	background-repeat:repeat-x;
	height:17px;
	width:341px;
}
#mainnav {
	float: right;
	width:421px;
	position:relative;
	top:0px; /* wert war vorher auf -61*/
	left:0px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#left {
	float:left;
}
#right {
	float: right;
	background-image:url(pic/osteopathie-kaiserslautern.gif);
	background-repeat:no-repeat;
	height:300px;
	width:439px;
	background-position: 0px -56px;
}
.rot {
	color:#db002e;
}
.grau {
	color:#8c7a6e;
}
.hellgrau {
	color:#d0b5a3;
}
.weiss {
	color:#FFFFFF;
}

#bg-home {
	background-image:url(pic/krankengymnastik.jpg);
	background-repeat:no-repeat;
}
#massage {
	background-image:url(pic/massage-kaiserslautern.jpg);
	background-repeat:no-repeat;
}
#osteopathie {
	background-image:url(pic/osteopathie-kaiserslautern.jpg);
	background-repeat:no-repeat;
}

.mainlink {
	position:relative;
	top:165px;
	left:10px;
}
#topic {
	background-image:url(pic/kaiserslautern-sonja-hirsch.gif);
	background-repeat:no-repeat;
	float:left;
	height:327px;
	width:268px;
	padding: 24px 10px 0px 63px;
}
#description {
	float:left;
	overflow:scroll;
	background-attachment:fixed;
	background-position: 43px 95px;
	height:331px;
	width:409px;
	padding: 20px 10px 0px 20px;
	color:#8c7a6e;
	color:#7a6a60;
	color:#50463F;
}
#bg-description {
	background-image:url(pic/krankengymnastik-hirsch.gif);
	float:left;
}
#footer {
	float:left;
	background-image:url(pic/hirsch-krankengymnastik.gif);
	background-repeat:no-repeat;
	background-color:#a15a5d;
	height:85px;
	width:419px;
	padding: 16px 0px 0px 361px;
}
#endofpage {
	background-color:#a15a5d;
	color:#FFFFFF;
	color:#EF8787;
	text-align:center;
	font-size:11px;
	letter-spacing: 0.10em;
	word-spacing: 0.08em;
}
.endofpage:link {
	color:#EF8787;
	text-decoration:none;
}
.endofpage:hover {
	color:#FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
}
.endofpage:visited {
	color:#EF8787;
}
#decker {
	width: 0px;
	height: 0px;
	position:relative;
	top:780px;
	left:341px;
}
.border {
	border-bottom-style:dotted;
	border-bottom-width:thin;
	border-bottom-color:#8C7A6E;
}
.spacer {
	height: 5px;
	width: 300px;
}
.small {
	font-size:9px;
	letter-spacing: 0.10em;
	word-spacing: 0.08em;
	line-height:10px;
}
#counter {
	margin:40px 0px 0px 0px;
	padding:0px 4px 0px 0px;
	float:right;
	height:16px;
	clear:right;
}
