/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Aenderung: 26.05.2008 (Andrea Zbinden)

28. April 2008
Michel: ueberall Kurzschreibweisen eingesetzt (#fff anstatt #fffff usw.), plus diverse kommentierte Aenderungen
29. Mai 2008
Michel: 0px = 0, diverse kleinere Sachen


================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell für Contentbereich

Sidebar
- Formatierungen speziell für Sidebar

Footer
- Formatierungen speziell für Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...
------------------------------------------------
*/



/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;  /* besser wenn border auch gleich reseted wird (Michel) */
}

/* Scrollbalken für IE8 und Firefox erzwingen */
html{
	height: 101%;
}

/* HTML-Tags */

body {
font-family: Arial, Helvetica, sans-serif;
background-image: url(../bilder-design/hintergrund.jpg);
background-repeat: repeat-x;
font-size: 12px;
background-color: #fff;
color: #333333;
}


img {

}
	
/*Titel*/
h1 {
font-size: 16px;
color: #4b6442;
font-weight: bold;
margin-bottom: 15px;
}

h2 {
font-size: 14px;
color: #000;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
}

h3 {
	font-size: 13px;
	color: #4b6442;
	font-weight: bold;
	margin-bottom: 12px;
}

h4 {
	font-size: 13px;
background-color: #dce4d9;
padding: 4px 4px 4px 8px;
margin-bottom: 10px;

}

.produktesuche {
margin-right:-27px !important;
}

h5 {
font-size: 12px;
color: #4b6442;
font-weight: bold;
	
}

/*Generelle Links*/
a:link {color: #666; text-decoration: none; font-weight:normal;}
a:visited {color: #666; text-decoration:none; font-weight:normal;}
a:hover {color: #000; text-decoration:none;  font-weight:normal !important;}
a:active {color: #000; text-decoration:none; font-weight:normal;}



/*Wrapper DIV*/
#wrapper {
margin: 0px auto; /* 0 hinzugefügt, weil in vertical ist auto allein nicht sauber möglich (michel) */
width: 900px; /*Breite Angeben*/
background-color: #fff;
}
	
	


/*
==================
Head Bereich
==================
*/

#header {
position: relative;
background-image: url(../bilder-design/header-top.jpg);
height: 203px;
}

/*Logo*/
#logo {
position: absolute;
top: 45px;
left: 20px;
display: block;
}





/*
==================
Navigation
==================
*/

#mainnav {
background-color: #dce4d9;
width: 900px;
height: 31px;
margin: 0px;
padding: 0px;
position: absolute;
bottom: 0px;
}


#mainnav li {
list-style-image:none;
list-style-type:none;
background-image: url(../bilder-design/mainnav-bg-li.gif);
background-repeat: no-repeat;
background-position: right;
color: #4b6442;
margin: 0px;
padding: 0px;
float: left;
font-weight: normal !important;
}


/*HAUPTNAVIGATION Links*/

#mainnav a { padding:9px 8px 8px 8px; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none; }
#mainnav li a:link  { color: #4b6442; }
#mainnav li a:visited { color: #4b6442; }
#mainnav li a:hover  { color: #4b6442; background-image: url(../bilder-design/mainnav-bg-li-hover.gif); background-repeat: no-repeat; background-position: right; font-weight: normal !important;}
#mainnav li a:active { color: #4b6442; background-image: url(../bilder-design/mainnav-bg-li-hover.gif); background-repeat: no-repeat; background-position: right; }

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li.aktiv a { color: #4b6442; text-decoration: none; background-image: url(../bilder-design/mainnav-bg-li-hover.gif); background-repeat: no-repeat; background-position: right; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#mainnav ul li.active a:link  { color: #000; text-decoration: none; }
#mainnav ul li.active a:visited { color: #000; text-decoration: none; }
#mainnav ul li.active a:hover  { color: #fff; text-decoration: none; }
#mainnav ul li.active a:active { color: #fff; text-decoration: none; }*/

#subnav {
margin: 55px 0 0 12px;
display: block;
width: 147px;
float: left;
border-top: 1px solid #4b6442;
font-size: 11px;
}


#subnav li {
list-style-image:none;
list-style-type:none;
padding: 0px;
margin: 0px;
float: left;
border-bottom: 1px solid #4b6442 ;
width: 147px;
}



/*SUBNAVIGATION Links*/
#subnav a  { 
	display: block; /*ganze Fläche anklickbar machen*/ 
	text-decoration:none; 
	float: left;
	font-weight: bold;
	padding: 3px;
	width: 141px;
}


#subnav li a:link  { color: #4b6442; }
#subnav li a:visited { color: #4b6442; }
#subnav li a:hover  { color: #4b6442; background-color: #edf1ec; font-weight: bold !important; }
#subnav li a:active { color: #4b6442;  }

