/*<![CDATA[*/
/**
 * CSS Style Basislayout fuer Screen und Projection
 *
 * Copyright (c) 2008    die.interaktiven GmbH & Co. KG
 *                       Agentur fuer digitale Medien
 *                       Eisenmarkt 1
 *                       35578 Wetzlar
 *                       Germany
 *
 *                       Fon: +49 (0)64 41 / 39 86 19 - 0
 *                       Fax: +49 (0)64 41 / 39 86 19 - 9
 *                       Web: www.die-interaktiven.de
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */

/**
 * allgemeine HTML-Tags
 */

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 25px 0;
	font-size: 100.01%; 	/******** IE Hack ********/
	text-align: center;
	color: #25357e;
	background: url(../images/body-bg.jpg) top left repeat-x #edece8;
}

h1,
h2,
h3,
h4,
h5
{
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

p
{
	margin: 0;
	padding: 0;
}

a
{
	color: #25357e;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

ul
{
	list-style: none;
	padding: 0;
	margin: 1em 0 1em 1em;
	text-align: left;
}

ul ul
{
	list-style: disc;
	margin-top: 0;
}

ul ul ul
{
	list-style: circle;
	margin-top: 0;
}

ol li
{
	margin: 1em 0 0 0;
	padding: 0;
}

hr
{
	display: block;
	height: 1px;
	color: #25357e;
	background-color: #25357e;
	margin: 0;
	padding: 0;
	border: 0;
}

strong
{
	font-weight: bold;
}

img
{
	border: 0;
}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

legend
{
	display: none;
}

form
{
	margin: 0;
	padding: 0;
}

input,
textarea,
select
{
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input[type=image]
{
	background: transparent;
}
	
/**
 * allgemeine Seitenstruktur
 */
 
#shadow
{
	width: 896px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/shadow-bg.jpg) top left no-repeat;
}

#page
{
	text-align: center;
	font-size: 0.7em;
	margin: 0 auto;
	padding: 0 0 3px 0;
	width: 880px;
	background: #fff;
}

#head
{
	text-align: left;
	width: 874px;
	margin: 0 auto;
	background: url(../images/head-bg.jpg) top left no-repeat;
}

#logo
{
	float: left;
	width: 300px;
}

#logo img
{
	background: url(../images/equinatura-logo.jpg) 16px 13px no-repeat;
}

#navlang
{
	float: right;
	width: 570px;
}


/** LANGUAGE **/

#lang
{
	float: right;
	padding: 20px 30px 0 0;
}

#lang img.de
{
	background: url(../images/de-blass.gif) top left no-repeat;
}

#lang a:hover img.de,
#lang span.active img.de
{
	background: url(../images/de.gif) top left no-repeat;
}

#lang img.en
{
	background: url(../images/en-blass.gif) top left no-repeat;
}

#lang a:hover img.en,
#lang span.active img.en
{
	background: url(../images/en.gif) top left no-repeat;
}

#lang img.fr
{
	background: url(../images/fr-blass.gif) top left no-repeat;
}

#lang a:hover img.fr,
#lang span.active img.fr
{
	background: url(../images/fr.gif) top left no-repeat;
}

/** Navigation **/

#mainnav
{
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
}

#mainnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainnav ul ul
{
	margin: 0;
}

#mainnav li
{
	float: left;
}

#mainnav li a
{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 30px 10px 10px;
	background: url(../images/mainnav-right-bg.gif) left no-repeat;
}

#mainnav li a:hover,
#mainnav li.active a
{
	background: url(../images/mainnav-bottom-bg.gif) left no-repeat;
}

#mainnav li.active a
{
	font-weight: bold;
}

#mainnav li li a,
#mainnav li.active li a
{
	font-weight: normal;
	padding: 5px 15px;
	background: transparent;
	border-bottom: 1px solid #8b8177;
	border-bottom: 1px solid #9d9ebc;
}

#mainnav li li a:hover,
#mainnav li li.active a
{
	background: transparent;
	font-weight: normal;
	color: #f17600;
}

#mainnav li li
{
	position: relative;
	float: none;
	clear: both;
}

#mainnav ul ul
{
	position: absolute;
	z-index: 500;
	padding: 12px;
	background: #000;
	background: #2A3980;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
	display: none;
}

#mainnav ul li:hover ul,
#mainnav ul li.sfhover ul,
#mainnav ul li.sfhover ul
{
	display: block;
}
/* Zerstoert Menu im IE7 
#mainnav ul li.active a
{
	font-weight: bold;
}

#mainnav ul li.active li a
{
	font-weight: normal;
}*/




/*

#mainnav li li
{
	position: absolute;
}

#mainnav li li
{
	display: none;
}

#mainnav li:hover li
{
	display: block;
}
*/

#body
{
	text-align: left;
	width: 874px;
	margin: 0 auto;
	
}

#image img
{
	background: url(../images/image-gras.jpg) top left no-repeat;
	height: 190px;
}

#content
{
	width: 100%;
	padding: 0 0 35px 0;
	background: url(../images/content-gras.jpg) top left no-repeat;
}

#subnav
{
	float: left;
	margin: 0 0 0 5px;
	padding: 15px;
	background: url(../images/subnav-bg.png) top left no-repeat;
}

* html #subnav /** IE 6 Fix for transparent PNGs **/
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://equinatura.diaserver.de/fileadmin/equinatura/website/images/subnav-bg.png');
}

#subnav span.minheight
{
	float: left;
	display: block;
	width: 1px;
	height: 240px;
}

#subnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 186px;
	float: left;
}

