/* css created and developed by 12bis3.de - zeitgemaess kommunizieren */

* {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
}

html {
	height: 100%;
}

/* -------------
main definitions
--------------*/


body {
	background: #fff;
	font-size: 80%;
	min-height: 101%;
	color: #333;
}

a:link, a:visited, a:active {
	color: #006328;
	text-decoration: none;
}
a:hover, a:focus {
	color: #006328;
	text-decoration: underline;
}

img {
	border: none;
}

h1 {
	margin-bottom: 0.8em;
	color: #006328;
	font-size: 125%;
}

h2 {
	font-size: 120%;
	margin: 0 0 0.5em 0;
	color: #006328;
}

h3 {
	font-size: 110%;
	margin: 0 0 0.5em 0;
	color: #006328;
}

h4 {
	font-size: 100%;
	margin: 0 0 0.3em 0;
	color: #006328;
}

h5 {
	font-size: 100%;
	margin: 0 0 0.2em 0;
	color: #006328;
}

p {
	margin: 0 0 1em 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

blockquote, blockquote p {
	font-style: italic;
}


/* ---------------
layout definitions 
----------------*/

#container {
	width: 840px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

#header  {
	height: 134px;
	overflow: hidden;
	margin-bottom: 5px;
}

#header-default #header  {
	background: url(../images/bg-header-en.png) bottom right transparent no-repeat;
}
#header-de #header  {
	background: url(../images/bg-header-de.png) bottom right transparent no-repeat;
}
#header-es #header  {
	background: url(../images/bg-header-es.png) bottom right transparent no-repeat;
}
#header-fr #header  {
	background: url(../images/bg-header-fr.png) bottom right transparent no-repeat;
}

#content {
	float: left;
	line-height: 130%;
	width: 428px;
	padding: 0 12px 0 0;
}

.start #content {
	width: 648px;
}

#service {
	width: 180px;
	float: left;
}

.start #footer {
	clear: left;
	height: 80px;
	background: url(../images/bg-footer.png) no-repeat bottom left transparent;
	font-size: 100%;
	padding: 0;
	color: #666;
}

* html .start #footer {
	height: 82px;
	background: url(../images/bg-footer.png) no-repeat 0 63px transparent;
}

#footer {
	background: url(../images/bg-footer-main.png) no-repeat top transparent;
	font-size: 85%;
	padding-top: 8px;
}


#navigation {
	width: 210px;
	padding-right: 10px;
	float: left;
	background: url(../images/bg-navigation.png) left bottom no-repeat transparent;
}


/* --------------
header defintions
---------------*/

#header p {
	background: url(../images/bg-meta.png) no-repeat left center transparent;
	text-align: right;
	margin: 0;
}

#header p a {
	color: #333;
	background: #fff;
}

#header p a#meta-contact {
	background: url(../images/icon-meta-contact.png) no-repeat left center #fff;
	padding: 0 10px 0 23px;
}

#header p a#meta-search {
	background: url(../images/icon-meta-search.png) no-repeat left center #fff;
	padding: 0 10px 0 19px;
}

#header p a#meta-imprint {
	background: url(../images/icon-meta-imprint.png) no-repeat left center #fff;
	padding: 0 10px 0 23px;
}

#header p a#meta-sitemap {
	background: url(../images/icon-meta-sitemap.png) no-repeat left center #fff;
	padding: 0 10px 0 19px;
}

#header p a#font-size-down {
	background: url(../images/icon-fontsize.png) top left no-repeat;
	height: 12px;
	padding: 0 4px;
	text-decoration: none;
}

#header p a#font-size-down-no {
	background: url(../images/icon-fontsize.png) bottom left no-repeat;
	height: 12px;
	padding: 0 4px;
	text-decoration: none;
}

#header p a#font-size-up {
	background: url(../images/icon-fontsize.png) top right no-repeat;
	height: 12px;
	padding: 0 4px;
	text-decoration: none;
}

#header p a#font-size-up-no {
	background: url(../images/icon-fontsize.png) bottom right no-repeat;
	height: 12px;
	padding: 0 4px;
	text-decoration: none;
}

#header img {
	margin-top: 4px;
}


/* ------------------
navigation defintions
-------------------*/

#topnav ul {
	border-bottom: 3px solid #999;
	list-style-type: none;
	float: left;
	width: 680px;
}

