/*
-----------------------------------------------
$Id: style.css
Customer: vss Umwelt Technik
Author:   vierviertel Agentur fuer Kommunikationsdesign GmbH (Volker Duerr)
Version:  1.0
Creation Date:    2005/08/09
Last Modify:
----------------------------------------------- */

/* --  basic HTML Styles
--------------------------- */
html,body {
  height:100%
}
body {
	background:url(bgheader.gif) repeat-x #E3E3E3;
  margin:0;
}
body,div,table,td {
	font: 11px Verdana,Arial,sans-serif;
  line-height:17px;
  color:#333;
}
html>body {

}
form {
  margin:0;
  padding:0;
}
a {
  font: 11px Verdana,Arial,sans-serif;
  color:#333;
  text-decoration:underline;
}

h1 {
  font:17px Verdana,Arial,sans-serif;
  color:#999900;
  font-weight:bold;
  margin:13px 0 21px 0;
}
h2 {
  font:20px Verdana,Arial,sans-serif;
  color:#725B56;
  font-weight:bold;
  margin:15px 0 0 0;
}
h3 {
  font:11px Verdana,Arial,sans-serif;
  color:#725B56;
  font-weight:bold;
  margin:5px 0 0 0;
}
#tb {
	 height:100%;
   width:100%;
}
sub {
	font:10px Arial,Verdana,sans-serif;
  vertical-align:-20%;
}
sup {
	font:10px Arial,Verdana,sans-serif;
}
.postlink {
	position:absolute;
  top:0;
  left:0;
}
/* --  navigation
--------------------------- */
#servicenav {
  position:absolute;
  top:94px;
  left:410px;
  color:#ccc;
  font-size:11px;
  width:340px;
  text-align: right;
}
#servicenav ul {
	margin:0;
  padding:0;
  list-style:none;
  /* width:340px; */
}
#servicenav li {
	margin:0;
  padding:0 15px 0 0;
  /* float:left; */
  display: inline;
}
#servicenav a {
	/* float:left; */
  /* display:block; */
  font: 11px Verdana,Arial,sans-serif;
  text-decoration:none;
  font-weight:bold;
  color:#999;
}
#servicenav a:hover {
	color:#fff;
}
#servicenav a.act {
  color:#fff;
}
#language {
	position:absolute;
  /* top:60px; */ /* Änderung vom 16.04.2008 */
  top:12px;
  /* left:640px; */ /* Änderungen vom 16.04.2008 */
  left:744px;
  color:#003366;
  font-size:11px;
}
#language ul {
	margin:0 0 0 0;
  padding:0;
  list-style-type:none;
  /* width:280px; */ /* Änderung vom 16.04.2008 */
  width:150px;
  /* border-left:4px solid #003366; */
  /* height:28px; */ /* Änderung vom 16.04.2008 */
  padding-left:10px;
}
#language li {
	margin:0;
  padding:0 10px 0 0;
  /* float:left; */ /* Ändrung vom 16.04.2008 */
}
#language a {
	/* float:left; */ /* Änderung vom 16.04.2008 */
  /* display:block; */ /* Änderung vom 16.04.2008 */
  font: 11px Verdana,Arial,sans-serif;
  text-decoration:none;
  font-weight:bold;
  color:#003366;
}
#mainnav {
  margin:18px 0 0 18px;
}
#mainnav p {
  margin:10px 0 0 0;
}
#mainnav ul {
  margin:5px 0 0 10px;
  padding:0;
  list-style:none;
}
#mainnav li {
	margin:0;
  padding:0 0 3px 0;
}
#mainnav a {
  font: 11px Verdana,Arial,sans-serif;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
}
#mainnav li a {
  font: 11px Verdana,Arial,sans-serif;
  text-decoration:none;
  color:#fff;
}
#mainnav a:hover {
  text-decoration:none;
  color:#003366;
}
#mainnav li {
  text-decoration:none;
  color:#003366;
}
#mainnav a.act {
  color:#003366;
}

