/*
 *  CSS-Stylesheet
 *
 *  author: Tobias Kivelip <tobias@kivelip.net>
 *  agency: www.e8media.de <info@e8media.de>
 *  project: www.althaustea.de
 *  date: 24 APRIL 2007
 *
 */

/* default: alle abstaende entfernen */
*
{
    margin: 0;
    padding: 0;
}

/* delete anoying :focus borders */
body
{
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
	color: #515151;
	background-color: #fff;
	padding-bottom: 30px;
}

/* ------------ ueberschriften ------------ */
h1,
h2,
h3,
h4,
h5,
dl.split dt
{
	display: block;
	color: #515151;
	font-size: 26px;
	font-family: "Times New Roman", "Times Roman", Times, serif;
	font-weight: normal;
	margin: 25px 20px 0 20px;
}

h2,
dl.split dt
{
	font-size: 20px;
}

/* Überschriften links und rechts prominenter */
div#rightCont h2,
div#leftCont h2
{
	color: #aa7b17;
	font-size: 23px;
}

/* Überschrift unter h3 */
h2.sub
{
	margin-top: 2px;
}

h2.highlight
{
	color: #7e7f37;
}

/* Link für die Fade Boxen */
h2 a,
h2 a.closed
{
	background: url('/img/fadeLinkBack.gif') no-repeat right top;
	display: block;
	color: #515151;
}

h2 a.open
{
	background-image: url('/img/fadeLinkBackClose.gif');
}

h2 a:hover,
h2 a:active,
h2 a:visited
{
	color: #515151;
}

/* Überschriften der Teesorten */
div#middleCont h2.icon
{
	background: url('/img/h2_icon.gif') no-repeat left center;
}

div#middleCont h2.icon a
{
	padding-left: 22px;
	color: #361803;
}

/* weitere Überschriften */
h3
{
	font-size: 18px;
}

h4
{
	margin-top: 10px;
	font-size: 14px;
}

/* ------------ links ------------ */
a,
a:active,
a:visited
{
	color: #d8a500;
	text-decoration: none;
}

a:hover,
a:focus
{
	text-decoration: underline;
}

/* ------------ absaetze ------------ */
p
{
	margin: 10px 20px 0 20px;
	line-height: 160%;
}

p.btn
{
	text-align: right;
	margin-top: 5px;
}

p.btn img,
div#rightCont p.btn img
{
	border: none;
	padding: 0;
	margin: 0;
}

p.copyright,
p.copyright a,
p.copyright a:active,
p.copyright a:visited
{
	color: #c0c0c0;
}

/* Listen */
div#middleCont ul
{
	margin: 10px 20px 0 35px;
	line-height: 160%;
	list-style-type: square;
}

/* ------------ bilder ------------ */
img
{
	border: none;
}

p img
{
	padding: 5px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}

div#rightCont p img
{
	padding: 0;
	float: left;
	margin: 3px 10px 5px 0;
	border: none;
}


/* ------------ trenner ------------ */
hr
{
	padding: 0;
	margin: 20px 20px 0 20px;
	height: 1px;
	display: block;
	border: none;
	background-image: url("/img/trenner.gif");
	background-color: transparent;
}

/* ------------ formulare ------------ */
label
{
	display: block;

	margin-bottom: 3px;
}

div#middleCont label
{
	width: 120px;
	float: left;
	margin-bottom: 10px;
}

div#middleCont input,
div#middleCont textarea,
div#middleCont select
{
	display: block;
	width: 200px;
	float: left;
	border: 1px solid #a2a2a2;
	font-size: 1em;
	padding: 1px;
	margin-bottom: 10px;
}

div#middleCont form p.scriptschutz img
{
	padding: 0;
}

div#middleCont form p,
div#rightCont form p
{
	clear: left;
}

div#middleCont form p.btn,
div#rightCont form p.btn
{
	text-align: right;
}

div#middleCont form p.btn input,
div#rightCont form p.btn input
{
	width: auto;
	border: none;
	padding: 0;
}

input.txtField,
select.txtField
{
	border: 1px solid #c0c0c0;
	width: 238px;
	font-family: verdana, arial, sans-serif;
    font-size: 10px;
	color: #515151;
	padding: 2px 5px 2px 5px;
}



