/* huth-css */
/* GENERAL SETTINGS ------------------- */

@import url("/css/reset.css");

body
{
	background-color: #F0EADC;
	font-size: 12px;
}

h1, h2, p, div
{
	font-family: Helvetica, sans-serif;
	line-height: 1.5em;
	color: #333;
}

p { padding-bottom: 1em; }

h1
{
	font-size: 2em;
	color: #006C01;
	padding: 0em;
	margin: 0em;
}

h2
{
	font-size: 1.5em;
	color: #006C01;
	padding: 0em;
	margin: 0em;
}

a { color: #006C01; }

div.centerer
{
	margin: 2em auto 0em auto;
	width: 800px;
	background-color: #fff;
}

div.header, div.nav, div.content, div.footer { padding: 0em 1em 0em 1em; }

div.header
{
	text-align: right;
	overflow: auto;
	margin-top: 0em;
	padding-top: 1em;
}

div.header a.logo { float: left; }

/* NAV -------------------------------- */
div.nav
{
	border-top: solid 1px #F0EADC;
	border-bottom: solid 1px #F0EADC;
	margin: 0.5em 0em 0em 1em;
	padding: 0.2em 0em 0.1em 0em;
}

div.nav ul { padding-top: 0.1em; }
div.nav ul li { display: inline; }

div.nav a
{
	text-decoration: none;
	padding: 0.4em 1em 0.2em 0.5em;
}

div.nav a:hover { text-decoration: underline; }

#home div.nav a.home
{
	background-color: #F0EADC;
	color: #006C01;
}

#kassen div.nav a.kassen
{
	background-color: #F0EADC;
	color: #006C01;
}

#gebrauchtkassen div.nav a.gebrauchtkassen
{
	background-color: #F0EADC;
	color: #006C01;
}

#antikkassen div.nav a.antikkassen
{
	background-color: #F0EADC;
	color: #006C01;
}

#referenzen div.nav a.referenzen
{
	background-color: #F0EADC;
	color: #006C01;
}

#kontakt div.nav a.kontakt
{
	background-color: #F0EADC;
	color: #006C01;
}

#impressum div.nav a.impressum
{
	background-color: #F0EADC;
	color: #006C01;
}

/* SUBNAV ----------------------------- */
div.subnav {
	margin: 0.3em 0em 0em 1em;
	border-bottom: 1px solid #F0EADC;
}

div.subnav a {
	padding: 0.4em 0.2em 0.2em 0.5em;
	text-decoration: none;
}

div.subnav a:hover {
	text-decoration: underline;
}

/* PRODUCT SUBNAV --------------------- */
div.product_subnav {
	float: right;
	margin: 2em 0.2em 3em 3em;
	width: 180px;
}

div.product_subnav a {
	display: block;
}

div.product_subnav img {
	margin-top: 1em;
}

/* FOOTER ----------------------------- */
div.footer
{
	margin-left: -1em;
	padding-top: 0.5em;
	background-color: #F0EADC;
	font-size: 0.8em;
	color: #666;
}

/* CONTENT ---------------------------- */
div.content
{
	padding-top: 2em;
	padding-bottom: 2em;
	min-height: 10em;
	overflow: auto;
}

div.content h1
{
	margin-top: -0.3em;
	padding-top: 0em;
	margin-bottom: 0.5em;
	font-size: 1.83em;
}

div.content h2 { padding: 0.5em 0em 0.3em 0em; }

div.content ul
{
	padding: 0.2em 0em 0.4em 2em;
	list-style-type: circle;
}

div.content p { max-width: 500px; }
#kassen div.content p { max-width: 550px; }

div.content form label
{
	display: block;
	margin-bottom: 10px;
}

div.content form input, form textarea
{
	width: 440px;
	border: 1px solid #ccc;
	margin: 0px;
	padding: 0.3em;
}

div.content form button
{
	margin-bottom: 2em;
	padding: 0 1em 0 1em;
	font-size: 100%;
	color: #006C01;
	background-color: #F0EADC;
	border: 1px solid #ccc;
}

div.content form button:hover { cursor: pointer; }

/* LAYOUT ----------------------------- */
.autooverflow { overflow: auto; }
.floatright { float: right; }
.floatleft { float: left; }
.block { display: block; }

.column1, .column2, .column3
{
	float: left;
	width: 170px;
}

.column2 { padding-left: 180px; }
.column3 { padding-left: 360px; }

/* TYPOGRAPHY ------------------------- */
.larger { font-size: 1.17em; }
.big { font-size: 1.33em; }
.bold { font-weight: bold; color: #555; }
.green { color: #006C01; }

/* MESSEHINWEIS ----------------------- */
p.messehinweis {
	margin: 0em;
	padding: 0em;
	font-size: 1.0em;
	color: #804000;
}