#twocols {
width:100%;
float:right;
position:relative;
}

#leftcol {
width:250px;
float:left;
position:relative;
background-color:#fff;
overflow:scroll;
height:800px;
font-size:0.8em;
}

#leftcol a:link,#leftcol a:visited {
color:#00F;
}

#leftcol a:hover {
color:#C21515;
}




#maincol {

float:right;
display:inline;
position:relative;
width:700px;
height:800px;
overflow:scroll;
}

#maincol a:link,#maincol a:visited {
background-color:#5AA426;
color:#FFF;
margin-right:2px;
padding:5px;
}

#maincol a:hover {
background-color:#0D6DAB;
color:#FFF;
padding:5px;
}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

hr {
border:3px solid #eee;
}


.code {
font-family:"Courier New", Courier, mono;
font-size:90%;
color:#3E3F34;
border:1px solid #C21515;
background-color:#F9F7E3;
padding:10px;
}

#expandcontractdiv {
background-color:#333;
margin:0 0 .5em;
padding:0.4em;
}

#expandcontractdiv a:link,#expandcontractdiv a:visited {
color:#FFF;
}

#expandcontractdiv a:hover {
color:#FFF;
background-color:#C21515;
}

#treeDiv1 {
background:#fff;
padding:1em;
}

#maincol textarea{
	margin: 0.5em 0.5em 0 0;
	padding: .4em;
	width:630px;
	height:395px;
	font-family: "Bitstream Vera Sans Mono", monospace, courier;
	font-size:1em;
	border:0px solid #ccc;
	background-color:#ffffff;
}
#maincol form{
border:1px solid #ccc;
margin-bottom:20px;
padding:5px;
background-color:#0D3960;
}
#maincol .bestand{
border:0px solid #ccc;
color:#FFFFFF;
font-size:1.4em;
padding:5px;
background-color:#0D3960;
}
input.hidden{
border:0px solid #fff;

}
#maincol h3{
color:#FFFFFF;
}