/**
 * common css file
 * --------------------------------------------------------------------------------------------------*/

#center_content .container .b{ z-index:0 }

/**
 * start: navigation
 * --------------------------------------------------------------------------------------------------*/
#navigation {
	position:absolute;
	width:390px;
	height:34px;
	margin:0;
	top:101px;
	left:0;
	background-image: url(../graphics/backgrounds/bgNavi.gif);
	background-position:0 0;
	background-repeat:repeat-x;
    font-family:Tahoma, Geneva, sans-serif !important;
}

#sub_navigation {
	position:absolute;
	top:135px;
	left:0;
	width:390px;
	height:27px;
	margin:0 auto;
	background:transparent;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation li {
	float: left;
	margin: 0;
	padding: 0;
	font-size:1.20em;
	line-height:2.83em;
	color:#fff;
}

#navigation li.deli {
	float: left;
	margin:6px 0;
	padding:0;
	width:1px;
	height:20px;
	background:#DE8080;
}

#navigation li a {
	float: left;
	font-weight:bold;
	padding: 0 5px;
	color:#fff;
	text-decoration: none;
	border: none;
}

#navigation li a span{
    font-weight:normal !important;
}

#navigation li a.std {
	background:transparent;
}

#navigation li a.std:hover, #navigation li a.over, #navigation li a.current {
	background:#C62626 url(../design/navi/hover.gif) no-repeat bottom center;
}


#sub_navigation a {font-size:1.10em; line-height:2.45em; font-weight:normal; text-decoration:none;
    padding:2px 2px 5px 2px; margin-left:2px;
    border:1px solid #fff; border-bottom:none !important }

#sub_navigation a.std {color:#3A7398 !important;}
#sub_navigation a.current { color:#1D384D !important }
#sub_navigation a.std:hover { color:#1D384D !important }

/* end: navigaton
 */

/**
 * start: login personalbaox
 * --------------------------------------------------------------------------------------------------*/
#personal_box {position:absolute; top:105px; right:0; width:380px; height:28px; margin:0;
	background:transparent; overflow:hidden;}

#personal_box_a_d_d {position:absolute; top:133px; right:5px; width:125px; height:27px; margin:0;}

#personal_box div.LblRememberLogin {float:left; width:46px; height:5px; margin:12px 5px 0 5px;
	background: url(../design/navi/lblRememberLogin.gif) left top no-repeat;}

#personal_box div.LblEmail {float:left; width:24px; height:5px; margin:7px 5px 0 5px;
	background: url(../design/navi/lblEmail.gif) left top no-repeat;}

#personal_box div.LblPassword {float:left; width:47px; height:5px; margin:7px 0 0 5px;
	background: url(../design/navi/lblPassword.gif) left top no-repeat;}

#personal_box_a_d_d a.send-pw {float:right; display:block; text-decoration:none;
	width:123px; height:7px; margin:7px 0 0 auto;
	background-image: url(../design/navi/lnk-send-pw.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

#personal_box_a_d_d a.send-pw:hover {background-position:0 -7px ! important;}

#personal_box_a_d_d a.register {float:right; display:block; text-decoration:none;
	width:75px; height:7px; margin:5px 0 0 auto;
	background-image: url(../design/navi/lnk-register.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

#personal_box_a_d_d a.register:hover {background-position:0 -7px ! important;}
#personal_box input.IptText { float:left; width:70px; height:14px; background:#ffffff; color:#333333;
		font-size:12px; line-height:14px; padding:0; margin:6px 0 0 5px; border:1px solid #ffffff }

#personal_box input.IptCheckbox { float:left; display:inline; width: 12px; height:12px;
		margin:8px 0 0 8px; background-color:#ffffff; color:#333333; border:0 }


#personal_box button{
	cursor: pointer;
	width: 48px;
	height: 18px;
	display: block;
	margin:5px 4px 0 0;
	border:0;
	padding:0;
	float:right;
}
#personal_box button.login,
#personal_box button.login-out{
	background:transparent url(../design/navi/btnLogin.gif) top left no-repeat;
}
#personal_box button.login-over{
	background:transparent url(../design/navi/btnLogin.gif) bottom left no-repeat;
}

