/* ----- Layout ----- */
@font-face {
    font-family: 'DejaVuSansMono';
    src: url('../font/DejaVuSansMono-webfont.eot');
    src: url('../font/DejaVuSansMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansMono-webfont.woff') format('woff'),
         url('../font/DejaVuSansMono-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansMono-webfont.svg#dejavu_sansoblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	height:100%;
	margin: 0; padding: 0;
	font-family: DejaVuSansMono;
	font-size: 62.5%; /* 16px / 62.5% = 10px */
	text-align:center;
	color: #333;
	background: #E2E4E6;
}

img { border: none; }

#wrapper {
	text-align:center;
	position: relative;
	margin: auto;
	width: 940px;
	background: #FFF;
	border-left: 2px #FFF solid;
	border-right: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
}

#container { background: #FFF; }

#head {
	background: #FFF;
	height: 120px;
	margin-bottom: 0px;
	background-image: url(../images/bg_header_greyfade_X.jpg);
	background-repeat: repeat-x;
}

.head_logo {
	background-image: url(../images/logo_bewerbertest.jpg);
	background-repeat:no-repeat;
	border: none;
	position: absolute;
	width:940px;
	height:120px;
	z-index:50;
	display:block;
}

.clearfloat,
.clearer {
	clear:both;
}

#footer {
	height: 100px;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	color: #333333;
	background-image: url(../images/bg_footer_greyfade.jpg);
	background-repeat: repeat-x;
	text-align: center;
	background-color: #CECECE;
}

#border_b {
	position: absolute;
	bottom: -17px;
	left: 0px;
	padding: 0;
	width: 100%;
	height: 15px;
	background-image: url(../images/shadow_bottom.gif);
	background-repeat: repeat-x;
}
/* IE Hack - IE need 1px more */
* html #border_b {
	bottom: -18px;
	background: none;
	background-image: url(../images/shadow_bottom.gif);
	background-repeat: repeat-x;
}
#border_b_l {
	position: absolute;
	bottom: 0px;
	left: -17px;
	width: 25px;
	height: 25px;
	background: none;
	background-image: url(../images/shadow_corner_l.gif);
	background-repeat: no-repeat;
}
/* IE Hack */ 
* html #border_b_l {
	bottom: -1px;
}
#border_b_r {
	position: absolute;
	bottom: 0px;
	right: -17px;
	width: 25px;
	height: 25px;
	background: none;
	background-image: url(../images/shadow_corner_r.gif);
	background-repeat: no-repeat;
}
/* IE Hack */ 
* html #border_b_r {
	bottom: -1px;
}
#border_l {
	position: absolute;
	left: 0px;
	top: -15000px;
	height: 15000px;
	width: 15px;
	background-image: url(../images/shadow_left.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#border_r {
	position: absolute;
	right: 0px;
	top: -15000px;
	height: 15000px;
	width: 15px;
	background-image: url(../images/shadow_right.gif);
	background-repeat: repeat-y;
}
/* IE Hack */ 
* html #border_r {
	right: -1px;
}

/* ----- Layout Ende ----- */





/* ----- Spacer ----- */
.space10	{ height: 10px; overflow:hidden; padding:0; margin:0; }
.space20	{ height: 20px; overflow:hidden; padding:0; margin:0; }
.space50	{ height: 50px; overflow:hidden; padding:0; margin:0; }
/* ----- Höhen Ende ----- */





/* ----- Default-Links ----- */
a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #333333;
}

a:hover {
	color: #E2003D;
}

a.linkred {
	color:#E2003D;
	font-weight:bold;
}
/* ----- Default-Links Ende ----- */





/* ----- Fehlermeldung ----- */
.aktion_fehler {
	width:540px;
	color:#E2003D;
	border:solid #E2023F 1px;
	padding:5px 0 5px 60px;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4em;
	background:url(../images/error.gif) no-repeat 30px center;
	background-color:#FFCCCC;
	text-align:left;
}
/* ----- Fehlermeldung Ende ----- */





/* ----- Erfolgsmeldung ----- */
.aktion_erfolg {
	width:540px;
	color:#339900;
	border:solid #33CC33 1px;
	padding:5px 0 5px 60px;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4em;
	background:url(../images/ok.gif) no-repeat 30px center;
	background-color:#E1F7E1;
	position:relative;
	text-align:left;
}
/* ----- Erfolgsmeldung Ende ----- */





/* ----- Buttons ----- */
.button { background-color: #E2003D; }
.button:hover { background-color: #333; }
/* ----- Buttons Ende ----- */






/* ----- Box 250px ----- */
.box250 {
	background:url(../images/box250_bg_middle.gif) top left repeat-y;
	margin: 0 0 10px 0; 
	padding: 0;
	text-align:left;
	width:250px;
}

.box250_content {
	margin: 5px 10px;
	padding: 0;
	font-size:1.2em;
}

.box250_top {
	margin: 0; padding: 0;
	height: 5px;
	background:url(../images/box250_bg_top.gif) top left no-repeat;
}
.box250_bottom {
	margin: 0; padding: 0;
	height: 6px;
	background:url(../images/box250_bg_bottom.gif) bottom left no-repeat;
}
.box250_content .input {
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	width:95%;
}

.box250_content .error {
	color:#FF0000;
	font-weight:bold;
}

/* ----- Box 250px Ende ----- */




/* ----- Box 600px ----- */
.box600 {
	background:url(../images/box600_bg_middle.gif) top left repeat-y;
	margin: 0 0 10px 0; 
	padding: 0;
	text-align:left;
	width:600px !important;
}

.box600_content {
	margin: 5px 10px;
	padding: 0;
	font-size:1.2em;
	width:580px;
}

.box600_top {
	margin: 0; padding: 0;
	height: 5px;
	background:url(../images/box600_bg_top.gif) top left no-repeat;
}
.box600_bottom {
	margin: 0; padding: 0;
	height: 6px;
	background:url(../images/box600_bg_bottom.gif) bottom left no-repeat;
}
/* ----- Box 600px Ende ----- */





/* ----- Eingabefelder ----- */
.input, .select {
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	margin:2px;
}
.input_error {
	background-color:#FFFFFF;
	border:solid 1px #E2023F;
	margin:2px;
}
/* ----- Eingabefelder ENDE ----- */





/* ----- Ausrichtung ----- */
.float_left,
.left {
	float:left;
}
.right {
	float:right;
}
/* ----- Ausrichtung Ende ----- */

.w550 {
 width: 550px;   
}

label {
    margin-left:5px;
}



/* ----- Fortschrittsbalken ----- */
.fortschritt {
	border:solid black 1px;
	width:200px;
	padding:0;
	margin:0;
	font-size:9px;
	height:10px;
}
.fortschritt .fertig {
	background-color:green;
	padding:0;
	margin:0;
	border:0;
	text-align:left;
	color:yellow;
}
.fortschritt .todo {
	background-color:white;
	padding:0;
	margin:0;
	border:0;
	text-align:right;
}
/* ----- Fortschrittsbalken Ende ----- */