/* ----------------------------------------------------
TAG-LAYOUT-DEFINITIONEN
------------------------------------------------------*/
html,body {
	height				: 100%;
	text-align			: center;
	margin				: 0;
}
body {
	font-family			: Arial, Helvetica, sans-serif; 
	font-size			: 75%;
	background-color	: #9FCBEA;
	background-image	: url(/img/hg.jpg);
	background-repeat	: repeat-x;
	width				: 100%;
	margin				: 0;
	padding				: 0;
}
h1,h2,h3,h4,h5,h6 {
	color				: #0D72BA;
}
h1 {
	font-size			: 135%;
}
h2 {
	font-size			: 125%;
}
h3 {
	font-size			: 115%;
}
h4 {
	font-size			: 100%;
}
table, td, p, li {  
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 100%;
}
HR {
	border				: 0;
	height				: 1px;
	border-bottom		: 1px solid #D7D7D7;	
}
legend {
	height				: 0;
	padding				: 0;
	display				: none;
}
fieldset {
	padding				: 0;
	border				: 0;
}
option, selected, select {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 100%;
	color				: #000;
	margin				: 0.3em;
	margin-left			: 0;
	padding				: 0;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
    cursor				: pointer;
	margin				: 0;
	padding				: 0;
	margin-bottom		: 0.3em;
}
form {
	margin				: 0;
	padding				: 0;
}
caption {
	font-size			: 120%;
	color				: #303030;
	font-weight			: bold;
}
table caption {
	font-size			: 120%;
	color				: #555555;
	font-weight			: bold;
}
/* ----------------------------------------------------
DEFINITIONEN DER EBENEN-LAYOUTS (DIVS)
------------------------------------------------------*/
#container { /* Container für alles */
	position			: relative;
	max-width			: 59em;
	margin				: 0 auto;
	background-color	: #fff;
}

#hgGrafik { /* Hintergrundgrafik oben Mitte */
	margin				: 0;
	padding				: 0;
	height				: 184px;
	width				: 59em;
	text-align			: left;
	background-image	: url(/img/winter.jpg);/*url(/img/sommer.jpg);*/
	background-repeat	: repeat-x;
}
#mainNav
{
	position			: relative;
}
#mainNav UL
{
	list-style			: none;
	padding				: 0;
	margin           	: 0;
	padding-top			: 5px;
	float				: left;
}
#mainNav LI
{
	position			: relative;
	margin           	: 0;
	padding          	: 0;
	line-height			: 1.2em;
	z-index				: 50;
}
#mainNav A
{
	position			: relative;
	background			: url(/img/div/reiter-rechts.gif) no-repeat right top;
	font-weight      	: bold;
	float            	: left;
	z-index				: 51;
}
#mainNav A:link
{
	color            	: #000;
	text-decoration  	: none;
	text-align			: center;
}
#mainNav A:visited
{
   color            	: #000;
   text-decoration  	: none;
   text-align			: center;
}
#mainNav A:active
{
   color            	: #000;
   text-decoration  	: none;
   text-align			: center;
}

#mainNav UL SPAN
{
   display          	: block;
   background 			: url(/img/div/reiter-links.gif) no-repeat left top;
   padding          	: 4px 9px;
   white-space      	: nowrap;
}
#mainNav LI.aktiv A
{
   background-position	: 100% -121px;
   border-width     	: 0px;
   color				: #fff;
}

#mainNav LI.aktiv SPAN
{
   background-position	: 0% -121px;
   color				: #fff;
}
#search {
	clear: both;
	float: left;
	margin: 0;
	padding-bottom: 1em;
	position: relative;
	z-index: 9999;
	text-align: left;
}
#QuickLinks { /* Suchfeld */
	position: relative;
	height: 2.2em;
	margin: 0;
	padding: 0;
	/*
	padding-left: 1em;
	*/
	padding-right: 5px;
	padding-top: 5px;
	text-align: right;
	
	font-size: 85%;
}
#ScaleText { /* Blauer Balken mit Schriftskalierung */
	position: relative;
	height: 2.2em;
	width: 100%;
	top: -1.4em;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #fff;
	clear: both;
	background: #0D72BA;
}
#breadcrumb {
	position: absolute;
	top: 6px;
	left: 5px;
	text-align: left;
	margin: 0;
}
#breadcrumb A {
	color: #fff;
	text-decoration: underline;
}
#breadcrumb A:hover {
	text-decoration: none;
}

