/* 
www.maja-johannsen.de 
Datum: 15-03-2007
*/

body {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	margin: 		0px;
	padding: 		0px;
	font-size: 		100.1%;
	color: 			#222;
	background-color:	#F69924;
	background-image:	url(images/fisch.jpg);
	background-repeat:	no-repeat;
	background-attachment: fixed;
	background-position: 0 50px;
	width:				100%;
}
/*------ Allgemeine CCS Styles ---- */
html {
	/* für permanenten Scrollbalken, damit er in firefox, mozilla nicht verschwindet. 
	Sonst rutscht der Inhalt nach links (geht nicht in Safari)*/
	height: 		100.1%;
}

h1,h2,h3,h4,p,li,ul,form {  
	margin: 		0px;
	padding: 		0px;
}
h1 {
	font-weight:	bold;
	font-size: 		13px;
	font-variant: 	small-caps;
	padding-bottom: 20px;
	color:			#666;
}
h2 {
	font-weight:	bold;
	font-size: 		11px;
	font-variant: 	small-caps;
	padding-bottom: 10px;
	color:			#666;
}
h3 {
	font-weight:	bold;
	font-size: 		10px;
	color:			#777;
}
strong {
	font-weight:	bold;
	font-size: 		10px;
	color:			#777;
}
.clear {
	clear:	both;
}

a:active  {
	text-decoration: 	underline;
	color: 				#336699;
}
#inhalt-rechts a:visited {
	text-decoration: 	none;
	color:				#000;
}
#inhalt-rechts a {
	text-decoration: 	none;
	color: 				#222;
}
#inhalt-rechts a:hover, a:focus  {
	text-decoration: 	underline;
	color: 				#336699;
}
ul.dotblau{
	list-style-position:outside;
	list-style-type: 	none;
	list-style-image: 	url(images/dot-blau.gif);
	margin-left:		18px;
}
ul.dotgruen{
	list-style-position:outside;
	list-style-type: 	none;
	list-style-image: 	url(images/dot-gruen.gif);
	margin-left:		18px;
}
ul.dotgelb{
	list-style-position:outside;
	list-style-type: 	none;
	list-style-image: 	url(images/dot-gelb.gif);
		margin-left:		18px;
}

/*--------------- Seiteninhalte - Head ---------*/
#alles {
	width:			100%;
}
#head {
	height:			80px;
}
.ueberschrift {
	position:	absolute;
	z-index:	4;
	top:		17px;
	left:		4px;
}
.headline {
	position:	absolute;
	z-index:	5;
	top:	 	40px;
	left:		99px; /*23,375em*/
}

/* ---------------- Content ------*/						
#content {
	width:					797px !important;
	width:					800px;
	w\idth: 				797px;	
	border:					solid 1px #979797;
	margin-left:			100px;
	background-color: 		#FDF8ED;
	/*background-image:		url(images/navi-hg.jpg);
	background-repeat: 		no-repeat;
	background-position: 	bottom left;*/	
}
/* ---------------- Kopf ------*/
#kopf  {
	font-weight:	bold;
	font-size: 		14px;
	font-variant: 	small-caps;
	text-align:		center;
	color:			#FDF8ED;
	height:				137px;	
}
#kopf h1 {
	margin: 0;
	padding: 0;
	color:			#FDF8ED;
}
.psychotherapie {
	width:			265px;
	border-right:	1px solid #fdf8ed;
	background-color: #336699;
	float:			left;
}
.homoeopathie {
	width:			265px;
	border-right:	1px solid #fdf8ed;
	background-color: #87B040;
	float:			left;	
}
.adhs {
	width:			265px;
	background-color: #FF9933;
	float:			left;
}
/* ---------------- Inhalt ------ */
#inhalt {	
	clear:both;
}
/* ---------------- Navigation ------ */
#inhalt-links {
	float:			left;
	width:			265px;
	padding-top:	28px;/*12px*/
	font-size: 		12px;
	font-weight:	bold;
	font-variant: 	small-caps;
	color:			#666;
	height:			435px;
	min-height:		380px !important;
	background-image:	url(images/fisch-transparent.jpg);
	background-repeat:	no-repeat;
	background-attachment: fixed;
	background-position: 101px 438px;
}
#inhalt-links ul.link		{
	width:				145px;
	list-style-position: outside;
	list-style-type: none;
	border-right:	1px solid #FCEBC3;
}
#inhalt-links ul li.link,
#inhalt-links ul li.startlink,
#inhalt-links ul li.current {
	width:				145px;
	margin-bottom:		2px;
}
.link .current a {
	background-color: #FCEBC3;
}
/*.startlink a.current {
	background-color: #FDF8ED;/*#FCEBC3;
}*/

