/*///////////////////////////////////////////////////////////////////
// 2009-06   | www.madebymeyer.de                                  //
// Project   | sonyericsson framework                              //
// Author    | Karsten Meyer                                       //
// modified  | 09.06.2009 by Karsten Meyer                         //                                                  
// Package   | content                                             //
///////////////////////////////////////////////////////////////////*/


/* ### content ########*/
.content {
 position:relative;
	width:949px;
	text-align: left;
	padding:20px 19px 20px 20px;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	background: url(../img/bg_content.gif) left bottom repeat-x;
}

.content A:link,
.content A:visited,
.content A:hover,
.content A:active,
.content A:focus{
	color: #96078e;
}

.content UL {
  margin:0;
  padding-left:17px;
}

.content UL LI {
  padding-bottom:5px;
}

.content P {
  margin-bottom:0px;
}

.box-frame {
 padding:13px;
}
.box-frame-left {
 padding:13px;
 background: url(../img/bg_box_leftsmall.jpg) no-repeat;
 width: 222px;
 height: 351px;
 margin-right:23px;
}
.box-frame {
 padding:13px;
 background: url(../img/bg_box_middle.jpg) no-repeat;
 padding:13px;
 height:351px;
 width:437px;
}

.box-frame-right {
 padding:13px 13px 13px 14px;
 background: url(../img/bg_box_rightbig.jpg) no-repeat;
 width: 651px;
 height: 351px;
}


/* box left */
#box-left {
  position:relative;
 color:#666;
 font-size:11px;
 background-color:#fff;
 padding:21px;
 height:308px;
 width:180px;
 overflow:hidden;
 font-size:11px;
}
.box-frame #box-left {
 width:395px;
}


.pagenr {
  position:absolute;
  right:7px;
  top:6px;
 color:#666;
 overflow:hidden;
 font-size:12px;
 text-align:right;
}
#savepw {
  position:absolute;
  left:21px;
  top:318px;
}

.sep-dotted {
 height:9px;
 background: url(../img/bg_xgrey.gif) 0 5px repeat-x;
}


#opac {
  position:absolute;
  left:21px;
  top:128px;
  width:185px;
  height:215px;
  background-color:#fff;
 filter:alpha(opacity=80);   
 -moz-opacity: 0.8;   
 opacity: 0.8;
}

/* box right */
#box-right {
 position:relative;
 height:351px;
 width:651px;
 overflow:hidden;
 font-size:12px;
 color:#666;
 font-size:11px;
}

.box-frame #box-right {
  position:relative;
 height:351px;
 width:437px;
}

#box-right.welcome {
 background: url(../img/bg_box_welcome.jpg) no-repeat;
 height:351px;
}

#box-right.loggedout
{
	background:transparent url(../img/bg_box_logout.jpg) no-repeat scroll 0 0;
	height:321px;
	padding:15px 0 14px 20px;
}

#textbox {
  position:absolute;
  left:30px;
  top:90px;
 width:240px;
 height:250px;
 color:#666;
}

#textbox H2 {
  font-size:12px;
	margin:0 0 5px 0;
	padding:0;
	font-weight:700;
 color:#666;
}

H2.textbox {
  font-size:12px;
	margin:0 0 5px 0;
	padding:0;
	font-weight:700;
 color:#666;
}

#tc {
 position:absolute;
 left:0px;
 top:0px;
 width:414px;
 height:328px;
 display:none;
 background-color:#fff;
 color:#666;
 padding:23px 0 0 23px;
}

/* box 1 + 2 */
#box-21,
#box-22 {
 position:relative;
 background-color:#fff;
 padding:15px 20px 20px 20px;
 height:315px;
 overflow:hidden;
}

#box-22-certification {
 position:relative;
 background-color:transparent;
 padding:0;
 height:349px;
 overflow:hidden;
}
#box-22-certification .phones{
 height:210px;
 background: #fff;
 padding:20px 20px 0 20px;
}
#box-22-certification .phones-td{
 height:93px;
 background: #fff url(../img/certificate-p1.jpg) right 0 no-repeat;
}

/* scroller1 */
TD.tbTop {
background: url(../img/bg_tb_top.jpg) left bottom no-repeat;
padding-left:20px;
padding-bottom:6px;
vertical-align:bottom;
line-height:1.6em;
font-size:11px;
}
TD.tbBottom {
background: url(../img/bg_tb_bottom.jpg) no-repeat;
padding-top:4px;
padding-left:17px;
font-size:11px;
}