#leftNav { /* Linke Navigation */
	position: relative;
	top: -0.5em;
	width: 17em;
	float: left;
	padding: 0;
	margin: 0;
	padding-left: 1em;
	text-align: left;
}
#leftNav .ClickNav {
	display: none;
}
#leftNav .activeNav {
	display: none;
}


#content { /* Inhalt in der Mitte */
	position: relative;
	top: -1.7em;
	margin: 0;
	margin-left: 18.4em;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
	border-left: solid 1px #0D72BA;
	display: block;
	min-width: 35em;
	z-index: 50;
}

#content A {
	/*color: #08B259;
	color: #666666;*/
	color: #08B259;
	text-decoration: underline;
}
#content A:hover {
	text-decoration: none; 
}

#footer { /* Fußzeile */
	position: relative;
	border-top: solid 1px #9EC7E3;
	margin-top: 3em;
	padding: 5px;
	color: #0D72BA;
	text-align: right;
	font-size: 90%;
	clear: both;
}
#footer A {
	color: #0D72BA;
	text-decoration: none;	
}
#footer A:hover {
	text-decoration: underline;
}
#RemsMurrLogo {
	position: absolute;	
	top: -5em;
	text-align: left;
}
#leftNav ul{
	margin: 0;
	padding: 0;
}
#leftNav ul li {
	list-style-type: none;
	border-top: 1px solid #fff;
}
#leftNav ul li a:link, 
#leftNav ul li a:visited {
	font-size: 100%;
	line-height: 1.6em;
	text-decoration: none;
	padding: 0 2px 0 15px;
	color: #0D72BA;
	display: block;
}
#leftNav ul li a:hover, 
#leftNav ul li a:focus, 
#leftNav ul li a:active {
	color: #000;
	background: url(/img/div/pfeil.gif) no-repeat;
	background-position: 3px 4px;
}
#leftNav ul li a.aktiv, 
#leftNav ul li ul li a.aktiv, 
#leftNav ul li ul li ul li a.aktiv { 
	font-size: 100%;
	line-height: 1.6em;
	text-decoration: none;
	color: #000;
	display: block;
	font-weight: bold;
	background: url(/img/div/pfeil.gif) no-repeat;
}
#leftNav ul li a.aktiv { /* aktives Navigationselement */
	padding: 0 2px 0 15px;
	background-position: 3px 10px;
}

#leftNav ul li ul {
	margin: 0 0 0 0;
	padding: 0;
}
#leftNav ul li ul li  {
	list-style-type: none;
	border-top: 1px solid #fff;
}
#leftNav ul li ul li a:link, 
#leftNav ul li ul li a:visited {
	font-size: 100%;
	line-height: 1.6em;
	text-decoration: none;
	padding: 0 0 0 30px;
	color: #0D72BA;
	display: block;
}
#leftNav ul li ul li a:hover, 
#leftNav ul li ul li a:focus, 
#leftNav ul li ul li a:active {
	color: #000;
	background: url(/img/div/pfeil.gif) no-repeat;
	background-position: 21px 6px;
}

#leftNav ul li ul li a.aktiv { /* aktives Navigationselement 2. Ebene */
	padding: 0 0 0 30px;
	background-position: 21px 5px;
}

#leftNav ul li ul li ul{
	margin: 0;
	padding: 0;
}
#leftNav ul li ul li ul li  {
	list-style-type: none;
	border-top: 1px solid #fff;
	background-color: inherit;
}
#leftNav ul li ul li ul li a:link, 
#leftNav ul li ul li ul li a:visited {
	font-size: 100%;
	line-height: 1.6em;
	text-decoration: none;
	padding: 0 0 0 43px;
	color: #0D72BA;
	display: block;
	background-color: inherit;
}
#leftNav ul li ul li ul li a:hover, 
#leftNav ul li ul li ul li a:focus, 
#leftNav ul li ul li ul li a:active {
	color: #000;
	background: url(/img/div/pfeil.gif) no-repeat;
	background-position: 32px 8px;
	background-color: #fff;
}
#minusDeaktiv {
	display: none;
}

