/********************
---[ GLOBAL CLASSES ]---
*********************/
html[xmlns^="http"] {
/* verhindert Mozilla-Zucken
* > Firefox 1.5
*/
overflow-y: scroll;
}

* {
	padding: 0;
	margin: 0;
	outline: none;
}

ul,
ul li {
	list-style: none;
}

a {
	color: #389809;
}

a:hover {
	color: #000000;
}

img {
	border: none;
}

html,
body {
	width: 100%;
	height: 100%;
	min-width: 956px;
}

html {
	background: url(../images/bg-html.gif) repeat-x center 80px;
}

body {
	color: #474747;
	font: 13px/20px "Trebuchet MS", "Times New Roman", Arial;
}

/********************
---[ CONTAINER ]---
*********************/
#container {
	width: 956px;
	margin: 0 auto;
}

/********************
---[ HEADER ]---
*********************/
#header {
	width: 956px;
	height: 359px;
	position: relative;
	background:url(../images/bg-header.jpg) no-repeat 0 0;
}

/********************
---[ LOGO ]---
*********************/
#branding a {
	position: absolute;
	left: 10px;
	top: 30px;
	width: 560px;
	height: 55px;
	background: url(../images/bg-branding.gif) no-repeat 0 0;
}

/********************
---[ MAIN NAVIGATION ]---
*********************/
ul#navi {
	position: absolute;
	left: 27px;
	top: 117px;
	width: 246px;
	height: 171px;
	background: url(../images/bg-navi.png) no-repeat 0 0;
}

ul#navi li {
	height: 37px;
	line-height: 23px;
}

ul#navi li a {
	display: block;
	height: 23px;
	line-height: 23px;
	width: 246px;
	text-indent: -9999px;
	background: url(../images/bg-navi.png) no-repeat 0 -1000px;
}

ul#navi li a.index:hover,
ul#navi li.active a.index {
	background-position: -246px 0;
}

ul#navi li a.containerdienst:hover,
ul#navi li.active a.containerdienst {
	background-position: -246px -37px;
}

ul#navi li a.abrollcontainer-und-absetzcontainer:hover,
ul#navi li.active a.abrollcontainer-und-absetzcontainer {
	background-position: -246px -74px;
}

ul#navi li a.transporte:hover,
ul#navi li.active a.transporte {
	background-position: -246px -111px;
}

ul#navi li a.galerie:hover,
ul#navi li.active a.galerie {
	background-position: -246px -148px;
}

/********************
---[ ADDITIONAL NAVIGATION ]---
*********************/
ul#navi-add-1 {
	position: absolute;
	left: 728px;
	top: 50px;
	width: 216px;
	height: 15px;
}

ul#navi-add-1 li {
	height: 15px;
	line-height: 15px;
	float: left;
	padding: 0 0 0 17px;
}

ul#navi-add-1 li a {
	display: block;
	height: 15px;
	text-indent: -9999px;
	background: url(../images/bg-navi-add-1.gif) no-repeat 0 0;
}

ul#navi-add-1 li a.kontakt {
	background-position: 0 0;
	width: 50px;
}

ul#navi-add-1 li a.kontakt:hover,
ul#navi-add-1 li.active a.kontakt {
	background-position: 0 -15px;
}

ul#navi-add-1 li a.anfahrt {
	background-position: -67px 0;
	width: 48px;
}

ul#navi-add-1 li a.anfahrt:hover,
ul#navi-add-1 li.active a.anfahrt {
	background-position: -67px -15px;
}

ul#navi-add-1 li a.impressum {
	background-position: -132px 0;
	width: 67px;
}

ul#navi-add-1 li a.impressum:hover,
ul#navi-add-1 li.active a.impressum {
	background-position: -132px -15px;
}

/********************
---[ SIDEBAR ]---
*********************/
#content-sidebar {
	float: left;
	width: 329px;
	padding: 0 0 0 6px;
	position: relative;
}

#content-sidebar p {
	padding: 0 0 20px 0;
}

div.sie-haben-fragen,
div.anschrift-und-kontakt {
	padding: 0 30px 13px 22px;
}

#content-sidebar h3 {
	width: 329px;
	height: 50px;
	text-indent: -9999px;
}

h3.sie-haben-fragen {
	background: url(../images/h3/bg-sie-haben-fragen.gif) no-repeat 0 0;
}