#topnav ul li {
	float: left;
	padding-right: 5px;
}

#topnav ul li a {
	background: url(../images/bg-topnav.png) no-repeat #fff top right;
	display: block;
	padding: 6px 8px 3px 5px;
	color: #75aa22;
	font-weight: bold;
	margin-top: 1px;
}

#topnav ul li a:hover, #topnav ul li a:focus {
	margin: 0;
	padding: 7px 8px 3px 5px;
}
#topnav ul li a.nav-active {
	background-color: #75aa22;
	color: #fff;
	margin: 0;
	padding: 7px 8px 3px 5px;
}

#topnav p {
	width: 155px;
	float: left;
	border-bottom: 3px solid #999;
	height: 19px;
	padding: 7px 5px 0 0;
	color: #006328;
	text-align: right;
	font-weight: bold;
	margin: 0;
}

#topnav p a {
	padding: 0 3px;
	color: #006328;
}

#topnav p.breadcrump {
	clear: left;
	margin: 12px 0 0 0;
	border: none;
	height: auto;
	text-align: left;
	font-weight: normal;
	padding: 0 0 10px 0;
	width: 635px;
}

#topnav p.breadcrump a {
	color: #666;
	background: url(../images/icon-breadcrump.png) no-repeat transparent center left;
	padding: 0 7px 0 10px;
}

#topnav div {
	width: 183px;
	float: left;
	background: url(../images/bg-search.png) no-repeat transparent;
	height: 24px;
	margin-top: -3px;
	padding: 4px 0 0 22px;
}

#topnav div form {
	margin: 0;
}

#topnav div input {
	width: 150px;
	padding: 1px 3px;
}

#topnav div form button {
	background: url(../images/bg-search-btn.png) no-repeat transparent;
	width: 8px;
	height: 17px;
	cursor: pointer;
	padding: 0;
	border: none;
	vertical-align: 4px;
	margin-left: 4px;
}

#topnav div form button {
   vertical-align /*\**/: -2px\9  
} 

a span.tooltip {
	display:none; 
	width:130px;
}
a:hover span.tooltip {
	display:inline;
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c;
	margin: 10px 0 0 0;
}




/* ------------------
navigation defintions
-------------------*/

#navigation ul {
	list-style-type: none;
	background: url(../images/bg-navigation-top.png) no-repeat transparent;
	padding: 10px 2px 5px 2px;
}

#navigation ul li {
	border-bottom: 1px solid #d5e5bc;
}

#navigation ul li a {
	padding: 5px 8px;
	color: #75aa22;
	font-weight: bold;
	display: block;
	background: #fff;
}
#navigation ul li a.nav-active {
	background-color: #d5e5bc;
}
#navigation ul li a.nav-last {
	margin-bottom: -1px;
}

#navigation ul ul {
	background: #d5e5bc;
	padding: 0 2px;
	border-top: 1px solid #fff;
	margin-bottom: -2px;
}

#navigation ul ul li {
	border-bottom: 1px solid #fff;
}

#navigation ul ul li a {
	font-weight: normal;
	padding: 3px 8px 3px 23px;
	background: url(../images/bg-nav-2.png) no-repeat transparent 14px 6px;
}

#navigation ul ul li a.nav-active {
	background: url(../images/icon-more-white.png) no-repeat #75aa22 14px 6px;
	color: #fff;
}

#navigation ul ul li a.nav-more {
	padding: 3px 8px 3px 23px;
	background: url(../images/bg-nav-2-open.png) no-repeat transparent 11px 9px;
}

#navigation ul ul li a.nav-last {
	margin-bottom: 0;
}

#navigation ul ul ul {
	border-top: 1px solid #fff;
	padding: 0;
	margin-bottom: 0;
}

#navigation ul ul ul li {
	border: none;
	padding-bottom: 1px;
}

#navigation ul ul ul li a {
	font-weight: normal;
	font-size: 85%;
	padding: 4px 8px 4px 34px;
	background: url(../images/bg-nav-2.png) no-repeat transparent 25px 5px;
}

#navigation ul ul ul li a.nav-active {
	background: url(../images/icon-more-white.png) no-repeat #75aa22 25px 5px;
	color: #fff;
}

.nav-none {
	background: none !important;
}





/* ---------------
content defintions
----------------*/

/* content */

#content a {
	font-weight: bold;
	color: #85b14e;
}
#content a:hover, #content a:focus {

}