/* -------------------------------- grundaufbau -------------------------------- */
/* hauptkontainer */
div#top
{
	width: 1003px;
	overflow: hidden;
	/* background: #ffffff url("/img/marginaleTop.jpg") no-repeat left top; */
	background-image: url('/img/marginaleTop.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin: auto;

	/* wer zum Henker schreibt hier text-align: center rein? */
	/* text-align: center; */
}

/* ------------ linke spalte ------------ */
div#leftCont
{
	width: 302px;
	float: left;
	overflow: hidden;
	padding: 44px 0 0 0;
}

div#leftCont img
{
	margin: 0 0 0 7px;
}

div#leftCont img.firstPic
{
	border-bottom: 1px solid #a3a3a3;
}

/* absaetze der linken spalte */
div#leftCont p
{
	margin-right: 30px;
	font-size: 10px;
}

/* boxen mit gestricheltem bg */
div#leftCont h3.stroke
{
	margin: 3px 8px 0 7px;
	padding: 30px 0 10px 13px;
	display: block;
	background: #ffffff url("/img/h3_bg.jpg") left top;
}

div#leftCont h3.stroke a,
div#leftCont h3.stroke span
{
	color: #acacac;
	width: auto;
	background-color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}

/* ------------ mittlere spalte ------------ */
div#middleCont
{
	width: 441px;
	float: left;
	overflow: hidden;
	background: #f0f0f0 url("/img/bg_middle_cont.gif") repeat-y left top;
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
}

div#middleCont img.firstPic
{
	margin-left: 10px;
}

div#middleCont img.home
{
	margin-top: -5px;
}

/* 2 boxen nebeneinander */
dl.split
{
	margin: 0;
	padding: 0;
	width: 215px;
	float: left;
	display: block;
	overflow: hidden;
}


div#middleCont h2,
div#middleCont h1,
dl.split dt
{
	color: #361803;
}

dl.split dt
{
	display: block;
}

dl.split dd
{
	display: block;
}

dl.split dd p
{
	font-size: 10px;
	margin-top: 10px;
	margin-right: 15px;
}

div#contentTeaser
{
	width: 421px;
	overflow: hidden;
	background: #D9EF55 url('/img/bg_content_teaser.jpg') left bottom no-repeat;
	margin: 3px 20px 0 10px;
	padding-bottom: 41px;
}

div#contentTeaser h2,
div#contentTeaser h3,
div#contentTeaser h4
{
	font-family: "Times New Roman", sans-serif;
	font-size: 30px;
	color: #322201;
	margin: 30px 20px 0px 15px;;
}

div#contentTeaser h3
{
	font-size: 23px;
	margin-top: 2px;
}

div#contentTeaser h4
{
	font-size: 16px;
	margin-top: 20px;
}

div#contentTeaser p,
div#contentTeaser ul
{
	color: #000000;
	margin: 15px 25px 15px 15px;
}

div#contentTeaser ul
{
	margin-left: 30px;
}

div#contentTeaser a
{
	color: #000000;
	text-decoration: underline;
}
div#contentTeaser a:hover
{
	text-decoration: none;
}


/* ------------ rechte spalte ------------ */
div#rightCont
{
	width: 260px;
	float: left;
	overflow: hidden;
	padding-top: 10px;
}

div#rightCont img.firstPic
{
	margin: 17px 0 0 8px;
}

div#rightCont h2,
div#rightCont h4,
div#rightCont p,
div#rightCont hr
{
	margin-right: 10px;
	margin-left: 18px;
}

div#rightCont p
{
	font-size: 10px;
}

div#rightCont hr
{
	margin-top: 10px;
}

/* ------------ Footer ------------ */
div#footer
{
	margin-top: 30px;
	padding-top: 25px;
	padding-bottom: 30px;
	clear: both;
	background: #fff url('/img/bgFooter.jpg') -1px top no-repeat;
}

div#footer p
{
	margin-left: 10px;

}

div#footer p img
{
	margin: 0 5px 5px 0;
	padding: 0;
	border: 0;
	float: left;
}
div#footer p a.totop
{
	background: url('/img/iconToTop.gif') right center no-repeat;
	padding-right: 14px;
	color: #d4a425;
	float: right;
	display: block;
}

/* -------------------------------- navigation -------------------------------- */
/* ------------ hauptnavigation ------------ */
ul#navi
{
	margin: 15px 8px 0 7px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #bdbdbd;
}

ul#navi li
{
	margin: 0;
	padding: 0;
}

ul#navi li p
{
	display: block;
	background-color: #efefef;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 24px;
	margin: 0;
	padding: 0 0 0 19px;
}

ul#navi li a,
ul#navi li a:active,
ul#navi li a:visited
{
	display: block;
	height: 24px;
	background: url("/img/navi/li.gif") no-repeat left top;
	color: #515151;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 24px;
	padding-left: 30px;
}

ul#navi li a:hover,
ul#navi li a:focus
{
	background-image: url("/img/navi/li_act.gif");
}

ul#navi li a:focus
{
	outline: none;
}

ul#navi li.act a
{
	color: #333;
	background-image: url("/img/navi/li_act.gif");
}

* html ul#navi li.act a
{
	color: #333;
	background-image: url("/img/navi/li_act.gif") !important;
}

/* ------------ 2. Navi Ebene ------------ */
ul#navi li ul
{
	display: none;
	visibility: hidden;
}

ul#navi li.act ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	visibility: visible;
	display: block;
}

ul#navi li.act ul li
{
	margin: 0 0 1px 0;
	padding: 0;
}

ul#navi li.act ul li a,
ul#navi li.act ul li a:active,
ul#navi li.act ul li a:visited
{
	display: block;
	height: 24px;
	background: #e6e6e6 url('/img/navi/li_sub.gif') no-repeat 7% center !important;
	color: #555;
	text-decoration: none;
	text-transform: none;
	line-height: 24px;
	padding-left: 35px;
}

ul#navi li.act ul li a:hover,
ul#navi li.act ul li a:focus
{
	background-color: #c9c9c9 !important;
}

ul#navi li.act ul li a:focus
{
	outline: none;
}

ul#navi li.act ul li.act a
{
	/*background-color: #d9d9d9;*/
	color: #444 !important;
	background-color: #c9c9c9 !important;

}

* html ul#navi li.act ul li.act a
{
	color: #444 !imporant;
	background-color: #c9c9c9 !important;
	background-image: none;
}

/* ------------ servicenavigation ------------ */
ul#service
{
	margin: 0 5px 0 12px;
	padding: 0;
	list-style: none;
	height: 17px;
	overflow: hidden;
	display: block;
	background-color: #fff;
}

ul#service li
{
	display: block;
	float: left;
	padding: 0 6px 0 5px;
	background: #fff url(/img/navi/strenner.gif) no-repeat right center;
	line-height: 16px;
}

ul#service li a,
ul#service li a:active,
ul#service li a:visited
{
	font-size: 9px;
	color: #969696;
}