address {
	font-style:normal;
  padding:48px 0 0 18px;
  color:#003366;
}
address span {
	color:#003366;
  font-weight:bold;
}
address a {
	color:#fff;
}
/* --  grid Styles
--------------------------- */
#logo {
	background:url(logo.gif) no-repeat;
  margin:33px 0 0 48px;
}
#chead {
	 vertical-align:top;
   height:115px;
   background:url(bghead.gif) no-repeat;
}
#content {
	vertical-align:top;
  background:url(bgcontent.gif) repeat-y;

}
.wholder {
	/* width:1020px; */
	width:980px;
}
#lcol {
	float:left;
  width:206px;
}
#mcol {
	float:left;
  /* width:439px; */ /* Änderung vom 16.04.2008 */
  width:537px;
}
#mcol div {
  line-height:20px;
}
.mcolpad {
	padding-left:13px;
  width:510px;
  /* max-width:410px; */
  margin-bottom:15px;
}
.mcolpad h1 {
  font:17px Verdana,Arial,sans-serif;
  /* color:#999900; */ /* Änderung vom 16.04.2008 */
  color: #aaaa54;
  font-weight:bold;
  margin:13px 0 12px 0;
}
.mcolpad h2 {
  font: 11px Verdana,Arial,sans-serif;
  font-weight:bold;
  line-height:12px;
  color:#333;
  margin:10px 0 0 0;
  padding:0;
}
.mcolpad p {
	margin:0;
}
ol {
	margin:0 0 0 25px;
  padding:0;
}
.ollist {
  margin:5px 0 5px 20px;
  padding:0;
}
#mcol ul {
	margin:5px 0 5px 15px;
  padding:0;
}
#mcol li {
	margin:0;
  padding:0;
}

.mcolpad img {
  border:1px solid #999900;
}
#rcol {
	/*\*/float:left;/**/
  margin:25px 0 0 25px;
  overflow: hidden;
  width: 200px;
}
.imgtitle {
	font:9px Verdana,Arial,sans-serif;
  color:#999;
  width:200px;
  margin:7px 0 20px 0;
}
.data {
  color:#999900;
  font-weight:bold;
  margin:15px 0 5px 0;
  /*\*//*/width:260px;/**/
  border-bottom:1px solid #999900;
}
#rcol table {
  /*\*//*/width:260px;/**/
  margin-bottom:25px;
}
#rcol table td {
	padding:2px 2px 0 0;
  line-height:16px;
}
#rcol table sup {
	font:10px Verdana,Arial,sans-serif;
}
.teaserborder {
  width:400px;
  overflow:hidden;
  /* border:1px solid #999900; */ /* Änderung vom 16.04.2008 */
  border: 1px solid #aaaa54;
  background:url(bgteaser.gif) repeat-x #fff;
  margin-top:10px;
}
.teaserimg {
	float:left;
  margin:0;
  background:#fff;
}
.teaserimg img {
  border-top:none;
 	/* border-right:1px solid #999900; */ /* Änderung vom 16.04.2008 */
 	border-right:1px solid #aaaa54;
  border-bottom:none;
  border-left:none;
}
.teaserbox {
  float:left;
  max-width:310px;
  line-height:17px;
}
.teaserhead {
  margin:0;
  padding:2px 0 2px 5px;
  font-weight:bold;
}
.teaserhead a {
	text-decoration:none;
  font-weight:bold;
  color: #FFF;
  letter-spacing: 0.08em;
}
.teasertext {
  padding:4px 0 0 5px;
  margin:0;
 line-height:17px;
}
.maphead {
  border-bottom:1px solid #999900;
  overflow:hidden;
  width:100%;
  margin:10px 0 10px 0;
}
.maphead p {
	float:left;
  width:492px;
  color:#999900;
  margin:0;
  font-weight:bold;
}
.maphead img {
	border:none;
}
.map {
	margin:0;
}
.map img {
	border:none;
}
.spacer {
	width:100%;
  overflow:hidden;
  margin:15px 0 5px 0;
}
.contactlist {
	float:left;
  margin:0 15px 0 0;
}
.contacttext {
	margin:0;
  padding:0 0 0 10px;
  float:left;
  max-width:300px;
}
.tbcontent {
	margin-top:15px;
	width:100%;
  border-left:1px solid #999900;
  border-top:1px solid #999900;
}
.tbcontent caption {
	padding:0 0 5px 2px;
  text-align:left;
  font-weight:bold;
}
.tbcontent th {
  background:#EFF0D8;
  vertical-align:top;
  border-bottom:1px solid #999900;
  border-right:1px solid #999900;
  font-weight:normal;
  padding:2px;
}

.tbcontent td {
	vertical-align:top;
  border-bottom:1px solid #999900;
  border-right:1px solid #999900;
  line-height:16px;
  padding:2px;
  background:#fff;
}
.tbcontent sup {
	font:10px Verdana,Arial,sans-serif;
}

