/**********************************************/
/***** Overwritten definitions for WerbP ******/
label{font-weight:normal;}

/********************************/
/***** Common Definitions ******/
.vers{
	color:#f08b24;
}
/*** print-link ***/
.printLink a, a.printLink{
	display:block;
	padding:1px 0 1px 20px;
	width:60px;
	background: url("icon_print.gif") left center no-repeat;
}
* html .printLink a, * html a.printLink{width:80px; w\idth:60px;}

/* Sepatator in inputBlocks */
.separator{
	height:1px;
	border-bottom:1px solid #F08B24;
	margin:10px 0;
}

/* Sizes */
.sizeL{width:200px;}
.sizeM{width:145px;}

input.sizeM{width:150px;}
input.sizeL{width:196px;}
input.sizeXL{width:420px;}
input.sizeXXL{width:566px;}

input.firstName{width:145px;}
input.firstName2Cols{width:100px;}
input.street{width:160px;}
input.street2Cols{width:115px;}
input.streetNumber{width:30px;}
input.plz{width:40px;}
input.city{width:150px;}
input.city2Cols{width:105px;}
input.phoneMain{width:100px;}
input.phoneMain2Cols{width:75px;}
input.phoneArea{width:50px;}
input.phoneArea2Cols{width:35px;}
input.phoneCountry{width:30px;}
input.web{width:160px;}
input.uri{width:170px;}
input.time{width:40px;}
input.searchCategory{width:130px;}
input.searchCategoryL{width:190px;}
input.keywords{width:160px}
input.loginRegister{width:240px;}
input.fileSelectionDetails{width:320px;}
input.shortUrl{width:190px;}
select.salutation{width:50px;}
select.country{width:200px;}

textarea.detailsText{width:566px;}
textarea.agb{width:560px;}
textarea.sizeL{width:196px;}
textarea.sizeXL{width:420px;}

table caption{text-align:left;}

/* Data-Tables with input-information */
table.dataTable{width:576px;}
table.dataTable td{padding:2px;}
table.dataTable td td{padding:0;}
td.dataLabel, td.dataLabelDebit, td.dataLabelInnerContent, td.infoLabel, td.dataLabel2Cols{
	text-align:right;
	width:140px;
	background-color:#c0c0c0;
}
td.dataLabel2Cols{width:115px;}
td.infoLabel {font-weight:700;}
td.dataLabelDebit{width:105px;}
td.dataLabelInnerContent{width:125px;}
td.dataLabelDetails{background-color:#c0c0c0;}
td.dataInput{width:200px;}
td.dataInput2Cols{width:150px;}
td.dataInfo{}
td.radio{width:20px;}
td.keywordNumber{width:15px;}
td.gap2Cols{width:10px;}


td.shortUrlRoot{
	text-align:right;
	width:140px;
	background-color:#c0c0c0;
}

.shortUrlVerticalSpace {
	padding-top:5px;
	padding-bottom:15px;
}


tr.tableSpacer td{height:5px;}

/* Checkbox with label */
div.checkbox{padding-bottom:10px;}
div.checkbox input{
	float:left;
}
div.checkbox label{
	display:block;
	float:left;
	width:545px;
	padding:3px 0 0 3px;
}

/* Pointer for input-elements */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor: pointer;
}

input[type=text], textarea{
	color:#000;
	background-color:#fff;
}
input[type=text]:focus, textarea:focus {
	color: #000;
	background-color:#eef;
}

samp{}
dfn{display:block; padding-bottom:10px;}
/*form{width:760px;}*/



/*********************/
/**** Bullet-List ****/

ul.bulletList{margin:0 0 10px; padding-left:0;}
ul.bulletList li{
	list-style: none;
	height:1%;
	margin:0;
	padding:0 5px 0 10px;	
	background: url(bullet_square.gif) 0px 5px no-repeat;
}


/*************************************************/
/* Close-Button in Windows ("Fenster schliessen")*/
div.closeWindow, div.close{
	float:right;
	display:inline; /* IE-Double-Margin-Bug */
	width:120px;
	margin:3px 10px 0 0;
}
div.closeWindow a, div.close a{
	padding:0px 15px 1px 0;	
	display:block;
	text-align:right;
	width:105px; /* IE */
	background: url(btn_close.gif) right no-repeat;
}
/* Close button "Schliessen" */
div.close{ width:90px;}
div.close a{ width:75px;} /* IE */

/*******************************/
/*** Top Header (Breadcrumb) ***/

#headerTop{
	width:760px;
	height:25px;
	background: url(borderCol10Col13_xl_top.gif) bottom left no-repeat;
}
/* For 1024-Screens */
#globalContent.large #headerTop{
	width:980px;
	/*height:25px;*/
	background: url(borderCol10Col13_xxl_top.gif) bottom left no-repeat;
}
#globalContent.large #headerTop.landing{height:25px;}

