﻿html { height: 120%; }
body {background-color:#ffffff; height: 120%;}
td  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-style:normal;}
div  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-style:normal;}
pre  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-style:normal;}
span.aktuell {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color:#b14008; font-style: normal; font-weight:norm;}
span.headline {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#b14008; font-style: normal; font-weight:bold;}
span.head_aktuelles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-style: normal; font-weight:bold;}
span.aktuelles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; font-style: normal; font-weight:norm;}
span.aktuelles_or { color: #e65508; font-size: 9px; }
span.aktuelles_star { color: #e65508; font-size: 9px; position: relative; top: 4px; }
span.head1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#b14008; font-style: normal; font-weight:bold; margin-top: 0;}
span.head2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#89af1e; font-style: normal; font-weight:bold; margin-top: 10px;}
span.head3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-style: normal; font-weight:bold; margin-top: 10px;}

a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline; }

a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color:#e10020; text-decoration:underline; }

a.navi:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; font-weight:norm; text-decoration:none;}
a.navi:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; font-weight:norm; text-decoration:none; }
a.navi:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; font-weight:norm; text-decoration:none;}
a.navi:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:norm; text-decoration:none;}
a.navi:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:norm; text-decoration:none;}

a.aktiv:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:norm; text-decoration:underline;}
a.aktiv:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:norm; text-decoration:underline; }
a.aktiv:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:norm; text-decoration:underline;}
a.aktiv:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#007077; font-weight:norm; text-decoration:underline;}
a.aktiv:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight:norm; text-decoration:underline;}

#Wertstoffoffensive {width: 270px; height: 49px; position: absolute; top: 77px; left: 50%; margin-left: 208px; margin-top: 0px; z-index:5000;}
#BasicMenu {background: url("images/seperator.gif") bottom right no-repeat; width: 267px; height: 16px; position: absolute; top: 18px; left: 50%; margin-left: 210px; margin-top: 0px; z-index:5001;}
#Menu {background-color: #878786; width: 745px; height: 21px; position: absolute; top: 197px; left: 50%; margin-left: -245px; margin-top: 0px; z-index:5002;}
#SubMen_1 {width: 300px; height: 21px; position: absolute; top: 221px; left: 50%; margin-left: -182px; margin-top: 0px;}
#SubMen_2 {width: 400px; height: 21px; position: absolute; top: 221px; left: 50%; margin-left: -105px; margin-top: 0px;}
#SubMen_3 {width: 400px; height: 21px; position: absolute; top: 221px; left: 50%; margin-left: -11px; margin-top: 0px;}
#SubMen_4 {width: 672px; height: 21px; position: absolute; top: 221px; left: 50%; margin-left: -177px; margin-top: 0px;}
#SubMen_5 {width: 300px; height: 21px; position: absolute; top: 221px; left: 50%; margin-left: 158px; margin-top: 0px;}
#SubMen_6 {width: 400px; height: 21px; position: absolute; top: 221px; left: 50%; margin-left: 13px; margin-top: 0px;}
#SubMen_7 {width: 700px; height: 21px; position: absolute; top: 221px; left: 50%; margin-left: -145px; margin-top: 0px;}

#Slideshow {width: 1000px; height: 199px; position: absolute; top: 19px; left: 50%; margin-left: -500px; margin-top: 0px;}
#Info {width: 500px; height: 254px; position: absolute; top: 248px; left: 50%; margin-left: -246px; margin-top: 0px;}
#Aktuelles_Head {width: 225px; height: 38px; }
#Aktuelles {width: 225px; overflow: auto;  margin-bottom: 10px;}
#Footer {width: 1000px; height: 40px; position: fixed; bottom: 0px; left: 50%; margin-left: -500px; margin-top: 0px; z-index:4000; background-color:#ffffff; background-image:url(../images/links-bg.jpg); background-repeat: repeat-x;}
.style1 {
	border-width: 0px;
}


#leftbar {
	width: 225px;
	position: absolute;
	top: 238px;
	left: 50%;
	margin-left: -500px;
}

#Fotos {width: 225px; position: absolute; top: 245px; left: 50%; margin-left: 275px; margin-top: 0px;}
#FotosT {width: 225px; position: absolute; top: 518px; left: 50%; margin-left: 275px; margin-top: 0px;}

p.foto {
	font-size: 0.8em;
	text-align: center;
}