/* end: login personalbox
 */


/**
 * start: personal menu
 * --------------------------------------------------------------------------------------------------*/
#personal_menu {
    position:absolute;
    overflow:hidden;
    width:380px;
    height:34px;
    margin:0;
	top:101px;
	right:0;
	background-image: url(../graphics/backgrounds/bgNavi.gif);
	background-position:0 0;
	background-repeat:repeat-x;
    font-family:Tahoma, Geneva, sans-serif !important;
}

#personal_menu ul {
    float:right;
	margin: 0;
	padding: 0;
	list-style: none;
    font-family:Tahoma, Geneva, sans-serif !important;
}

#personal_menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-size:1.20em;
	line-height:2.83em;
	color:#fff;
}

#personal_menu li.deli {
	float: left;
	margin:6px 0;
	padding:0;
	width:1px;
	height:20px;
	background:#DE8080;
}

#personal_menu li a {
	float: left;
	font-weight:bold;
	padding: 0 5px;
	color:#fff;
	text-decoration: none;
	border: none;
}

#personal_menu li a span{
    font-weight:normal !important;
}

#personal_menu li a.std {
	background:transparent;
}

#personal_menu li a.std:hover, #personal_menu li a.over, #personal_menu li a.current {
	background:#C62626 url(../design/navi/hover.gif) no-repeat bottom center;
}

/* end: personal menu
 */

/**
 * start: header a d v e r t i s i n g
 * --------------------------------------------------------------------------------------------------*/
#header_a_d_v_e_r_t_i_s_i_n_g {
    position:absolute;
    top:6px;
    right:5px;
    width:728px;
    height:90px;    
}

#header_a_d_v_e_r_t_i_s_i_n_g img { margin:0px; border:0; width:728px; height:90px; }
#header_a_d_v_e_r_t_i_s_i_n_g a { text-decoration:none; border:0; }

/* end: header a d v e r t i s i n g
 */
 
/**
 * start: date & time
 * --------------------------------------------------------------------------------------------------*/
.today {
	padding:0 3px;
	font:normal normal bold 1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	color:#ddd;
	background-color:#2b2f32;
	border-bottom:1px solid #2b2f32;
}
.yesterday {
	padding:0 3px;
	font:normal normal bold 1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	color:#2b2f32;
	background-color:#ccc;
	border-bottom:1px solid #ccc;
}
.tasklist{
	background:transparent url(../graphigs/buttoms/tasklist.gif) no-repeat center center;
	padding:0 7px;
	margin:0 0 0 0;
}

/* end: date & time
 */

/**
 * start: member icons
 * --------------------------------------------------------------------------------------------------*/

.M0 {
	background:transparent url(../graphigs/icons/icoOffM.gif) no-repeat left 62%;
}
.M1 {
	background:transparent url(../graphigs/icons/icoOnM.gif) no-repeat left 62%;
}
.F0 {
	background:transparent url(../graphigs/icons/icoOffF.gif) no-repeat left 62%;
}
.F1 {
	background:transparent url(../graphigs/icons/icoOnF.gif) no-repeat left 62%;
}
.uistd{
    padding:2px 10px 2px 0 !important;
}

/* end: member icons
 */
 
/**
 * start: editor
 * --------------------------------------------------------------------------------------------------*/

.editor { position:relative; padding:0; margin:0 auto; }
 
