/*
naturheilpraxis-linsen.de css:
  ___               __                    __        
.'  _|.-----.-----.|__|.-----.-----.  .--|  |.-----.
|   _||  _  |__ --||  ||  _  |     |__|  _  ||  -__|
|__|  |_____|_____||__||_____|__|__|__|_____||_____|
a vision come(s) true (c) 2009 http://www.fosion.de

zitate: #777
text:	#000
navi:	#666
links 	#444
strong #333

*/

* {margin: 0px;
   padding: 0px;
}

/*generics*/
html { 
    /*display scrollbar always in mozilla */    
	overflow: -moz-scrollbars-vertical; 
}

body {
	color: #000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	background-color:#fff;
	height:100%;

}

p {	padding-bottom: 13px;  padding-top: 0px;}
a {color: #000; text-decoration: underline;  }
a:link, a:visited{}    
a:hover { color: #000; text-decoration: none;	}  
a:active { color: #000; 	text-decoration: none;}  
a img { border:none; }

/*####### layout #######*/

.float_left{ float:left; display:inline;}
.float_right{ float:right; display:inline; }
.clear_both { clear:both; }

#wrapper 
{
	width:964px;
	margin: 10px auto;
}

#header 
{
	margin-bottom:6px;
}

#content {
	padding:10px 30px 10px 30px;
}

#navigation_left 
{
	float:left;
	height: 400px;
	width:145px;
	font-size:14px;
	background: #fff url(../images/layout/navcontentseperator.jpg) repeat-y;
	background-position: right;
}

#navigation_footer 
{
	margin-top:10px;
	height: 176px;
	width:145px;
	background:transparent url(../images/layout/bamboo-140.jpg) no-repeat;
}

#content_right 
{
	min-height:420px; *min-height:420px;
	width:735px;
	float:left;
	margin-left:24px;
	text-align:justify;
	line-height:1.333;
}

#footer {
	
	height:94px;
	margin-top: 10px;
	padding-top:5px;
	text-align: left;
	background: url(../images/layout/footer.jpg) no-repeat;
	font-size:0.8em;
}

/*####### content styles #######*/

.ce_text{margin-bottom:10px;}


#willkommen h2 {text-align:left;}

#willkommen .ce_form .col_0
{
  width: 209px;
}

#content_right .formbody .explanation pre
{
	font-size:0.7em;
	width:300px;
}


#content .mod_article em{
	font-style:italic;
	/*font-family: Brushstroke, fantasy;
	font-size: 1.23em;*/
}
.banner{
	display:block;
	float:left;
	width:100%;
}
.banner h1
{
	display:block;
	margin: 14px;
	font-size: 1.4em; 
}

#content .headline
{
	font-weight: bold;
	font-size:1.9em;
}
#content .second_headline
{
	font-weight: bold;
	font-size:1.333em;
	margin-bottom:10px;
}

#content_right div.image_container
{ padding-right:15px; padding-left:15px;}
#content_right .ce_accordion .accordion div strong, #content_right .ce_text strong { color:#232323;}

#content_right .mod_article h1
#content_right .mod_article h2,
#content_right .mod_article h3,
#content_right .mod_article h4,
{
	font-weight: bold;
	text-align:left;
}
#content_right .mod_article h1 {font-size:1.5em; padding-bottom: 13px;}
#content_right .mod_article h2{font-size:1.3333em; padding-bottom: 10px;}
#content_right .mod_article h3, h4{ font-size:1.1em; padding-bottom: 8px;}

/*Zitate*/
#content_right .mod_article pre
{ 	
	font-size: 0.8em; 
	font-weight:normal; 
	color:#777; 
	margin-top:0px; 
	margin-left:10px; 
	margin-bottom:10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
} 

/*text links*/
#content_right  a , #content_right .ce_accordion .accordion div a
{	
	font-weight:bold;
	color: #698C38; 
	text-decoration: none; 
	padding: 0px 1px 0px 9px; 
	background: url(../images/layout/href_grey999.gif) no-repeat 2px 1px;
}

#content_right pre a, 
#content_right .ce_accordion .accordion div pre a
{ 
	text-decoration: none; 
	font-weight:normal; 
	color:#555; 
	margin-top:5px;
	padding: 0px 1px 0px 9px; 
	background: url(../images/layout/href_grey999.gif) no-repeat 2px 1px;
}

#content_right .ce_accordion .accordion div pre a:hover,
#content_right pre a:hover{
	text-decoration: underline;
}