TD.tbTop2 {
padding-top:10px;
padding-left:20px;
padding-bottom:6px;
vertical-align:top;
line-height:1.6em;
border-bottom:1px solid #D0D0D0;
font-size:11px;
}
TD.tbBottom2 {
padding-top:4px;
padding-left:20px;
padding-bottom:3px;
font-size:11px;
}

SPAN.icon-open {
  padding-left:24px;
  background: url(../img/icon_open.gif) no-repeat;
}
SPAN.icon-completed {
  padding-left:24px;
  background: url(../img/icon_completed.gif) no-repeat;
}
SPAN.icon-gleich {
  padding-left:24px;
  background: url(../img/icon_gleich.gif) no-repeat;
}

/* myprofile */
#completeForm {
 position:absolute;
 left:20px;
 top:20px;
 width:949px;
 height:377px;
 background: #fff url(../img/bg_completeprofile.jpg) no-repeat;
 z-index:50;
}

/* layer news */
#news {
 position:relative;
 width:949px;
 height:377px;
 background: #fff url(../img/bg_news.jpg) no-repeat;
}

#newstext {
 position:absolute;
 width:570px;
 height:310px;
 left:321px;
 top:30px;
}
#continue {
 position:absolute;
 width:216px;
 height:66px;
 left:51px;
 top:274px;
}

/* layer with language Selector */
#languageSelector {
 position:absolute;
 width:949px;
 height:401px;
 left:21px;
 top:110px;
 display:none;
 background: url(../img/bg_region.jpg) 0 24px no-repeat;
 z-index:99;
}
#languageSelector2 {
 position:relative;
 width:949px;
 height:401px;
 background: url(../img/bg_region.jpg) 0 24px no-repeat;
}

#tabRight {
 position:absolute;
 width: 4px;
 height: 36px;
 right:28px;
 top:1px;
 background: url(../img/bg_tab_right.jpg) no-repeat;
}
#tabLeft {
 position:absolute;
 width: 3px;
 height: 36px;
 left:417px;
 top:1px;
 background: url(../img/bg_tab_left.jpg) no-repeat;
}


.closeit-region {
 position:absolute;
 width:14px;
 height:14px;
 right:24px;
 top:47px;
}

.closeit,
.PopUpClose {
 position:absolute;
 width:14px;
 height:14px;
 right:11px;
 top:11px;
 z-index:99;
}

.regionDivs,
#americas,
#europe,
#asia,
#emea {
  position:absolute;
  width:462px;
  left:444px;
  top:77px;
}

#languageSelector TABLE TD,#languageSelector2 TABLE TD{
 padding:2px;
 font-size:12px;
 color:#666;
 width:140px;
}


#languageSelector #Region1 TABLE TD, #languageSelector2 #Region1 TABLE TD
{
	width:140px;
}
#languageSelector #Region2 TABLE TD, #languageSelector2 #Region2 TABLE TD
{
	width:140px;
}
#languageSelector #Region3 TABLE TD, #languageSelector2 #Region3 TABLE TD
{
	width:140px;
}
#languageSelector #Region4 TABLE TD, #languageSelector2 #Region4 TABLE TD
{
	width:140px;
}

#languageSelector A.language:link,
#languageSelector A.language:visited,
#languageSelector A.language:hover,
#languageSelector A.language:active,
#languageSelector A.language:focus,
#languageSelector2 A.language:link,
#languageSelector2 A.language:visited,
#languageSelector2 A.language:hover,
#languageSelector2 A.language:active,
#languageSelector2 A.language:focus {
display:block;
	color: #666;
	font-size:12px;
	text-decoration:none;
	padding-left:16px;
 background: url(../img/bg_arrow.gif) 0 3px no-repeat;
}
#languageSelector A.language:hover,
#languageSelector2 A.language:hover {
  color:#96078e;
  font-weight:700;
}

#savevote {
 position:absolute;
 width:117px;
 height:54px;
 left:767px;
 top:295px;
 background-color:#cbc7c2;
 padding:2px;
 overflow:hidden;
 filter:alpha(opacity=50);   
 -moz-opacity: 0.5;   
 opacity: 0.5;
 /*-moz-opacity:0.25;*/
}

/* layer  */
.WhyRegisterPopUp,
.ChangePasswordPopUp,
.RegistrationComplete {
 position:absolute;
 height:313px;
 width:613px;
 left:0px;
 top:0px;
 padding:19px;
 font-size:11px;
 background-color:#fff;
	color: #666;
	z-index:55;
}
.RegistrationComplete 
{
	background: url(../img/bg_box_regcomplete.jpg) no-repeat;
}
.PasswordPopUp {
 position:absolute;
 height:340px;
 width:184px;
 left:0px;
 top:0px;
 padding:19px;
 font-size:11px;
 background-color:#fff;
	color: #666;
	z-index:55;
 }

