/* @group Base */

* {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}
a {
	outline: none;
	color: #000000;
}
ul, li {
	list-style-type: none;
}
html, body {
	height: 100%;
}
body {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	background: url(../img/bg_tierdoerfli_body.jpg) 0 0 repeat-x #7faa4f;
	text-align: center;
}

p {
 	margin-bottom: 12px;
}

.hidden {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}

/* @end */

/* @group Layout */

#wrapper {
	position: relative;
	top: 42px; left: 0px;
	width: 722px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
#header {
	text-align: left;

}
#content {
	padding: 27px 25px 80px 25px;
	text-align: left;
	background: url(../img/bg_content_shadow.jpg) 0 0 repeat-x #FFFFFF;
	border: 1px solid #7faa4f;
}
#content div.left-floated-box {
	padding-left: 25px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#content div.right-floated-box {
	padding-right: 25px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#content ul {
	display: block;
}
#content ul, #content li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 20px;
}

#content.frontseite ul, #content.frontseite li {
	list-style-position: inside;
}


div.box {
	width: 208px;
	display: block;
	background-color: #7faa4f;
	padding: 1px;
}
div.box p {
	font-weight: bold;
	color: #FFFFFF;
	padding: 14px;
}
div.feeder {
	height: 84px;
}
#sujet { position: absolute; bottom: 0; left: 0; }
div.sujet1 { bottom: -30px !important; left: -9px !important; }
* html div.sujet1 { bottom: -31px !important; } /* IE Fix! */

div.sujet2 { bottom: -3px !important; left: 601px !important; }
* html div.sujet2 { bottom: -4px !important; } /* IE Fix! */

div.sujet3 { bottom: -38px !important; left: 340px !important; }
* html div.sujet3 { bottom: -39px !important; } /* IE Fix! */

div.sujet4 { bottom: -35px !important; left: 583px !important; }
* html div.sujet4 { bottom: -36px !important; } /* IE Fix! */

div.sujet5 { bottom: -49px !important; left: -14px !important; }
* html div.sujet5 { bottom: -50px !important; } /* IE Fix! */

div.sujet6 { bottom: -10px !important; left: 624px !important; }
* html div.sujet6 { bottom: -11px !important; } /* IE Fix! */

div.sujet7 { bottom: -26px !important; left: 370px !important; }
* html div.sujet7 { bottom: -27px !important; } /* IE Fix! */

div.sujet8 { bottom: -23px !important; left: 540px !important; }
* html div.sujet8 { bottom: -24px !important; } /* IE Fix! */


/* @end */

/* @group onion skinned drop shadow (http://www.alistapart.com/articles/onionskin/) */

.wrap1, .wrap2, .wrap3 {
	display: inline-table;
}
.wrap1 {
	float: left; 
	background: url(../img/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background: url(../img/corner_bl.gif) left bottom no-repeat;
	
}
.wrap3 {
	padding: 0 4px 4px 0;
	background: url(../img/corner_tr.gif) right top no-repeat;
}

.wrap1 a, .wrap2 a, .wrap3 a {
	color: #FFFFFF;
}

/* @end */

/* @group navigation */

#navbar {
	background-color: #7FAA4F;
	clear: both;
	height: 26px;
}
#navigation {
	position: absolute;
	top: 138px; left: 0;
}
/* Sexy Drop Down Menu (http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html) */

