html {
	background-color: #302f2f;
	background-image:url(../images/bg_main.png);
	background-position:center;
	background-repeat:repeat-y;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #cccccc;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
	margin-bottom: 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#fff;
}
h1 {
	font-size:160%;
	margin-bottom:8px;
}
h2 {
	font-size:140%;
	margin-bottom:8px;
}
.main_wrap {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}

/* generische Klassen */
.cleardiv {
	clear: both;
}

.left { 
	float:left;
}

/*
.center { 
	float:center;
}
*/

.right {
	float:right;
}

.header {
	height: 122px;
}
.header .url {
	text-indent: -2000px;
	background-image: url(../images/www.fokus-natur.de.gif);
	display: block;
	height: 29px;
	width: 321px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 50px;
}
.header .logo {
	background-image: url(../images/logo.fokus-natur.de.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2000px;
	display: block;
	height: 122px;
	width: 140px;
	float: left;
}

.main_wrap #menu {
	background-color: #282828;
	padding: 6px;
}
.menulink {
	color:#FFFFFF;
	font-size:90%;
	font-weight:bold;
	text-decoration: none;
	padding: 0px 15px 0px 10px;
	background-image:url(../images/menu_line_off.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.menulink:hover {
	color:#4fba00;
	background-image:url(../images/menu_line_on.gif);
}

.menulinkactive {
	color:#4fba00;
	font-size:90%;
	font-weight:bold;
	text-decoration: none;
	padding: 0px 15px 0px 10px;
	background-image:url(../images/menu_line_on.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.main_wrap .content_box {
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-bottom:15px;
}
.content_gradient {
	background-image: url(../images/bg_content_gradient.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 12px;
	clear:both;
}

.sidebar {
	display: block;
	width: 154px;
	padding: 7px 0px 0px 6px;
}

#searchbox {
	border:1px solid #95af77;
	padding-left:3px;
	color:#333;
}
#searchbox:focus {
	border:1px solid #4fba00;
	padding-left:3px;
	color:#ccc;
}
.sidebar a {
	color: #999;
}

.sidebar a:hover {
	color: #ccc;
}
/* Formular */

.error {
	/*background-image:url(../images/bg_form_miss.gif);*/
	color:#FF6600;
	display:block;
	margin: 0px 0px 20px 0px;
}
label {
	margin-bottom:4px;
	width:120px;
	display:block;
	float:left;
}
.required_fields {
	color: #FF6600;
}
form {
	margin-bottom:25px;
}
.form {
	background-image:url(../images/bg_form.gif);
	border:1px solid #95af77;
	padding-left:3px;
	color:#333;
	margin-bottom:4px;
}

.form:focus {
	border:1px solid #4fba00;
	padding-left:3px;
	color:#ccc;
}

.form_req_missed {
	background-image:url(../images/bg_form_miss.gif);
	border:1px solid #c38080;
	padding-left:3px;
	color:#fff;
	margin-bottom:4px;
}

select, select option {
	background-image:url(../images/bg_form.gif);
}


.button {
	color: #CCCCCC;
	background-image: url(../images/bg_button.gif);
	background-repeat: repeat-x;
	border:1px solid #000;
	padding:1px 4px;
}



/* content*/
.content {
	width:667px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.content .topinfo {
	margin: 5px 20px 0px 0px;
}
.content .topinfo .link {
	color: #666666;
	background-color:#282828;
	padding:2px 4px 2px 4px;
	text-decoration:none;
}
.content .topinfo .link:hover {
	color: #fff;
	background-color:#2e2e2e;
}

.content .topinfo .linkactive {
	color: #fff;
	background-color:#2e2e2e;
	padding:2px 4px 2px 4px;
	text-decoration:none;
}
.linkbasket {
    color: #ff6600 !important;
}

.content p {
width:93%;
}

.content a, .content p a {
	color:#ccc;
}
.content p a:hover {
	color:#333;
	background-color:#ccc;
}

/* Suchergebnissseite */
.content .img_box {
	background-color: #282828;
	float: left;
	width: 150px;
	text-align: center;
	display: block;
	margin-bottom: 20px;
	margin-right: 15px;
}
.content .img_box:hover {
	background-color: #2e2e2e;
}

/* Detailseite */

.content .img_box_detail {
	background-color: #282828;
	float: left;
	width: 620px;
	text-align: center;
	display: block;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.content .img_box_detail:hover {
	background-color: #2e2e2e;
}
.img-container-detail {
	padding: 10px;
	
}

.img-container-detail p {
    text-align: left;
}
.img-container-detail p.middle {
    text-align: left;
    padding-left:100px;
    width: 400px;
}

.img-container {
	padding: 10px;
	height:140px;
}
.img-container img, .img-container-detail img {
	border:1px solid #666666;
}
.img-container img:hover {
	border:1px solid #686868;
}
.img-container a {
    color: #CCCCCC;
    text-decoration: none;
}

.img-description {
	min-height: 20px;
	padding: 3px 13px 5px 13px; 

}
.img-description a {
	color:#CCCCCC;
}

.img-description a:hover {
	color:#FFFFFF;
}

.img-shaddow {
	height: 11px;
	background-image: url(../images/bg_img_bottom.gif);
	background-repeat: repeat-x;
}
.zoomlink {
	text-indent:-4000px;
	display:block;
	height:14px;
	width:14px;
	background-image:url(../images/icon_zoom.gif);
	background-repeat:no-repeat;
	padding-right:2px;
}
.zoomlink:hover {
	background-image:url(../images/icon_zoom_active.gif);
}
.basketlink {
	text-indent:-4000px;
	display:block;
	height:14px;
	width:14px;
	background-image:url(../images/icon_basket.gif);
	background-repeat:no-repeat;
	padding-right:2px;
}
.basketlink:hover {
	background-image:url(../images/icon_basket_active.gif);
}
.outofbasketlink {
	text-indent:-4000px;
	display:block;
	height:14px;
	width:14px;
	background-image:url(../images/icon_outofbasket.gif);
	background-repeat:no-repeat;
	padding-right:2px;
}
.outofbasketlink:hover {
	background-image:url(../images/icon_outofbasket_active.gif);
}
.paging-bottom {
	text-align:right;
	font-size:90%;
	margin: 0px 22px 20px 0px;
	clear:both;
}
.paging-bottom-detail {
	text-align:center;
	font-size:90%;
	margin: 0px 22px 20px 0px;
	clear:both;
}

.paging-bottom .link, .paging-bottom-detail .link {
	text-decoration:none;
	color:#666;
	padding: 1px 4px;
	background-color:#282828;
}

.paging-bottom .link:hover, .paging-bottom-detail .link:hover  {
	color:#FFFFFF;
	background-color:#2e2e2e;
}

.paging-bottom .linkactive{
	text-decoration:none;
	color:#fff;
	padding: 1px 4px;
	background-color:#2e2e2e;
}

.footer {
	width:100%;
	display:block;
	clear:both;
	margin: 10px 0px 20px 0px;
	text-align:center;
	font-size:90%;
}
.footer a {
	color:#ccc;
}
.footer a:hover {
	color:#fff;
}

.tagcloud {
	float: left;
}

.tagcloud a {
	color: #999;
	text-decoration:none;
	padding:0.1em;
	line-height:1.2em;
	vertical-align:middle;
}

.tagcloud a:hover {
	background-color: #ccc;
	color:#333;
}
.tagcloud td a:hover {
	background-color: #ccc;
	color:#333;
}

.tagcloud .linkactive {
	background-color: #ccc;
	color:#333;
}
.width_wrap {
	width:147px;
	display:block;
}
#autocomplete {
	width:150px;
}
div.autocomplete {
      position:absolute;
      width:250px;
      background-color:#dedede;
      border:0px solid #95af77;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { 
background-color: #4fba00;
color:white;
}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      /*height:18px;*/
      color: #666;
      cursor:pointer;
    }


/** BLOG ****/
.widget-area ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}

.widget-area ul li {

    padding-bottom: 10px;
}

.widget-area ul ul {
    list-style: square outside none;
    margin-left: 1.3em;
}

/* image cycle on start */

#startgrid {}
.startgriditem {width:648px; height:456px;}