body {
background-image: url(../../../design/koehler/img/hg_fuell.gif);
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
text-align:center;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
	font-size: 1em;
	color:#FFFFFF;
	background-color: #0000ff;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px;
	font-weight: lighter;
}
h2 {
	font-size: 1em;
	color:#0000FF;
	background-color: #d0d0d0;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px;
	font-weight: lighter;
}
h3 {
font-size:0.9em;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
h6 {
font-size: 8pt;
color:#FFFFFF;
background-color: #0000ff;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 780px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #d0d0d0;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
  width            : 200px;
  float				:left;
  position:relative;
  margin-left:-200px  ;
  margin-right:1px  ;
  overflow: hidden;
    display: block;
}
#blocksleft {
  font-weight      : normal;
  filter           : Alpha(opacity=100, finishopacity=25, style=1);
  -moz-opacity     : 0.85;
  text-align       : left;
  text-decoration  : none;
  letter-spacing   : 2px;
  text-indent      : 5px;
  padding          : 5px;
  display          : block;
  margin-top       : 2px;
  width            : 200px;
  float				:left;
  position:relative;
  margin-right:1px  ;
  margin-top:10px  ;
  display: block;
  overflow: hidden;


}
#blocksleft a{
  font-weight      : normal;
  width            : 90%;
  filter           : Alpha(opacity=100, finishopacity=25, style=1);
  -moz-opacity     : 0.85;
  text-align       : left;
  text-decoration  : none;
  letter-spacing   : 2px;
  text-indent      : 5px;
  padding          : 5px;
  display          : block;
  margin-top       : 8px;
}
#blocksleft a:link, #blocksleft a:visited {
  border-top       : 1px solid #BBE5E3;
  border-bottom    : 1px solid #BBE5E3;
  background       : ##d0d0d0;
  color            : #000066;
}
#blocksleft a:hover {
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #FFFFFF;
  background-color : #000066;
  color            : #FFFFFF;
}
 
#blocksright {
	color            : #000066;  
	width            : 200px;
 	float				:left;
 	position:relative;
  	margin-left:5px  ;
 	margin-top:15px  ;

}
/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px;
margin-top: 30px;
min-height:500px;
}

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12pt;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/*  ----------------boxed---------------------- */ 
div#nifty{ margin: 0 10%;background: #0000FF;color:#FFFFFF;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #0000FF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/*  ----------------Formulare---------------------- */ 
.input {

	color:black;

	width:99%;

	font-size:8pt;

	font-family:Verdana;

	background-color:#CCCCCC;

	border: 1px solid #0000FF;



}

.inputfocus { 

	width:99%; 

	font-size:8pt; 

	font-family:Verdana; 

	color:black;

	background-color:white; 

	border-top:1px solid #0000ff;

	border-right:1px solid #0000ff; 

	border-left:1px solid #0000ff;

	border-bottom:1px solid #0000ff;

}.inputwarn { 

	width:99%; 

	font-size:8pt; 

	font-family:Verdana; 

	color:black;

	background-color:white; 

	border-top:1px solid #ff0000;

	border-right:1px solid #ff0000; 

	border-left:1px solid #ff0000;

	border-bottom:1px solid #ff0000;

}

    .formtable { width:90%; background-color:#0000FF; border:#0000FF solid 2px; font-family:arial; font-size:10pt }

    button { background-color:#cccccc; border:#cccccc solid 1px }

.button {

	border-top:1px solid #0000ff;

	border-right:1px solid #0000ff; 

	border-left:1px solid #0000ff;

	border-bottom:1px solid #0000ff;

	background: #F2F2FD;

	background-color: #cccccc; 

	font-size: 11px;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	width: 80px;



}

.textfield {

	border-top:1px solid #0000ff;

	border-right:1px solid #0000ff;

	border-left:1px solid #0000ff;

	border-bottom:1px solid #0000ff;

	background: #0000ff;

	color:#000000;

	font-size:11px;

	font-family: Arial, Helvetica, sans-serif;



}

.checkbox {

	

	margin-left: 25px;

	border-top:1px solid #0000ff;

	border-right:1px solid #0000ff;

	border-left:1px solid #0000ff;

	border-bottom:1px solid #0000ff;

	background: #0000ff;

	color:#0000ff;

	font-size:11px;

	font-family: Arial, Helvetica, sans-serif;



}



.textarea {

	border-top:1px solid #0000ff;

	border-right:1px solid #0000ff;

	border-left:1px solid #0000ff;

	border-bottom:1px solid #0000ff;

	width:300px;

	background: #0000ff;

	color:#000000;

	font-size:11px;

	font-family: Arial, Helvetica, sans-serif;

}

