@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global tags <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url(../images/bg-body.jpg) center top repeat-x #242424;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#ebebeb;
	line-height:1.5em;
}



a {
	outline: none;
}
 

a:link, a:visited {
	color:#9a9898;
	text-decoration:none;
}

a:hover, a:active {
	color:#9a9898;
	text-decoration:underline;
}

p {
	margin:0 0 1em 0;
}

img {
	border:0;
}

.adressen {
width:450px;

float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 40px;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global classes <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

.clear {
	height:0.1em;
	line-height:0.1em;
	font-size:0.1em;
	clear:both;
	margin:-1px 0;
}

.line {
	width:90%;
	border-bottom:1px solid #6d6d6d;
	margin:0 0 20px 25px;
}

.lineb {
	width:97%;
	border-bottom:1px solid #262626;
	margin:10px 0 10px 0;
}

.image {
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.image-border {
   	cursor: url(../images/icon-zoomin.cur), pointer;
   	outline: none;
   	float:left;
   	border:6px solid #616161;
	margin-bottom:10px;
}


.image-box {
   	float:left;
	width:110px;
	height:110px;
	font-size:0.9em;
	color:#ddd;
}

.image-boxn {
   	float:left;
	width:600px;
	height:400px;
	font-size:0.9em;
	color:#ddd;
}
.image-boxa {
   	float:left;
	width:600px;
	height:200px;
	font-size:0.9em;
	color:#ddd;
}

.bg-grey {
	background:#616161;
	padding:8px;
}

.small-text {
	font-size:0.9em;
	color:#9a9898;
	line-height:1.3em;
}


/* -------------------------------------------------------------------------------------------------------*/
/* ---- container <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#container {
	width:960px;
	margin:0 auto;
	background:url(../images/bg-container.jpg) center top repeat-y;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- header <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#header {
	width:960px;
	height:245px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

h1#branding {
	width:290px;
	height:130px;
	background:url(../images/h1-nokipa-entsorgungssysteme.jpg) 0 0 no-repeat;
	position:absolute;
	left:33px;
	top:43px;
}

a.navi-add-gumkiller, a.navi-add-gumkiller:visited {
	width:87px;
	height:77px;
	display:block;
	background:url(../images/bg-navi-add-gumkiller.jpg) 0 0 no-repeat;
	position:absolute;
	top:125px;
	left:561px;
	text-indent:-9999px;
}
a.navi-add-gumkiller:hover, a.navi-add-gumkiller:active {
	background:none;
}
a.englisch{
	width:25px;
	height:14px;
	display:block;
	background:url(../images/fahne.jpg) 0 0 no-repeat;
	position:absolute;
	top:124px;
	left:687px;
	text-indent:-9999px;
}
a.yellow {
	color: #FFDF00;
}

/* ---- navi <<<------------------------------------------------------------------------------------------*/

ul#navi {
	position:absolute;
	width:291px;
	height:38px;
	top:154px;
	left:654px;
}
ul#navi li {
	text-indent: -9999em;
	display:block;
	width:97px;
	height:38px;
	float:left;
}
ul#navi li a {
	display:block;
	border:none;
	width:97px;
	height:38px;
	float:left;
}
a.navi-home, a.navi-home:visited {
	background:url(../images/li-navi-home.jpg) 0 0 no-repeat;
}
a.navi-home:hover, a.navi-home:active {
	background:none;
}
a.navi-kontakt, a.navi-kontakt:visited {
	background:url(../images/li-navi-kontakt.jpg) 0 0 no-repeat;
}
a.navi-kontakt:hover, a.navi-kontakt:active {
	background:none;
}
a.navi-impressum, a.navi-impressum:visited {
	background:url(../images/li-navi-impressum.jpg) 0 0 no-repeat;
}
a.navi-impressum:hover, a.navi-impressum:active {
	background:none;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-container <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:960px;
	background:none;
	min-height:327px;
	background:url(../images/bg-content-container.jpg) center bottom no-repeat;
}

div#content-container ul {
	margin:0 0 20px 0;
}

div#content-container ul li {
	list-style-type:none;
	background:url(../images/bg-li.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 7px 0;
}