#headerTop #breadcrumb {
	float:left;
	padding:3px 5px 8px 10px;
}
#headerTop #loginInfo{
	float:right;
}
#headerTop #loginInfo div{
	padding:3px 10px 8px 5px;
}
#headerTop #loginInfo div.mediaAdmin{
	padding-left:20px;
	background:url(icon_mediaAdmin.gif) 0px 1px no-repeat;
}
#headerTop #loginInfo div.mediaAgent{
	padding-left:20px;
	background:url(icon_mediaAgent.gif) 0px 1px no-repeat;
}
 #headerTop #loginInfo div.mediaAdminAndAgent{
	padding-left:40px;
	background:url(icon_mediaAdminAndAgent.gif) 0px 1px no-repeat;
}
#headerTop #loginInfo div.sysAdmin{
	padding-left:20px;
	background:url(icon_sysAdmin.gif) 0px 1px no-repeat;
}


/*** Header ***/
#header {
	position:relative;
	background: url(header_bg.gif) top left repeat-x;
	height: 80px;
	width: 740px;
	padding:5px 10px 0;
}
* html #header{width:760px; w\idth:740px;} /* IE5.x */
/* For 1024-Screens */
/*#globalContent.large #header{
	width:960px;
	background: url(header_bg_Col01.gif) top left repeat-x;
}
* html #globalContent.large #header{width:980px; w\idth:960px;} */

#header #embleme{
	position:absolute;
	top:10px;
	left:10px;
	width:200px;
	height:50px;
}

#header #slogan{
	position:absolute;
	top:13px;
	left:175px;
	width:580px;
	height:22px;
	margin-top:10px;
	/*background: url(pageDescription.gif) top left no-repeat;*/
}
#header #slogan h1{display:none;}

/****    Partner-Headers    ****/
.boco #headerTop{
	background:none;
}
.boco #header{
	padding:0 0 5px;
	width:760px;
	height:100px;
	background:none;
}

#pageHeader {
	position:relative; 
	width:960px;
	height:30px;
	margin:30px 0 30px 15px;
}


/****************************************************/
/*         Details-PopUp  (GoTop and Basis)         */
/****************************************************/

.bodyPopup, .bodyPopupLarge{
	width:520px;
	text-align:left;
	border:none;
	padding:10px; 
	margin:0 auto 0 0;
	background: #fff url(header_bg.gif) top left repeat-x;
}
* html .bodyPopup {width:540px; w\idth:520px;}
.bodyPopupLarge{width:680px;}
* html .bodyPopupLarge {width:700px; w\idth:680px;}

/*********** Headline **************/
#headlinePopup, #headlinePopupLarge{
	width:510px;
	height:auto;
	padding:2px 0 10px 10px;
}
* html #headlinePopup{ width:530px;	w\idth:510px;}
#headlinePopupLarge{width:660px;}
* html #headlinePopupLarge{ width:680px; w\idth:660px;}

#agbs #embleme{
	/*background: url(pageDescription_m.gif) 175px 15px no-repeat;*/
	width:510px;
	height:70px;
}

#headlinePopup #embleme, #headlinePopupLarge #embleme{
	/*background: url(pageDescription_m.gif) 175px 15px no-repeat;*/
	width:510px;
	height:70px;
}
#agbs #close, #headlinePopup #close, #headlinePopupLarge #close{
	float:right;
	width:120px;
	margin:3px 10px 0 0;
}
#agbs #close a, #headlinePopup #close a, #headlinePopupLarge #close a{
	padding:0px 15px 1px 0;	
	display:block;
	text-align:right;
	width:105px; /* IE */
	background: url(btn_close.gif) top right no-repeat;
}
#headlinePopupLarge h1{
	width:500px;
}

/*********** Content Common **************/
#popupContent, #popupContentHelp{
	margin-left:35px;
	padding-bottom:10px;
}
#popupContent p, #popupContentHelp p{
	margin:0;
	padding:0 0 10px;
}
#popupContent .highlight{
	font-weight:700;
	color:#33a;
}

/*********** Content Popup (e.g. enter Homepage) **************/
#popupContent.homepage ul.check li{font-size:14px; font-weight:normal; padding:2px 0 15px 28px;}
#popupContent.homepage th{font-size:18px; font-weight:normal; color:#239; text-align:left; vertical-align:bottom; padding-bottom:10px;}

/* Change Entry */
#popupContent.changeEntry {background:url(changeEntry_bg.jpg) top right no-repeat;}
#popupContent.changeEntry h2{
	font-size:18px;
	font-weight:normal;
	color:#239;
	margin-bottom:8px;
}
#popupContent.changeEntry p{width:260px;}

/* Special */
#popupContent.special{
	font-size:14px;
}
#popupContent.special h2{
	font-size:18px;
	font-weight:normal;
	color:#239;
}

/*********** Content Category List **************/
#categoriesData .highlight{
	font-weight:bold;
	color:#33a;
}
#categoriesData .searchArea{margin-top:15px;}
#categoriesData .searchArea label{font-weight:700;}

#categoryList .findHighlight{ background-color:#cce;}
#categoryList a .findHighlight{	text-decoration:underline;}

#categoryList .row1, #categoryList .row2{
	padding:5px;
	background-color:#feb;
}
#categoryList .row2{
	background-color:#fffaea;
}
#categoryList a.branch{font-weight:700;}


/**************** Content Help *******************/
/* Help-Definitions General */
#popupContentHelp{
	position:relative; 
	width:630px;
}

