/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------- NATURE FIRST --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea, button {font-family:inherit; font-size:1em;}
		

/*- End Reset Styles -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- General styles ---------------------------------------------------------*/

		
		body {font:76% Tahoma, Arial, Helvetica, sans-serif; background:#D3DDDE url(../images/body.png) repeat-x 0 0;}
		
			/*- Resolution container -*/
			.wrap {width:900px; padding:0 30px; margin:0 auto;}		
			#mainWrap {background:url(../images/wrap.png) repeat-y 0 0;}
			
			/*- Float clears -*/
			#header,
			#search,
			#mainWrap,
			#mainMenu-Search,
			#mainMenu ul,
			#featured,
			#team li,
			#team .teamImage,
			#team h5,
			#newProducts li,
			#newProducts .productImage,
			#newProducts h5 {overflow:hidden;}
			
			/*- Hidden text -*/
			#header h1 a,
			#header h2,
			.btn {display:block; font-size:0; text-indent:-9999em;}
			
			/*- Buttons -*/
			.btn {height:26px;}
			
			/*- Links -*/
			a {text-decoration:none;}
			a:hover {text-decoration:none}
			
			/*- Accesible labels -*/
			.accesible {position:absolute; top:0; left:-9999px; z-index:1; height:1px; width:1px; overflow:hidden;}
			
			/*- Columns -*/
			#menuSidebar,
			#content,
			#infoSidebar {float:left;}
					
			/*- Important titles -*/
			.important {font-size:1.2em; color:#1D4C46; line-height:100%; padding:0px 0 15px;}
			.important strong {color:#4F9553; font-size:0.8em; line-height:100%;}
				
			.important_title {font-size:1.2em; color:#1D4C46; line-height:120%; padding: 15px 0 0px;}
			.important_link {color:#1D4C46; padding: 10px 0 0px;}
			.important_link a {font-weight: bold; color:#1D4C46; display:inline-block;line-height:120%;}
			.important_link a:hover {color:#4F9553;}
			.important_link img {display:inline-block;line-height:120%; vertical-align: baseline}
			
			/*- Section titles -*/
			.title {text-transform:uppercase; color:#EB1A06; font-size:0.9em; padding:5px 10px 5px 5px; background:url(../images/content/title.png) repeat-y 0 0; border-bottom:2px solid #FFF;}
			.titlepage {height:30px;text-transform:uppercase; color:#EB1A06; font-size:1.2em; padding:20px 10px 5px 0px; border-bottom:1px solid #CCD7D8;}
			

/*- End General styles -----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Header -----------------------------------------------------------------*/

		
		#header {height:145px; background:url(../images/header/header.jpg) no-repeat 0 0; border-bottom:1px solid #FFF;}		
			/*- Logo -*/
			#header h1 {float:left; padding:20px 0 0 30px;}
				#header h1 a {width:137px; height:109px; background:url(../images/header/logo_therapie.png) no-repeat 0 0;}		
			/*- Tagline -*/
			#header h2 {float:right; width:117px; height:16px; margin:60px 240px 0 0; background:url(../images/header/tagline.gif) no-repeat 0 0;}
			

/*- End Header -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Main Menu + Search -----------------------------------------------------*/
		
		
		#mainMenu-Search {padding:6px 10px; background:#77C271; border-bottom:1px solid #FFF;}
			
		
			
			/*- Main menu -*/
			#mainMenu {float:right;}
				#mainMenu li {float:left; text-transform:uppercase; font-weight:bold; font-size:0.85em; margin:5px 0; border-right:1px solid #C7E6C5;}
				#mainMenu a {display:block; color:#FFF; padding:3px 12px; border-right:1px solid #62A36D;}
				#mainMenu #ultimo {float:left; text-transform:uppercase; font-weight:bold; font-size:0.85em; margin:5px 0; border:0;}
				#mainMenu #ultimo a {display:block; color:#FFF; padding:3px 12px; border:0;}
				#mainMenu #ultimo a:hover {color:#1D4C46;}
				#mainMenu a:hover {color:#1D4C46;}
				#mainMenu #cartItem {margin:0 8px 0 12px; border:0;}
				#mainMenu #cartItem a {width:26px; padding:0; background:url(../images/buttons/cart.png) no-repeat 0 0; border:0;}
		

/*- End Main Menu + Search -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Menu Sidebar -----------------------------------------------------------*/
		
		
		#menuSidebar {width:188px; min-height:700px; padding-left:12px; background:#C6DBDC url(../images/menu-sidebar/menuSidebar.jpg) no-repeat 0 100%;}
			#menuSidebar li a {display:block; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:0.8em; padding:3px 10px 3px 3px;}
			#menuSidebar li a:hover,
			#menuSidebar li a.currentMenu {color:#FFF; background-color:#77C271;}
			
			/*- Page list -*/
			#pageList {padding-bottom:5px; margin:15px 10px 15px 0; border-bottom:1px solid #D9E8E9;}
				#pageList a {color:#1D4C46;}
		
			/*- Product list -*/
			#productList {}
				#productList li {position:relative;}
				#productList a {color:#1D4C46;}			
				
				/*- Submenus -*/
				#productList li ul {width:180px; padding:5px 0; background:#6FAA79 url(../images/menu-sidebar/subMenu.png) repeat-y 0 0; border:1px solid #FFF; position:absolute; top:-5px; left:188px; z-index:1;}
					#productList li ul li {position:static;} 
					#productList li ul li a {color:#FFF; text-transform:none; padding:3px 10px 3px 20px; background:url(../images/menu-sidebar/subMenu-bullet.gif) no-repeat 12px 6px;}
					#productList li ul li a:hover {color:#1D4C46;}
				
			/*- Apotheke button -*/
			#apotheke {margin:10px 0 400px;}
				#apotheke .btn {width:175px; height:32px; background:url(../images/buttons/apotheke.png) no-repeat 0 0;}


/*- End Menu Sidebar -------------------------------------------------------*/	
/*-----------------------------------------------------------------------------------------------*/

/*- Section content --------------------------------------------------------*/

		#content {width:480px; padding:0 20px;}
		#content p {font-size:0.9em; color:#1D4C46; }
	
		
		
			/*- Featured -*/
			#featured {width:480px; height:290px; margin-top:0px; background-color:#ebeff0; font-size:0.95em; color:#1D4C46; line-height:120%; text-align:center; margin-bottom:20px;}
			#featured p {padding:15px;}
			#featured em {font-style:normal; font-weight:bold; color:#4F9553;}
			
			#construct {width:480px; background-image:url(../images/examples/featured/back_zentrum.png); height:100px;}
			#construct h3 { padding:17px;}
			#construct img {height:100px;float:left; margin-right:25px;}
			
			#text {width:480px; color:#1D4C46; line-height:120%; padding-bottom:40px;}
			#text p {padding-top:15px;  font-size:0.9em}
			#text h4 {font-style:normal; font-weight:bold; font-size:1.1em; padding-top:15px;}
			#text ul {list-style-type:disc; list-style-position:inside; font-size:0.9em}
			#text li {line-height:120%}
			
			#mapcontainer {width:480px; height:360px;}
			
				/*- Über Uns -*/
			#uber {width:480px; color:#1D4C46; line-height:120%; padding-bottom:40px;}
				#uber ul {padding:0;}
					#uber li {color:#1D4C46; padding:15px 0;}
					#uber li.last {border:0;}			
						#uber .uberInfo {}
							#uber h5 {padding:0px 0 15px;}
							#uber h5 strong {float:left;}
							#uber h5 strong a {color:#1D4C46;}
							#uber h5 strong a:hover {color:#4F9553;}
							#uber span {color:#83B4B6;}
							#uber p {clear:both; font-size:0.9em; line-height:120%; padding:0px 0 15px;}
	
				
				
				/*- Team_ex -*/
			#team_ex {width:480px;  color:#1D4C46; line-height:120%; margin:0px; padding:0px;}
				#team_ex ul {padding:0;}
					#team_ex li {color:#1D4C46; font-size:0.9em; padding:15px 0;}
					#team_ex li.last {border:0;}			
						#team_ex .team_exImage {float:left; width:145px; margin:15px 15px 15px 0px;}
						#team_ex .team_exInfo {float:right; margin-right:15px; width:305px;}
							#team_ex h5 {float:left;padding:25px 0 7px;font-size:1.2em;}
							#team_ex h5 strong {font-size:0.75em;  display:block; color:#4F9553;}
							#team_ex h5 strong a {color:#1D4C46;}
							#team_ex h5 strong a:hover {color:#4F9553;}
							#team_ex span {color:#83B4B6;}
							#team_ex p {clear:both; font-size:0.9em; line-height:120%; padding-top:15px;}
							#team_ex a {font-weight:bold; text-decoration:underline; color:#4F9553;}
							#team_ex a:hover {color:#1D4C46;}
	
			/*- New Products -*/
			#team {background:#EAEFEF; margin-bottom:20px;}
				#team ul {padding:0 15px;}
					#team li {color:#1D4C46; font-size:0.9em; padding:15px 0; border-bottom:1px solid #CCD7D8;}
					#team li.last {border:0;}			
						#team .teamImage {float:left; width:145px; margin-right:15px;}
						#team a {font-weight:bold; text-decoration:underline; color:#4F9553;}
						#team a:hover {color:#1D4C46;}
						#team .teamInfo {float:right; width:290px;}
							#team h5 {padding:7px 0 7px;}
							#team h5 strong {float:left; font-size:1.3em; margin-bottom:5px;}
							#team h5 strong a {color:#1D4C46;}
							#team h5 strong a:hover {color:#4F9553;}
							#team h5 em {clear:left; display:block; height:20px;font-style:normal; color:#4F9553;line-height:120%;  margin-bottom:20px;}
							#team p {clear:both; line-height:120%;}
							#team p a {font-weight:bold; text-decoration:underline; color:#4F9553;}
							#team p a:hover {color:#1D4C46;}

            /*- Kundenzeitung -*/
            #kunden {margin-bottom:20px;}
                #kunden ul {padding:0;}
                    #kunden li {color:#1D4C46; font-size:0.9em; padding:6px 0 6px; border-bottom:1px solid #CCD7D8; overflow: auto; position: relative; }
                    #kunden li.last {border:0;}            
                        #kunden .kundenInfo {float:left; width:100%; position: relative;}
                            #kunden {padding:0px 0 0px;}
                            #kunden #pdfItem {float:right; color:#4F9553; font-size:1em; line-height:260%;}
                            #kunden #pdfItem a {color:#4F9553; text-decoration:underline; font-weight:bold;}
                            #kunden #pdfItem a:hover {color:#1D4C46;}
                            #kunden #pdfItem img{float:left; padding:0px; margin-right:5px;}
                            #kunden strong {float:left; font-size:1.2em; width:250px; line-height:200%;}
                            #kunden strong a {color:#1D4C46;}
                            #kunden strong a:hover {color:#4F9553;}
                            #kunden span {color:#83B4B6; line-height:240%; font-size:1.1em;}
                            #kunden p {clear:both; font-size:1em; line-height:120%;}
							

/*- End Section content ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Information sidebar ----------------------------------------------------*/
		
		
		#infoSidebar {width:160px; padding:0 20px 0 0;}
			.sidebarBox {padding:20px 0 0;}
			
			/*- News -*/
			#newsBox {}
				#newsBox li {font-size:0.9em; color:#1D4C46; padding-bottom:15px;}
				#newsBox img {margin-bottom:10px;}
				#newsBox h6 {font-size:1.1em; padding:5px 0;}
				#newsBox span {color:#83B4B6;}
				#newsBox p {line-height:120%;}
				#newsBox a {display:block; font-weight:bold; text-decoration:underline; color:#4F9553;}
				#newsBox a:hover {color:#1D4C46;}
				
			/*- Video -*/
			#videoBox {}
			
			/*- Files -*/
			#fileBox {text-align:center; padding-top:15px;}
				#fileBox strong {display:block; text-transform:uppercase; color:#EB1A06; padding:5px 0 2px;}
				#fileBox a {font-size:0.9em;color:#4F9553; font-weight:bold; text-decoration:underline;}
				#fileBox a:hover {color:#1D4C46;}
				
		
/*- End Information sidebar ------------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/
	
/*- Footer -----------------------------------------------------------------*/	
		
		
		#footer {clear:both; padding:0 30px 15px; margin-bottom:30px; background:url(../images/footer.png) no-repeat 0 100%;}
			#footer p {text-align:center; font-size:0.85em; background:#DEE9EC;}
			
			/*- Information -*/
			#footerInfo {padding:12px 0 3px; color:#15767A; font-weight:bold;}
				#footerInfo a {color:#15767A;}
				#footerInfo a:hover {color:#1D4C46;}
			
			/*- Copyright -*/
			#footerCopy {padding-bottom:12px; color:#5C6667;}
				#footerCopy a {color:#5C6667;}
				#footerCopy a:hover {color:#1D4C46;}


/*- End Footer ------------------------------------------------------------*/
	
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*---------------------------------- END NATURE FIRST -------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

#frame_window {
    display: block;
    z-index:98;
    position: absolute;
    left:6%;
    right:6%;
    top:11px;
    height:566px;
    border:3px solid #436C3D;
}

#frame_window_title{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:0.8em;
    background:#878964;
    left:0px;
    top:0px;
    /*border-bottom:3px solid #436C3D;*/
    background:#7DA05F;
    width:100%;
    color:white;
}

#frame_content{
    width:100%;
    height:550px;
    background:white;
}