#content_right   a.anchor{padding:0px; background:none;}

#content_right   a:link, #content_right .ce_text  a:visited{}    
#content_right   a:hover, #content_right  a:active  
{  
	color: #333; 
	text-decoration: underline;
	background: url(../images/layout/href_black.gif) no-repeat 2px 1px;
}

#content_right ul, #content_right ol
{
	margin-left:20px;
	padding-bottom:10px;
}
 #content_right ol {margin-left:30px;}
 #content_right ol li {margin-bottom:3px;}
#content_right ul li{margin-top:6px;	list-style-image:url(../images/layout/bullet_green.png);list-style-position:outside;}

#content_right div.image_container img{ margin-right:6px; margin-bottom:6px; padding:0px;}
#content_right .ce_accordion div.image_container { margin-right:6px; margin-bottom:6px; padding:0px;} /*accordion fix */
#content_right div.image_container a { background-image:none; padding:0px;margin:0px;}
#content_right div.image_container a:hover img{ opacity: .8; filter: alpha(opacity=80); }
.ce_gallery .image_container img {margin-right:5px;}

#content_right table#pricetable td
{ 
	padding:3px;
	border-bottom: 1px dotted #777;
	border-right: 1px dotted #777;
	vertical-align:top;
}

#footer  #copyright a
{
	text-decoration:none;
	color:#666666;
}

#footer #copyright a:hover
{
	color:#333333;
	text-decoration:underline;
}
#footer p.footer{padding-top:64px; text-align:center;}

.transparent45{	
	filter:alpha(opacity=45);
	-moz-opacity:.45;
	opacity:.45;}


.mod_imagerotator img {vertical-align:top;}

.mod_quicknav .select{width:80px; background-color:transparent;}

/* ####### accordion ####### */
.ce_accordion .toggler, .notoggler{
    height:38px;
	background:transparent url(../images/layout/bg_accordion.jpg) left center no-repeat;
	cursor:pointer; cursor:hand;
	font-size: 0.9em;
	line-height:27px;
	padding-left:30px;
	color: #fff;
}


.ce_accordion .toggler:hover
{
	/*give feeling of hoverbuttons */
	/*background-position:10px 0px;*/
	background:transparent url(../images/layout/bg_accordion_hover.jpg) left center no-repeat;
}

.ce_accordion .toggler h3{font-weight:normal;}


.ce_accordion div.accordion
{
    /*border-left:1px #909090 dotted;*/
}

.ce_accordion div.accordion div
{
    padding-top:0px;
	padding-left:15px;
	padding-right:15px;
}

/*####### print2 PDF ####### */
.pdf_link
{
	margin-top:5px;
	text-align:right;
	font-size:0.9em;
}

.pdf_link a, .pdf_link a:link, .pdf_link a:visited, .pdf_link a:active 
{
	color:#777;
	margin:2px;
	text-decoration:none;
	border-bottom: 1px dotted #777;
	padding: 0px 1px 0px 9px; 
	background: url(../images/layout/href_grey999.gif) no-repeat 2px 1px;
}

.pdf_link a:hover
{
	margin:2px;
	border-bottom: 1px solid #777;
}

/* ####### mainnavigation ####### */

.mainnav_container {
	font-size:0.9em;
	font-weight:bold;
}
.mainnav_container p { margin:0px; }

.mainnav_container a, .mainnav_container p
{
	display: block;
	padding: 3px 3px 3px 0px;
	_width: 140px;
	border-bottom:1px solid #ffffff;
}

.mainnav_container a:link, .mainnav_container a:visited, 
.mainnav_container a:active{ text-decoration: none; }

