/*
////////////////////////////////////////////////////////////////
//
// format.css  Stylesheet fuer die gesamte Webside
// erstellt durch gia-online, 53175 Bonn, www.gia-online.de
//
////////////////////////////////////////////////////////////////
*/

/* CSS Document - www.bund-deutscher-baumschulen.de */

* {
	margin: 0 auto;
	padding: 0;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #E8E8E8 url(../images/layout/bg.gif) repeat-y top center;
	text-align: center;
	line-height: 150%;
}
.clear {
	clear: both;
}
hr {
	clear: both;
	background-color: #cccccc; /* Mozilla 1.4 */
	color: #cccccc; /* IE 6 */
	border: #cccccc; /* Opera 7.11 */
	height: 1px; /* in Opera f�r die Anzeige n�tig, in Mozilla f�r die einheitliche H�he */
	margin-top: 10px;
	margin-bottom: 10px;
}

/***************************************************/
/* Schriften                                       */
/***************************************************/

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #006600;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 140%;
}
#content_right h1, #content_left h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #006600;
	font-weight: normal;
	margin-bottom: 10px;
}
h3 {
	font-size: 22px;
	color: #004B2B;
	font-weight: normal;
	margin-top: 10px;
	border-bottom: 1px #99B7AA solid;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #99B7AA solid;
}
.rot {
	font-size: 14px;
	color: #CC0000;
}
.align-justify {
	text-align: justify;
}

/***************************************************/
/* Boxen                                           */
/***************************************************/

#header {
	padding: 0px;
	margin-top: 10px;
	height: 260px;
	width: 980px;
}
#service_nav {
	position:absolute;
	z-index: 99;
	top: 21px;
	width: 965px;
	padding: 0px 0px 15px 0px;
	margin: 0 auto;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
}
#nav_header {
	height: 50px;
	width: 740px;
	padding: 0px 0px 0px 240px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(../images/layout/bg_nav.gif) no-repeat top left;
}
#content {
	clear: both;
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin-top: 25px;
	text-align: left;
}
* html #content {
	padding: 0px 0px 0px 0px;
}
#content_left {
	float: left;
	text-align: left;
	width: 225px;
	padding: 0px 0px 0px 5px;
	margin-bottom: 40px;
}
#subnav {
	float: left;
	text-align: left;
	width: 225px;
	padding: 0px;
	margin: 0 auto;
	background: url(../images/layout/bg_subnav_top.gif) repeat-y top left;
}
#subnav_bottom {
	float: left;
	width: 224px;
	height: 8px;
	padding: 0px;
	margin-bottom: 15px;
	background: url(../images/layout/bg_subnav_bottom.gif) no-repeat top left;
}
#content_middle {
	float: left;
	text-align: left;
	width: 470px;
	padding: 0px 15px 0px 15px;
	margin-bottom: 40px;
}
#content_middle img {
	margin: 5px;
}
#content_middle ul, ol {
	padding-left: 25px;
}
#content_middle li {
	padding-bottom: 10px;
}
#content_middle_large {
	float: left;
	text-align: left;
	width: 720px;
	padding: 0px 15px 0px 15px;
	margin-bottom: 40px;
}
#content_middle_large ul, ol {
	padding-left: 25px;
}
#content_right {
	float: left;
	text-align: left;
	width: 250px;
	padding: 0px;
	margin-bottom: 40px;
}
.content_right_box {
	float: left;
	text-align: left;
	width: 222px;
	padding: 12px;
	margin: 0 auto;
	background: url(../images/layout/bg_content_right.gif) repeat-y top left;
}
.content_right_bottom_box {
	float: left;
	width: 246px;
	height: 6px;
	padding: 0px;
	margin-bottom: 15px;
	background: url(../images/layout/bg_content_bottom_right.gif) no-repeat top left;
}
.content_left_box {
	float: left;
	text-align: left;
	color: #006600;
	width: 201px;
	padding: 12px;
	margin: 0 auto;
	background: url(../images/layout/bg_subnav_top.gif) repeat-y top left;
}
.content_left_bottom_box {
	float: left;
	width: 225px;
	height: 7px;
	padding: 0px;
	margin-bottom: 10px;
	background: url(../images/layout/bg_subnav_bottom.gif) no-repeat top left;
}
#footer {
	clear: both;
	background: url(../images/layout/bg_footer.gif) no-repeat top left;
	height: 50px;
	width: 955px;
	padding: 7px 0 0 15px;
	margin-top: 20px;
	text-align: left;
	color: #060
}

/***************************************************/
/* Bilder			                               */
/***************************************************/

.img_right {
	float: right;
	text-align: left;
	display: inline;
	margin: 3px 0px 3px 10px;
	padding: 0;
	border: 0;
}
.img_right_border {
	float: right;
	text-align: left;
	display: inline;
	margin: 3px 0px 3px 10px;
	padding: 4px;
	border: #99B7AA solid 1px;
}
.img_left {
	float: left;
	text-align: left;
	display: inline;
	margin: 0 auto;
	padding: 0px;
	border: 0;
	text-decoration: none !important;
}
.img_left_border {
	float: left;
	text-align: right;
	display: inline;
	margin: 0px 15px 5px 0px;
	padding: 4px;
	border: #99B7AA solid 1px;
}

/***************************************************/
/* Links                                           */
/***************************************************/

a, a:link, a:visited, a:active {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
#content_middle a, #content_middle a:link, #content_middle a:visited, #content_middle a:active {
	color: #006600;
	font-weight: bold;
	text-decoration: underline;
}
#content_middle a:hover {
	color: #333333;
	text-decoration: none;
}
#content_middle_large a, #content_middle_large a:link, #content_middle_large a:visited, #content_middle_large a:active {
	color: #006600;
	font-weight: bold;
	text-decoration: underline;
}
#content_middle_large a:hover {
	color: #333333;
	text-decoration: none;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #9EB374;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/***************************************************/
/* Login-Form                 			   */
/***************************************************/

input.field_right  {
	color: #CCCCCC;
	background-color: #F4F4F4;
	border: #CCCCCC 1px solid;
	width: 208px;
	margin: 0 auto;
	padding: 3px 5px 3px 2px;
}

input.field_right:focus	{
	background-color:#ffffff;
	color: #000000;
}
.button {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background: url(../images/layout/bg_form_button.gif) no-repeat top left;
	text-decoration: none;
	border: 0;
	width: 85px;
	height: 23px;
	line-height: 23px;
	margin-top: 5px;;
	padding: 0px 0px 2px 0px;
	cursor: pointer;
}

/***************************************************/
/* Kontaktformular                                 */
/***************************************************/

fieldset.csc-mailform, fieldset.suchmaske  {
	clear: both;
	border: 0px;
}
	
fieldset.csc-mailform label, fieldset.suchmaske label {
	width: 100px;
	float: left;
	clear: right;
}

fieldset.suchmaske label {
	width: 200px;
}

.suchmaske select {
	color: #666666;
	background-color: #F4F4F4;
	border: #CCCCCC 1px solid;
	margin: 3px auto;
	padding: 3px 5px 3px 2px;
}

.csc-form-field input, fieldset.csc-mailform input, textarea, fieldset.suchmaske input {
	color: #666666;
	background-color: #F4F4F4;
	border: #CCCCCC 1px solid;
	width: 300px;
	margin: 3px auto;
	padding: 3px 5px 3px 2px;
}

fieldset.csc-mailform input:focus, textarea:focus, fieldset.suchmaske input:focus {
	background-color:#ffffff;
	color: #000000;
}

.csc-mailform-field input#submit, .csc-mailform-submit  {
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 11px !important;
	background: url(../images/layout/bg_form_button.gif) no-repeat top left !important;
	text-decoration: none;
	border: 0 !important;
	width: 85px !important;
	height: 23px !important;
	line-height: 23px !important;
	margin-top: 110px !important;
	margin-left: 100px !important;
	padding: 0px 0px 2px 0px !important;
	cursor: pointer !important;
	clear: both !important;
}

DIV.csc-mailform-field {
	margin-right: 0px;
	margin-bottom: 10px;
	height: 27px;
	border: 0px;
}

/***************************************************/
/* Searchfield	                                   */
/***************************************************/

input.field_search  {
	color: #CCCCCC;
	background: url(../images/layout/bg_search.gif) repeat-x top left;
	border: 0;
	width: 116px;
	margin: 0 auto;
	padding: 0px 2px 1px 2px;
}

input.field_search:focus	{
	background-color:#ffffff;
	color: #333333;
}


/***************************************************/
/* RTE                                             */
/***************************************************/

.left {
	clear:both;
	float:left;
}