/* Help-Definitions Column 1 */
#popupContentHelp .col1{
	position:relative;
	width:170px;
	float:left;
}
#popupContentHelp #helpTopics{}
#popupContentHelp #helpTopics h3{
	margin:0;
	padding:0 0 10px;
	font-size:12px;
}
#popupContentHelp #helpTopics ul{margin:0 0 10px; padding-left:0;}
#popupContentHelp #helpTopics li{
	list-style: none;
	margin:0;
	padding:0 0 2px;
}

/* Help-Definitions Column 2 */
#popupContentHelp .col2{
	position:relative;
	width:450px;
	float:right;
}
#popupContentHelp #details{}
#popupContentHelp #details h2{
	margin:0;
	padding:0 0 10px;
	font-size:14px;
}
#popupContentHelp #details ul{margin:0 0 10px; padding-left:0;}
#popupContentHelp #details li{
	list-style: none;
	margin:0;
	padding:0 5px 0 10px;	
	background: url(bullet_square.gif) 0px 5px no-repeat;
}

/*********** Content Logo-Selection **************/
#logoArea{}
#logoArea .introText{width:440px;}
#logoArea .logo{
	position:relative;
	float:left;
	width:100px;
	height:100px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #ccc;
}

/***********************************/
/*       layout with 1 column      */

.content1Column {
	position: relative;
	width: 740px;
	padding:10px 5px;
	background-color: #ffffff;	
}
/* IE5-Hack */
* html .content1Column{
	width:760px;
	w\idth:750px;
}

/**************************************************/
/*         2 Columns and 3 Columns-Layout         */

/******** Common definitions ************/
.content2Columns, .content3Columns{
	position: relative;
	width: 750px;
	height:auto;
	padding:5px;
	overflow:visible;
}
/* IE5-Hack */
* html .content2Columns, * html .content3Columns{
	width:760px;
	w\idth:750px;
}
.content2Columns .col1, .content3Columns .col1{
	position:relative;
	float:left;
	width:160px;
}
.content2Columns .col2{
	position:relative;
	float:right;
	width:590px;
}
.content2Columns h3, .content3Columns h3, .content1Column h3 {
	font-size:14px; padding:0 0 10px 0; margin:0;
}
.content2Columns p, .content3Columns p, .content1Column p {
	margin:0;
	padding:0 0 10px 0;
}

/********* 3 Columns-Layout Definitions **********/
.content3Columns .col2{
	position:relative;
	float:left;
	width:385px;
}
.content3Columns .col3{
	position:relative;
	float:right;
	width:200px;
}


/*********************************************************/
/******* Small blue box (hotline, help, ...) *************/

.boxCol20Small{
	width:155px;
	padding-top:4px;
	background: url("borderCol20Col13_s_top.gif") left top no-repeat;
}
.boxCol20Small div.boxContent{
	padding:0 5px;
	border-left:1px solid #f08b24;
	border-right:1px solid #f08b24;
	background: #fff url("bg_box.gif") left top repeat-x;
}
.boxCol20Small .end{
	width:155px;
	padding-bottom:4px;
	background: url("borderCol20Col13_s_bottom.gif") left bottom no-repeat;
}

/*****************************************************************/
/******* Large orange box (form-data) with dataTable *************/

.boxCol10Large{
	position:relative;
	width:590px;
	padding-top:4px;
	background: url("borderCol10Col13_l_top.gif") left top no-repeat;
}
.boxCol10Large.noBorder{
	background:none;
}
.boxCol10Large h3.topicHeader{
	font-size:14px;
	background:#42A49F;
	padding:0 10px 5px;
}
.boxCol10Large h3.whiteBg{
	background:#ffffff;
}

.boxCol10Large div.boxContent{
	padding:5px;
	border-left:1px solid #F08B24;
	border-right:1px solid #F08B24;
	background-color:#ffffff;
}
.boxCol10Large div.boxContent.noBorder{
	padding:5px 0 5px 10px;
	border:none;
}
.boxCol10Large .end{
	width:590px;
	padding-bottom:4px;
	background: url("borderCol10Col13_l_bottom.gif") left bottom no-repeat;
}
.boxCol10Large div.boxContent h4{
	font-size:11px;
	margin:0;
	padding-bottom:5px;
}
.boxCol10Large .boxContent .upgrade a.bulletLink{width:300px;}

/* DataTable */
div.boxContent caption, h3.sectionHeader, #agbs h1, #headlinePopup h1, #headlinePopupLarge h1{
	padding:3px 0 10px 25px;
	margin:0;
	font-size:14px;
	font-weight:700;
	background: url(bullet_squareArrow.gif) 2px 5px no-repeat;
}

/* Content-Table in ContentBoxes */
div.boxContent .innerContentFixed, div.boxContent .innerContent{
	margin-left:20px;
	width:325px;
	padding-bottom:5px;
}
div.boxContent .innerContent{width:auto;}
div.boxContent .innerContentJustifiedToHeader{margin-left:25px; padding-bottom:5px;}
div.boxContent .innerContent td{padding-bottom:0;} /* Override inner td's because of */
div.boxContent .innerContentFixed h4{padding:0 0 5px;}
div.boxContent .innerContentFixed ul{
	margin:0;
	padding-left:20px;
}