/* ----------------------------------------------------
LAYOUT SCHRIFTARTEN / FORMULARE / KÄSTCHEN usw.
------------------------------------------------------*/
.farblink {
	color: #08B259;
	text-decoration: underline;
}
.hrTrenner {
	background: url(/img/div/pixel-grau.gif);
	background-repeat: repeat-x;
	margin: 0;
	margin-top: 1em;
}
#rightElements .hrTrenner { /* Trenner auf rechter Seite*/
	position: relative;
	left: -10px;
	height: 1px;
}
.ElementDown {
	position: relative;
	top: 3px;
}
.ElementDown2 {
	position: relative;
	top: 2px;
}
.ElementDownFloatLeft {
	position: relative;
	float: left;
	top: 4px;
}
.ElementDown20 {
	position: relative;
	float: left;
	top: 20px;
}
.blind {
	width: 0px;
	height: 0px;
	top: -1000;
	left: -1000;
	overflow: hidden;
	display: none;
}
.smallLink {
	text-decoration: none;
	font-size: 90%;
}
.smalltext  {
	font-size: 80%;
}
.error {
	background-color: #CC0000;
	line-height: 1.4em;
	padding: 0.5em;
	color:#fff;
}
.message {
	background-color: #08b259;
	line-height: 1.4em;
	color: #fff;
	padding: 0.5em;
}
.submitPfeil {
	background: url("/img/submit.gif") no-repeat scroll 1px 7px transparent;

	width: 30px;
	margin: 0;
	height: 35px;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.textfeld80 {
	width: 80%;
	border: #000000 1px solid;
	padding-left: 5px;
	margin-bottom: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
}
.textfeld65 {
	width: 65%;
	margin-bottom: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
}
.textfeld45 {
	width: 45%;
	margin-bottom: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
}
.textfeld10 {
	width: 10%;
	margin-bottom: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
}
.textfeldEM {
	width: 11em;
	font-family: Arial, Helvetica, sans-serif;
}
.textarea80 {
	width: 92%;
	height: 10em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.textareaTonnenNummer {
	width:100px; 
	height:50px;
	overflow-y:scroll;
}

.button {
	margin-top: 0.2em;
	padding: 0;
	border: 1px solid #0D72BA;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.contentFloatLeft {
	width: 50%;
	float: left;
	padding-right: 15px;
}
.contentFloatLeft IMG {
	float: left;
}
.FloatLeft {
	float: left;
	display: inline;
}
.FloatLeftAlignLeft {
	float: left;
	text-align: left;
	display: inline;
}
.FloatRight {
	float: right;
}
.FloatLeftFormular {
	float: left;
	position: relative;
	width: 33%;
	margin: 0;
	padding: 0;
	top: 0;
}
.FloatRight IMG {
	float: right;
	padding-left: 1em;
}

.clearFloat {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
}
.formularLabel {
	width: 11em;
	float: left;
}


.contentUlist {
	list-style-type: none;
	border-top: 1px solid #fff;
	background-color: inherit;
}
.contentUlist H2 {
	margin: 0;
	margin-bottom: 0.7em;
	margin-top: 0.3em;
	padding: 0;
}
.infoBox {
	background-color: #7B7686;
	color: #fff;
	padding: 1em;
	text-align: center;
	font-weight: bold;
}
.infoBox h2 {
	color: #fff;
	margin: 0;
	padding: 0;
}
.infoBox2 {
	background-color: #7B7686;
	color: #fff;
	padding: 0.7em;
}
.infoBox2 h2 {
	color: #fff;
	margin: 0;
	padding: 0;
}
.infoBox2 p {
	margin: 0;
	padding: 0;
}
.FloatLeftPadding {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 1.8em;
	padding-bottom: 2em;
}
.imgFloatContainer
{
	float:left;
	margin:10px;
	margin-left:0;
}
.imgRightFloatContainer
{
	float:right;
	margin:10px;
	margin-left:0;
}
.bildtblRight {
	float: right;
	padding-left: 1.5em;
	padding-bottom: 1em;
}
.borderTable {
	border: 1px solid #7B7686;
	padding: 5px;
}
.bildtblRight TD, TH {
	color:#666666;
	font-size: 90%;
}
.pdf {
	background 			: url(/img/li-pdf.gif) no-repeat;
	background-position	: 0 5px;
	padding-left		: 1.5em;
	list-style-type		: none;
	line-height			: 1.6em;
	margin-left			: -2em;
}
.pdf UL LI {
	list-style-type		: none;
	padding-left		: 1em;
}
.pfeil {
	background 			: url(/img/div/pfeil.gif) no-repeat;
	background-position	: 7px 6px;
	padding-left		: 1.5em;
	list-style-type		: none;
	line-height			: 1.3em;
	margin-left			: -2em;
}
.pfeil UL LI {
	list-style-type		: none;
	padding-left		: 1em;
}
.hervorhebung {
	color				: #FF0000;
}
.standard {
	color				: #000000;
}
.kleiner {
	font-size			: 90%;
}
.nochkleiner {
	display: block;
	font-size: 80%;
    margin: 0 0 15px;
}
table.rahmen {
	border: 1px solid #7B7686;
	border-bottom: none;
	width: 99%;
}
table.rahmen th, table.rahmen td {
	border-bottom: 1px solid #7B7686;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
table.rahmen thead {
	background-color: #7B7686;
	color: #fff;
}
table.rahmen thead th {
	font-weight: bold;
	color: #fff;
}
table.rahmen tbody th {
	background-color:#F5F5F5;
}
table.rahmen2 {
	border: 1px solid #7B7686;
	border-bottom: none;
}
table.rahmen2 th, table.rahmen2 td {
	border-bottom: 1px solid #7B7686;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
table.rahmen2 thead {
	background-color: #7B7686;
	color: #fff;
}
table.rahmen2 thead th {
	font-weight: bold;
	color: #fff;
}
table.rahmen2 tbody th {
	background-color:#F5F5F5;
}

table.zelle {
	border-top: 1px solid #7B7686;
	border-right: 1px solid #7B7686;
}
table.zelle th, table.zelle td {
	border-bottom: 1px solid #7B7686;
	border-left: 1px solid #7B7686;
	padding: 5px;
	vertical-align: top;
}
table.zelle th {
	border-bottom: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
}
table.zelle thead {
	background-color: #7B7686;
	color: #fff;
}
table.zelle thead th {
	font-weight: bold;
	color: #fff;
}
table.zelleZentriert {
	border-top: 1px solid #7B7686;
	border-right: 1px solid #7B7686;
}
table.zelleZentriert th, table.zelleZentriert td {
	border-bottom: 1px solid #7B7686;
	border-left: 1px solid #7B7686;
	padding: 5px;
	vertical-align: top;
	text-align: center;
}
table.zelleZentriert th {
	border-bottom: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
	text-align: center;
}
table.zelleZentriert thead {
	background-color: #7B7686;
	color: #fff;
}
table.zelleZentriert thead th {
	font-weight: bold;
	color: #fff;
}
table.zelleColorHead {
	border-top: 1px solid #7B7686;
	border-right: 1px solid #7B7686;
}
table.zelleColorHead th, table.zelleColorHead td {
	border-bottom: 1px solid #7B7686;
	border-left: 1px solid #7B7686;
	padding: 5px;
	vertical-align: top;
}
table.zelleColorHead th {
	background-color: #7B7686;
	border-bottom: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
	color: #fff;
}
table.zelleColorHead th {
	font-weight: bold;
	color: #fff;
}
table.zentriert {
	border: 1px solid #7B7686;
	border-bottom: none;
	width: 99%;
}
table.zentriert th, table.zentriert td {
	border-bottom: 1px solid #7B7686;
	vertical-align: top;
	text-align: center;
	padding: 5px;
}
table.zentriert thead {
	background-color: #f2f1f1;	
}
.abstandUnten {
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
}
.rueckNachOben {
	position: relative;
	top: -0.1em;
}
.rueckNachUnten {
	position: relative;
	top: 0.3em;
}
.ContainerIMG {
	position: relative;
	top: 20px;
	padding-right: 5px;
	padding-bottom: 7px;
}
.neutralBalken {
	background-color:#CCCCCC;
	padding-left: 10px;
}
.farbigerBalken {
	background-color:#0D72BA;
	padding: 5px 10px;
	color:#fff;
	clear: right;
}
.hellLink {
	color:#fff;
	text-decoration: underline;
}
.hellLink:hover {
	text-decoration: none;
}
#content A.hellLink {
	color: #fff;
}
#content A.hellLinkUnderlined {
	color: #fff;
}
.vorreserviert {
	background-color: #FCFF00;
}
.reserviert {
	color:#fff;
	background-color: #8F0000;
}
.cursor {
	cursor: pointer;
	color:#fff;
	background-color: #08B259;
}
.frei {
	color:#fff;
	background-color: #08B259;
}

.none 
{

}
/* ----------------------------------------------------
Abfuhrkalender
------------------------------------------------------*/
#kalenderdatenTop {
	position			: relative;
	z-index				: 5;
}
/*
#kalenderdatenBody {
	position			: relative;
	top					: -3em;
	z-index				: 1;
}
*/
.zindex {
	position			: relative;
	z-index				: 5;
}
.kalendertag
{
	float				: left;
	width				: 8em;
	margin				: 0;
	margin-bottom		: 3em;
}
.restmuell, .rest
{
	padding				: 3px 0 3px 16px;
	background-image	: url(/upload/img/kalender/restmuelltonne.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
.container 
{
	padding				: 3px 0 3px 18px;
	background-image	: url(/upload/img/kalender/container.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
.biomuell 
{
	padding				: 3px 0 3px 15px;
	background-image	: url(/upload/img/kalender/biotonne.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
.gelbeTonne 
{
	padding				: 3px 0 3px 15px;
	background-image	: url(/upload/img/kalender/gelbe-tonne.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
.umweltmobil 
{
	padding-left		: 15px;
	border-bottom		: 1px solid #FF0000;
	line-height			: 1.6em;
}
.gruengut 
{
	padding				: 3px 0 3px 15px;
	background-image	: url(/upload/img/kalender/gruengut.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
.kartonagen 
{
	padding				: 3px 0 3px 15px;
	background-image	: url(/upload/img/kalender/kartonagen.gif);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
.christbaeume 
{
	padding				: 3px 0 3px 15px;
	background-image	: url(/upload/img/kalender/christbaum.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
.altpapier 
{
	padding				: 3px 0 3px 15px;
	background-image	: url(/upload/img/kalender/altpapier.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	line-height			: 1.6em;
}
/* ----------------------------------------------------
Fundgrube
------------------------------------------------------*/
#fundgrube img {
	max-width: 150px;
}
fieldset.showFieldset  {
	border: 1px solid #0D72BA;
	margin: 3px 0 10px 0;
	padding: 5px;
}
legend.showLegend {
	display: block;
	height: auto;
	padding: inherit;
}
#suchbegriff_fundgrube {
	margin-left: 15px;
	width: 300px;
}
.FundgrubeRubrik {
	display: block;
	width: 105px;
	float: left;
}
.h3Fundgrube {
	margin-top: 7px;
}
.fundgrubeDatum, a.fundgrubeMail {
	margin-right: 1.5em;
}
/*************************************************
Content-Includes --> iCalendar
*************************************************/
.kalenderDateien {
	margin				: 0;
	padding				: 0;
}
.hinweis {
	background			: none;
	display				: block;
	text-decoration		: none;
	padding-left		: 2.0em;
	padding-bottom		: 1em;
	margin-bottom		: 0.4em;
	margin-top			: -0.2em;
	/*margin-left			: 2em;*/
	background			:url(/img/achtung.png) 0 0 no-repeat;
}
.ical {
	background 			: url(/img/icon-ical.gif) no-repeat;
	background-position	: 0 0;
	display				: block;
	padding-bottom		: 0.5em;
	padding-left		: 1.5em;
}
#DivPopup {
	position: absolute;
	left: 50%;
	top: 7em;
	text-align: left;
	z-index: 100;
	display: none;
}
#InnerDivPopup {
	position: absolute;
	left: -310px;
	height: 15.5em;
	width: 50em;
	border: #0D72BA 2px solid;
}

#headerDivPopup {
	border-bottom: #666 1px solid;
	cursor: move;
	height: 15px;
	padding: 5px;
	background-color: #f2f2f2;
	font-weight: bold;
	text-align: center;
}
#headerDivPopup h1 {
	margin: 0;
	padding: 0;
	font-size: 110%;
}
#ContentDivPopup {
	 background-color: #fff;
	 padding: 10px;
	 height: 10.84em;
	 font-size: 110%;
}
#ContentDivPopup A {
	color: #1770a6;
	text-decoration: none;
}
#ContentDivPopup A:hover {
	text-decoration: underline;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.submitPfeil {
		position: relative;
		top: 12px;
	}
	#search {
		padding-bottom: 2em;
	}
	#QuickLinks {
		padding: 15px 0 0;
	}
}