#SubSubMen {width: 225px; position: absolute; top: 238px; left: 50%; margin-left: 235px; margin-top: 0px;}
#SubSubMen ul {
	list-style: none;
	width: 100%;
}
#SubSubMen ul li {
	background: #fbbe7f;
}
#SubSubMen ul li.head {
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding: 5px;
}
#SubSubMen ul a {
	background: #fbbe7f;
	font-weight: normal;
	display: block;
	padding: 5px;
	text-decoration: none;
}
#SubSubMen ul a:hover {
	background: #f18400;
}


#Container_Info_About_03 {width: 912px; height: 279px; position: absolute; top: 596px; left: 50%; margin-left: -454px; margin-top: 0px; background-image:url(../images/info-about03.jpg);}

#Menu1 {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#Menu1 li {
	background: url("images/seperator_menue.gif") bottom left no-repeat;
	float: left;
	font: 100% Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#Menu1 a {
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding:3px 32px 4px 8px;
	text-decoration: none;
	font-weight:normal;
}
#Menu1 a:hover {
	color: #000;
	padding-bottom: 4px;
	background:#fabc7b; 
	}

#SubMen {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;

}
#SubMen li {
	background: #fabc7b url("images/seperator_white.gif") bottom right no-repeat;
	float: left;
	font: 100% Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#SubMen a {
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding:3px 8px 3px 8px;
	text-decoration: none;
	font-weight:normal;
}
#SubMen a:hover {
	color: #000;
	padding-bottom: 3px;
	background:#f18400; 
	}
	
#Aktiv a {
	color: #000;
	padding-bottom: 4px;
	background:#f18400; 
	}

.menu2{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 50% Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	}
.menu2 ul{

	height:16px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu2 li{
		float:left;
		padding:0px;
		}
	.menu2 li a{
	background: url("images/seperator.gif") bottom left no-repeat;
		color:#C83F18;
		display:block;
		font-weight:normal;
		line-height:16px;
		margin:0px;
		padding:0px 10px 0px 10px;
		text-align:center;
		text-decoration:none;
		}
		.menu2 li a:hover, .menu ul li:hover a{
			background: #f3d44e ;
			color:#d78300;
			text-decoration:none;
			}
	.menu2 li ul{
		background:#f3d44e;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:150;
		/*top:1em;
		/*left:0;*/
		}
	.menu2 li:hover ul{
		display:block;
		
		}
	.menu2 li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
		}
	.menu2 li:hover li a{
		background:none;
		
		}
	.menu2 li ul a{
		display:block;
		height:14px;
		font-size:9px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu2 li ul a:hover, .menu2 li ul li:hover a{
			background:#89ae2e;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu2 p{
		clear:left;
		}	
		

/* Kalender */	
div.desktop-button {
	float: left;
	width: 165px;
	height: 100px;
	padding-left: 67px;
	margin: 0 8px 15px 8px;
	border: 1px solid #CCCCCC;
	background: no-repeat 10px;
}

div.desktop-button:hover {
	background-color: #FEFFEA;
	cursor: pointer;
	border-color: #b14008;
}

div.desktop-status {
	clear: both;
}

div.desktop-status table {
	background: #89AE2E;
	width: 100%;
}

div.desktop-status table tr td {
	color: #FFFFFF;
	
}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#b14008; font-style: normal; font-weight:bold; margin-top: 0;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#89af1e; font-style: normal; font-weight:bold; margin-top: 10px;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-style: normal; font-weight:bold; margin-top: 10px;}
hr { color: #89af1e;
	clear: left; }

body.wide #Info {
	width: 725px;
}

body.wide #Fotos {
	display: none;
}

#Links img {
	margin-bottom: 5px;
}

p.error {
	border: 1px solid #660000;
	padding: 5px;
	text-align: center;
	margin: 0;
}

td.em {
	background-color: #e0fa9a;
}

div.bestellenentry {
	border-top: 1px solid #e0fa9a;
	position: relative;
	height: 200px;
	clear: both;
	padding-bottom: 15px;
}
div.bestellenentry img {
	border: 1px solid #e0fa9a;
}

div.bestellenentry div.formelem {
	position: absolute;
	bottom: 15px;
}

table.team {
	width: 710px;
	margin-top: 25px;
}

table.team h2 {
	margin: 0;
}

table.team td.cat {
	border-bottom: 1px solid #b14008;
}

dl.abfall {
	
}

dl.abfall dt {
	font-weight: bold;
}

.linksbuendig_abstand {
	float: left;
	margin: 5px 25px;
}