/*********************************************/
/******* Step By Step-Navigation *************/

#navStepByStep{}
#navStepByStep .step{float:left;}


/*********************************************************************************/
/************ Top Section (with help-Box, info- and preview-window  **************/

#topSection{z-index:500;}
#topSection .col1{z-index:20;}
#topSection .col2{z-index:10;}

/**************************************/
/******* Help Box with layer **********/

#helpBox{}
#helpBox div.boxContent{
	margin:0;
	height:151px;
	background: #fff url("helpBox_header.gif") left top no-repeat;
}
#helpBox h2, #helpBox .prefix{display:none;}
#helpBox .phone{
	padding:48px 0 5px 30px;
	font-weight:700;
	background: url("icon_phone.gif") left bottom no-repeat;
}
#helpBox p.phoneInfo{
	font-size:10px;
	line-height:12px;
	margin:0;
	padding:0 0 3px 0;
}
#helpBox .moreHelp{
	float:right;
	margin-right:10px;
}

/***** Help-Layer *****/
#helpLayer{
	position:absolute;
	left:140px;
	top:-20px;
	z-index:50;
	display:none;
	width:360px;
	padding:5px 5px 10px;
	border:1px solid #33a;
	background: #fff url("bg_box.gif") top left repeat-x;
}
* html #helpLayer{width:370px; w\idth:360px;}
#helpLayer table.headerArea{width:360px;}
#helpLayer td.header{width:75%;}
#helpLayer .close{
	float:none;
}
#helpLayer .content{padding-bottom:10px;}
#helpLayer .content .info{padding:2px 0 5px;}
#helpLayer .content h4{
	font-size:12px;
	margin:0;
	padding:0;
}
#helpLayer .content p{
	margin:0;
	padding:0;
}
#helpLayer td.symbol{
	padding:10px 10px 0 0 ;
	vertical-align:top;
}
#helpLayer td.description{
	width:290px;
	padding-top:15px;
}
#helpLayer a.mailLink, #helpLayer a.pdfLink, #helpLayer a.bulletLink{
	width:250px;
}


/************************/
/******* Tipps **********/

.tipps{margin-top:15px; padding:0 5px;}
.tipps h3{
	font-size:12px;
	padding-bottom:5px;
}
.tipps p{padding-bottom:10px;}

/******************************************************************************/
/******* Info Preview Box (with steps, image and pageInformation) *************/

#infoBox, #loginBox, #previewBox{
	width:590px;
	height:159px;
	color:#33a;
	position: absolute;
	
	background: url("infoPreviewBox_bg.jpg") left top no-repeat;
	overflow:hidden;
}
#previewBox{
	display:none;
	width:586px;
	height:154px;
	padding:5px 2px 0;
	background: url("livePreviewBox_bg.gif") left top no-repeat;
}
* html #previewBox{width:590px; w\idth:586px;}
#previewBox .sectionHeader{
	margin-left:10px;
	padding-bottom:0;
}

/* Used in GoBasic-Entries */
#previewBox .infoText{ 
	color:#000;
	padding:5px 10px;
}

#previewBox .upgradeText{ 
	color:#000;
	height:20px;
	padding: 10px 10px;
}

#previewBox #entryGoBasic{color:#000;} 

#infoBoxContent{
	width:430px;
	height:159px;
	padding:10px 5px 0 250px;
}

/* Tan's Hack for IE5.x */
*html #infoBoxContent{ width:590px; w\idth:430px;}
/* Header-Images */


#loginBox .goTop {background: url("lounge.jpg") left top no-repeat;}

#infoBox .productOverview {background: url("sectiontop/01_paris.jpg") left top no-repeat;}
#infoBox .goTop,  #infoBox .goTopMain {background: url("sectiontop/laptop.jpg") left top no-repeat;}

#infoBox .toplink   {background: url("sectiontop/couple.jpg") left top no-repeat;}
#infoBox .branch    {background: url("sectiontop/compass.jpg") left top no-repeat;}

#infoBox .paymentGoTop   {background: url("sectiontop/service.jpg") left top no-repeat;}
#infoBox .paymentTopLink {background: url("sectiontop/keyboard.jpg") left top no-repeat;}

#infoBox .confirmGoTop   {background: url("sectiontop/keyboard.jpg") left top no-repeat;}
#infoBox .confirmTopLink {background: url("sectiontop/couple.jpg") left top no-repeat;}
 
#infoBox .service        {background: url("sectiontop/service.jpg") left top no-repeat;}
#infoBox .news           {background: url("sectiontop/news.jpg") left top no-repeat;}
#infoBox .time           {background: url("sectiontop/time.jpg") left top no-repeat;}
#infoBox .direction      {background: url("sectiontop/compass.jpg") left top no-repeat;}
#infoBox .welcome        {background: url("sectiontop/welcome.jpg") left top no-repeat;}

