/***************************************
 *   ___  ___  ___
 *  / __)/ __)/ __)
 * ( (__ \__ \\__ \
 *  \___)(___/(___/
 *
 * 2006 - Dave Pisek
 ***************************************/


/*/////////////////////////
 Wichtige Farben
	orange: #fca103
	hellgr:  #969696
/////////////////////////*/


/*///////////////
	Allgemein
///////////////*/
	* {margin:0; padding:0}
	body {background:#efefef url(../images/bodyBackground.gif) repeat-x top left; font-family:verdana, arial, sans-serif; font-size:small; color:#444}

	a {text-decoration:none; color:#000}
	a:hover {}
	a:visited {}
	a:active {}

	p {margin:10px 0; line-height:1.3em}

	h1, h2, h3, h4 {color:#fca103}
	h2 {font-size:140%; font-family:Trebuchet MS}
	h3 {font-size:110%; margin-bottom:7px; color:#444}
	h4 {color:#969696; font-size:100%}

	ul {list-style:none}
	ul.enum {list-style:square; margin-left:15px}

	
/*///////////////
	Struktur
///////////////*/
	div#wrapper {overflow:auto; width:770px; margin:37px auto; background:#fff}
	div#header   {float:left; width:770px; height:167px; background:url(../images/headerBackground.jpg) no-repeat top left}
	div#menu       {float:right; text-align:center}
	div#content {float:left; margin-top:10px; padding-bottom:80px}
	div#footer  {float:left; width:770px; background:#afafaf; color:#fff; text-align:right; border-bottom:2px solid #DBDBDB}

	
/*///Header///*/
	div#header div {color:#fff; padding:30px 5px 15px 20px}
	div#header h1 {margin-bottom:20px; font-size:160%}
	div#header h1 span {color:#fca103}
	div#header ul {font-weight:bold; font-size:95%; line-height:1.4em}

	
/*///Menu///*/
	div#menu ul	{float:right; margin:20px auto; font-weight:bold}
	div#menu ul li  	{float:left; position:relative; margin:0 0 0 0; padding-bottom:7px}
	
	div#menu li.parent:hover ul, li#active li.parent:hover ul{display:block}
	
	div#menu ul li ul {display:none; position:absolute; left:0; top:1.5em; width:6em; z-index:1000; margin-top:3px; text-align:left; background:#F0F0F0; border-bottom:2px solid #fca103}
	div#menu ul li ul li {background:transparent}
					
						
	div#menu a     	{width:100%; border-bottom:2px solid #bdbdbd; padding:0 0.4em 5px 0.4em}
	div#menu a:hover {border-bottom:2px solid #fca103}
	
	div#menu li.parent ul a {text-align:left; border:none; font-size:80%; font-weight:normal}
	div#menu li.parent ul a:hover {color:#fca104; border:none}
	
	div#menu li#active a {color:#fca104}
	div#menu li#active li.activeSub a {color:#fca104}
	div#menu li#active li a {color:#000}
	div#menu li#active li a:hover {color:#fca104}
	
	
/*///Content///*/
	div#sidebar 		{float:left; width:228px; padding:0 20px 0 20px}
	div#sidebar img, div#content ul img	{padding:1px; border:1px solid #fca103; background:#F3F3F3; margin:1.3em 0 15px 0}
	div#sidebar a {border:none}
	
	div#contentMain 	{float:left; width:452px; padding:0 20px 0 30px}
	div#contentMain h2{margin:15px 0 20px 0; letter-spacing:0.05em}
	
	div#contentMain a {color:#fca103; border-bottom:1px dotted #fca103; font-weight:bold}
	div#contentMain a:hover {border-bottom:1px dotted #000}
	
	ul.person 	 {margin:10px 0 20px 0}
	ul.person li {margin:2px 0}
	ul li.sqr    {list-style:square; margin-left:15px}
	ul li.first  {margin-top:5px}

	div#gallery ul img{margin:0}
	
	ul li.desc {text-align:center; width:220px}
	
	div#gallery ul {float:left; margin-bottom:25px}
	ul li.image  {float:right}
	ul li.desc {float:left; text-align:left}
	
	ul#leistungen li {margin-bottom:5px}
	
	div.krankheitsbilder h3 {margin:20px 0 10px 0}
	div.krankheitsbilder h4 {margin-bottom:2px;}
	div.krankheitsbilder p  {margin-top:5px}
	div.krankheitsbilder ul {margin:5px 0 10px 0}
	div.krankheitsbilder li {margin-left:15px}
	
	div#overview {background:#F2F2F2; padding:5px}
	div#overview a {border:none}
	
	ul#links a.img {border:none}
	ul#links a.img :hover{border:none}
	div#contentMain ul#links img {border:none}

/* Opening Hours */
	div#openingHours		 {text-align:right; line-height:1.4em}
	div#openingHours h2 	{font-family:Trebuchet MS; font-size:140%; letter-spacing:0.05em; text-align:left; padding-bottom:10px; color:#969696}

	div#openingHours li span 	 {font-size:70%; vertical-align:top}
	div#openingHours li span.day {font-size:100%; font-weight:bold; color:#969696; float:left}

	div#openingHours ul 			 {margin-bottom:15px}
	div#openingHours li span.contact {font-size:100%; font-weight:bold; float:left; color:#000}
	
	div#openingHours strong {color:#000; float:left}
/*///Footer///*/
	div#footer p {margin:0; padding:0 20px; font-size:80%}
	div#footer a {color:#fff}
	div#footer a:hover {color:#000}

/*///Wohung///*/
div#contentMain a#wohnung {color:#BE2618}
	

