@charset "utf-8";

/**
 * CSS Stile für Bodenart (Print)
 *
 * @author		Florian Ilch <post@fainomenal.de>
 * @copyright	Copyright 2008, Florian Ilch. All rights reserved.
 * @link		http://www.fainomenal.de
 * @package		de_bodenart
 * @version		0.1
*/

body{
	cursor: 				default;
	font: 					normal .75em arial, helvetica, sans-serif;
	line-height:			1.63em;	
}

a{
	color:					black;
}

a img,.nb{border:none;}
a img{cursor: pointer;}

h1{
	font-size:				2em;
}

h1 em{
	display:				block;
	padding-top:			.5em;
	font-style:				normal;
	font-weight:			normal;
}

h2, h3{
	font-size:				1.7em;
	padding-bottom:			.8em;
}

h2{ margin-right: 220px; }
h2 em{ font-style: normal; }
h2 a{ color: #392d1d; text-decoration: none; }
h2 em.sub{ display: block; font-size: .8em; font-weight: normal; padding-top: .2em; }

h3{
	font-size:				1.5em;
	padding-top:			.5em;
}

h4, h5{
	font-size:				1em;
}

h5{
	font-weight:			normal;
}

address,
dl,
p{
	padding-bottom:			1em;
}

dl dd{
	padding-bottom:			1em;
}

address{ font-style: normal; }

.navi{
	display:	none;
}

#galerie a{ display: none; }
#galerie a.btn{
	display:				block;
	height:					170px;
	width:					170px;
	text-indent:			-9999em;
}

#galerie img{
	display:				none;
}

div.container{
	line-height:			140%;
}

div.container h3{
	text-transform:			uppercase;
	font-size:				1em;
	color:					white;
	text-align:				right;
}


/**
 * Formular
 */
form#simplefrm legend{
	display:		block;
	font-weight:	bold;
	padding-bottom:	1em;
}

form#simplefrm fieldset{
	margin-bottom:	1.5em;
}

form#simplefrm label{
	display:		block;
	margin-bottom:	.3em;
}

form#simplefrm br{
	clear:			left;
}

form#simplefrm div{
	float:			left;
	display:		inline;
	margin-bottom:	.6em;
}

input{
	width:	100%;
}

input,
textarea,
select{
	font-family:	arial, sans-serif;
	font-size:		1em;
	padding:		.1em;
	border:			1px solid #201209;
	background:		#dfdbd2;
}
select{ padding: 0; }
option{ padding-left: .2em; }

input.error,
textarea.error,
select.error{
	border:			2px solid #f16806;
}

#fldanrede{
	width:			5em;
}

#frmmisc{
	clear:			both;
	margin-bottom:	1em;
}

#frmmisc label,
#frmperpage label{
	float:			left;
	text-transform:	none;
	background:		none;
	font-weight:	normal;
	width:			11em;
	overflow:		hidden;
	padding:		0 0 0 .3em;
}
#frmmisc label.last{ width: auto; }
#frmmisc br{ clear: both; }
form #frmmisc div{ margin-bottom: .1em; }

.bodenart-checkbox{ display: inline; float: left; }
.bodenart-checkbox-box{display: inline; font-size: 16px; line-height: 16px; cursor: pointer; }
.bodenart-checkbox .mark{display: inline;}
.bodenart-checkbox img{vertical-align: middle; width: 16px; height: 16px; display: block; }
.bodenart-checkbox img{ background: transparent url('../medien/img/b_checkbox.png') no-repeat;}
.bodenart-checkbox img{ background-position: 0px 0px; }
.bodenart-checkbox-hover img{ background-position: -16px 0px; }
.bodenart-checkbox-checked .bodenart-checkbox img{ background-position: 0px -16px; }
.bodenart-checkbox-checked .bodenart-checkbox-hover img{ background-position: -16px -16px; }
.bodenart-checkbox-disabled img{ background-position: 0px -32px; }
.bodenart-checkbox-checked .bodenart-checkbox-disabled img{ background-position: 0px -48px; }

#btn{
	clear:			both;
	background:		#dfdbd2;
	border:			2px solid #201209;
	width:			13em;
	height:			3em;
	margin-top:		.5em;
	color:			#392d1d;
	font-weight:	bold;
}
#btn:hover{ background: #B2A89C; }

/**
 * Klassen und Sonstiges
 */
 p.info{
 	border:					2px solid #f16806;
 	font-weight:			bold;
	padding:				2em;
	margin-bottom:			1.5em;
 }
 
.bildlist{
	width:					430px;
	margin-bottom:			.8em;
	overflow: 				hidden;
}

.bildlist li{
	float:					left;
	margin-right:			5px;
	margin-bottom:			5px;
}

.bildlist li a{
	border:					2px solid #201209;
	display:				block;
}

.logo{ width: 230px; }
.logo li a{
	height: 48px;
	width:	98px;
}

.produkte li a{
	border:					none;
	line-height:			82px;
	height:					82px;
	width:					210px;
}

.produkte li a img{
	float:					left;
	border:					2px solid #201209;
	margin-right:			1em;
}

.bildlist li a:hover,
.produkte li a:hover img{ border-color: #ff832d; }

.container dl{ margin-right: 0; padding-right: 1.2em; padding-left:	1.2em; }

.list{
	margin-bottom:			1em;
}

.list li{
	padding-left:			1em;
	background:				transparent url('../medien/img/l_item.gif') 0em .6em no-repeat;
}

dl.klist dt{
	float:					left;
	width:					4em;
}
dl.klist dd{ padding-bottom: 0; }

.cleft{
	width:					17.5em;
	float:					left;
	margin-right:			2em;
}

#inhalt .cleft p,
#inhalt .cleft .klist{
	margin-right:			0;
}

a.refimp{ text-decoration: none; font-weight: normal; color: #392d1d; }
a.refimp strong{ font-weight: bold; }
a.refimp span{ color: #f16806; }
a.refimp:hover span{ text-decoration: underline; }
.elh{display:none;}