#infoBox .goBasic, #infoBox .goBasicMain {background: url("sectiontop/03_gobasic.jpg") left top no-repeat;}
#infoBox .apply {background: url("sectiontop/laptop.jpg") left top no-repeat;}
#infoBox .keyAccount     {background: url("sectiontop/store.jpg") left top no-repeat;}
#infoBox .management {background: url("sectiontop/management.jpg") left top no-repeat;}
#infoBox .password   {background: url("sectiontop/laptop.jpg") left top no-repeat;}
#infoBox .goTopQuick {background: url("sectiontop/news.jpg") left top no-repeat;}
#infoBox .shortUrl, #infoBox .shortUrl {background: url("short-url.jpg") left top no-repeat;}
#infoBox .help       {background: url("sectiontop/07_help.jpg") left top no-repeat;}


.stepInfo{
	font-size:12px;
	font-weight:700;
	padding-top:10px;
}
.stepInfo .stepName{
	color:#000;
}
#infoBox .switchElement, #previewBox .switchElement{
	position:absolute;
	z-index:10;
	right:10px;
	top:10px;
}
#infoBoxContent h2{
	clear:right;
	font-size:18px;
	margin:0;
	padding:10px 0 5px 0;
}
#infoBox .goBasicMain h2, #infoBox .goTopMain h2{padding-top:0;}
#infoBoxContent p{
	margin:0;
	padding:0 0 10px 0;
	/*line-height:1.3em;*/	/* Opera */
}


/******************************************************************************/
/****************** Info Teaser Box (header of minor sections) ****************/

#infoTeaserBox{
	width:590px;
	height:90px;
	color:#33a;
	background: url("infoTeaser_bg.jpg") left top no-repeat;
	overflow:hidden;
}
#infoTeaserBoxContent{
	width:430px;
	height:90px;
	padding:0 5px 0 155px;	
}
/* Tan's Hack for IE5.x */
*html #infoTeaserBoxContent{ width:590px; w\idth:430px;}

/* Payment-Image */
#infoTeaserBox .payment{background: url("infoTeaser_payment.jpg") left top no-repeat;}
#infoTeaserBox .findOptions{background: url("infoTeaser_findoptions.jpg") left top no-repeat;}
#infoTeaserBox .entryDetails{background: url("infoTeaser_details.jpg") left top no-repeat;}

#infoTeaserBoxContent h2{
	font-size:16px;
	margin:0;
	padding:5px 0;
}
#infoTeaserBoxContent p{
	margin:0;
	padding:0 0 10px 0;
	/*line-height:1.3em;*/	/* Opera */
}


/***********************************/
/*********** Sections **************/

/******** Payment-Section *********/
#paymentSection{padding-top:10px;}

/*********** SubmitSection with Go-Button **************/
#submitSection{
	padding:10px 20px 10px 0;
	width:740px;
}
#submitSectionPopup{}
* html #submitSection{width:760px; w\idth:740px;}
#submitSection .submit, #submitSection .cancel, #submitSection .back, #submitSection .button,
#submitSectionPopup .button{
	float:right;
}
#submitSection .cancel, #submitSection .back, #submitSection .button,
#submitSectionPopup .button{padding:6px 10px 6px 0;}
#submitSection .delete{float:left; margin:10px 0 0 170px; display:inline; }



/*********** entryBasisBlock **************/

#logoBlock{
	position:absolute;
	top:10px;
	left:365px;
	z-index:10;
	width:220px;
	padding-left:5px;
	border-left:1px solid #F08B24;
	
}
* html #logoBlock{width:225px; w\idth:220px;}
#logoBlock #logoSquare{
	position:relative;
	margin-left:25px;
	width:100px;
	height:100px;
	border:1px solid #F08B24;
	background-color:#fff;
}
#logoBlock #logoSquare.noImage{background: #fff url("txt_noImageSelected.gif") 10px 15px no-repeat;}
#logoBlock #logoSquare #selectLink{ /* No image available */
	position:absolute;
	width:100px;
	bottom:10px;
	margin:0;
	left:0;
	text-align:center;
}
#logoBlock #selectLink{ /* Image available */
	width:100px;
	text-align:center;
	margin:5px 0 0 25px;
}
#logoBlock #useMainEntry{
	margin:5px 0 0 22px;
	padding-bottom:5px;
}
#logoBlock #useMainEntry .col1{
	float:left;
	width:25px;
}
#logoBlock #useMainEntry .col2{
	float:left;
	width:168px;
	padding-top:2px;
}

/*********** loginWindow **************/
#loginWindow{
	position:absolute;
	left:420px;
	top:0;
	z-index:70;
	display:none;
	width:320px;
	padding:5px;
	border:1px solid #33a;
	background: #cccccc url("bg_boxdgf.gif") top left repeat-x;
	z-index:600;
}
* html #loginWindow{width:330px; w\idth:320px;}
#globalContent.large #loginWindow{left:630px;}
#loginWindow .sectionHeader{float:left;}
#loginWindow .content{
	clear:right;
	padding-top:10px;
} 
#loginWindow .content h4{
	font-size:14px;
	margin:0;
	padding:0 0 10px;
}
#loginWindow .content p{
	margin:0;
	padding:0 0 10px;
}
#loginWindow .row{}
#loginWindow .row .col1{
	float:left;
	width:110px;
	font-weight:700;
	color:#33a;
	text-align:right;
	background-color:#eef;
	padding:2px;
	margin:1px;
}
#loginWindow .row .col2{
	float:left;
	padding:2px;
	margin:1px;
}

