/*Tags*/
body {
	padding:0px;
	margin: 0px;
	color: #000;
	background-color: #FFF;
	font: 500 100% verdana, arial, helvetica, sans-serif;
  }
h1, h2, h3 {
  text-align:left;
  margin-bottom:0;
  color:#ff6500;
}
p {
	margin-top: 0px;
	padding-top: 0px;
}

td {
	vertical-align: top;
}

/*ID-Layout*/

#headerlinks {
	position: absolute;
	left:0;
	top: 0;
	width: 99%;
	color: #fff;
	font-size: 0.6em;
	text-align: right;
}

#main {
  background-color:#616f85;
  color:#FFF;
  background-image:   url(../images/bg_leftbox_bottom.jpg);
  
  }
#leftbox {
	/*display:none;*/
	position: absolute;
	left:0;
	top: 94px;
	width: 130px;
	height: 277px;
	padding: 58px 0 0 0;
	background-color:#eee;
	color:black;
	font-size: 70%;
	/*border-right: 2px dotted #616f85;*/
	background-image:   url(../images/bg_leftbox.jpg);
}

#nest {
	margin-left: 130px;
	background-color: #FFF;
}
#content {
  width: 545px;
  margin: 0 0 0 0;
  padding: 48px 0 20px 95px;
  background-color:#FFF;
  color: #4d5b71;
  border-left: 2px dotted #616f85;
}



#footer {
  height: 12px;
  margin:0;
  padding: 1% 0 0 0;
  border: none;
  background-color:#bbb;
  color:black;
  background-image:   url(../images/bg_footer.gif);
  background-repeat: repeat-x;
  text-align:center;
}

#copy {
	font-size: 0.5em;
	color: #eee;
	margin:0;
	padding:0;
}
/*ID-Tags*/
#content p{
 font-size:70%;
 line-height: 1.3em;
 margin: 1em 0 2em 0;
}

#content ul{
	margin: 0;
	padding: 0 0 0 15px;
}
#content li{
 font-size:70%;
 line-height: 1.2em;
 margin: 0.5em 0 1em 0;
}

#footer p {
  padding: 15px 0 0 0;
  font-size:75%;
  }
#content h1 {
	font-size: 110%;
	font-weight:bold;
	padding: 0px;
}
#content h2 {
	font-size: 80%;
	font-weight:bold;
	padding:2em 0 5px 0;
}
#content h3 {
	font-size: 75%;
	font-weight:bold;
	padding-bottom:5px;
}
#content h4 {
	font-size: 70%;
	font-weight:normal;
	padding-bottom:5px;
	font-style: italic;
}
#leftbox li, #leftbox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

/*Links*/
a:link, a:visited {
	color: #ff6500;
}
a:hover, a:active {
	color: #fff;
	background-color: #ff6500;
	text-decoration: none;
	
}
#header a:hover, #header a:active, #leftbox p.trans a:hover{
	background-color: transparent;
}


#leftbox a:link, #leftbox a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	font-weight: bold;
	width: 77%;
	margin-top: 2px;
	margin-left:8px;
	
}
.llink:link, .llink:visited {
	display: block;
	color: #616f85;
	background-color: #dadada;
}

.l2link:link, .l2link:visited {
	display: block;
	color: #616f85;
	font-weight:normal;
	background-color: #f3f3f3;
	font-size: 0.8em;
	text-align:right;
}

#leftbox a:hover, #leftbox a:active {
	color: #FFF;
	background-color: #ff6500;
}

/*#leftbox ul ul a:link, #leftbox ul ul a:visited {
	padding-left: 8%;
	width: 92%;
	height: 1.3em;
	font-size: 1.2em;
}
#leftbox ul ul ul a:link, #leftbox ul ul ul a:visited {
	padding-left: 16%;
	width: 84%;
	height: 1.5em;
	font-size: 1em;
	font-style: italic;
}*/




.uberlink:link, .uberlink:visited {
	color: #616f85;
	background-color: #fff;
}
.uberlink1:link, .uberlink1:visited {
	color: #616f85;
	background-color: #f3f3f3;
}
.uberlink2:link, .uberlink2:visited {
	color: #616f85;
	background-color: #fff;
	font-size: 0.8em;
	text-align:right;
}

#copy a:link, #copy a:visited {
	background-color: transparent;
	color:#eee;
	text-decoration: none;
}
#copy a:hover, #copy a:active {
	background-color: #eee;
	color:#333;
	text-decoration: none;
}

#headerlinks a {
	color: #fff;
}
#content a{
	text-decoration: underline;
}

/*classes*/
.left {
	float:left;
	margin: 0 10px 0 0; 
}
.right {
	float:right;
	margin: 0 0 0 10px; 
}

.red {
	color: #FF0000;
	font-weight: bold;
}
.orange {
	color: #ff6500;
	font-weight: bold;
}

td.charttd {
	height: 120px;
	vertical-align: bottom;
	border-bottom: 2px dashed #eee;
}
.pbutton{
	border: 1px dashed #ff6500;
	padding: 5px;
	margin: 0 50%;
	font-size: 70%;	
}
.lisaeule {
	margin: 40px 0 0 0;
	list-style-image: url(../images/li-bul-saeule.gif);
}
.tdsubhead{
	font-size:12px;
	font-weight: bold;
}
.tdsm{
	font-size:0.7em;
}
/*Formulare*/
.formbox {
  width: 405px;
  padding: 20px 0 0 0;
  color: #000;
  background-color: #eee;
  border: 1px solid #666;
  font-size: 0.8em;
}
.formbox2 {
  width: 100%;
  padding: 20px 0 0 0;
  color: #000;
  background-color: #eee;
  border: 1px solid #666;
  font-size: 0.8em;
}

.reihe {
  clear: both;
  padding: 3px 0 0 0 ;
}

.reiheheader td {
  padding: 0;
  font-size:80%;
}
.reiheliste td {
  padding: 3px 0 3px 0;
  border-bottom: 1px solid #ffffff;
  font-size:90%;
}


.label {
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: right;
  width: 300px;
  text-align: left;
} 

.number {
  float: left;
  width: 15px;
  text-align: left;
  padding: 3px 5px 0 5px;
}
.labeltext {
  float: left;
  width: 345px;
  text-align: left;
  padding: 3px 5px 0 5px;
}

.feld1 {
  float: right;
  width: 40px;
  text-align: center;
}
.feld2 {
  float: right;
  width: 40px;
  text-align: center;
}
.feld3 {
  float: right;
  width: 40px;
  text-align: center;
}
.feld4 {
  float: right;
  width: 40px;
  text-align: center;
} 

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite {
  width: 260px;
}
.defbreitesm {
  width: 120px;
}


.more {
	text-align: right;
	padding-right: 30px;
}
input {
	margin: 5px;
}

/*spaltenlayouts*/

.c4 {
	float: left;
	width: 16%;
	height: 300px;
	padding: 3%;
	margin: 0 0 0 1%;
	border: 1px solid #eee;
}