ul.topnav {
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 682px;
	background-color: #7faa4f;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a:link,
ul.topnav li a:visited {
	padding: 6px 5px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	float: left;
	font-weight: bold;
}
ul.topnav li a:hover {
	background-color: #4f8217;
}
ul.topnav li ul.subnav {
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 27px;
	background-color: #7faa4f;
	border-top: 1px solid #dee9d1;
	display: none;
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
}
ul.topnav li ul.subnav li {
	margin: 0; padding: 0;
	border-bottom: 1px solid #dee9d1;
	clear: both;
	width: 170px;
}
ul.topnav li ul.subnav li a:link,
ul.topnav li ul.subnav li a:visited {
	float: left;
	width: 160px;
	background: #7faa4f;
	padding-left: 0px;
	text-align: left;
	padding-left: 5px;
}
ul.topnav li ul.subnav li a:hover {
	background-color: #4f8217;
}

/* @end */

/* @group Content */

h2 {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 12px;
}

div.left-floated-box p.centered,
div.right-floated-box p.centered {
	text-align: center;
	display: block;
	padding-top: 7px;
}

div.claimbox {
	 padding: 6px; 
         margin:  0px 10px 0px 200px;
         border: 1px solid #7faa4f;	 
}

div.claimbox_left {
         padding: 6px; 
         margin:  0px 220px 0px 0px;
         border: 1px solid #7faa4f;	 
}

div.subbox {
	margin: 0px 16px 24px 16px;
}
div.subbox_content {
	text-align: center;
	display: block;
	padding: 2px 2px 8px 2px;
	margin: 0px;
	font-size: 12px;
	background-color: #7faa4f;
}
div.subbox_content img {
	margin-bottom: 6px;
	margin: 12px;
}

.white_bordered {
	border: 1px solid #FFFFFF;
	margin: 10px 10px 10px 0px;
}

.white_bordered_left {
	border: 1px solid #FFFFFF;
	margin: 10px 10px 10px 0px;
	float: left;
}

.white_bordered_right {
	border: 1px solid #FFFFFF;
	margin: 10px 10px 10px 0px;
	float: right;
}

.green_bordered {
	border: 1px solid #7faa4f;
	margin: 10px 10px 10px 0px;
}

.green_bordered_top {
	border: 1px solid #7faa4f;
	margin: 0px 10px 10px 0px;
}

.green_bordered_left {
	border: 1px solid #7faa4f;
	margin: 10px 10px 0px 0px;
	float: left;
}

.green_bordered_left_top {
	border: 1px solid #7faa4f;
	margin: 0px 10px 0px 0px;
	float: left;
}

.green_bordered_right {
	border: 1px solid #7faa4f;
	margin: 10px 10px 0px 10px;
	float: right;
}

.green_bordered_right_top {
	border: 1px solid #7faa4f;
	margin: 0px 10px 0px 10px;
	float: right;
}

.spalte_200 {
	width: 200px;
}

.spalte_400 {
	width: 400px;
}

div#prod_img img {
	border: 1px solid #7faa4f;
	margin: 10px 10px 10px 0px;
}


div.subbox a:link,
div.subboxa:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.text {
	margin-top: 0px;
}

/* @end */

/* @group Produkte */

.row1 {
	background-color: #e6efdb;
	padding: 8px 0px 8px 8px;
}

.row2 {
	background-color: #fbf9dd;
	padding: 8px 0px 8px 8px;
}

.rowtitle {
	background-color: #e6efdb;
	padding: 5px;
	border-bottom: 1px solid #7faa4f;
	color: #000000;
	font-weight: bold;
}

/* @end */


/* @group Formular */

#kontaktformular label, #kontaktformular input, #kontaktformular select, #kontaktformular textarea { /* Alle Labels UND Formularelemente auswählen */
  	display: block;
  	float: left;
 	width: 240px;
  	margin: 8px 0 0 8px;
}
#kontaktformular select {
	margin-right: 8px;
}

#kontaktformular textarea {
	height: 80px
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  	clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  	float: none;
  	width: auto;
}

label {
	text-align: right; 
 	padding-right: 1em; 
}

.form_select{
	padding: 0 0 0 5px;
}

.form_submit { /* den Submit-Button */
 	background-color:#FFFFFF;
}

#kontaktformular input.form_submit { /* den Submit-Button */
 	margin-right: 200px;
}

.red {
	color: #FF0000;
}
.green {
	color: #4f8217;
}

/* @end */


/* @group WE */

.we_edit_box input {
	width: 664px;
	padding: 1px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #006DB8;
	margin-bottom: 5px;
}

.we_edit_box_left {
	display: block;
	float: left;
}

.we_edit_box_right {
	display: block;
	float: right;
}

/* @end */