/*
 * CSS-File for
 * 1st-dream.de
 * Copyright (c) CLICKSPORTS
 * $Rev: 11 $
 * $Author: svn-cs $
 * $Date: 2009-02-12 15:12:44 +0100 (Do, 12 Feb 2009) $
 */
html, body { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #501E2F;
	background-image: url(../layout/bg_body.gif);
	background-position: 0px 307px;
	background-repeat: repeat-x;
	background-color: #FDDDA3;
	position: relative;
}

a:link { color: #501E2F; text-decoration: none; }
a:visited { color: #501E2F; text-decoration: underline; }
a:hover { color: #501E2F; text-decoration: underline; }
a:active { color: #501E2F; text-decoration: underline; }

/* Basic page structure */
div#header {
	height: 296px;
	border-top: 11px solid #734E62;
	background-image: url(../layout/bg_header.gif);
	background-repeat: repeat-x;
	background-color: #F4C88A;
}

div#sidebar,
div#news,
div#content { top: 343px; }
div#content { padding-bottom: 25px; }

/* Columns get positioned by classes */
div.left_column, div.right_column, div.center_column { position: absolute; }
div.left_column { width: 200px; left: 0px; }
div.right_column { width: 290px; left: 823px; }
div.center_column { width: 486px; left: 281px; }

/* Header Section */
div#header_right { top: 42px; text-align: center; }

div#header h1 { margin-bottom: 84px; }
div#header h2 {
	width: 767px;
	line-height: 79px;
	border-top: 1px solid #F4C88A;
	font-size: 36px;
	color: #F7CE92;
	text-align: center;
	background-image: url(../layout/bg_header_h1.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #F29900;
}

ul#meta_navigation {
	font-size: 14px;
	color: #F29900;
	list-style: none;
}

ul#meta_navigation li {
	padding: 0px 9px;
	border-left: 1px solid #F29900;

	display: inline;
}
ul#meta_navigation li a {
	color: #F29900;
	display: inline-block;
}
ul#meta_navigation li:first-child { padding-left: 0px; border-left: none; }

/* Left Column */
ul#navigation { padding-bottom: 15px; }
ul#navigation,
ul#navigation ul { list-style: none; }
ul#navigation ul { margin-top: 15px; }

ul#navigation li { margin-bottom: 15px; }
ul#navigation li ul li { font-size: 13px; margin-bottom: 7px; }

ul#navigation li a {
	padding-left: 55px; 
	color: #936658;
	text-decoration: none;
	display: block;
}

ul#navigation li ul li a { padding-left: 63px; }

ul#navigation li.active a,
ul#navigation li a:hover {
	margin-bottom: -11px;
	padding-bottom: 10px;
	background-image: url(../layout/bg_navigation_active.gif);
	background-position: 36px 5px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #B6907C;
	color: #501E2F;
	text-decoration: none;
	position: relative;
}

ul#navigation li.active ul li a,
ul#navigation li ul li.active a,
ul#navigation li ul li a:hover {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: none;
	border-bottom: none;
}

ul#navigation li ul li.active a,
ul#navigation li ul li a:hover {
	background-image: url(../layout/bg_navigation_active.gif);
	background-position: 36px 4px;
	text-decoration: underline;	
}

/* Content Column */
div#content h1 {
	margin-bottom: 20px;
	font-size: 20px;
	color: #501E2F;
}

div#content h4 { margin-bottom: 25px; font-weight: 800; font-size: 14px; }
div#content a { text-decoration: underline; }
div#content p { margin-bottom: 25px; line-height: 1.25em; }

div#content a img,
div#content img.bordered {
	border: 4px solid #F29900;
}

div#content ul { margin-bottom: 25px; padding-left: 17px; list-style: square; }

/* Product Overview */
div#content ul.products_overview { padding-left: 0px; list-style: none; }
ul.products_overview li {
	width: 135px;
	height: 180px;
	margin: 0px 13px 10px 10px;
	border: 2px solid #734E62;
	float: left;
}
div#content ul.products_overview a { color: #501E2F; }
div#content ul.products_overview a img {
	border: none;
	border-bottom: 2px solid #F29900;
	display: block;
}

ul.products_overview li h3 { margin-top: 5px; font-size: 12px; text-align: center; }

* html ul.products_overview li { margin-right: 8px; }

/* Right Column */
div.rounded_box {
	margin-bottom: 34px;
	padding-top: 47px;
	background-image: url(../layout/bg_rounded_box_heading.png);
	background-repeat: no-repeat;
}

div.rounded_box h4 {
	top: -10px;
	margin-top: -16px;
	padding-bottom: 13px;
	border-bottom: 1px solid #B6907C;
	color: #501E2F;
	background-color: #F4C88A;
	position: relative;
}
div.rounded_box div.box_noheading { margin-top: -16px; position: relative; }

div.box_contents {
	margin-right: 1px;
	padding: 0px 22px 0px 22px;
	border: solid #F29900;
	border-width: 0px 3px;
	color: #A47863;
	background-color: #F4C88A;
}
div.box_footer {
	height: 31px;
	background-image: url(../layout/bg_rounded_box_footer.png);
	background-repeat: no-repeat;
}

div.box_contents table td { padding-bottom: 5px; vertical-align: top; color: #501E2F; }

div.clearer { clear: both; }