#content .downloads a, #content a.download, #content a.link {
	font-weight: normal;
}

#content ul {
	margin: 0 0 1.3em 25px;
	list-style-type: disc;
}

#content ol {
	margin: 0 0 1.3em 25px;
}

#content li {
	margin-bottom: 0.2em;
}

.image-left {
	float: left;
	margin: 0.3em 15px 0.3em 0;
}

.image-right {
	float: right;
	margin: 0.3em 0 0.3em 15px;
}

.image-center {
	text-align: center;
}

dl.image-big {
	margin: 0 0 1em 0;
}

dl.image-big dt {
	text-align: center;
}

.images {
	margin: 0 0 1em 0;
}

.images dl {
	float: left;
	padding: 0 7px 0 0;
}

* html .images dl {
	padding: 0 6px 0 0;
}

.images dl dd, .image-left dd, .image-right dd, .image-big dd, p.image-caption {
	font-size: 85%;
	color: #666;
	background: url(../images/bg-image.png) no-repeat transparent 2px 5px;
	padding: 5px 0 0 22px;
}
p.image-caption {
	margin-top: -0.8em;
}

dl.text-image {
	margin-bottom: 1em;
	width: 428px;
}
.start dl.text-image {
	width: 648px;
	margin-bottom: 2.5em;
}

dl.text-image dt {
	float: left;
	padding: 0 15px 1px 0;
	width: 125px;
}
.start dl.text-image dt {
	width: 125px;
	padding: 0 15px 1px 0;
}

dl.text-image dt img {
	margin-top: 0.3em;
}

dl.text-image dd {
	float: left;
	/*padding: 0 0 1px 13px;*/
	width: 275px;
}
.start dl.text-image dd {
	width: 508px;
}

dl.text-image h3 {
	font-size: 100%;
	margin: 0;
}

p.more-link {
	margin-top: -1em;
}

/* downloads */

#content ul.downloads {
	margin: 0 0 1em 0;
	list-style-type: none;
}

#content a.download-item, #content a.download {
	background: url(../images/icon-download.png) no-repeat transparent 0 3px;
	padding-left: 14px;
}

#content a.external-link-item {
	background: url(../images/icon-external-link.png) no-repeat transparent 0 3px;
	padding-left: 14px;
}

#content a.internal-link-item {
	background: url(../images/icon-internal-link.png) no-repeat transparent 0 3px;
	padding-left: 14px;
}

#content a.mail-item {
	background: url(../images/icon-mail.png) no-repeat transparent 0 3px;
	padding-left: 14px;
}

#content ul.downloads a span {
	color: #333;
}


/* startseite */

div.top-teaser, div.top-teaser-big {
	background: url(../images/bg-teaser-bottom.png) no-repeat bottom #eee;
	width: 648px;
	margin-bottom: 2.5em;
}

div.top-teaser dl, div.top-teaser-big dl {
	background: url(../images/bg-teaser-top.png) no-repeat top transparent;
	padding: 10px 8px 9px 8px;
	width: 632px;
	color: #666;
}
div.top-teaser-big dl {
	padding: 8px 8px 9px 8px;
}

div.top-teaser dt {
	width: 260px;
	float: left;
	padding-bottom: 1px;
}

div.top-teaser dd {
	width: 372px;
	float: left;
	padding-bottom: 1px;
}

div.top-teaser dd h1 {
	margin-bottom: 0.5em;
}

div.top-teaser-big dt {
	width: 632px;
	margin-bottom: 0.8em;
}

div.top-teaser-big dd {
	margin 0;
	width: 632px;
}

/*div.top-teaser dd p a, div.teaser-left a, div.teaser-right a, div.media-box p a, dl.news p a {
	background: url(../images/icon-more.png) right center no-repeat transparent;
	padding: 0 9px 0 1px;
}*/

div.top-teaser dd p a, div.teaser-left p a, div.teaser-right p a, div.media-box p a, dl.news p a , div.news p span a, dd span.teaser a, p.more-link a, p.search a, div.top-teaser-big dd a {
	background: url(../images/icon-more.png) right center no-repeat transparent;
	padding: 0 9px 0 1px;
}

div.top-teaser-big dd h1 a {
	background: none;
}

div.teaser-left {
	width: 315px;
	padding: 0 15px 0 0;
	margin-bottom: 2.5em;
	float: left;
}