/*********** logoSelection **************/
#logoSelection{
	position:absolute;
	left:200px;
	top:1px;
	z-index:50;
	display:none;
	width:500px;
	padding:5px 5px 10px;
	border:1px solid #33a;
	background: #fff url("bg_box.gif") top left repeat-x;
}
* html #logoSelection{width:510px; w\idth:500px;}
#logoSelection .sectionHeader{float:left;}
#logoSelection .content{
	clear:right;
	padding-top:10px;
} 
#logoSelection .content h4{
	font-size:12px;
	margin:0;
	padding:0 0 10px;
}
#logoSelection .content p{
	margin:0;
	padding:0 0 10px;
}
#logoSelection .col1{
	position:relative;
	float:left;
	width:240px; 
}
#logoSelection .col2{
	position:relative;
	float:right;
	width:240px; 
}

/*********** findAreaBlock **************/
#findAreaData input{}

/*********** entryCategoriesBlock **************/
#categoriesData ol{
	margin:0 0 0 18px;
	padding-left:5px;
	list-style-type:decimal;
}

/*********** openingHours-Block **************/
#openingHoursData label{font-weight:700;}
#openingHoursData .functionArea{padding:5px;}
#openingHoursData .functionArea .addRow, #openingHoursData .functionArea .removeRow{
	float:left;
	padding-right:10px;
}

/*********** Product Data-Block (Einsteiger, Schlaue, Sparer) *************/
#productData{}
#productData td.type{width:110px;}
#productData td.typeA{width:135px;}
#productData td.type label{}
#productData td.description{}

/*********** detailsBlock **************/
table.legend{margin-top:5px;}


/*********************************/
/********** Details **************/
#detailsContentData label{font-weight:700;}
#detailsContentData .preview{
	/*ext-align:center;*/
	padding:20px 0 10px 25px;
}
#btnItalicHeader{padding:0 3px;}

/**** Layout-Section ****/
#layoutSection{	
	position:relative;
	padding-top:10px;
	width:576px;
}
#layoutSection .layout{
	position:relative;
	float:left;
	width:43px;
	height:43px;
	margin-right:5px;
	padding:3px;
}
* html #layoutSection .layout{width:49px; w\idth:43px;}
#layoutSection #layout0{
	display:inline; 	/* Double Margin-Bug IE */
	margin-left:25px;
}

/**** Preview ***/
#previewDataBlock{}



/*****************************************/
/********** Edit Details Section *********/

#editDetailsData table.subEntry{background: url("connectionLineDetails.gif") 15px 12px no-repeat;}
#editDetailsData #txtFromMainEntry{padding-left:20px;}



/*************************************/
/********** Contract Sections *********/

/********** contract_GoTopConfirm (Vertragsbestaetigung *********/

/* Product Summary */
#productSummaryData h4{
	margin:0;
	padding:0 0 5px;
	color:#33a;
	font-size:12px;
}
#productSummaryData strong{color:#33a;}

/********** contract_GoTopThankYou (User-Fragen) *********/
#questionData .radio{padding-right:5px;}



/*****************************************/
/********** Management Overview *********/
#adArea{width:360px;}
#adArea .introText{padding:5px 1px 0;}
#adArea .buttonArea{
	padding-top:10px;
	text-align:center;
}
#adArea a{color:#33a;}
#adArea h4{
	width:330px;
	margin:0; 
	padding:3px 15px;
	color:#33a;
	font-size:12px;
	border-bottom:1px solid #baa;
}
* html #adArea h4{width:360px; w\idth:330px;}
#adArea .goTop{padding-bottom:10px;}
#adArea .goTop .message{
	padding-top:5px;
	color:#33a;
}
#adArea .goTop h4{
	background: #f3bddd url("borderCol10Col13_m_top.gif") top left no-repeat;
}
#adArea .goTop .end{
	width:360px;
	height:10px;
	margin-top:10px;
	border-top:1px solid #baa;
	background: #F08B24 url("borderCol10Col13_m_bottom.gif") bottom left no-repeat;
}
#adArea ol, #adArea ol li ol{
	margin:0;
	padding-left:0;
	list-style:none;
}
#adArea ol li ol{
	margin-left:30px;
}
#adArea ol li, #adArea ol li ol li{
	padding-left:0;
	margin:0;
}
#adArea ol li a{font-weight:700;}
#adArea ol li ol li a{font-weight:normal;}
#adArea .number{
	float:left;
}
#adArea ol li .number{
	font-weight:700; 
	width:15px;
	margin-top:5px;
}
#adArea ol li ol li .number{
	font-weight:normal; 
	width:25px;
	margin-top:5px;
}
#adArea .logo{
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:40px;
	height:40px;
	border:1px solid #cce;
	background-color:#fff;
}
#adArea table.imageHolder{
	width:40px;
	height:40px;
}
#adArea table.imageHolder td{text-align:center;}
#adArea .entry{
	float:left;
	margin-top:5px;
	margin-left:5px;
}
#adArea ol li .entry{width:285px;}
#adArea ol li ol li .entry{width:245px;}

#adArea .goBasic .entry{width:330px;}
#adArea .entryTools a{font-weight:normal;}

