/*
Original design: andreas01 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas01/
*/

/* Main body */
body {background:#f4f4f4 url(img/bg1160.gif) top center repeat-y; color:#000; margin:0 auto; padding:0;}
#wrap {background:#fff; font:0.75em Verdana,Tahoma,Arial,sans-serif; color:#000; margin:0 auto; width:860px;}

/* Basic tags */
a {color:blue; text-decoration:underline;}
a:hover {color:blue; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 1.4em;}

.leftline {margin:5px 0 0 -5px;border-bottom:1px solid #999999;/*height:1px;*/}

h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}

.betrag {
/*position:relative; */
}

#umweltpreisbutton {
height:100px;
padding:15px 0px 0 0;
}

#icons {
height:0px;
/* padding:15px 20px 0 0; */
}

.euro {
/*
position:absolute;
top:908px;
left:634px; 
*/
  margin-top:-30px; 
  margin-left:264px; 
}


#nav, #nav ul {
	float: left;
	width: 100%; 
	list-style: none;
	line-height: 0.98em;
	 background-color: transparent;
	/*
	background-image:url(http://www.arbeit-umwelt.de/typo3/fileadmin/template/img/leiste_rot.gif);
	*/
	color:#000;
	font-size:1em;
	font-weight:normal;
	padding: 0;
	border: solid #666666;
	border-width: 1px 0;
	margin: 0 0 1.5em 0;
}
 
#nav a {
	display: block;
	width: 9.5em; 
	color: #fff;
 	text-decoration: none;
	padding: 0.40em 0em;
	margin-left:1em;
}

#nav a:hover {
	display: block;
	width: 9.5em; 
	color: #000;
 	text-decoration: none;
	padding: 0.40em 0em;
	margin-left:1em;
}


 
 
#nav ul li.menuparent {
  
	background: url(http://www.arbeit-umwelt.de/fileadmin/template/fileadmin/template/img/trans_grau.png);
}

#nav ul li.menuparent:hover {
	background:#fff;
	/*
	background: url("http://www.arbeit-umwelt.de/typo3/fileadmin/template/img/trans_grau.png");
        */
}
 
#nav li {
	float: left;
	padding: 0;
	width: 9.5em;
}
 
#nav li ul {
  display: block;
	position: absolute;
	left: -999em;
	height: auto;
	width: 16em;
	font-weight: normal;
	border-width: 0.1em;
	margin: 0;
}
 
#nav li li {
	width: 16em;
	background: url("http://www.arbeit-umwelt.de/fileadmin/template/img/trans_grau.png");
}

/*###################################*/ 
#nav li ul a {
	width: 16em; 
	padding-left:0em;
	color:#0000;
}
 
#nav li ul ul {
	/*wie weit der Layer vom anderen links abrückt*/
	margin: -1.5em 0 0 15.5em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover {
  background:#fff;
}




/* ########################### Stylesheet NEWS-Modul  ########################## */
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #F9FFE5;

}
.news-latest-container HR.clearer {
	clear:left;
}

.news-list-date {
	font-size:1.0em;
	font-weight:normal;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container {
	border:0px solid #333;
	font-size:1.0em; 
	font-family: Arial, Helvetica, sans-serif;
	width:160px;
}

.news-latest-container H2,.news-latest-gotoarchive {
	color:#fff;
	padding:3px;
	margin:3px;
	border:0px solid #666;
}

.news-latest-item {
	/* IE hack */
	/*height: 1%;*/
	line-height: 1.3;
	font-size:1.0em;
	/* IE hack end */
	padding:0px;
	margin:10px 0px 20px 0px;
	border:0px solid #666;
}

.news-latest-item H3 {
	font-size:1.1em;
}

.news-latest-item IMG {

	margin-bottom:5px;
	margin-right:2px;
	border: 0px solid #666;
	/*float:left;*/
  }

.klick {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:500; 
	font-size:1em;
  color:#000;
	text-decoration:none;
	}

.klick a:link {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000;
   text-decoration:none;
}
.klick a:active {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000;
   text-decoration:none;
}
.klick a:visited {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000;
   text-decoration:none;
}
.klick a:hover {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000;
   text-decoration:underline;
}

.klick_hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000; 
	font-weight:600; 
	text-decoration:underline;
	}


