@import "reset.css";
@import "forms.css";

/* @group Paragraphs */
p {
	margin: 6px 0 8px;
}

small {
	font-size: .8em;
}
/* @end */

/* @group Links */
a {
	color: #ab530c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Headlines */
h1 {
	margin: 10px 0 12px;
	font-size: 22px;
	font-weight: normal;
}

h2 {
	margin: 12px 0 8px;
	font-size: 14px;
}

h3 {
	font-size: 13px;
	margin: 18px 0 6px;
}

h4 {
	padding: 7px 10px;
	background: #6ea121;
	background: -moz-linear-gradient(top, #6ea121, #5a8a15);
	background: -webkit-gradient(linear, left top, left bottom, from(#6ea121), to(#5a8a15));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6ea121', endColorstr='#5a8a15'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6ea121', endColorstr='#5a8a15')"; /* IE8 */
	color: #1d260f;
	font-weight: bold;
	font-size: 13px;
	line-height: 1;
}


ol {
	list-style: outside decimal;
	list-style-position: outside;
	margin: 4px 10px 4px 20px;
}

/* @end */

body {
	font: normal 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #515458;
	background: #92c346 url(../img/bg.png) no-repeat center top;
}

* html body {
	background-image: none;
}

table {
	width: 100%;
	margin-bottom: 14px;
}

table th {
	text-align: left;
}

table th, table td {
	padding: 2px 0;
}

#wrapper {
	position: relative;
	width: 970px;
	margin: 38px auto;
	padding: 10px;
	background: #3d4045;
}

#wrapper .bg.tl, #wrapper .bg.tr {
	position: absolute;
	top: 0;
	background: url(../img/bg.png) no-repeat;
}

#wrapper .bg.tl {
	left: 0;
	height: 70px;
	width: 20px;
	background-position: -255px -38px;
}

#wrapper .bg.tr {
	left: 436px;
	height: 45px;
	width: 475px;
	background-position: -691px -38px;
}

* html #wrapper div.bg {
	display: none;
}

nav.primary, aside {
	float: left;
	width: 275px;
}


/* @group Pagination */

.pagination {
	border-top: 1px solid #cbced8;
	margin: 10px 0 0;
	padding: 10px 0;
}

.pagination .prev, .pagination .next {
	color: #7a7771;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 15px;
	padding: 3px 0;
}

.pagination .pages {
	float: right;
	padding: 0;
	margin: 0;
}

.pagination .pages li {
	float: left;
	font-size: 12px;
	list-style: none;
	margin-right: 3px;
}

.pagination .pages a, .pagination .pages span {
	border: 1px solid #993E01;
	display: block;
	line-height: 1;
	padding: 3px 5px;
	text-decoration: none;
}

.pagination .pages a:hover {
	text-decoration: underline;
}

.pagination .pages span {
	background: #993E01;
	color: #FFF;
}

/* @group Header */
header {
	position: relative;
	height: 155px;
	margin-bottom: 10px;
	background: #5c5e62;
}

header #logo, header #logo img {
	display: block;
	width: 275px;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	border-right: 3px solid #3d4045;
	border-bottom: 3px solid #3d4045;
}
/* @end */

/* @group Navigation */
/* @group Primary */
nav.primary {
	margin-bottom: 10px;
}

nav.primary li {

}

