@charset "UTF-8";
/********************** CSS Dokument von Claudia Locher-Buckmann Heilpraktikerin **********************/
/**********************  Katja Eilders Grafikdesign www.eilders.de  **********************/



/********************** Farben **********************
grau #999999
rot #9C292C



********************** Farben **********************/

*, html {
	margin: 0;
	padding: 0;
	
}


body {
	font: 100%/1.4 Georgia, "Times New Roman", Times, serif;
	background: #ededed;
	background:url(../images/hg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	color: #666666;
}




p {
	margin-top: 0px;	 
	
}


h1 {
	font-size: 2.7em;
	margin-top: 0;	 
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
}


h2  {
	font-size: 1.1em;
	color: #9C292C;
	margin-top: 10px;	 
	font-family: Georgia;
	font-weight:normal;
	font-style: italic;
	
}


a img { 
	border: none;
}


a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.container {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;
	background: #;
	margin: 0 auto; 
	overflow: hidden;
	padding: 0px 0px 60px 15px;
}


.sidebar1 {
	float: left;
	width: 25%;
	background: #93A5C4;
	padding-bottom: 10px;
}

.content {
	background:url(../images/tulpe.jpg) no-repeat;
	padding: 10px 0px 0px 164px;
	width: 600px;
	float: left;
}
.sidebar2 {
	padding: 10px 0;
	float: left;
	width: 20%;
	background: #;
	padding: 10px 0;
}

.footer_hg {
	font-size: 0.8em;
	width: 100%;
	height:55px;
	background:url(../images/hg_footer.jpg) repeat-x;
	bottom: 0;

    position: fixed;
    right: 0;
}



.footer {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;	 
	bottom: 0;
    position: fixed;
	overflow: hidden;
	padding: 0px 0px 10px 179px;
	}

.content ul, .content ol { 
	padding: 0 15px 15px 0px; 
}




/**********************  Navigation  **********************/

ul.nav {
	list-style: none;
	border-top: 0px dotted #666666; 
	margin: 73px 0px 15px 0px; /*  30px pro Eintrag - den ersten Wert anpassen wenn sich die Menüpunkte verändern */
}

ul.nav li {
	font-size: 1.1em; ;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 5px 5px 5px 0px;
	display: block; 
	letter-spacing: 0.1em;	
	background: #;
	color: #9C292C; 
}
ul.nav a, ul.nav a:visited { 
	text-decoration: none;
	color: #666666;
}

/*
ul.nav li {
	font-size: 1.1em; ;
	letter-spacing: 0.1em;
	text-decoration: none;
	background: #;
	color: #999; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 0px;
	display: block; 
	font-size: 1.1em;
	letter-spacing: 0.1em;
	text-decoration: none;
	background: #;
	color: #999;
}
*/
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background: #;
	color: #9C292C;
}


hr.dotted  { 
	border-top: 1px dotted #cccccc; 	
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