#subnav li
{
	
}

#subnav li a
{
	display: block;
	padding: 5px 0 6px 15px;
	text-decoration: none;
	background: url(../images/subnav-right-bg.gif) 8px center no-repeat;
	line-height: 1.5em;
	position: relative; /** IE 6 Fix for transparent PNGs **/
}

#subnav li.mainnav a
{
	font-weight: bold;
	background: url(../images/subnav-bottom-bg.gif) 5px center no-repeat;
}

#subnav li a:hover,
#subnav li.active a
{
	color: #fff;
	/*font-weight: bold;*/
	background: url(../images/subnav-hover-bg.gif) 0 center no-repeat;
}

#elements
{
	float: right;
	width: 630px;
	padding: 0;
}

#footer
{
	background: #2a3980;
	color: #c5c9de;
	font-size: 0.9em;
	text-align: left;
	width: 874px;
	margin: 0 auto;
}

#footer a
{
	color: #c5c9de;
}

#infopoint
{
	float: left;
	padding: 2px 0 3px 8px;
}

#copyright
{
	float: right;
	padding: 2px 8px 3px 0;
}


/**
 * Seitenstrukturen
 */
 
#main #col-left
{
	float: left;
	width: 415px;
	margin: 0;
}

#main #col-right
{
	float: right;
	width: 190px;
}

#main #colspan-bottom
{
	float: none;
	clear: both;
	width: 100%;
}

#main #elements
{
	float: right;
	width: 630px;
	padding: 65px 0 0 0;
}

 
#product #col-left
{
	float: left;
	width: 375px;
	margin: 50px 0 0 0;
}

#product #col-right
{
	float: right;
	width: 230px;
}

#product #colspan-bottom
{
	float: none;
	clear: both;
	width: 100%;
}


#txtonly #elements
{
	float: none;
	clear: both;
	width: 794px;
	padding: 65px 40px 10px 40px;
}

/*
html>body#txtonly #elements
{
	width: 794px;
}
*/

#txtonly #col-left
{
	float: left;
	width: 570px;
}

#txtonly #col-right
{
	float: right;
	width: 200px;
}

#txtonly #colspan-bottom
{
	float: none;
	clear: both;
	width: 100%;
}

#overview #elements
{
	float: none;
	clear: both;
	width: 100%;
}

#overview #col-left
{
	float: left;
	width: 630px;
}

#overview #col-right
{
	float: right;
	width: 190px;
}

#overview #colspan-bottom
{
	float: none;
	clear: both;
	width: 100%;
}


#start #elements
{
	float: none;
	clear: both;
	width: 100%;
}

#start #col-left
{
	float: left;
	width: 250px;
	height: 150px;
	background: url(../images/start-col-left-bg.jpg) top left repeat-x;
}

#start #col-center
{
	float: left;
	width: 250px;
	height: 150px;
	background: url(../images/start-col-center-bg.jpg) top left repeat-x;
}

#start #col-right
{
	float: right;
	width: 374px;
	height: 150px;
	background: url(../images/start-col-right-bg.jpg) top left repeat-x;
}

/**
 * Language ausblenden
 */
/*
#lang
{
	display: none;
}

#mainnav
{
	margin-top: 67px;
}*/

/*]]>*/