.mainnav_container a:hover { background: url(../images/layout/) no-repeat; border-bottom:1px solid #696969;}
.mainnav_container p.active, .mainnav_container a.trail{  border-bottom:1px solid #696969; color: #666;}
.mainnav_container p:hover { cursor:cross; }
.mainnav_container .level_2 p.active, .mainnav_container .level_2 a:hover,
.mainnav_container .level_3 p.active, .mainnav_container .level_3 a:hover
{ border-bottom:1px solid transparent;}

.mainnav_container ul.level_1 
{
	list-style: none; 
	margin-left: 0px;
}

.mainnav_container ul.level_1 a, 
.mainnav_container ul.level_1 p
{
	width:140px;
}

.mainnav_container ul.level_1 li:hover{
	list-style: none; 
	list-style-image: url(../images/layout/); 
}

.mainnav_container ul.level_1 li.active, .mainnav_container ul.level_1 li.trail
{
	list-style: none; 
	list-style-image: url(../images/layout/); 
}

.mainnav_container ul.level_2 
{ 
	margin-left: 18px;
	list-style:none;
}

.mainnav_container ul.level_2 li:hover
{
	list-style: circle; 
	list-style-image: url(../images/layout/bullet_nav_hover.png); 
}

.mainnav_container ul.level_2 li.active
{
	list-style: circle; 
	list-style-image: url(../images/layout/bullet_nav.png); 
}

.mainnav_container ul.level_2 a, .mainnav_container ul.level_2 p{width:120px;}

.mainnav_container ul.level_3 
{
	background-color: #404040;
	list-style: square;
	list-style-image: url(../images/layout/);
	margin-left: 20px;
}
.mainnav_container ul.level_3 a, .mainnav_container ul.level_3 p{width:100px;}

/* control the visibility*/
/*level2*/
.mainnav_container ul.level_1 li.submenu ul.level_2 {display:none;}
.mainnav_container ul.level_1 li.active ul.level_2 {display:block; }
.mainnav_container ul.level_1 li.trail ul.level_2 {display:block;}
/*level3*/
.mainnav_container ul.level_1 li.submenu ul.level_3 {display:none;}
.mainnav_container ul.level_2 li.active ul.level_3 {display:block;}
.mainnav_container ul.level_2 li.trail ul.level_3 {display:block;}
.mainnav_container a.invisible {display:none;}
 
/* ####### Forms ####### */

#content_right label{
	text-align: left;
}

/*all text inputs*/
.text, .captcha, .textarea, .select
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	border: 1px inset #909090;
	font-size:0.9em;
	padding:3px;
	padding-left:5px;
	background:url(../images/layout/input_dropshadow.jpg) no-repeat;
	margin:3px;	margin-left:0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	
	
	
	color:#fff;
	background: #698C38;
	-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
	black 0px 1px 2px inset,
	rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
	black 0px 1px 2px inset,
	rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
	black 0px 1px 2px inset,
	rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 1px;
	outline:none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 1 2px 0 rgba(0, 0, 0, 0.5);
	
	
	
}
.text{ width:240px;}
.select{width:249px;}

.ce_form .col_0 { padding-top:3px; vertical-align:baseline; width:200px;}
.ce_form .col_1 {padding-left:10px;}
.formbody, .ce_form, .error {padding:0px !important;}

.ce_form label{ text-align:left}



.captcha{ width:20px; margin-bottom:0px;}
.error{	color: #698C38; font-size:0.9em; }

/*all submit buttons in forms*/
.submit
{

	
	text-decoration: none;
	color: #0C0C0C;
	display: inline-block;
	margin: 10px 0px;
	padding: 3px 10px;
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfcfb), to(#9d9e9d));
	background: -moz-linear-gradient(#fbfcfb, #9d9e9d);
	background-color: #fbfcfb;
	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px;
	-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
	-moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
	box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: default;
	
	
	
}

/*all submit buttons:hover in forms*/
.submit:hover
{
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.8) 0px -1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#abacab), to(#4d4e4d));
	background: -moz-linear-gradient(#abacab, #4d4e4d);
	background-color: #abacab;
	text-decoration:none;
	
	    -moz-box-shadow: 0px 0px 10px #698C38;
    -webkit-box-shadow: 0px 0px 10px #698C38;
    box-shadow: 0px 0px 10px #698C38;
}

.submit:active{
    color:#fff;

	background: #698C38;
	-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
	black 0px 1px 2px inset,
	rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
	black 0px 1px 2px inset,
	rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
	black 0px 1px 2px inset,
	rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 1px;
	outline:none;
}

/*submit width definitions*/
.emailform .submit{width:70px;}


/* #######  NOSCRIPT#######  */
div.noscript
{
	padding-top:300px;
	background-color:#18191F;
	position: fixed; 
	left: 0; top: 0; 
	width: 100%; height: 100%;
	filter:alpha(opacity=80);
	opacity:0.8;
	text-align:center;
	background-color:#18191F;
	font-weight:bold;
	font-size: 1.1em;
	color: white;
}

#dn-created-by{	cursor:crosshair ;	color:#909090;}
#dn-created-by a.dn-footer {	border:none; text-decoration:none; color:#909090; }
#dn-created-by a:hover {	text-decoration:underline; }

.googlestaticmap{

		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