/* Login-Area */

#loginArea{padding-bottom:10px;}
#loginArea .status{
	padding:1px;
	text-align:center;
	font-weight:700;
	border-top:1px solid #f3b;
	border-bottom:1px solid #f3b;
	background-color:#c0c0c0;
	margin-bottom:5px;
}
#loginArea .logInfo{padding-bottom:5px;}
#loginArea .sectionImage, #editDataArea .sectionImage{
	float:left;
	width:45px;
}
#loginArea .content, #editDataArea .content{
	float:right;
	width:150px;
}

/* EditData-Area */
#editDataArea h4{
	margin:0;
	padding:0 0 5px;
	font-size:11px;
}
#editDataArea p{
	margin:0;
	padding-bottom:5px;
}
#editDataArea .password{padding-bottom:10px;}
#editDataArea .contact{}


/**********************************************/
/********** Login / Register-Block  ***********/

#loginBlock #newCustomer{
	float:left;
	width:287px;
	height:271px;
	background: url("login_newCustBG.jpg") bottom left no-repeat;
}
#loginBlock #newCustomer .content{
	padding:70px 120px 30px 20px;
}
#loginBlock #customer{
	float:right;
	width:287px;
	height:271px;
	background: #fff url("boxCol01_password_bottom.gif") left bottom no-repeat;
}
#loginBlock #customer .content{
	position:relative;
	width:245px;
	height:182px;
	padding:0 20px;
	border-left:1px solid #b88;
	border-right:1px solid #b88;
}
* html #loginBlock #customer .content{width:287px; w\idth:245px;}

#loginBlock #customer label{font-weight:700;}
#loginBlock #customer .login{padding:10px 0 5px;}
#loginBlock #customer .forgotPassword{padding:10px 0 20px;}


/*****************************************/
/********** Key Account-Block  ***********/

#keyAccountData h4{padding-top:10px;}
#keyAccountData .dataInfo{padding-left:5px;}



/*****************************************/
/*********** GoBasic Details  ************/

#goBasicDetailsBlock h2{
	margin:15px 0 0;
	padding:0;
	width:150px;
	height:35px;
	background: url("icon_goBasic.gif") left top no-repeat;
}
#goBasicDetailsBlock h2 div{display:none;}
#goBasicDetailsBlock .example{
	width:309px;
	background-color:#c0c0c0;
	padding:5px;
	margin:10px 0;
}
* html #goBasicDetailsBlock .example{width:319px; w\idth:309px;}


/******************************************************************/
/********** Feature Block vertical (in goBasic-upgrade) ***********/

#goBasicUpgradeBlock, #productGoTopBlock{margin-top:10px;}
#goBasicUpgradeBlock .tipps, #productGoTopBlock .tipps{margin-top:70px;}
#goBasicUpgradeBlock h3.headline, #productGoTopBlock h3.headline{
	margin:0;
	padding:32px 0 15px;
	font-size:16px;
	background: url("icon_goTop.gif") left top no-repeat;
}
#goBasicUpgradeBlock .feature, #productGoTopBlock .feature{
	margin-bottom:15px;
}
#goBasicUpgradeBlock .feature h4, #goBasicUpgradeBlock .feature p, #productGoTopBlock .feature h4, #productGoTopBlock .feature p{
	margin:0; 
	padding:0 0 5px;	
}
#goBasicUpgradeBlock .feature h4, #productGoTopBlock .feature h4{font-size:12px;}
#goBasicUpgradeBlock .feature ul, #productGoTopBlock .feature ul{
	margin:0; 
	padding:0 0 10px 15px;	
}
#goBasicUpgradeBlock .feature ul li, #productGoTopBlock .feature ul li{
	margin:0;
	padding:0;
}
#goBasicUpgradeBlock #feature1 ul, productGoTopBlock{padding-bottom:0;}
#goBasicUpgradeBlock .image, #productGoTopBlock .image{
	float:left;
	width:147px;
}
#goBasicUpgradeBlock .content, #productGoTopBlock .content{
	float:left;
	width:290px;
}

/* Gap to Pricing block (Offer 1-3) */
#goBasicUpgradeBlock #pricingBlock{padding-top:20px; border:none;}



/****************************************/
/********** Product Overview  ***********/

/* Header */
#topSectionProdOV{
	position:relative; 
	margin:5px 0 8px 5px;
}
#topSectionProdOV #stoerer{
	position:absolute; 
	width:412px; 
	height:56px; 
	top:-22px; 
	left:325px; 
}

/**** Feature-Block ****/
#overviewFeatureBlock{
	margin-left:5px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
}
#overviewFeatureBlock p{margin:10px; padding:0;}
#overviewFeatureBlock p span.remark{
	width:10px; 
	height:25px;
	float:left; 
	display:block;
}
#overviewFeatureBlock #topLink, #overviewFeatureBlock #goTop{
	position:relative;
	float:left;
	width:370px;
}
#overviewFeatureBlock #goTop{width:379px;}
#overviewFeatureBlock #recommendSite{margin-top:10px;}


/*** Bonus-Block ***/
#overviewBonusBlock{margin-left:5px;}