.btneditor{
	/**position:relative;**/
	float:left;
	padding:0;
	margin:0 5px 5px 0;
	background:#e9e9e9;
	height:24px;
	width:25px;
}
.btneditor img{
	/**position:relative;**/
	border:1px solid #ddd !important;
	width:23px !important;
	height:22px !important;
	margin:0 !important;
	padding:0 !important;
	cursor:pointer;
}
#colorPalete{
	position:absolute;
	width:63px;
	background-color:#fff;
	margin:0;
	padding:5px 0 0 5px;
	border:1px solid #ddd;
	top:0px;
	left:0px;
	z-index:100;
}
#colorPalete div{
	/**position:relative;**/
	float:left;
	padding:0;
	margin:0 5px 5px 0;
	background:#e9e9e9;
	height:16px;
	width:16px;
}
#colorPalete div img{
	/**position:relative;**/
	border:none !important;
	width:16px !important;
	height:16px !important;
	margin:0 !important;
	padding:0 !important;
	cursor:pointer;
}
#smilies{
	position:absolute;
	width:360px;
	background-color:#fff;
	margin:0;
	padding:5px 0 0 5px;
	border:1px solid #ddd;
	top:0px;
	left:0px;
	z-index:100;
}
#smilies div{
	/**position:relative;**/
	float:left;
	padding:0;
	margin:0 5px 5px 0;
	background:transparent;
}
#smilies div img{
	/**position:relative;**/
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	cursor:pointer;
}
#flags{
	position:absolute;
	width:360px;
	background-color:#fff;
	margin:0;
	padding:5px 0 0 5px;
	border:1px solid #ddd;
	top:0px;
	left:0px;
	z-index:100;
}
#flags div{
	/**position:relative;**/
	float:left;
	padding:0;
	margin:0 5px 5px 0;
	background:transparent;
}
#flags div img{
	/**position:relative;**/
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	cursor:pointer;
}

/* end: editor
 */
 
/**
 * start: sonstiges
 * --------------------------------------------------------------------------------------------------*/

pre{
    font-size:1.20em;
}

.italic{ font-style:italic !important }
.bold{ font-weight:bold !important }
.code{
	font-size:1.2em !important;
	font-family:"Courier New", Courier, monospace !important;
}

.red{ color:#b71534 !important }

button{
	cursor: pointer;
	height: 18px;
	display: block;
	margin:5px 4px 0 0;
	border:0;
	padding:0;
	float:right;
}

.btnSave {
  cursor:pointer;
  height:18px; width:30px;
  background:url(../design/btnSave.gif) 0px 0px no-repeat 
}
.btnSave:hover {
    background-position:0px -18px
}


.btnEdit {
  cursor:pointer;
  height:18px; width:55px;
  background:url(../design/btnEdit.gif) 0px 0px no-repeat 
}
.btnEdit:hover {
    background-position:0px -18px
}


.btnDelete {
  cursor:pointer;
  height:18px; width:55px;
  background:url(../design/btnDelete.gif) 0px 0px no-repeat 
}
.btnDelete:hover {
    background-position:0px -18px
}

.btnReply {
  cursor:pointer;
  height:18px; width:33px;
  background:url(../design/btnReply.gif) 0px 0px no-repeat 
}
.btnReply:hover {
    background-position:0px -18px
}

.btnForward {
  cursor:pointer;
  height:18px; width:46px;
  background:url(../design/btnForward.gif) 0px 0px no-repeat 
}
.btnForward:hover {
    background-position:0px -18px
}

.btnApply {
  cursor:pointer;
  height:18px; width:34px;
  background:url(../design/btnApply.gif) 0px 0px no-repeat 
}
.btnApply:hover {
    background-position:0px -18px
}


#center_content .container .b .form p.error{
  padding:5px;
  margin:5px;
  /*  font:font-style font-variant font-weight font-size/line-height  font-family */
  font:italic normal normal 10px/normal Verdana, Geneva, Arial, Helvetica, SunSans-Regular, Sans-Serif !important;
  color:#FF412F;
  background:#FDC9C5;
  border:1px solid #FF412F;
}

/* end: sonstiges
 */