.linksbuendig_keinabstand {
	float: left;
	margin: 0px 0px;
}

.rechtsbuendig_keinabstand {
	float: right;
	margin: 0px 0px;
}

.rechtsbuendig_abstand {
	float: right;
	margin: 5px 25px;
}

.info {
	font-size: 0.9em;
	margin: 10px 0px;
	padding: 5px;
	color: #660000;
}

.inline-info {
	font-size: 0.8em;
	color: #660000;
}

table thead td {
	background-color: #e0fa9a;
	font-weight: bold;
	text-align: center;
}

div.letters {
	text-align: center;
	background-color: #e0fa9a;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

dl.abc {
	clear: left;
}

dl.abc.last dd {
	padding-bottom: 15px;
}

dl.abc dt {
	font-weight: bold;
	float: left;
	width: 4.5em;
}

dl.abc dd {
	float: left;
	margin-left: 5em;
	width: 30em;
}

#errors, #errors2 {
	color: #660000;
	font-weight: bold;
}

input.error, select.error {
	border: 1px solid #660000;
	background-color: #FF4A4A;
	color: #FFFFFF;
}
input[type='radio'].error {
	color: inherit;
	border: none;	
}

#errors.error, #errors2.error {
	border: 1px solid #660000;
	border-left: 0;
	border-right: 0;
	padding-bottom: 13px;
}

div.twocol1, div.twocol1 {
	width: 49%;
}
div.twocol1 {
	float: left;
	margin: 10px 0 0 0;
}
div.twocol2 {
	margin-left: 50%;
	padding: 10px 0;
}

/* General form styles
----------------------------------------*/

form {
	font-size: 1em;
}

fieldset {
	border-width: 0;
}

input {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 1em;
	line-height: 1.2em;
}

select {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: graytext;
}

textarea {
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

label {
	cursor: default;
	padding-right: 5px;
	color: #4a5a73;
}

label input {
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

/* Definition list layout for forms

---------------------------------------- */
form dl {
	padding: 4px 0;
	margin-bottom: 10px;
	height: 1%;
	overflow: hidden;
}

form dt {
	float: left;
	text-align: left;
	display: block;
	width: 14em;
	border-right: 1px solid #b14008;
	padding: 0 10px;
	min-height: 30px;
}

form dd {
	margin-left: 16em;
	padding: 5px 10px;
	vertical-align: top;
	margin-bottom: 3px;
}

fieldset {
	border: 0;
	border-top: 1px solid #b14008;
	padding: 10px 0;
	font-size: 1em;
	margin-top: 15px;
}

/* Form elements */

dt label {
	font-weight: bold;
	text-align: left;
}

dd label {
	white-space: nowrap;
	color: #333;
}

dd input,dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}

/* Hover effects */
form dl:hover {
	background-color: #f3d44e;
}

form dl:hover dt {
	border-color: #000000;
}

form dl:hover dt label {
	color: #000000;
}

form dl:hover dt label {
	color: inherit;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF;
	border: 1px solid #b14008;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.inputbox:hover {
	border: 1px solid #b14008;
}

.inputbox:focus {
	background-color: #D1FFB0;
	border: 1px solid #b14008;
	color: #000000;
}

input.inputbox	{ width: 90%; }
input.medium	{ width: 70%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }
select.big		{ width: 85%; }
select.medium	{ width: 50%; }
textarea.tiny	{ height: 50px; }
textarea.medium	{ height: 125px; }
textarea.big	{ height: 250px; }

table.behaelter th {
	vertical-align: bottom;
}

table.behaelter td.bl,
table.behaelter th.bl {
	border-left: 1px solid #666666;
}


table.behaelterbest {
	width: 100%;
}

table.behaelterbest th {
	text-align: left;
	border-bottom: 1px solid #000000;
}

p.description, desc.hint {
	font-size: 0.9em;
}

p.description {
	margin-top: 5px;
	padding-top: 0;
}

#Info p {
	line-height: 15px;
}

span.ausnahme {
	font-size: 10px;
	color: #B14008
}

div.bestellen_subform {
	position: absolute;
	top: 15px;
	right: -242px;
	width: 223px;
	padding: 4px;
	background-color: #F3D44E;
}

div.galleryprev {
    width: 500px;
    height: 100px;
    border: 1px solid #89af1e;
    border-left: 0;
    border-right: 0;
}

div.galleryprev span {
    display: block;
    float: left;
    margin: 8px 20px;
    width: 125px;
    height: 83px;
    background: no-repeat center;
}
