* { padding:0; margin:0; }
body { font-size:76%; line-height:1.4em; background: #3e3f3f url(../img/ascii/body_bg.gif) 0 0 repeat; font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;padding:0; margin:0; width: 100%; height: 100%;}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,input,textarea,select { font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif; text-align:left; }
p { font-size:1.2em; line-height:1.4em; }
p.last {margin-bottom: 10px;}
img, a img { border:0; }
.clear { clear:both; }
.none { display:none; }
.leftalign { float:left; }
.rightalign { float:right; }

h1{ color: #41ae49; margin:0.4em 0; font-size: 180%; }
h2{ color:#41ae49; padding-top: 0.4em; margin:0 .4em 0; font-size: 190%; }
h3{ color:#41ae49; padding-top:2em; font-size: 140%; }
h4{ color:#41ae49; padding-top:0.5em; font-weight:normal; }


em { font-size: 12px; }
ul, li { margin: 0 12px; }

/* General Style Info */
a{
color:#41ae49;
text-decoration:underline;
}
a:hover{
color:#41ae49;
text-decoration:none;
}

a img{
border:none;
}

/* Layout */

#container{
text-align:left;
margin: 20px auto;
padding: 0;
width: 800px;
overflow:hidden;
}
#header{
width: 800px;
height: 80px;
margin: 0;
padding: 0;
background:#fff;
}

#content{
clear:both;
margin: 0;
padding: 10px;
overflow: hidden;
background:#FFF;
}
#footer{
clear:both;
padding: 10px;
margin: 0;
text-align: right;
font-size:1.1em; line-height:1.2em; color: #fff;
}



#mainC {
	width: 420px;
	margin: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
}


#content p, #content dl{
	color: #fff;
}


pre {
padding: 1em;
}

#infoC {
	border:1px solid #ccc;
	padding:4px;
	float:right;
	width:440px;
/*	height:440px;*/
}
#info {
	background:url(../img/ascii/bg_info.jpg) bottom left no-repeat;
	height:350px;
}

#info p { margin:1em 0 0 0.3em ;font-size:1.5em; line-height:1.6em; color:#41ae49; }

#outputcontainer{
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;
	margin-top:10px;
	width:770px;
	position:relative;

}
#outputEnv{
	overflow:auto;
	background:#FFF9D8;
	height:200px;
	width:770px;
}
#output{
	font-family: Terminal, monospace;
	font-size:1em; 
	line-height:1em;
	
	
} 

#loading {
	width:100%;
	height:100%;
	color:#000;
	background-color:#fff;
	text-align:center;
	padding:0px;
	position:absolute;
	z-index:10;
	left:0px;
	top:0px;
}

#loading p {
	text-align:center;
	color:#000;
}


fieldset, legend, label {
	border:none;
	margin:0px;
	padding:0px;
	display:block;
	}
legend {
	padding:0px 0px 18px 12px;
	line-height:18px;
	font-size:18px;
	}
* html legend {
	padding-left:5px;
	}
label {
	margin:0px 0px 10px 7px;
	line-height:14px;
	font-size:14px;
	}

#formular {
	width:310px;
	padding:4px;
	border:1px solid #ccc;
	}

#formular form{
	background:url(../img/ascii/bg_form.jpg) 0 0 no-repeat;
	height:220px;
}

.input, .select{
	border:1px solid #ccc;
	line-height:14px;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	display:block;
	width:280px;
	margin-top:4px;
	padding:4px;
	}
.select { width:288px;}

.colorP {
	background-color:#ffffff;
}

.abschicken {
	width:288px;
	margin-top:4px;
	padding:4px;
	text-align:center;
	border:1px solid #ccc;
	background:#FFF;
	display:block;
	
	}
	
.abschicken:hover {
	color:#41ae49;
	border:1px solid #41ae49;
}