/*aktiver Subnavigationslink*/
#subnav ul li.subnavaktiv a { color: #4b6442; background-color: #edf1ec; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#subnav ul li.subnavactiv a:link  { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:visited { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:hover  { color: #fff; text-decoration: none; }
#subnav ul li.subnavactiv a:active { color: #fff; text-decoration: none; }*/


/*SUBsubiNAVIGATION Links*/
#subnav ul li ul {
margin: -2px 0 6px 12px;
display: block;
width: 130px;
padding-top:4px;
float: left;

}


#subnav ul li ul li {
list-style-image:none;
list-style-type:none;
padding: 0px;
margin: 0px;
float: left;
border-bottom: 0px solid #fff ;
width: 130px;
}


/*SUBNsubAVIGATION Links*/
#subnav ul li ul li a  { 
	display: block; /*ganze Fläche anklickbar machen*/ 
	text-decoration:none; 
	float: left;
	font-weight: normal;
	padding: 3px 0 0 3px;
	width: 130px;
	background-color: #fff !important;
}


#subnav ul li ul li a:link  { color: #4b6442;}
#subnav ul li ul li a:visited { color: #4b6442;}
#subnav ul li ul li a:hover  { color: #232e1e; font-weight:normal !important; }
#subnav ul li ul li a:active { color: #4b6442;}

/*aktiver Subnavigationslink*/
#subnav ul li ul li.subsubnavaktiv a { color: #232e1e; background-color: #edf1ec; font-weight: normal !important; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#subnav ul li.subnavactiv a:link  { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:visited { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:hover  { color: #fff; text-decoration: none; }
#subnav ul li.subnavactiv a:active { color: #fff; text-decoration: none; }*/

/* Sprache */

#lang {
text-align: right;
padding: 0px 5px 0px 0px;
width: 80px;
float: left;
list-style: none;
position: absolute;
bottom: 8px;
right: 32px;
top: 155px;
}

#lang li{
display: inline;
padding-left: 7px;

}

#lang li a {color: #262626 !important;}
#lang li a:link {color: #262626 !important;}
#lang li a:visited {color: #262626 !important;}
#lang li a:hover {color: #000 !important; text-decoration: underline;}
#lang li a:active {color: #262626 !important;}


a.sprachaktiv:link  { color: #000 !important; text-decoration: underline;}
a.sprachaktiv:visited { color: #000 !important; text-decoration: underline;}
a.sprachaktiv:hover { color: #000; font-weight:normal !important; text-decoration: underline;}
a.sprachaktiv:active { color: #000;}

/*aktiver Subnavigationslink*/
a.sprachaktiv  { color: #000; font-weight:normal !important; }


/*
==================
Themenbild
==================
*/



/*
==================
Navigation
==================
*/







/*
==================
Content-Bereich
==================
*/

#content {
float: left;
widht: 900px !important;
background-color: #fff;
padding-bottom: 60px;
}
	
#content p {
	line-height: 17px;
	margin-bottom: 15px;
}

#content td p {
	line-height: 17px;
	margin-bottom: 0px;
}	

table {
	margin-bottom: 5px;
}


#maincontent li {
	margin-bottom: 3px;
	list-style-type: disc;
	
}

.seite88 #maincontent li {
	margin-bottom: 3px;
	list-style-type: none;
}

	
#maincontent ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left: 20px;
vertical-align:top;
margin-bottom: 15px;
}

.csc-textpic-firstcol {
	margin-bottom: 5px !important;
}

#maincontent {
width: 510px;
background-color: #fff;
float: left;
padding: 15px 10px 40px 17px;
}
	
li {
	list-style-type: none;
}


#maincontent a:link  { color: #4b6442; text-decoration: underline;}
#maincontent a:visited { color: #4b6442; text-decoration: underline;}
#maincontent a:hover { color: #4b6442; font-weight:normal; text-decoration: none !important;}
#maincontent a:active { color: #4b6442;}

/*aktiver contentlink*/
#maincontent a { color: #232e1e; font-weight:normal; }


/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {
width: 181px;
float: left;
padding: 55px 10px 20px 10px;
background-color: #fff;

}

#sidebar p {
margin-bottom: 0px;
}

#sidebar a:link {color: #4b6442; text-decoration: none; font-weight:normal;}
#sidebar a:visited {color: #4b6442; text-decoration:none; font-weight:normal;}
#sidebar a:hover {color: #232e1e; text-decoration:none;  font-weight:normal !important;}
#sidebar a:active {color: #4b6442; text-decoration:none; font-weight:normal;}


#sidebar div {
	border: 1px solid #b3b3b3;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

#sidebar div h5, #sidebar div p, #sidebar ul {
	margin-left: 8px;
}

span {
	display: block;
	margin-bottom: 12px;
}


/*
==================
Footer-Bereich
==================
*/	

#footer {
font-size: 11px;
color: #999;
padding: 5px 0px 5px 0px;
width: 520px;
clear: both;
border-top: 1px solid #999;
margin: 0 auto;
position: relative;
top: -25px;
left: -15px;
}


