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

/*importiert norm.css*/
@import url("norm.css");



/* ===================================
Stylesheet der "Website www.karin-schmitt-osteopathie.de" 
 
Datei: css-box.css 
Autor: Katharina Meier 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
		3. Styles Cookie Script
        4. Styles fr Layoutbereiche
	    5. Sonstige Styles 
		6. Styles für den Fußbereich
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* {
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; } 


/* ==================================
   2. Allgemeine Styles 
   =============================== */   

#inhalt {
	position:absolute;
	top: 30px;
	left: 50%;
	width: 1000px;
	height: 700px;
	margin-top: auto;
	margin-left: -510px; } 

#wrapper { position: absolute; }

a { font-size: 10px;
	font-weight: bold; }

p {	color: #333333; 
	margin: 0px 58px 0px 52px; }

body {
	height: 780px;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	background-color: #383838; }

ul { list-style-type: none; }



/* ==================================
   3. Styles Cookie Script
   =============================== */

.cc_container .cc_btn {
	background-color: #700e03 !important; 	/* Farbe des Buttons */ 
	color: #ffffff !important; }			/* Textfarbe des Buttons */
 
.cc_container {
	background: #fdfdfd !important; 		/* Hintergrundfarbe des gesamten Bereichs */
	color: #919191 !important; }			/* Schriftfarbe des gesamten Bereichs */

.cc_container a {
	color: #3f3f3f !important; }			/* Textlink-Farbe "Mehr Infos" */



/* ==================================
   4. Styles fr Layoutbereiche 
   =============================== */   

/* =====================
   Kopfbereich    */

#header {
	width: 1000px;
	height: 197px;
	background: url(photos/header-dunkel.jpg); }

h1 { 
	text-indent: -9999px;
	height: 0; }


/* =====================
   Navigation    */

#navi1 {
	position: relative;
	height: 27px;
	width: 1000px;
	background: url(photos/navi1.gif) repeat-x; }

#navi1 ul {
	padding-left: 98px; }

#navi1 li {
	padding: 7px 24px 6px 24px;
	display: inline;
	display: block;
	float: left;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	vertical-align: middle; }

a:link, a:visited, a:active {
	color: #f5de9e; }

a:hover, a:focus {
	color: #333333; }
	
.focus {
	color: #333333; }

#navi1 .image {
	color: #f5de9e;
	background: url(photos/navi1_hover.gif); }


#navi3 {
	float: right;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: 1px;
	margin: -15px 35px 0px 0px; }

	
/* =====================
   Inhalt  */

h2 {
	color: #484848;
	font-size: 18px;
	font-style: italic;
	margin: 40px 40px 20px 52px; }

h3 {
	font-size: 12px;
	color: #484848; 
	margin: 0px 0px 7px 52px; }

#content {
	width: 1000px;
	height: 451px;
	background: url(photos/hintergrund.jpg); }

#content_supp {
	position: relative;
	width: 334px;
	height: 451px;
	float: left; }

#content_main {
	width: 666px;
	height: 451px;
	float: right; }


/* =========================
   Inhalt - Therapieformen */

.bold {
	font-weight: bold; }

#navi2 {
	width: 1000px;
	height: 27px; 
	background: url(photos/navi2.gif) repeat-x; }

#navi2 ul {
	margin-left: 220px; 
	padding: 7px 0px 0px 0px; }

#navi2 li {
	display: inline;
	font-weight: bold;
	margin-right: 46px;
	letter-spacing: 1px; }

#navi2 a:link, #navi2 a:visited, #navi2 a:active {
	color: #f5de9e; }

#navi2 a:hover {
	color: #BE7F6E; }

.focus2 {
	color:#BE7F6E; }

#content_supp_image { 
	width: 334px;
	height: 424px;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 52px; }



/* ==================================
   5. Sonstige Styles
   =============================== */

/* ======================
   Home */

.unterschrift {
	font-family: "Brush Script";
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #484848; }


/* ======================
   Akupunktur */

#moxen {
	position: relative;
	float: right;
	margin: -10px 80px 0px 0px; 
	top: 0px;}

.moxen1 {
	position: absolute;
	margin-left: 386px;
	width: 270px; }

.moxen2 {
	position: absolute;
	clear: both;
	margin: 140px 50px 0px 386px; }


/* ======================
   Über Mich */

h6 {
	color: #484848;
	font-size: 18px;
	font-style: italic;
	margin: 10px 40px 20px 0px; }

#jahr {
	position: absolute;
	width: 90px;
	margin: 0px 0px 0px 0px; }

#ul {
	margin: 0px;
	list-style-type: none; }

#fach {
	width: 400px;
	clear: right;
	margin: 0px 0px 0px 90px; }

#fach li {
	color: #333333;
	margin: 0px; }

#mich p {
	margin-bottom: 2px; }
	
	
#mich li {	
	line-height: 16px;
 }


/* ======================
   Meine Praxis */

#content_praxis {
	position: absolute;
	width: 1000px;
	height: 451px; }

#image-links {
	position: relative;
	float: left;
	width: 390px;
	height: 274px;
	margin: 50px 40px 25px 76px;
	background:url(photos/raum_01.jpg); }

#image-rechts {
	float: right;
	width: 390px;
	height: 274px;
	margin: 50px 76px 25px 20px;
	background: url(photos/raum_02.jpg); }

#praxis {
	margin: 40px 0px 0px 22px; }


/* =====================
   Leistungen    */

#tabelle {
	width: 450px;
	height: 80px;
	padding-top: 5px; }

#spalte1 {
	position: absolute; }
	 
#spalte2 {
	position: absolute;
	left: 470px; }

#spalte3 {
	position: absolute;  
	left: 580px; }


/* =====================
   Impressum    */

#konzept {
	float: right;
	margin: -121px 50px 0px 0px;  }

h4 {
	font-size: 18px;
	font-style: italic;
	color: #484848; 
	margin: 35px 40px 15px 52px; }

.style {
	text-transform: uppercase; }

#maps p {
	line-height: 16px;
	margin: 0px 0px 0px 52px;
	padding-bottom: 10px; }

#maps a {
	font-size: 110%;
	color: #484848; }

#links p {
	line-height: 17px;
	margin: 0px 0px 0px 52px; }

#links a {
	font-size: 110%;
	color: #484848; }


/* =====================
   Datenschutz    */

h5 {
	font-size: 12px;
	color: #484848; 
	margin: 0px 0px 7px 0px; }

.regelung {	
	font-size: 90%;
	line-height: normal;
	margin-left: 60px;
	margin-top: 7px; }	


/* ==================================
   6. Styles für den Fußbereich
   =============================== */

#footer {
	width: 1000px;
	height: auto;
	clear: both;
	background: url(photos/welle.jpg);
	padding: 6px 0px;
	text-indent: 60px;
	color: #FFFFFF; }

#footer li {
	display: inline; 
	margin: 0px 10px; }



/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */