/**
 * Stylesheet for GRIBA Baumschulgenossenschaft
 *
 * Screen/Projection Stylesheet
 *
 * @author		akanai web technologies
 * @link			http://www.griba.it
 * @copyright	Copyright 2009, akanai web technologies
 */
 
/**
 * Global properties and bugfixes
 */

/* set global values */
* {
	padding: 0;
	margin: 0;
}

body, html {
	height: 95%;
}

fieldset, img {
	border: none;
}

body {
	position: relative;
	background-color: #f6f5f1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0e0e0e;
}

.area-nav, .main-nav {
	padding: 25px 0 0 10px;
}

.area-nav dd {
	background: url('../img/nav-bullet.gif') no-repeat 23px 10px;
	padding-left: 36px;
}

.area-nav li {
	background: url('../img/nav-bullet.gif') no-repeat 3px 6px;
	padding-left: 13px;
}

.area-nav ul, .main-nav ul {
	list-style: none;
}

.area-nav span, .main-nav span {
	display: none;
}

#content {
	padding: 14px 0 23px 0;
}

#content .col-left {
	position: relative;
	float: left;
	width: 275px;
}

#content .col-right {
	position: relative;
	float: right;
	width: 671px;
}

#content .col-right a {
	color: #009b68;
	text-decoration: underline;
}

#content .col-right a:hover {
	text-decoration: none;
}

#content .col-right h1 span {
	display: none;
}

#content .col-right h1 {
	color: #009b68;
	font-size: 16px;
	padding-top: 15px;
}

#content .col-right h2 {
	color: #009b68;
	font-size: 14px;
	padding-top: 15px;
}

#content .col-right h3 {
	color: #009b68;
	font-size: 13px;
	padding-top: 15px;
}

#content .col-right h4 {
	color: #009b68;
	font-size: 12px;
	padding-top: 15px;
}

#content .col-right p {
	line-height: 20px;
	padding-top: 15px;
}

#content .col-right p.small {
	font-size: 11px;
	line-height: 15px;
	padding-top: 5px;
}

#content .col-right li {
	line-height: 20px;
	background: url('../img/list-bullet.gif') no-repeat 0px 9px;
	padding-left: 10px;
}

#content .col-right ul {
	padding-top: 15px;
	list-style-type: none;
}

#content .col-right ul a {
	color: #008a57;
}

#content .col-right ul a:hover {
	text-decoration: none;
}

#content .col-right ul ul {
	padding: 0 0 10px 10px;
}

#content .col-right ul ul a {
	color: #0e0e0e;
}

#content .col-right ul ul li {
	font-size: 11px;
	line-height: 17px !important;
	background: url('../img/list-bullet-small.gif') no-repeat 0px 9px;
}

.csc-loginform p {
	line-height: normal !important;
	padding-top: 0 !important;
}

.csc-loginform td {
	padding: 2px 3px;
}

#footer {
	background: url('../img/footer-bkg.gif') no-repeat top left;
}

#footer .menu {
	font-size: 11px;
	line-height: 30px;
	padding-left: 8px;
}

#footer .menu a {
	color: #0e0e0e;
	text-decoration: none;
	margin: 0 10px;
}

#footer .menu a:hover {
	color: #3d4d41;
}

#footer .menu a.active {
	color: #3d4d41;
	font-weight: bold;
}

#footer table {
	border-spacing: 15px;
	margin-left: 100px;
}

#footer td {
	font-size: 11px;
	color: #252525;
	vertical-align: top;
	border-left: 1px solid #fff;
	padding: 0 5px 0 10px;
}

#footer td a {
	color: #252525;
	text-decoration: underline;
}

#footer td a:hover {
	text-decoration: none;
}

#header {
	position: relative;
	height: 296px;
	background: url('../img/header-bkg.gif') no-repeat 243px 6px;
}

#header .image {
	position: absolute;
	z-index: 1;
	width: 678px;
	height: 218px;
	margin: 78px 0 0 311px;
	background-color: #fff;
}

#header .language {
	position: absolute;
	width: 100px;
	margin-top: 276px;
	font-size: 11px;
	text-transform: uppercase;
}

#header .language a {
	color: #7c7c7c;
	text-decoration: none;
	padding-right: 15px;
}

#header .language a:hover {
	color: #3d4d41;
}

#header .language a.active {
	color: #3d4d41;
}

#header .logo {
	position: absolute;
	width: 273px;
	height: 157px;
	margin-top: 87px;
}

#header .mask {
	position: absolute;
	z-index: 2;
	width: 678px;
	height: 218px;
	margin: 78px 0 0 311px;
	background: url('../img/image-mask.png') no-repeat;
}

#header .menu {
	position: absolute;
	width: 500px;
	margin: 60px 0 0 465px;
	font-size: 11px;
	text-align: right;
}

#header .menu a {
	color: #0e0e0e;
	text-decoration: none;
	margin: 0 10px;
}

#header .menu a:hover {
	color: #3d4d41;
}

#header .menu a.active {
	color: #3d4d41;
	font-weight: bold;
}

input, select {
	vertical-align: middle;
}

input[type=button], input[type=reset], input[type=submit] {
	background-color: #60bb46;
	color: #fff;
	border: 2px solid #60bb46;
	padding: .2em .5em;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	cursor: pointer;
}

input[type=text], input[type=password], select, textarea {
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7c7c7c;
	border: 2px solid #60bb46;
	padding: 5px 8px;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	border: 2px solid #999;
}

.main-nav dt {
	background: url('../img/nav-bullet.gif') no-repeat 0px 10px;
	padding-left: 13px;
}

.main-nav li {
	background: url('../img/nav-bullet.gif') no-repeat 3px 6px;
	padding-left: 13px;
}

#outer {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.search .input {
	position: relative;
	float: left;
	margin-right: 4px;
	width: 163px;
}

/* Search */
.tx-indexedsearch-searchbox td {
	padding: 0 5px 3px 0;
}

.tx-indexedsearch-searchbox-button {
	margin-top: 5px;
}

/* Mailform */
.csc-mailform-field {
	clear: left;
	padding-top: 3px;
}

.csc-mailform label {
	position: relative;
	float: left;
	width: 100px;
	padding-top: 5px;
}

.csc-mailform-submit {
	margin: 5px 0 0 100px;
}

.csc-textpic-caption {
	padding: 3px 0 8px 0;
	font-size: 11px;
}

.csc-textpic-caption img {
	float: left;
	margin-right: 5px;
}

/* Downloads */
.csc-uploads {
	margin-top: 15px;
}

.csc-uploads td p {
	padding: 0 !important;
}

.csc-uploads .csc-uploads-fileSize {
	padding-left: 50px;
	text-align: right;
	color: #666;
}

/* Login */
.csc-form-label {
	font-size: 11px;
}

/* CSS */
.members {
	margin-top: 10px;
}

.members td {
	padding: 0 100px 20px 0;
	vertical-align: top;
}

.pdf {
	background: url('../img/pdf.gif') no-repeat 0px 0px;
	padding-left: 18px;
}