nav.primary a {
	display: block;
	height: 15px;
	padding: 14px 5px 14px 50px;
	position: relative;
	background: #56585c;
	background: -moz-linear-gradient(top, #5e6064, #4e5155);
	background: -webkit-gradient(linear, left top, left bottom, from(#5e6064), to(#4e5155));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5e6064', endColorstr='#4e5155'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5e6064', endColorstr='#4e5155')"; /* IE8 */
	font-size: 14px;
	line-height: 1;
	color: #FFF;
	text-decoration: none;
}

nav.primary a:hover {
	background: #6e7176;
	background: -moz-linear-gradient(top, #6e7176, #4e5155);
	background: -webkit-gradient(linear, left top, left bottom, from(#6e7176), to(#4e5155));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6e7176', endColorstr='#4e5155'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6e7176', endColorstr='#4e5155')"; /* IE8 */
}

nav.primary a:active {
	background: #4e5155;
	background: -moz-linear-gradient(top, #4e5155, #6e7176);
	background: -webkit-gradient(linear, left top, left bottom, from(#4e5155), to(#6e7176));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4e5155', endColorstr='#6e7176'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4e5155', endColorstr='#6e7176')"; /* IE8 */
	outline: none;
}

nav.primary a.here {
	background: #4d544d;
	background: -moz-linear-gradient(top, #4d544d, #6e7176);
	background: -webkit-gradient(linear, left top, left bottom, from(#4d544d), to(#6e7176));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4d544d', endColorstr='#6e7176'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4d544d', endColorstr='#6e7176')"; /* IE8 */
}

nav.primary a strong {
	font-weight: normal;
}

nav.primary a .icon {
	display: block;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -17px;
	background: #FFF;
}
/* @end */

/* @group Secondary */
nav.secondary {
	float: right;
	width: 685px;
	background: #6ea121;
	background: -moz-linear-gradient(top, #6ea121, #5a8a15);
	background: -webkit-gradient(linear, left top, left bottom, from(#6ea121), to(#5a8a15));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6ea121', endColorstr='#5a8a15'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6ea121', endColorstr='#5a8a15')"; /* IE8 */
}

nav.secondary li {
	float: left;
}

nav.secondary a {
	display: block;
	padding: 6px 7px;
	color: #FFF;
	border-right: 1px solid #87b442;
	font-weight: bold;
}

nav.secondary a.here {
	background: #5d8d13 ;
	background: -moz-linear-gradient(top, #5d8d13 , #37550b);
	background: -webkit-gradient(linear, left top, left bottom, from(#5d8d13 ), to(#37550b));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5d8d13 ', endColorstr='#37550b'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5d8d13 ', endColorstr='#37550b')"; /* IE8 */
	font-weight: bold;
}
/* @end */
/* @end */

/* @group Main */
#main {
	float: right;
	width: 635px;
	min-height: 500px;
	padding: 25px;
	background: #fff;
}
/* @end */

/* @group Products */

#products-wrapper {
	width: 665px;
}

#products {
	background: url(../img/three-columns-row.png) repeat-y left bottom;
	float: left;
}

#products .col {
	float: left;
	width: 175px;
	padding: 10px;
}

#products h3 {
	margin-top: 5px;
}

#products form {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#products-wrapper .details {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#products input.text {
	width: 25px;
	padding: 1px;
	text-align: center;
	margin: 0;
}

/* @end */

/* @group Merkliste */

#merkliste input.text {
	width: 25px;
	padding: 1px;
	text-align: center;
	margin: 0;
}

#merkliste td {
	border-top:1px solid #000000;
	padding:5px;
	vertical-align:top;
}

/* @group Sidebar */
aside {
	color: #FFF;
}

aside > div {
	margin-bottom: 10px;
	padding: 10px;
	background: #5c5f63;
}

aside > div h4 {
	margin: -10px -10px 10px;
}

aside > div > img {
	display: block;
	margin-bottom: 8px;
	border: 2px solid #FFF;
}

aside > div p:last-child {
	margin-bottom: 0;
}

aside a {
	color: #f37815;
}

/* @group Newsletter */
aside #newsletter input.text {
	width: 185px;
	float: left;
	margin: 0;
}

aside #newsletter input.button {
	display: block;
	width: 60px;
}
/* @end */
/* @end */

/* @group Footer */
footer {
	clear: both;
	padding: 8px;
	background: #e9e9eb;
	color: #414b63;
	font-size: 12px;
	text-align: center;
}
/* @end */

/* @group Images */
.element-links, .element-rechts {
	display: block;
}

.element-links {
	float: left;
	margin: 0 15px 10px 0;
}

.element-rechts {
	float: right;
	margin: 0 0 10px 15px;
}
/* @end */

/* @group Misc */
hr {
	height: 1px;
	margin: 20px 0;
	background: #b33b5c;
	border: none;
}

.block {
	margin-bottom: 25px;
}

.block.border {
	padding: 20px;
	border: 1px solid #d0cfcd;
}

.block *:first-child {
	margin-top: 0;
}

.block *:last-child {
	margin-bottom: 0;
}

.col-3 .col {
	width: 195px;
	margin-right: 25px;
	float: left;
}

.col.last {
	margin-right: 0;
}

.col h1 {
	font-size: 16px;
}

.partnerlogo {
	padding-top: 5px;

}

#main ul {
	margin-left: 18px;
	list-style-image: url(../img/list.gif);
}

.pdf {
	background: url(../img/pdf.png) no-repeat 0 3px;
	display: block;
	padding: 2px 2px 2px 20px;
}

.doc {
	background: url(../img/doc.png) no-repeat 0 3px;
	display: block;
	padding: 2px 2px 2px 20px;
}

.xls {
	background: url(../img/xls.png) no-repeat 0 3px;
	display: block;
	padding: 2px 2px 2px 20px;
}

#container_wrapper {
	margin: 25px 0;
	border: 1px solid #d0cfcd;
}

.partnerbox {
	margin: 0px;
}

.box-left {
	float: left;
	padding: 0;
	position: relative;
	width: 280px;
}

.box-right {
	float: right;
	margin: 20px 0 20px 20px;
	padding: 0;
	position: relative;
	width: 280px;
}

/* @end */


/* @group gallery*/
#gallery li {
	border: 1px solid;
	float: left;
	height: 94px;
	list-style-type: none;
	margin: 5px;
	overflow: hidden;
	padding: 0;
}

#gallery ul {
	margin-left: 0px;
}

/* @end */

/* @group Partner */
.partnermap {
	position: relative;
}

.partnermap .map {
	width: 383px;
	height: 520px;
	position: relative;
	background: url(../../raumbegruener/partner/img/deutschlandkarte.png);
}

.partnermap .map div {
	width: 40px;
	height: 40px;
	position: absolute;
	background: url(../../raumbegruener/partner/img/partnerkreis_klein.png);
	opacity: .7;
	z-index: 5;
}

.partnermap .map div:hover {
	opacity: 1;
	z-index: 10;
}

.partnermap_bubble {
	display: none;
	position: absolute;
	width: 180px;
	padding: 10px;
	background: #FFF;
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
	box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
	z-index: 7;
}

.partnermap_bubble .pointer {
	color: #FFF;
	font-size: 20px;
	line-height: 1;
	position: absolute;
	top: 18px;
	left: -15px;
} 
/* @end */

/* @group Buttons */
.button {
	padding: 5px 6px;
	font-size: 11px;
	text-align: center;
	color: #f37815;
	background: #4a4c4d;
	background: -moz-linear-gradient(top, #4a4c4d, #262a25);
	background: -webkit-gradient(linear, left top, left bottom, from(#4a4c4d), to(#262a25));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4a4c4d ', endColorstr='#262a25'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4a4c4d', endColorstr='#262a25')"; /* IE8 */
	border: none;
	cursor: pointer;
}

.button:hover {
	text-decoration: none;
	background: #535556;
	background: -moz-linear-gradient(top, #535556, #262a25);
	background: -webkit-gradient(linear, left top, left bottom, from(#535556), to(#262a25));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#535556', endColorstr='#262a25'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#535556', endColorstr='#262a25')"; /* IE8 */
}

.button.auto-width {
	display: block;
}
/* @end */

/* @group selectfield*/
.select{
	padding: 2px;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
}


/* @end */


/* @group Searchbox*/
#searchbox fieldset {	
	margin: 10px;
}

#searchbox-content {
	width: 165px;
	position: relative;
}

div.searchbox-content {
	float: left;
	margin-right: 7px;
}

#searchbox-submit {
	float: right;
	width: 35px;
}

#search {
	width: 235px;
}

label.as-input-value {
	color: #666666;
	cursor: text;
	left: 25px;
	position: absolute;
	font-size: 11px;
	line-height: 1;
	margin-top: 12px;
 	z-index: 5;
}

/* @end */

/* @group Forms */
#selectfield fieldset {	
	margin: 10px;
}

#selectfield-content {
	width: 165px;
}

div.selectfield-content {
	float: left;
	margin-right: 7px;
}

#selectfield-submit {
	float: right;
	width: 35px;
}

#main .selectfield {
	width: 235px;
}

input.text.menge {
	width: 25px;
}

form.merkliste {
	margin-top: 10px;
}

/* @end */


/* @group Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */

* html .clearfix {height: 1px;}
/* @end */