/**** KeyAccount- and GoBasic-Block ****/
#overviewKeyAccountBlock, #overviewGoBasicBlock{
	float:left;
	display:inline; /* for IE double-margin-bug */
	width:290px;
	margin-right:60px;
}
#overviewGoBasicBlock{
	float:right;
}


/********************************************************************/
/********** GoBasic Confirm-Block (Download, Send and Fax)  *********/

#goBasicConfirmList ol{
	margin:0; 
	padding-left:0; 
	list-style:none;
}
#goBasicConfirmList ol li{
	margin:10px 0;
	padding:15px 0 15px 70px;
	
}
#goBasicConfirmList ol li.downloadDocument{background: url("icon_downloadDoc.gif") top left no-repeat;}
#goBasicConfirmList ol li.printDocument{background: url("icon_printDoc.gif") left top no-repeat; padding-top:10px;}
#goBasicConfirmList ol li.faxDocument{background: url("icon_faxDoc.gif") left top no-repeat; padding-top:12px;}

#goBasicConfirmList .descAdobe, #goBasicConfirmList .imgAdobe{float:left;}
#goBasicConfirmList .descAdobe{width:210px; padding-right:5px;}



/********************************************/
/********** GoBasic Upgrade Teaser  *********/

#goBasicUpgradeInfoData h4{margin:0; padding:10px 0 15px;}
#goBasicUpgradeInfoData ul{margin:0 0 10px; padding-left:0;}
#goBasicUpgradeInfoData ul li{
	list-style: none;
	margin:0;
	padding:0 5px 8px 10px;	
	background: url(bullet_square.gif) 0px 5px no-repeat;
}
#goBasicUpgradeInfoData .column{
	float:left; 
	width:248px; 
	display:inline; /* IE Double margin bug */
}
#goBasicUpgradeInfoData #goTopInfo{border-right:1px solid #f3b; margin-right:15px; padding-right:15px;}
* html #goBasicUpgradeInfoData #goTopInfo{width:263px; w\idth:248px;}

#goBasicUpgradeInfoData #previewGoBasic{width:246px; border:1px solid #; margin-bottom:45px;}
* html #goBasicUpgradeInfoData #previewGoBasic{width:248px; w\idth:246px}

#goBasicUpgradeInfoData #previewGoTop{padding-bottom:10px;}

#goBasicUpgradeInfoData #previewGoTopDetails{padding-bottom:10px;}

/**********************************************/
/********** Info-Message (Error-Box)  *********/

.errorMessage, .successMessage, .infoMessage{
	width:auto;
	padding:7px;
	border:2px solid #FF0000;
	color:#000;
	background-color:#BFD4D1;
}
.successMessage{
	border-color:#372;
	background-color:#feb;
}
.errorMessage .symbol, .successMessage .symbol, .infoMessage .symbol{
	float:left;
	width:55px;
}
.errorMessage .content, .successMessage .content, .infoMessage .content{
	margin-left: 70px;
}
.errorMessage .content h3, .successMessage .content h3, infoMessage .content h3{
	padding:0 0 5px 0;
	margin:0;
	font-size:14px;
	color:#d12;
}
.successMessage .content h3, .infoMessage .content h3{color:#372;}
.errorMessage .content p, .successMessage .content p, .infoMessage .content p{
	padding:0 0 5px 0;
}


/****************************************/
/*************** FAQs *******************/

#faqBlockData{}
#faqBlockData .faqs{
	padding:0 0 10px 55px;
}
#faqBlockData .faqs h4{padding:0 0 5px 0; margin:0; font-size:12px;}
#faqBlockData .faqs p{padding:0 0 5px 0; margin:0;}

#faqBlockData #faq1{background: url("icon_advertisement.gif") left top no-repeat;}
#faqBlockData #faq2{background: url("icon_optimize.gif") left top no-repeat;}
#faqBlockData #faq3{background: url("icon_contractAndPayment.gif") left top no-repeat;}
#faqBlockData #faq4{background: url("icon_accessAndSecurity.gif") left top no-repeat;}
#faqBlockData #faq5{background: url("icon_questions.gif") left top no-repeat;}

#faqBlockData .question{
	margin-bottom:2px;
}
#faqBlockData .answer{
	padding:5px;
	margin:5px 0;
	border:1px solid #99a;
	background-color:#fff;
	display:none;
}


/****************************************/
/*************** Footer *****************/

#footer, #footerPopup, #footerPopupLarge{
	width:740px;
	clear:both;
	padding:3px 10px 4px 10px;
	margin-top:15px;
	border-top:3px solid #f08b24;
}
/* for 1024-Layout */
#globalContent.large #footer {
	width:960px;
}
* html #globalContent.large #footer {width:980px; w\idth:960px;}
#footerPopup{width:500px;}
#footerPopupLarge{width:660px;}
#footerDetails {
	width: 570px;
	clear:both;
	padding:0px 10px 0px 10px;
}

/* IE5-Hacks */
* html #footer{ width:760px; w\idth:740px;}
* html #footerPopup{ width:520px; w\idth:500px;}
* html #footerPopupLarge{ width:680px; w\idth:660px;}
* html #footerDetails{ width:590px;	w\idth:570px;}



/****************************************************/
/*********** Temporary IDs and Classes **************/