#changePw {
 position:absolute;
 height:313px;
 width:613px;
 left:0px;
 top:0px;
 padding:19px;
 font-size:12px;
 background-color:#fff;
	color: #666;
 display:none;
 z-index:50;
}

#flashInfo {
 position:absolute;
 height:313px;
 width:613px;
 left:0px;
 top:0px;
 padding:19px;
 font-size:12px;
 background-color:#fff;
	color: #666;
 display:none;
 z-index:50;
 background: url(../img/bg_box_flash.jpg) no-repeat;
}



#error {
  position:absolute;
  left:293px;
  top:111px;
  width:421px;
  height:234px;
  z-index:105;
}
#error-bg {
  position:absolute;
  left:0;
  top:0;
  width:421px;
  height:234px;
}
*>#error-bg{
 background: url(../img/bg_error.png) no-repeat;
}

#error-text {
  position:absolute;
  left:116px;
  top:70px;
  width:250px;
  height:105px;
  color:#fff;
  font-size:12px;
}
#error-close {
  position:absolute;
  right:23px;
  top:16px;
  width:13px;
  height:14px;
}

/* # registration ohne navi ########## */
.reg-confirm {
 background: url(../img/bg_box_confirmation.jpg) no-repeat;
 width: 885px;
 height: 313px;
 padding:32px;
}
.reg-denied {
 background: url(../img/bg_box_regdenied.jpg) no-repeat;
 width: 885px;
 height: 313px;
 padding:32px;
}
.RegistrationPopUp
{
 background: url(../img/bg_box_flash.jpg) no-repeat;
 height:313px;
position:absolute;
width:613px;
padding:19px;
z-index:55;
top:0px;
left:0px;
}

.popUpText
{
	width:300px;
}

/* # myprofile ########## */
.myprofile {
 background-color: #fff;
 height:311px;
 padding:20px;
 width:611px;
}
.spezialLabel
{
  font-size:12px;
  font-weight:700;
  margin:13px 0 11px 0;  
    }

/* # training overview ########## */
.training {
 background-color: #fff;
 height:351px;
 width:651px;
 border:0;
}

.table-training TD {
 padding-top:3px;
 padding-bottom:0px;
 font-size:12px;
}

.table-training TR.bo TD {
 border-bottom:1px solid #d0d0d0;
}

/* # forms ########## */
INPUT{
 width:178px;    
 border-style: solid;
 border-width: 1px;	
 border-color: #7c7c7c #dddddd #dddddd #7c7c7c;
 margin:0;
 font-size:11px;
 margin-bottom:7px;
 height:15px;
 color:#999;
}
SELECT {
 width:180px;    
 border-style: solid;
 border-width: 1px;
 border-color: #7c7c7c #dddddd #dddddd #7c7c7c;
 font-size:11px;
 height:18px;
 margin-bottom:7px;
 color:#999;
}

LABEL{
 font-size:11px;
 color:#666;
}

TEXTAREA {
 width:394px;    
 border-style: solid;
 border-width: 1px;	
 border-color: #7c7c7c #dddddd #dddddd #7c7c7c;
 margin:0;
 font-size:11px;
 margin-bottom:7px;
 height:78px;
 color:#999;
 font: 11px  Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

.check{
 border:0;
 width:15px;
 margin:0;
}

INPUT[type="checkbox"]
{
	border:0;
	width:15px;
	margin:0;
}
INPUT[type="radio"]
{
 border:0;
 width:15px;
 margin:0;
}

.tinyInput
{
	 border:0;
	 width:15px;
	 margin:0;
}

A.login:link,
A.login:visited,
A.login:hover,
A.login:active,
A.login:focus,
A.save:link,
A.save:visited,
A.save:hover,
A.save:active,
A.save:focus {
	color: #96078e;
	font-size:12px;
	font-weight:400;
	margin:0;
}

.table-training A.login:link,
.table-training A.login:visited,
.table-training A.login:hover,
.table-training A.login:active,
.table-training A.login:focus,
#box-left A.login:link,
#box-left A.login:visited,
#box-left A.login:hover,
#box-left A.login:active,
#box-left A.login:focus,
.tbBottom2 A.login:link,
.tbBottom2 A.login:visited,
.tbBottom2 A.login:hover,
.tbBottom2 A.login:active,
.tbBottom2 A.login:focus 
{
	margin-right:12px;
}

#box-left.teaser {
 background: url(../img/startpage_image.jpg) no-repeat;
}

#box-left.myprofile {
 background: url(../img/bg_box_leftlila.jpg) no-repeat;color:#fff;
}

/* END */