.ebene2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
  font-weight:normal;
	text-decoration:none;
	background: url("http://www.arbeit-umwelt.de/fileadmin/template/img/trans_grau.png");
  background-color:transparent;
	text-align: left;
	border-bottom: 1px solid #000;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 5px 5px;
	width: 160px;
	color: #fff;
	display:block;
}


.ebene2 a:link {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-decoration:none;
   /*background-color:#C0C0C0;*/
}
.ebene2 a:active {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-decoration:none;
   /*background-color:#C0C0C0;*/
}
.ebene2 a:visited {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-decoration:none;
   /*background-color:#C0C0C0;*/
}
.ebene2 a:hover {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-decoration:underline;
   /*background-color:#C0C0C0;*/
}



.menu_ul {
	list-style-type: none;
	/*background-color:#C0C0C0; */
	background: url("http://www.arbeit-umwelt.de/fileadmin/template/img/trans_grau.png");
  color:#fff;
	text-align: left;
	border-bottom: 1px solid #000;
	margin: 0px 5px;
	padding: 8px 5px;
	width: 160px;
	padding-top: 2px;
}

.menu_ul li {
	border-bottom: 1px solid #000;
  padding: 3px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:74%;
	width: 96%;
}

.menu_ul a {
	color:#fff;
	text-decoration: none;
	display: block;
	width: 100%
}

.menu_ul a:hover {
	color:#fff;
	text-decoration:underline;
	background-color:transparent;
	display: block;
	width: 102%;
}

/* In Head Image */

#headimg {height:230px; margin:5px 0 5px 0px; padding:0;background-image:url(img/HeaderImg_200_A.jpg);background-repeat:no-repeat;background-position:center center;}


/* Header */
#header {height:210px;}
/*
#header h1 {background-color:inherit; color:#505050; float:left; font-size:2em; margin:0 0 10px; width:350px;}
#header h1 a {background-color:inherit; color:#505050; text-decoration:none;}
#header p {float:left; font-weight:700; line-height:1.1em; margin:8px 0 0 20px; text-align:left; width:400px;}
*/
#frontphoto {border:0; margin:5px;}

#breadcrump-outer {float:right; background-color:#FFF; line-height:1.8em; margin-right:5px; padding:0; border-bottom:1px solid #999999;width:852px;}
#breadcrump-inner {float:right; line-height:1.4em; margin:3px 0px; padding:10; border-bootom:1px solid #999999;width:678px;}

/*############## ################ Left and right sidebar ################################# */
#leftside {clear:left; float:left; margin:18px 5px; padding:0; width:165px;border:0px solid #000;}

/* ######### Hier wegen IE 6 justieren ##################################################### */
#rightside {float:right; line-height:1.4em; margin:15px 0 5px 5px; padding:0; width:165px;}
/* ######### Hier wegen IE 6 justieren ##################################################### */
#leftside p,#leftside ul, #rightside p,#rightside ul {margin:0 0 0 0px; padding:0;}
#leftside p, #rightside p { line-height:1.4em;}
#leftside li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;}
#leftside h2,#leftside h3, #rightside h2,#rightside h3 {color:#505050; margin:0 0 8px; padding:0;}


/* Main content */
#content {
	background-color:#fff;
	border-left:1px solid #999999; 
	border-right:1px solid #999999; 
	line-height:1.5em; 
	margin:15px 170px 5px; 
	padding:15px 10px;
	min-height: 800px;
	}
#contentwide {border-left:1px solid #e0e0e0; line-height:1.5em; margin:0 0 5px 150px; padding:0 0 0 10px;}
#contentwide2 {border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 150px 5px 0; padding:0 10px 0 0;}


#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.3em; margin:0 0 4px;}
#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.1em; margin:0 0 2px;}
#content img,#contentwide img,#contentwide2 img {background:#FFF; border:0px solid #FFF; color:#FFF; display:inline; padding:0px;}
#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;}
#content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}

/* Footer */
#footer {background:#FFF; border-top:1px solid #999999; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:856px; line-height:1.5em; font-size:0.9em;}
#footer p {margin:0; padding:0;}
#footer a {color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

.announce { line-height:1.5em; margin:20px 0px; width:160px;font-size:0.9em;}

.clearing {clear:left; margin:0; padding:0; visibility:hidden;}

.hide {display:none;}