* html div#content-container {
	height:327px; /*height in ie6*/
}

a.mehr, a.mehr:visited {
	width:205px;
	height:34px;
	display:block;
	background:url(../images/index/a-mehr-inactive.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
a.mehr:hover, a.mehr:active {
	width:205px;
	height:34px;
	background:url(../images/index/a-mehr-active.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

a.aktuelles, a.aktuelles:visited {
	width:205px;
	height:34px;
	display:block;
	
}
a.aktuelles:hover, a.aktuelles:active {
	width:205px;
	height:34px;
	
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:left;
	width:638px;
	min-height:327px;
	background:none;
	padding:0 0 0 0;
}

.content-column {
	float:left;
	width:260px;
	padding:0 25px 0 29px;
}

.content-columnn {
	float:left;
	width:520px;
	padding:0 25px 0 29px;
}

/* ---- headlines <<<-------------------------------------------------------------------------------------*/

/* h2 */
h2 {
	text-indent:-9999px;
	margin:0 0 0 25px;
}

h2#willkommen {background:url(../images/h2/h2-willkommen.gif) 0 0 no-repeat; height:59px;}
h2#kontakt {background:url(../images/h2/h2-kontakt.gif) 0 0 no-repeat; height:25px;}
h2#aktuelles {background:url(../images/h2/h2-aktuelles.gif) 0 0 no-repeat; height:28px;}
h2#impressum {background:url(../images/h2/h2-impressum.gif) 0 0 no-repeat; height:28px;}
h2#fehler {background:url(../images/h2/h2-fehler404.gif) 0 0 no-repeat; height:56px;}
h2#gumkiller {background:url(../images/h2/h2-gumkiller.gif) 0 0 no-repeat; height:59px;}
h2#referenzen {background:url(../images/h2/h2-referenzen.gif) 0 0 no-repeat; height:59px;}

/* h3 */
h3 {
	margin:0 0 1.4em 0;
	font-size:1.4em;
	font-weight:normal;
	color:#ddd;
}

/* h4 */
h4 {
	font-size:1.2em;
	margin:0 0 20px 0;
	color:#FFFFFF
	font-weight:normal;
}

/* h5 */
h5 {
	margin:0 0 1.4em 0;
	font-size:14px;
	font-weight:normal;
	color:#ddd
}

/* h6 */
h6 {
	font-size:13px;
	font-weight:bold;
	margin:0 0 20px 0;
	color:#FFFFFF
	font-weight:normal;
}

/* h7 */
h7 {
	font-size:1.2em;
	margin:0 0 20px 0;
	color:#FFFFFF
	font-weight:normal;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-sidebar <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:220px;
	padding:0 50px 0 52px;
	min-height:327px;
	background:none;
	position:relative;
	font-size:0.9em;
	line-height:1.5em;
	color:#b6b6b6;
}

* html div#content-container ul {
	margin:0 0 20px 0;
	list-style-type:none;
	background:url(../images/bg-li.gif) 0 5px no-repeat;
	padding:0 0 0 0;
}



div#content-sidebar a:link, div#content-sidebar a:visited {
	color:#ffdf00;
	text-decoration:none;
}

div#content-sidebar a:hover, div#content-sidebar a:active {
	color:#ffdf00;
	text-decoration:underline;
}




/* -------------------------------------------------------------------------------------------------------*/
/* ---- footer <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer {
	width:100%;
	height:79px;
	background:url(../images/bg-footer.jpg) center top repeat-x;
	color:#4f4f4f;
	font-size:0.9em;
	line-height:1.5em;
}

/* ---- footer-content <<<--------------------------------------------------------------------------------*/

div#footer-content {
	width:960px;
	height:79px;
	margin:0 auto;
	padding:0 0 0 0;
	background:url(../images/bg-footer-content.jpg) 0 0 no-repeat;
	position:relative;
}

.footer-content-adress {
	position:absolute;
	width:150px;
	height:30px;
	top:20px;
	left:48px;
}
.footer-content-phone {
	position:absolute;
	width:150px;
	height:30px;
	top:20px;
	left:260px;
}
.footer-content-mail {
	position:absolute;
	width:150px;
	height:30px;
	top:20px;
	left:454px;
}