/*-- home newsbox
------------------------------ */
.clearbox {
	overflow:hidden;
  width:100%;
}
.newsbox {
	width: 150px;
	height: 108px;
  float:left;
  /* margin:190px 10px 15px 0; */ /* Änderung vom 16.04.2008 */
  margin: 260px 15px 15px 0;
  line-height:16px;
  border: 1px solid #aaaa54;
  border-bottom-width: 6px;
  background:#fff;
  
}
.newsbox p {
	/* margin:0 0 2px 0; */
	margin: 10px;
  
  /* padding:3px; */
  /* border:1px solid #999900; */ /* Änderung vom 16.04.2008 */
  
  
  line-height:16px;
}
.newsbox img {
	border:0;
  margin-bottom:10px;
}


/*-- sitemap
------------------------------ */
#padlevel {
		margin-left:90px;
}
.clear {
  clear:left;
  border-bottom:1px solid #999900;
  width:100%;
  overflow:hidden;
  margin:0 0 10px 0;
  padding: 0 0 10px 0
}
.firstlevel {
	margin:5px 0 0 0;
  float:left;
  width:100px;
}
.seclevel {
  float:left;
  margin:0 0 10px 0;
}
.maplist {
	list-style-type:none;
  margin:0;
  padding:0;
  float:left;
}
.maplist li {
  margin:0;
  padding:0;
}

/*-- form
------------------------------ */
.formspacer {
  margin:10px 0 10px 0;
  padding:0;
  border-top:1px solid #999900;
}
.formspacer img {
  border:none;
}
.tbform caption {
	padding:0 0 8px 0;
  text-align:left;
  font-weight:bold;
}
.tbform td {
	padding-bottom:5px;
}
.col1 {
	width:155px;
}
.collong {
	width:180px;
}
.collong2 {
	width:125px;
}
.col2 {
	width:25px;
}
.col3 {
	width:100px;
}
.col4 {
	width:22px;
}
.pad2col {
	padding:0 0 0 25px;
}
.fwidth {
	width:25px;
}
.tbform label {
	padding:0 0 0 3px;
}
input {
	border:1px solid #000;
  height:17px;
  max-height:17px;
  background:#fff;
}
.check {
  background:#F0F0F0;
  border:none;
  margin:5px 0 0 0;
  padding:0;
}
textarea {
	width:408px;
  border:1px solid #000;
}
.sinput {
	width:74px;
}
.linput {
	width:124px;
}
.input {
	width:307px;
}
subumit {
	border:1px solid #000;
  background:#fff;
}
/* infomaterial */
.dlbox {
	width:100%;
  overflow:hidden;
  padding:10px 0 10px 0;
  margin:10px 0 0 0;
  border-bottom:1px solid #999900;
}
.dlbox p {
	float:left;
}
.dlbox img {
	border:none;
}

/*-- footer
------------------------------ */
#footer {
  height:20px;
  color:#004D9F;
  background:url(bgfooter.gif) #F5F5F4;
}
#footer span {
	padding-right:10px;
}
#footer a {
  font: 11px Arial,Verdana,sans-serif;
  font-weight:bold;
  color:#004D9F;
  text-decoration:none;
}
.fspacer {
	margin:0;
  width:218px;
  max-width:215px;
  float:left;
}
.fnav {
	margin:0;
	/* width:387px; */ /* Änderungen vom 16.04.2008 */
  width:496px;
  min-width:374px;
  float:left;
}
.ftop {
	margin:2px 0 0 0;
}

a.email {
  font: 11px Arial,Verdana,sans-serif;
  font-weight:bold;
  color:#004D9F;
  text-decoration:none;
}

/* Glossar */
.alpha {
	letter-spacing:2px;
}
p.letter {
	float:left;
  margin:0;
  font-weight:bold;
}
#mcol #glossar ul {
  float:left;
  margin:0 0 0 5px;
  list-style:none;
}
#mcol #glossar li {
  margin:0 0 10px 0;
}
#mcol #glossar a.lbold {
	font-weight:bold;
}
#sprachstrich {
  position: absolute;
  left: 741px;
  top: 59px;
  width: 4px;
  height: 28px;  /* 003063 */
  background-color: #003063; /* #224678 */;
}

#abltbl td.abltd {
  background-color: #e8e8e8;
  border: 3px solid #204677;
  background-image: url('ablauf_pfeile.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
}
    
#abltbl td.abltdx {
  border: 1px solid #204677;
}

#abltbl ul {
  margin-left: 23px;
}