#footer a:link {color: #999; text-decoration: none; font-weight:normal;}
#footer a:visited {color: #999; text-decoration:none; font-weight:normal;}
#footer a:hover {color: #505050; text-decoration:none;  font-weight:normal !important;}
#footer a:active {color: #999; text-decoration:none; font-weight:normal;}
		

/* Balken */

#balken {
	background-color: #dce4d9;
	height: 25px;
	widht: 900px;
	clear: both;
	margin-bottom: 50px;
}

/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/

.news-latest-date {
color: #FFF;
font-weight: bold;

}

.news-latest-item {
margin-bottom: 10px;
padding-bottom:10px;
}

.news-latest-item a:link {color: #000; text-decoration: none; font-weight:normal;}
.news-latest-item a:visited {color: #000; text-decoration:none; font-weight:normal;}
.news-latest-item a:hover {color: #000; text-decoration:none; font-weight:normal; }
.news-latest-item a:active {color: #000; text-decoration:none; font-weight:normal;}



.news-latest-item a:link, .news-latest-item a:visited {
color: #FFF;
text-decoration: none;
}

#sidebar .news-latest-morelink {
	background-image:url(../bilder-design/news-link-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 8px;
	border: 0;
}

.news-latest-item a:hover, .news-latest-item a:active {
color: #CCC;
text-decoration: none;
}

.news-single-img {
margin-top: 10px;

}



.newsbild{
float: left;
margin:0px 5px 5px 0px;

}

.news-single-backlink {
clear:left;
}


/*Formulare*/
legend {
display: none;

}

fieldset {
border: 0px solid #000; /*Farben anpassen*/
display: block;
padding: 0px;

}

label {
width: 80px; /*Breiten anpassen*/
float: left;

}

input {
border: 1px solid #000; /*Farben anpassen*/
margin-bottom: 10px;

}

textarea {
border: 1px solid #000; /*Farben anpassen*/
}

.absendeknopf {
border: 1px solid #000;
font-weight: normal;
background-color: #fff;
color: #000;
margin: 12px 0 12px 80px;
float: left;
background-image: url(../bilder-design/button_on.jpg);
background-repeat: no-repeat;
height:23px;
padding-bottom:4px;
width: 100px;
}



.fehlertext {
color: #000;
font-weight: bold;
background-color: #f99;
padding: 2px;
border: 1px solid #f00;
width: 375px;

}

.formfehler {
border: 1px solid #f00;
margin-bottom: 5px;

}

/*optional*/
.pflichtfelder {
margin: 12px 0 0 170px;

}

.contenttable{
margin-left: -3px;

}

.seite76 .contenttable, .seite75 .contenttable, .seite74 .contenttable, .seite117 .contenttable {
margin-left: 0px;
}


.bodytext {
/*float: left;*/
margin: 0;
padding: 0;

}


a.download img{
margin-bottom: -3px;

}


#map {
float: left;
width: 510px; 
height: 340px; 
margin-top: 10px;
color:#000;

}


#slideshow{


}




.csc-sitemap ul li {

	
}

.csc-sitemap ul li a {
	font-weight: bold !important;
}

.csc-sitemap ul li a:hover {
	font-weight: bold !important;
}

.csc-sitemap ul li ul li a {
	font-weight: normal !important;
}

.csc-sitemap ul li ul li a:hover {
	font-weight: normal !important;
}


.csc-sitemap ul li ul li {
	margin-top: 0px;
	font-weight: normal;
}


.seite88 #subnav, .seite87 #subnav {
	visibility: hidden;
}


/*
.csc-textpic-above {
	float: left;
}
*/

.csc-textpic-clear {
	clear: none !important;
}

.seite31 div.csc-textpic-imagewrap {
	margin-right: 17px;
}

.rubrik6 #header, .rubrik77 #header {
position: relative;
background-image: url(../bilder-design/header-abfallrec.jpg);
height: 203px;
}

.news-list-item {
margin-bottom: 20px;

}

.news-list-item h3 a {
font-size: 14px;
font-weight: bold !important;

}

.news-list-item h3 {
margin-bottom: 6px !important;
}


.news-list-item span {
margin-bottom: 2px;
font-weight: normal;
font-size: 11px;
}

.news-list-item p {
margin-bottom: 2px !important;
}

.seite11 .nimage {
float: left;
width: 135px;
height: 100px;
margin-bottom: 10px;
margin-top: 3px;
}

.seite10 .nimage {
float: left;
width: 135px;
height: 130px;
margin-bottom: 10px;
margin-top: 3px;
}

.seite10 hr {

display: none;
}

.seite11 .news-list-item {
clear: both;
margin-bottom: 20px;
height: 110px;
}

.seite10 .news-list-item {
clear: both;
margin-bottom: 20px;
min-height: 100px;
}



.seite86 #content p {
text-align: justify; 
 }