@charset "utf-8";
/* CSS Document */
/* Michael-Therapeutikum Dreeich-B. */
/* Version 1.2  08.11.2013 by Herbert Krick */
@import url(http://fonts.googleapis.com/css?family=Handlee|Amarante);
html { background-color: white; }
body {
    margin: 20px auto 20px auto;
    /*border: 2px solid #FFCC99;*/
    background-color: #fddc57;
    font-family: Varela, Verdana, Geneva, sans-serif;
    font-size: 0.91em;
    color: #291e69;
    width: 1024px;
    font-weight: normal;
	}
	
/*............. Formatierung Kopf und Navigation ..............*/
#kopf {}
#kopf1{ vertical-align : top; float : left; margin-top : 0px; margin-bottom : 0px; margin-right : 62px;}
#kopf2{ vertical-align : top; padding-top : 40px; margin-bottom : 0px; margin-left : 0px; font-family: 'Dancing Script'; font-size: 4.5em; font-weight: normal; color: #1764b3;}
#kopf3 {font-family: Verdana; font-size: 2em; font-weight: bold; color: #1764b3; text-align:left; margin-bottom : 30px;}
	
a:link { text-decoration:none; }
a:visited { text-decoration:none; font-weight:bold; }
a:hover { text-decoration:none; font-weight:bold; }
a:active { text-decoration:none; font-weight:bold; }
a:focus { text-decoration:none; font-weight:bold; }
#navigation_de {	clear : both; position : relative; background-color : #fffa98; width: 190px;	float: left ; margin-left : 0px; margin-right : 0px;}
#navigation_de ul { font-family: Handlee ; font-size: 1.3em; font-weight: bolder; list-style-type: none;}	
#navigation_de ul li { padding-left : 0px; margin-left: 0px; margin-right: 8px; margin-bottom : 15px;}
ul.submenu { display: none;}
#navigation_de li a {text-decoration: none; color :#546883 ; display : block;}
#navigation_de ul li:hover  > .submenu {
 
    display: block;
	width: 170px;
    position: absolute;
    left: 20%;
	right:auto
    top: 20%;
	float : left; margin-left : 10%;
	background-color : #fffa90; font-size:0.9em; 
	/*border:2px solid #291e69;*/
	z-index:1000;
	box-shadow: 0px 0px 10px #aa9027;
	padding: 15px 3px 0 10px;
	margin-left: 40px;
	margin-top: -2px;}

#navigation_de ul li a:active {
    background-color : #fddc57;
    color : #546883;
}
#navigation_de li a:hover { background-color : #110374;	color : #fddc57; }
#navigation_de li.aktuell a:hover { background-color : #110374;	color : #fddc57; }
#navigation_de li.aktuell a { background-color : #fffa90; color: #546883; }

#inhalt {clear : both; position : relative; top : -500px; left:225px; width: 600px; z-index:11; margin-left : 3%;}
#footer {position : relative; top : -360px; left:0px;}
#footer p {text-align: center;}

table {border-collapse: collapse}

/*............. Formatierung f�r index.htm ..............*/
#bild_home {	position : relative; top:-500px; left:250px; z-index:1;}
#ttable { clear:both; font-weight: bold; }
#ttable td {padding-bottom: 20px; vertical-align: top;}

/*............. Formatierung f�r musikth.htm ..............*/
#musik1 { float : left; margin: 30px 15px 30px 0;}
#musik2 { float : right; margin: 30px 0 30px 15px;}


#tab_mit tr { vertical-align : top; border-bottom-width : 1px; }
#tab_mit td { border-bottom-style : solid; border-bottom-width : 1px; border-bottom-color : white; padding: 20px 0 20px 0;}

p {
	font-family : Verdana, Arial, sans-serif; 
	font-size: 1em;
	font-weight: normal;
	color : #431963;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	line-height: normal;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
  }

h1 {
	
	font-family: Handlee; 
	font-size: 2.1em;
	font-weight: bolder;
	color : #672897;
	font-style: normal;
	/*text-shadow:#f6dfe2 1px 1px; 
	text-decoration: underline;*/
	text-transform: none;
	line-height: normal;
	padding-top: 0px;
	margin-left: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: left;
	
	
}
h2 {
	font-family: Handlee; 
	font-size: 1.9em;
	font-weight: bold;
	/*color : #431963;*/
	color : #5f248c;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}
	

h3 {
	font-family: Varela, Verdana, Geneva, sans-serif; 
	font-size: 1em;
	font-weight: bold;
	color : #431963;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}

h4 {
	font-family: Varela, Verdana, Geneva, sans-serif; 
	font-size: 1em;
	font-weight: bold;
	color : #431963;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}


h5 {
	font-family: Varela, Verdana, Geneva, sans-serif; 
	font-size: 1em;
	font-weight: bold;
	color : #431963;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

hr {
	height: 1px; 
	border-width:0px; 
	background-color: #FFFFFF; 
	color: #FFFFFF;
	}