@charset "utf-8";
/*************************************************
 * written by bit4Finance GmbH 
 * www.bit4finance.de
 * Coder Original:  Erik Eberwein
 * Coder New:       Matthias Bosewitz
 * last modified:   06/09/2012
 * 
 * Formatierung und Positionierung von Containern
 *************************************************/

/* Top-Container mit für Logo, Banner, ... */
#layer_main {
	position:     absolute;
	left:         50%;
	top:          50%;
  width:        690px;
	height:       515px;
  margin-left: -350px;
	margin-top:  -225px;
	padding:      5px 22px 22px 5px;
    
	text-align:		center;
  
  background-image: url(../img/the-box.png);
  background-repeat: no-repeat;

 /* Alte Werte ohne Hintergrundbild
   padding:        5px;
   background-color:	#CCC;
 */
}

#layer_message {
	position:     absolute;
	left:         50%;
  top:          50%;
	width:        500px;
	height:				auto;
	margin-left: -250px;
  margin-top:  -50px;
  padding:      15px;
  z-index:      1000;
  border:       2px solid white;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  
	text-align:   center;
  background-color:	white;
	color:            #000;
	font-size:        12px;
	text-decoration:  none;
	font-weight:      bold;
}


#layer_logo {
	position:       absolute;
	left:           50%;
	top:            50%;
	width:          160px;
	height:         110px;
	margin-left: 		-350px;
	margin-top: 		-340px;
  
	text-align:     center;
	background-image:	url(../img/logo.png);
}

#layer_status {
	position:       absolute;
	left:           50%;
	top:            50%;
	width:          250px;
	height:          40px;
	margin-left: 	 -180px;
	margin-top: 	 -265px;
  
	text-align:     left;
}

#icon_edit {
	position:       absolute;
	left:           50%;
	top:            50%;
	width:          64px;
	height:         64px;
	margin-left: 		290px;
	margin-top: 		-295px;
	background-image:	url(../img/edit.png);
	text-align:			center;
}

#icon_agent {
  position:       absolute;
	left:           50%;
	top:            50%;
	width:          64px;
	height:         64px;
	margin-left: 		150px;
	margin-top: 		-295px;
	background-image:	url(../img/agent.png);
	text-align:			center;
}

#icon_todo {
  position:       absolute;
	left:           50%;
	top:            50%;
	width:          54px;
	height:         64px;
	margin-left: 		230px;
	margin-top: 		-295px;
	background-image:	url(../img/todo-list.png);
	text-align:			center;
}

#icon_stopwatch {
  position:       absolute;
	left:           50%;
	top:            50%;
	width:          64px;
	height:         64px;
	margin-left: 		220px;
	margin-top: 		-295px;
	background-image:	url(../img/stopwatch.png);
	text-align:			center;
}

/* Stoppuhr-Bereich */
#layer_stopwatch {
  position:     absolute;
  width:        450px;
  top:          20px;
  right:        20px;
  padding:      5px;
  
  text-align:   left;
  z-index:      500;
  border:       2px solid white;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  
  background-color:	#666;
}