div.teaser-right {
	width: 318px;
	margin-bottom: 2.5em;
	float: left;
}

div.teaser-left img, div.teaser-right img, div.media-box img {
	margin: 0.4em 0.5em 0.5em 0;
	float: left;
}

div.news {
	margin-bottom: 2.5em;
	clear: left;
}

div.news p {
	margin-bottom: 0.5em;
}

/*div.news p strong {
	color: #006328;
}*/

div.media-box {
	background: url(../images/bg-media-box.png) no-repeat bottom left transparent;
	margin-bottom: 2.5em;
}

div.media-box div {
	float: left;
	width: 295px;
	padding: 0 10px 5px 10px;
}

div.media-box .first-media {
	padding-right: 25px;
}

div.media-box h6 {
	height: 23px;
	color: #fff;
	margin: 0 -10px;
	padding: 6px 10px 0 25px;
	text-align: right;
	font-size: 100%;
}
div.media-video h6 {
	background: url(../images/bg-media-video.png) no-repeat top transparent;
}
div.media-gallery h6 {
	background: url(../images/bg-media-gallery.png) no-repeat top transparent;
}

#content div.media-box h6 a {
	color: #fff;
	background: url(../images/icon-more-white.png) right center no-repeat transparent;
	padding: 0 9px 0 1px;
	font-weight: normal;
}

div.media-box h6 span {
	float: left;
	font-weight: bold;
}

div.media-box h3 {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 0.2em;
}


/* news */

dl.news {
	width: 428px;
	margin-bottom: 1.5em;
}

dl.news dt {
	width: 125px;
	padding-bottom: 1px;
	float: left;
}

dl.news dd {
	width: 303px;
	padding-bottom: 1px;
	float: left;
}

dl.news dt img {
	margin-top: 0.3em;
}

dl.news dd h3 {
	font-size: 100%;
	margin-bottom:0.1em;
}

dl.news a h3 {
	color: #85b14e;
}
dl.news a:hover h3, dl.news a:focus h3 {
	color: #85b14e;
	text-decoration: underline ;
}

dl.no-image dd {
	width: 428px !important;
}

h6 {
	font-size: 85%;
	margin: 0;
	color: #666;
	font-weight: normal;
}

#content p.search {
	margin-bottom: 1.5em;
}

/* pager */

#content ul.pager {
	border-top: 1px solid #666;
	padding-top: 0.5em;
	list-style-type: none;
	margin: 1.5em 0 1em 0;
	display: block;
}

#content ul.pager li {
	float: left;
	width: 33.2%;
	padding: 0;
	margin-right: 0;
	background: 0;
}
#content ul.pager li a {
	padding: 0;
}


#content ul.pager li.p-center {
	text-align: center;
}
#content ul.pager li.p-center a {
	padding: 0 2px;

}
#content ul.pager li.p-right {
	text-align: right;
}

#content ul.pager li.p-right a {
	background: url(../images/icon-more.png) right center no-repeat transparent;
	padding: 0 9px 0 0;
}

#content ul.pager li.p-left a {
	background: url(../images/icon-back.png) left center no-repeat transparent;
	padding: 0 0 0 9px;
}

#content ul.pager li.p-center a.nav-active {
	font-weight: bold;
}


/* textbox */

div.text-box {
	background: #eee url(../images/bg-textbox.png) no-repeat right top;
	border-left: 3px solid #666666;
	margin-bottom: 1.2em;
	padding: 10px 20px 5px 10px;
}

blockquote {
	background: url(../images/bg-blockquote-top.png) no-repeat #eee;
	margin-bottom: 1.2em;
}

blockquote p {
	background: url(../images/bg-blockquote-bottom.png) no-repeat bottom transparent;
	padding: 10px;
	font-style: normal;
	margin: 0;
}

blockquote p cite {
	display: block;
	text-align: right;
	margin-top: 0.5em;
}

div.video {
	margin-bottom: 1.2em;
}

div.audio object {
	margin-bottom: 0.4em;
}

div.audio p em {
	font-size: 85%;
	font-style: italic;
}

#content ul.sitemap {
	list-style-type: none;
	margin: 0 0 1em 0;
}

#content ul.sitemap ul li a {
	background: url(../images/icon-more.png) no-repeat 2px 4px;
	padding-left: 12px;
}

