body {
	    font-family: 'Century Gothic', 'Ubuntu Condensed', sans-serif;
	}
#coding_input {
	    background-color: #FFBBBB;
    border: 1px solid #FF0000;
    font-size: 18px;
    height: 30px;
    width: 400px;
}
.ok {
	color:green;
}
.invalid {
	color:red;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../images/pIkfp.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;

    
}

#main {
	width: 90%;
	max-width:1000px;
 margin: 0 auto;
	border-radius: 5px;
	border: 1px solid #ff0000;
	margin: auto;
/*
	margin-bottom: 10px;
	margin-left: 0px auto;
	margin-right: 0px;
	margin-top: 10px;
*/
	padding-bottom: 60px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0;
	
	position: relative;
	box-shadow: 4px 4px 5px #7C7A7B;
}

#headline {
	/*background-image: url(/images/logo.jpg);*/
    background-position: 100% 50%;
	font-family: 'Century Gothic', 'Ubuntu Condensed', sans-serif;
	font-size: 20px;
	line-height: 40px;
	background-repeat: no-repeat;
	border-bottom-color: #ff0000;
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
 	color:#005870;		
}

.nav_button {
	text-align: center;
	color: #333333;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 10px;
	border: 1px solid #008cb9;
	
	font-size: 15px;
	height:50px;
    border-radius: 5px;
    font-family: Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;		
} 

#er_text_c {
	padding-top: auto;
	padding-left: auto;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
	}
	
#dreieck{
    width:0px;
    height:0px;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 20px solid #cce9f1;
    margin-left: auto;
    margin-right: auto;
    position: relative;	
}

#btn_release {
	background-image: url(/images/good_50.png);
	background-position: right center;
	text-align: center;
	width: 230px;
	text-align:left;
    background-repeat: no-repeat;
	}
	

	
.clear	{
font-size:1px;
line-height:0px;
clear:both;
}

#legende {
	float:right;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: autox;
	padding-left: 20px;
	font-size: 10px;
	width:200px;
	
}
.coding_highlight_neut {
	background-color: #CCC;

}
.coding_highlight_pos {
	background-color: #0C0;

}
.coding_highlight_neg {
	background-color:#F00;
o♂
}

#text_original {
	border: 1px solid grey;
	font-size:12px;
	min-height:150px;
	width:750px;	
}
#text_bearbeitet {
	border: 1px solid grey;
	font-size:18px;
	min-height:130px;
	font-family: 'Century Gothic','Ubuntu Condensed',sans-serif;
	width:750px;
}

#history li {
	margin-bottom:10px;
	font-size: 9px;
}