li.link a,
li.current a {
	display: 		block;
	color:			#666;
	text-decoration:none;
	padding:		2px 0 3px 8px;
	/* Hide this from IE-Mac \*/ 
    height: 		1%;
   /* End the hiding */ 
}
li.link a:hover,
li.link a:active,
li.link a:focus,
li.link a.current  {
	background-color: 	#FCEBC3;
	text-decoration:	none;
}
	/*------------ submenue ------------ */
	ul.sublink {
		position:	absolute;
		display:	block;
		left:		246px;
		top:		245px;/*286px;*/		
		list-style-position:outside;
		list-style-type:	none;
		margin-left:		0px;
	}
	
	ul.sublink li a		{
	font-weight:		normal;
	font-size: 			10px;
	font-variant: 		normal;
	color:				#222;
	width:				120px;
	width:				113px !important;
	padding:			3px 0 6px 7px;
	}
	
	ul.sublink li a:hover,
	ul.sublink li a:active,
	ul.sublink li a:focus, 
	ul.sublink li a.subcurrent{
		background-image:	url(images/subpunkt-hg.jpg);
		background-repeat: 	no-repeat;		
		/*background-color: 	#FCEBC3;*/
		text-decoration:	none;
	}
	
	
	
	
/*------------ rechter inhalt ------------ */

#inhalt-rechts {
	padding:		30px 0 20px 0;
	width:			531px;
	float:			left;
	font-size:		10px;
	/*background-color: #FDF8ED;*/	
}

.einspaltig {
	padding:		0 13px 0 13px;
}
.spalte-links {
	float:			left;
	width:			237px;
	padding:		0 13px 0 13px;			
}
.spalte-rechts {
	float:			left;
	width:			237px;
	padding:		0 13px 0 13px;			
}

/* --- Formular ----*/

form .bezeichnung {
	width: 120px; /*6,25em;*/
	float:	left;
}
/* ------ footer -----*/
#footer {
	font-size:		10px;
	text-align:		center;
	color:			#FFF;
	width: 			797px;
	padding: 		5px 0 3px 0;
	margin-left:	100px;
	/*position:		relative;
	z-index:		3;
	left: 			519px;
	top: 			794px;*/
}
#footer a:visited {
	text-decoration: 	none;
	color:				#000;
}
#footer a {
	text-decoration: 	none;
	color: 				#222;
}
#footer a:hover, a:focus  {
	text-decoration: 	underline;
	color: 				#336699;
}
.linie-blau {
	clear:			both;
	bottom:			0px;
	position:		relative;
	border-bottom: 	7px solid #336699;

}
.linie-gruen {
	clear:			both;
	bottom:			0px;
	position:		relative;
	border-bottom: 7px solid #87B040;
}
.linie-orange {
	clear:			both;
	bottom:			0px;
	position:		relative;
	border-bottom: 7px solid #FF9933;
}
form .textbutton {
	border:				solid 1px #979797;
	background-color:	#FCEBC3;
	padding:			1px 6px 1px 6px;
	color:				#222;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	width:				100px;					
}
form .textarea {
	width:				260px;
	width:				255px !important;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
}
form .plz {
	width:				65px;
	width:				60px !important;
}
form .ort{
	width:				166px;
	width:				161px !important;
}

/* nachtraegliche Styles */

.bezeichnung-blau {
	/*display:			none;*/
	visibility:			hidden;
}