h3.anschrift-und-kontakt {
	background: url(../images/h3/bg-anschrift-und-kontakt.gif) no-repeat 0 0;
}

dl.oeffnungszeiten {
	width: 152px;
	height: 80px
}

dl.oeffnungszeiten dt {
	width: 52px;
	float: left;
	clear: both;
}

dl.oeffnungszeiten dd {
	width: 100px;
	float: left;
}

/********************
---[ HEADINGS ]---
*********************/
h2 {
	width: 575px;
	height: 50px;
	text-indent: -9999px;
}

h2.index {
	background: url(../images/h2/bg-index.gif) no-repeat 0 0;
}

h2.kontakt {
	background: url(../images/h2/bg-kontakt.gif) no-repeat 0 0;
}

h2.danke {
	background: url(../images/h2/bg-danke.gif) no-repeat 0 0;
}

h2.anfahrt {
	background: url(../images/h2/bg-anfahrt.gif) no-repeat 0 0;
}

h2.impressum {
	background: url(../images/h2/bg-impressum.gif) no-repeat 0 0;
}

h2.containerdienst {
	background: url(../images/h2/bg-containerdienst.gif) no-repeat 0 0;
}

h2.abrollcontainer-und-absetzcontainer {
	background: url(../images/h2/bg-abrollcontainer-und-absetzcontainer.gif) no-repeat 0 0;
}

h2.transporte {
	background: url(../images/h2/bg-transporte.gif) no-repeat 0 0;
}

h2.galerie {
	background: url(../images/h2/bg-galerie.gif) no-repeat 0 0;
}

/********************
---[ CONTENT ]---
*********************/
#content-main {
	position: relative;
	background: url(../images/bg-content.jpg) no-repeat 0 0;
	float: left;
	padding: 0 0 10px 22px;
	width: 599px;
}

#content-main p {
	padding: 0 0 20px 0;
}

#content-main h3 {
	font-size: 13px;
	padding: 0 0 5px 0;
}

.content-column {
	width: 283px;
	float: left;
	padding: 0 20px 0 0;
}

.content-column ol {
	margin: 0 0 20px 25px;
}
	
.content-column a img {
	border: 1px solid #5C7D3E;
	padding: 2px;
	margin: 6px 0 10px 0;}	

/********************
---[ FOOTER ]---
*********************/
#footer {
	width: 606px;
	margin: 0 auto;
	height: 63px;
	background: url(../images/bg-footer.gif) no-repeat 346px 0;
	position: relative;
	padding: 0 0 0 329px;
}

#footer a.nach-oben {
	position: absolute;
	width: 74px;
	height: 19px;
	left: 356px;
	top: 10px;
	background: url(../images/bg-a-nach-oben.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}

#footer a.nach-oben:hover {
	background-position: 0 -19px;
}

ul#navi-add-2 {
	position: absolute;
	width: 250px;
	height: 19px;
	left: 639px;
	top: 10px;
}

ul#navi-add-2 li {
	float: left;
	padding: 0 0 0 10px;
}

ul#navi-add-2 li a {
	display: block;
	text-indent: -9999px;
	background: url(../images/bg-navid-add-2.gif) no-repeat 0 0;
}

ul#navi-add-2 li a.impressum {
	width: 70px;
	background-position: 0 0;
}

ul#navi-add-2 li a.impressum:hover,
ul#navi-add-2 li.active a.impressum {
	width: 70px;
	background-position: 0 -19px;
}

ul#navi-add-2 li a.designed-by-euroweb {
	width: 123px;
	background-position: -80px 0;
}

ul#navi-add-2 li a.designed-by-euroweb:hover,
ul#navi-add-2 li.active a.designed-by-euroweb {
	width: 123px;
	background-position: -80px -19px;
}

/********************
---[ ADDITIONAL CLASSES ]---
*********************/
.border {
	padding: 2px;
	border: 1px solid #389809;
}

.cms-image {
	float: left;
	width: 125px;
	margin: 0 10px 20px 0;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.no-padding {
	padding: 0 !important;
}

.indented {
	text-indent: -9999px;
	line-height: 1px;
	font-size: 1px;
}

table {
	color: #FFFFFF;
}
table .tabletop {
	background-color:#4FA425;
	color: #FFFFFF;
	padding: 0 0 0 2px;
}
table .table-light1 {
	background-color:#FFFFFF;
	color: #333333;
}
table .table-light2 {
	background-color:#F3FBEE;
	color:#333333;
}