@charset "utf-8";
html { height: 100%; }
body { 
	min-height: 101%;
	text-align: center;
	color: #333;
	background: #fff url(/images/bg_gradient.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearing { height:0;clear:both; font-size:1px;line-height:0; overflow:hidden; }
.textcenter { text-align: center; }
.textright { text-align: right; }

/* basic layout */
#wrap {
	position:relative;
	width: 85%;
	max-width: 1000px;
	min-width: 750px; 
	margin: 0 auto;
	text-align: left;
	background: url(/images/pageborder_topleft.gif) top left no-repeat;
}
#inner_wrap {
	position:relative;
	background: url(/images/pageborder_topright.gif) top right no-repeat;
}
* html #wrap,
* html #inner_wrap {
	width: 750px; /* fixed width for ie5-6 */
}
#header {			
}
#header_logo {
	float: left;
	width: 30%;
}
#header_navigation {
	float: left;
	width: 69%;
	margin-bottom: 25px;
}
#content_sidebar {
	margin-right:71%;
}
#content_main {
	float:right; width:70%;
	background: url(/images/divider.gif) bottom left repeat-y;
}
#footer {
	background-color: #fff;
	clear: both;
}
#footer_left {
	float: left;
	width: 30%;
	height: 80px;
	background: #fff url(/images/pageborder_leftfade.gif) top left no-repeat;
}
#footer_right {
	margin-left: 31%;
	height: 80px;
	background: #fff url(/images/pageborder_rightfade.gif) top right no-repeat;
}
/* content positions */
#content_main_holder{
	margin: 10px 25px 25px 30px;
}
#content_sidebar {
	padding: 10px 25px 25px 25px;
}
#footer_left p {
	padding: 10px 25px 0 25px;
}
#footer_right {
	padding: 10px 25px 0 20px;
}

/* typography */
#header_logo h1 {
	margin: 0 0 0 25px;
}
h2, h3 {
	width: 90%;
}
h2 {
	font-size: 1.7em;
	color: #990000;
	padding: 0.8em 0 0.5em 0;
}
h2.catheader_lampen_l30,
h2.catheader_lampen_m30,
h2.catheader_bodyclocks,
h2.catheader_lichthelme,
h2.catheader_literatur,
h2.catheader_ersatzteile {
	height: 200px;
	width: 100%;
	text-indent: -9999px;
	padding: 0;
}
h2.catheader_lampen_l30 {
	background: url(/images/cat/header_lampen_l30.jpg) top right;
}
h2.catheader_lampen_m30 {
	background: url(/images/cat/header_lampen_m30.jpg) top right;
}
h2.catheader_bodyclocks {
	background: url(/images/cat/header_bodyclocks.jpg) top right;
}
h2.catheader_lichthelme {
	background: url(/images/cat/header_lichthelme.jpg) top right;
}
h2.catheader_literatur {
	background: url(/images/cat/header_literatur.jpg) top right;
}
h2.catheader_ersatzteile {
	background: url(/images/cat/header_ersatzteile.jpg) top right;
}

h3 {
	font-size: 1.4em;
	color: #990000;
	padding: 0.8em 0 0.5em 0;
}
h4 {
	font-weight: bold;
	color: #333;
	display: inline;
	padding: 0;
	margin: 0;
}
h4.datum {
	font-size: 0.8em;
	font-weight: normal;
	color: #fff;
	background-color: #999;
	padding: 0.2em;
}
a:hover {
	text-decoration: underline;
}
p.images {
	text-align: center;
}
a.textlink {
	color: #003399;
	text-decoration: none;
	border-bottom: 1px dotted #003399;
}
a.textlink:hover {
	color: #003399;
	text-decoration: none;
	border-bottom: 1px solid #003399;
}
a.toplink {
	color: #003399;
	font-size: 0.8em;
	text-decoration: none;
	background: url(/images/toplink.gif) center left no-repeat;
	padding-left: 1em;
}
a.orderbox {
	background-color: #990000;
	font-size: 1.2em;
	color: #fff;
	padding: 0.2em;
	text-decoration: none;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
}
#content_main p.price {
	font-size: 1.3em;
	font-weight: bold;
	color: #003399;
}
#content_main p span.price_small {
	font-size: 0.6em;
}
#content_main p.order {
	font-size: 1.3em;
	background-color: #990000;
	color: #fff;
}
#content_main p {
	width: 80%;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0 0 1em 0;
}
#content_main p.small_p {
	font-size: 0.9em;
}
#content_main ul.prod_list p {
	font-size: 1.0em;
	line-height: 1.1em;
	padding: 0.1em;
}
#footer {
	font-size: 0.9em;
}

/* flash */
#start_teaser {
	height: 200px;
	width: 100%;
	margin-bottom: 2em;
}

/* tables */
table {
	width: 80%;
	font-size: 1em;
}
table td {
	padding: 0.2em;
	vertical-align: top;
}
tr.table_sqrow {
	background-color: #e8e8e8;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
td.table_label, th.table_label {
	width: 40%;
	font-weight: bold;
}
table.quiztable {
	font-size: 0.8em;
	width: 80%;
	margin-bottom: 1.5em;
}
table.quiztable th {
	background-color: #e8e8e8;
	padding: 0.3em;
	border-bottom: 1px solid #333;
}
table.quiztable td {
	padding: 0.3em;
	border-bottom: 1px solid #333;
}
table.quiztable td.quizlabel {
	width: 25%;
}

/* forms */
form#standardform {
	width: 80%;
}
form#standardform p {
	width: 100%;
	clear: left;
}
form#standardform label {
	float: left;
	display: block;
	width: 30%;
	font-size: 1em;
}
form#standardform fieldset {
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #ccc;
}
form#standardform fieldset legend {
	margin-bottom: 0.5em;
}

form#standardform select#form_produkt {
	width: 98%;
}
form#standardform input, select {
	width: 68%;
}
form#standardform input.button {
	width: 10em;
}
form#standardform textarea {
	width: 98%;
}
form#standardform p.mailerror {
	color: #CC0000;
	font-weight: bold;
} 
#content_main p.formerror {
	color: #CC0000;
	font-weight: bold;
	border: 1px solid #CC0000;
	padding: 2%;
	width: 76%;
	margin-bottom: 1em;
}
#content_main p.formsuccess {
	color: #339900;
	font-weight: bold;
	border: 1px solid #339900;
	padding: 2%;
	width: 76%;
	margin-bottom: 1em;
}
/* lists */
ul.featurelist {
	margin-bottom: 1em;
}
ul.featurelist li {
	list-style-position: inside;
	list-style-image: url(/images/feature.gif);
	padding: 0.1em 0 0.1em 0;	
}