/*	LEGAL INFORMATION

This document contains content or is created by:

Sven Schun websolutions
Sven Schun, Am Kandelbach 12, 54295 Trier, GERMANY

You are not allowed to publish, modify or copy this document or parts of it.

CHANGELOG | These changes have been made recently
2009-04-11	init
2009-04-20	little changes in colors
2009-04-23	add min-height to #content
2009-06-17	add adjust_to_content_start
2009-06-21	add #flower
2009-09-22	add .subcat
2009-12-08	change image size in #flower img
2010-02-25	change image size in #flower img
2010-08-25	add new background for sidebars and content area

END OF LEGAL INFORMATION */

/* dark-green: #376733 */
/* light-green: #B9CFA0 */
/* rosa-red: #B60028 */

/* general */

* {

	margin: 0;
	padding: 0;
	
	font-family: Verdana, Arial;
	
}

body {
	
	font-size: 65%;

}

a {

	color: #000000;
	
}

a:hover {

	text-decoration: none;
	
}

h1 {

	width: 92%; /* do not raise because of MSIE6 */
	
	border-style: dotted;
	border-color: #B60028;
	border-width: 0 0 2px 0;
	
}

img {

	border-style: none;
	
}

table {

	border-style: none;
	width: 90%;
	margin-left: 20px;
	
}

td {
	
}

input {

	width: 300px;
	
	color: #CC0033;
	font-size: 1.2em;
	font-weight: normal;
	
	background-color: #FFFBF2;
	
}

textarea {

	margin: 5px 0 20px 0;
	
	width: 300px;
	
	color: #CC0033;
	font-weight: normal;
	
	background-color: #FFFBF2;
	
}

select {

	color: #CC0033;
	font-size: 1.0em;
	font-weight: normal;
	
	background-color: #FFFBF2;
	
}

fieldset {

	border-style: none;
	
}

/* page */

#page {

	width: 1000px;
	margin: 0 auto 0 auto;
	
	background-image: url('img/background_wood.jpg');
	
}

#page .header {

	width: 1000px;
	height: 265px;
	
}

/* breadcrumb */

#breadcrumb {

	margin: 5px 0 10px 10px;
	
}

#breadcrumb a {

	color: #ffffff;
	font-weight: bold;
	
	text-decoration: none;
	
}

#breadcrumb a:hover {

	color: #B60028;
	
}

#breadcrumb p {
	
	color: #000000;
	font-size: 1.1em;
	
}

/* left side */

#left {

	width: 190px; /* because of padding-left */
	float: left;

	padding-top: 10px;
	padding-left: 10px;
	
}

#left h1 {

	color: #376733;

	font-size: 1.4em;
	font-weight: bold;
	
	margin: 0 0 5px 0;
	
}

#left a {

	display: block;
	width: 190px;
	
	color: #ffffff;
	font-size: 1.4em;
	text-decoration: none;
	
	font-weight: bold;
	
}

#left a:hover {

	color: #B60028;
	
}

#left p {

	margin: 0 0 2px 0;
	
}

.subcat {

	width: 170px !important; /* instead of 190px, needed because of MSIE6 */
	margin-left: 20px;
	
}

/* content (means the middle of the page) */

#content {

	width: 600px;
	min-height: 800px;
	float: left;
	
	padding-top: 10px;
	padding-bottom: 40px;
	
	background-image: url('img/background_content.jpg');
	
	font-size: 1.2em;

}

#content h1 {
	
	color: #376733;

	font-size: 1.4em;
	font-weight: bold;
	
	margin: 0 0 5px 20px;

}

#content h2 {
	
	padding-left: 15px;
	font-size: 0.9em;
	margin: 10px 0 10px 20px;
	border-style: solid;
	border-width: 0 0 0 15px; /* creates small rectangle */
	border-color: #CC0033;

}

#content p {

	font-size: 0.9em;
	margin: 10px 20px 0 20px;
	text-align: justify;
	
}

#content input {

	font-size: 1.0em;
	
}

#content textarea {

	font-size: 1.0em;
	
}

/* right side */

#right {

	width: 190px; /* because of padding-right */
	float: left;
	
	text-align: right;
	
	padding-top: 10px;
	padding-right: 10px;

}

#right h1 {

	color: #376733;

	font-size: 1.3em;
	font-weight: bold;
	
	margin: 0 0 5px 10px;
	
}

#right a {

	width: 190px;
	
	font-size: 1.1em; /* without this rule, it looks like the links are smaller than the rest */
	
	color: #ffffff;
	text-decoration: none;
	
}

#right a:hover {

	color: #B60028;
	
}

#right p {

	padding-left: 10px;
	margin-right: 10px;

	color: #000000;
	font-size: 1.2em;
	
}

#right input {

	margin-right: 10px;
	
}

/* footer */

#footer {

	clear: both;
	padding: 50px 20px 50px 20px;
	
}

#footer p {

	font-size: 1.1em;
	text-align: center;
	
}

/* other */

.darkgreen {

	color: #003300;
	
}

.darkgreen a {

	color: #003300;
	
}

.trcol1 {

	background-color: #ffffcc;
	
}

.trcol2 {

	background-color: #dedede;
	
}

.submit {

	width: auto;
	margin-top: 5px;
	
	background-color: transparent;
	
}

.error {

	background-color: #ffcccc;
	border-color: #ff0000;
	border-style: solid;
	border-width: 1px;
	width: 500px;
	margin: 30px 0 30px 50px;
	text-align: center;
	padding: 5px;
	
}

.Title { /*need for cms created little titles, is nearly same as #content h2 */
	
	padding-left: 15px;
	font-size: 0.9em;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 0 0 0 15px; /* creates small rectangle */
	border-color: #CC0033;
	font-weight: bold;
	font-size: 1.0em;
	
}

.product_subtitle {

	text-align: left;
	width: 95%;
	height: 25px;
	border-style: none;
	padding-top: 4px;
	font-size: 0.9em;
	color: #000000;
	text-decoration: none;

}

.product_subtitle a {

	color: #3d3c3f;
	text-decoration: none;
	
}

.product_subtitle span {

	float: right;
	font-weight: bold;
	border-style: none;
	
}

.form_field {

	width: 160px; /* same length as buttons */
	margin-bottom: 0;
	
}

.tooltip { /* Modul "Attribut Matrix" */

	display: none;

}

.headerNavigation { /* generated for bread crumb */

	font-weight: normal;

}

/* for correct width of sizes-dropdown in MSIE */
.ss_size {

	width: 180px;
	
}

/* adjust entry page to content box, overwritten for MSIE */
.adjust_to_content_start {

	padding: 0;
	margin-top: -33px;
	
}

/* adjust Adelheid Märchen to content box, overwritten for MSIE */
.adjust_to_content {

	padding: 0;
	margin-top: -25px;
	margin-bottom: -60px;
	
}