#content ul.sitemap ul {
	margin: 0.5em 0 1.2em 0;
	list-style-type: none;
	padding: 0.5em 0 0 15px;
	border-top: 1px solid #999;
}

#content ul.sitemap ul a {
	font-weight: normal;
}

#content ul.sitemap ul ul {
	margin: 0.3em 0 0.3em 15px;
	padding: 0 0 0 15px;
	border-top: none;
}

#content ul.sitemap ul ul li {
	list-style-type: square;
	color: #3d663a;
	font-size: 75%;
}


#content ul.sitemap ul ul a {
	font-size: 110%;
	background: none;
	padding: 0;
}

#content ul.sitemap ul ul ul li {
	font-size: 100%;
}


/* ---------------
service defintions
----------------*/

#service div {
	background: url(../images/bg-service-bottom.png) no-repeat bottom transparent;
	width: 164px;
	padding: 0 8px 5px 8px;
	margin-bottom: 1.5em;
}

#service div h5 {
	background: url(../images/bg-service-top.png) no-repeat top transparent;
	margin: 0 -8px 0.5em -8px;
	padding: 4px 8px 0 25px;
	height: 21px;
	color: #333;
	font-size: 110%;
}

#service div ul {
	margin: 0 0 0.4em 0;
	list-style-type: none;
}

#service div ul li {
	margin-bottom: 0.1em;
}

#service div ul li a { 
	background: url(../images/icon-more.png) no-repeat transparent 0 3px;
	padding-left: 11px;
}

#service div p {
	margin-bottom: 0.5em;
}



/* ----------------
footer definitionen
-----------------*/

#footer p {
	padding: 40px 0 0 0;
	color: #333;
}

#footer p a {
	color: #333;
	margin: 0;
}

.start #footer p {
	text-align: right;
}

.start #footer p a#meta-sitemap {
	background: url(../images/icon-meta-sitemap.png) no-repeat left center;
	padding-left: 22px;
	font-weight: normal;
}

.start #footer p span {
	float: left;
}

#footer img {
	float: left;
}

#footer p#footer-date {
	float: left;
	width: 160px;
	padding: 1px 0 0 0;
	color: #b7b7b7;
}

#footer p#footer-print {
	width: 160px;
	float: left;
	padding: 0;
	color: #b7b7b7;
}

#footer p#footer-top {
	width: 108px;
	float: left;
	text-align: right;
	padding: 0;
	color: #b7b7b7;
}

#footer p#footer-print a {
	padding: 1px 0 3px 25px;
	background: url(../images/icon-print.png) no-repeat left center transparent;
	color: #b7b7b7;
	display: block;
}

#footer p#footer-top a {
	padding: 1px 11px 3px 0;
	background: url(../images/icon-top.png) no-repeat right center transparent;
	color: #b7b7b7;
}


/* ------------------
formular definitionen
-------------------*/

fieldset {
	margin-bottom: 1.2em;
}

form {
	margin: 0 0 3.2em 0;
}

legend {
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

label {
	float: left;
	width: 150px;
	color: #333;
}

input, textarea, select {
	width: 250px;
	font-size: 100%;
	color: #333;
	padding: 2px 3px;
	border: 1px solid #666;
	background: url(../images/bg-input.png) no-repeat top left transparent;
}
textarea {
	width: 250px;
	height: 170px;
	padding: 3x;
	border: 1px solid #666;
	background: url(../images/bg-input.png) no-repeat top left transparent;
	color: #333;
}
select {
	padding: 2px 3px;
	width: 258px;
}

p.input-small input {
	width: 50px;
}
option {
	padding: 0 3px;
	background: transparent;
}

input:hover, input:focus, select:hover, select:focus {
	border-color: #006328;
	background: url(../images/bg-input-hover.png) no-repeat top left transparent;
}
textarea:hover, textarea:focus {
	border-color: #006328;
	background: url(../images/bg-input-hover.png) no-repeat top left transparent;
}

input.small {
	width: auto;
	padding-right: 5px;
}

input.radio-check {
	width: auto;
	border: none;
	background: none;
}

input.submit-btn {
	color: #006328;
	font-weight: bold;
	width: 258px;
}

p.check-radio input, input.check-radio {
	width: auto;
	margin-right: 5px;
	background: none;
	border: none;
	height: auto;
	padding: 0;
}




/* clear me baby */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
* + html .clear {
	height: 1%;
}
div#footer.clear {
	display: block;
}