/* CSS für Officespot 2009 Relaunch */

*	{margin:0px; padding: 0px;} 
fieldset, img	{border:0px none;}
html	{height: 101%;} 
option	{padding-left: 0.4em}



/* ******************** Allgemeine Angaben ******************** */
body	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#575C5F;
	line-height:16px;
	background-color:#F2F2F2;
} 

h1	{
	font-family:Verdana, Arial, sans-serif;
	font-size:17px;	
	font-weight:normal;
	color:#B99412;
	margin-bottom:20px;
}

h2	{
	font-size:14px;	
	font-weight:bold;
	color:#B99412;
	margin-bottom:10px;
}

h3	{
	font-size:12px;	
	font-weight:bold;
}

h2 a	{
	color:#B99412;
	text-decoration:none;
}

.textareaDisclaimer h2	{
	font-size:11px;	
	margin:0px 0px 5px 0px;
	line-height:14px;
	padding:0px;
}

input, select, textarea	 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	width:247px;
	height:18px;
	border:1px solid #B7B7B7;
	margin:5px 0px 5px 0px;
	padding-top:2px;
}

input.checkbox	{
	width:25px;
	margin-left:-3px;
}

input.zip	{
	width:70px;
	margin-right:8px;
}

input.city	{
	width:167px;
}

#login input	{
	width:205px;
	margin:2px 0px 3px 0px;
}

input.submit	{
	background-color:#EDE4C4;
	padding:3px;
	height:22px;
}

textarea	{
	height:80px;
}

select	{
	width:249px;
	padding-top:0px;
	height:21px;
}

p	{
	padding-bottom:16px;
}

#right p	{
	padding:0px 8px 3px 8px;
}

#right p:first-child	{
	padding:5px 8px 3px 8px;
}

ul	{
	margin:0px 0px 18px 14px;
	list-style-image:url(../images/icon_gray.gif);
}

ol	{
	margin:0px 0px 18px 18px;
}

.paketTab ul, .paketTab_I ul	{
	margin:0px 0px 0px 14px;
	list-style-image:url(../images/icon_gray.gif);
}

li	{
	margin:4px 0px 4px 0px;
}

.tx-flseositemap-pi1 ul	{
	margin:0px 0px 0px 14px;
}

th, th.td_0	{
	background-color:#F2F2F2;
	color:#656565;
	font-weight:bold;
	text-align:left;
	padding:5px 5px 6px 5px;
	border-top:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
}

.paketTab th.td_0 {
	border-left:1px solid #ECECEC;
}
.paketTab th.td_4 {
	border-right:1px solid #ECECEC
}

.paketTab_I  th, .paketTab_I th.td_0	{
	background-color:#F2F2F2;
	color:#656565;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	padding:5px 5px 6px 5px;
	border-right:2px solid #FFFFFF;
	background-image:url(../images/tabBg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}



/* ******************** Klassen ******************** */
.bar	{
	background-image:url(../images/bar.gif);
	background-repeat:repeat-x;
	height:22px;
	font-size:1px;
	line-height:1px;
}

.bold	{
	font-weight:bold;
}

.centerAdress	{
	text-align:center;
}

.clearer	{
	clear:both;	
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left:0px;
}

.csc-textpic-caption	{
	font-size:10px;
}

.csc-textpic-image dt img	{
	/* border:1px solid #575C5F; */
}

.dateSpan	{
	position:absolute;
	top:0px;
	right:0px;
	font-size:11px;
	font-weight:normal;
}

div.error	{
	padding-bottom:20px;
}

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

div.error_I	{
	display:none;
}

.halfDiv	{
	float:left; 
	width:50%
}

.hint	{
	font-size:10px;
}

.impressum	{
	margin-bottom:15px;
}

.impressum .td-0	{
	width:150px;
	padding:2px 0px;
}

.impressum .td-1	{
	padding:2px 0px;
}	

.leftDiv	{
	float:left;
	width:227px;
	line-height:30px;
	height:30px;
}

.leftDiv_BACKUP	{
	float:left;
	width:130px;
	line-height:30px;
	height:30px;
}

.leftDiv_I	{
	float:left;
	width:90px;
	font-weight:bold;
}

.leftDiv_II	{
	float:left; 
	width:50%;
}

.middleDiv	{
	float:left;
	width:150px;
	text-align:right;
	padding-right:10px;
}

.moreHeight	{
	height:30px;
	line-height:12px;
}

.noBorder, .paketTab td.noBorder,
.paketTab_I td.noBorder, .paketTab_I th.noBorder	{
	border-right:0px none;
}

.newsContainer	{
	position:relative;
	top:0px;
	right:0px;
	padding-bottom:11px;
	border-bottom:1px solid #ECECEC;
	margin-bottom:11px;
}

.news-list-browse p	{
	font-size:11px;
	padding:0px;
}

.news-list-browse td	{
	background-color:#FFFFFF;
	border:0px none;
	padding:3px;
}

.paketTab	{
	margin-bottom:5px;
	border-collapse:collapse;
}

.paketTab_I	{
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	font-size:10px;
	margin-bottom:15px;
}

.paketTab_I td	{
	padding:5px;
	border-right:2px solid #FFFFFF;
}

.paketTab td	{
	padding:5px;
	border:1px solid #ECECEC;
}

.partner	{
	text-align:right;
	background-color:#FFFFFF;
}

.partner img	{
	margin-bottom:6px;
}

.partner .textRight	{
	margin-top:5px;
}

.partner .rightHeader	{
	text-align:left;
	margin-bottom:1px;
}

.paketTab_I  .tr_0	{
	background-color:#EDE4C5;
}

.paketTab_I  .tr_1	{
	background-color:#F2E8CF;
}

.paketTab_I  .tr_2	{
	background-color:#F4EFDC;
}

.paketTab_I  .tr_3	{
	background-color:#F8F4E8;
}

.paketTab_I  .tr_4	{
	background-color:#FBFBF3;
}

.paketTab_I  .tr_5	{
	background-color:#FCFCF5;
}

.rightDiv	{
	float:left;
	width:252px;
	height:30px;
	line-height:30px;
}

.rightDiv_I	{
	float:left;
	width:130px;
}

.rightDiv_II	{
	float:right; 
	width:50%; 
	text-align:right;
}

.rightDiv_I img	{
	border:1px solid #ACACAC;
	width:128px;
	margin-bottom:15px;
}

.rightHeader	{
	background-image:url(../images/right_content_bg.gif);
	background-repeat:repeat-x;	
	width:219px;
	height:27px;
	color:#ACACAC;
	padding:8px 0px 0px 8px;
	margin-bottom:6px;
}

.rightLink, .textRight	{
	text-align:right;
	margin-bottom:5px;
}

td.spacer	{
	background-color:#FFFFFF; 
	border-bottom:0px none; 
	border-left:0px none;
}

td.spacer_I	{
	background-color:#FFFFFF;
	border-top:0px none; 
	border-bottom:0px none; 
	border-left:0px none;
}

.smallHint	{
	font-size:11px;
	padding-bottom:15px;
}

.splitter	{
	background-image:url(../images/border_contentbottom.gif);
	background-repeat:repeat-x;	
	font-size:1px;
	line-height:1px;
	height:3px;
	margin-bottom:6px;
}

.textareaDisclaimer	{
	font-size:11px;	
	width:469px;
	height:160px;
	border:1px solid #B7B7B7;
	margin:5px 0px 5px 0px;
	line-height:14px;
	padding:0px 2px 0px 2px;
	overflow:auto;
	clear:both;
}

.textareaTextCenter	{
	margin:0px auto;
	margin-top:5px;
	margin-bottom:5px;
	width:150px;
}

.tine20login-message	{
	font-size:10px;
	padding-left:3px;
}

.tine20login-progess	{
	display:none;		
}

.tine20login-onLogin .tine20login-progess	{
	background-image:url(../images/loadingbar.gif);
	background-repeat:no-repeat;
	width:111px;
	height:12px;
	display:block;
	position:absolute;
	bottom:13px;
	left:10px;	
}

.tine20login-button	{
	font-size:12px;
	color:#A0A0A0;
	background-image:url(../images/icon_gray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:11px;
	cursor:pointer;
	padding:0px 15px 0px 15px;
	position:absolute;
	bottom:12px;
	right:0px;
}

.tine20login-button:hover	{
	color:#078DCC;
	background-image:url(../images/icon_ocher.gif);
}

.tr_3	{
	background-color:#F2F2F2;
}

.td_0	{
	width:187px;
}

.td_1	{
	width:60px;
}

.td_2	{
	width:60px;
}

.td_3	{
	width:60px;
}

.title	{
	font-size:14px;	
	font-weight:bold;
	color:#B99412;
	margin:0px 0px 5px 0px;
	padding:0px;
}

.textDiv	{
	height:92px;
}

.tx-ttnews-browsebox, .news-list-browse	{
	border:0px none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

.tooltipIcon	{
	cursor:pointer;
	margin:0px 0px -5px 8px;
}



/* ******************** IDs ******************** */
#border	{
	width:1024px;
	margin:0px auto;
	background-image:url(../images/border_right.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color:#FFFFFF;
}

#breadcrumbs	{
	font-size:10px;
	color:#999999;
	padding:5px 0px 10px 0px;
}

#breadcrumbs img	{
	margin:0px 4px 0px 4px;
}

#breadcrumbs img:first-child	{
	margin:0px 6px 0px 0px;
}

#callUs	{
	padding:1px 0px;
	width:475px;
	border-top:1px solid #ACACAC;
	border-bottom:0px solid #ACACAC;
	margin-bottom:25px;
}

#callUs p:last-child	{
	padding-bottom:0px;
}

#callUsLeft	{
	float:left;
	width:238px;
	padding:5px 10px 0px 0px;
}

#callUsRight	{
	float:left;
	width:227px;	
}

#callUsP	{
	padding:5px 0px 5px 0px;
}

#callUsP img {
		margin-top:-5px;
}

#callUsPic	{
	float:right; 
	margin:0px 0px 10px 10px; 
	width:161px;
}

#contactPic	{
	border-top:1px solid #ACACAC; 
	border-bottom:1px solid #ACACAC; 
	padding:1px 0px; 
	width:475px;
}

#contactInfo	{
	font-weight:bold; 
	padding:10px 0px 5px 0px;
}

#contactHint,  #order #contactHint	{
	border-bottom:1px solid #ACACAC; 
	padding:10px 0px 0px 0px; 
	width:475px;
	font-size:10px;
}

#contactButton, #contactButtonI	{
	text-align:right; 
	width:475px;
	height:30px;
	line-height:30px;
	margin-bottom:27px;
}

#code	{
	border:1px solid #B7B7B7;
	margin:5px 0px 5px 0px;
}

#corner, #line	{
	background-image:url(../images/border_rightbottom.gif);
	background-repeat:repeat-x;
	height:3px;
	font-size:1px;
	line-height:1px;
	float:left;
	width:3px;
}

#contentborder	{
	background-image:url(../images/right_bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-right:3px;
}

#footer	{
	background-image:url(../images/border_contentbottom.gif);
	background-repeat:repeat-x;
	height:39px;
	font-size:13px;	
	padding:0px 0px 0px 62px;
	line-height:39px;
}

#flyerLinkDiv	{
	text-align:right;
	margin-bottom:5px;
}

#flyerText	{
	color:#989898;
}

#flyerH1	{
	margin:6px 0px 8px 6px;
	text-align:center;
}

#flyerPic	{
	margin:0px 0px 8px 27px;
}

#footerLeft	{
	float:left;
}

#footerRight	{
	float:right; 
	padding:13px 10px 0px 0px;
}

#footer img	{
	margin:0px 6px 0px 5px;	
}

#header	{
	height:167px;
}

#left	{
	width:192px;
	float:left;
	color:#999999;
	text-align:right;
	padding-top:28px;
}

#left div	{
	background-image:url(../images/border_contentbottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0px 17px 5px 0px;
}

#left div.firstPriority	{
	margin-bottom:26px;	
	padding:0px 7px 5px 0px;
}

#left div.firstPriority_I	{
	margin-bottom:0px;
	padding:0px 7px 5px 0px;
}

#left div.firstPriority_II	{
	margin-bottom:26px;	
	padding:0px 17px 5px 0px;
}

#left div.firstPriority_III	{
	margin-bottom:0px;	
	padding:0px 27px 5px 0px;
}


#left div.secondPriorityLast	{
	margin-bottom:46px;
	padding:0px 7px 5px 0px;	
}

#login	{
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	width:219px;
	height:161px;
	background-image:url(../images/login_bg.gif);
	background-repeat:repeat-x;
	margin-right:3px;
	padding:6px 0px 0px 11px;
	color:#A0A0A0;
	font-size:13px;
	position:relative;
	top:0px;
	left:0px;
}

#login img	{
	margin:4px 0px 8px 0px;
}

#line	{
	background-image:url(../images/border_bottom.gif);
	width:1021px;
}

#logo	{
	background-image:url(../images/logo_bg.gif);
	background-repeat:no-repeat;
	width:1019px;
	text-align:right;
	height:116px;
	padding:4px 2px 0px 0px;
}

#logo div	{
	font-size:11px;
	font-weight:bold;
	padding:0px 4px 50px 0px;
}

#metaways	{
	margin:10px 0px 0px 9px;
}

#middle, #middle2	{
	float:left;
	width:602px;
	background-image:url(../images/border_content.gif);
	background-repeat:repeat-y;
}

#middle2	{
	background-image:url(../images/border_content.gif);
	background-position:right;
}

#middle3	{
	min-height:491px;
	padding:0px 61px 10px 61px;
}

/* ORDERFORMULARE ANFANG */
#order h3	{
	font-weight:bold;
	font-size:14px;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #CECECE;
	margin:0px 0px 10px 0px;
	width:475px;
}

#order h3.moreH3	{
	margin:0px 0px 10px 0px;
}

#order p	{
	margin:0px;
	padding:0px 0px 15px 0px;
}

#order input.radio, #order input.checkbox	{
	width:20px;
	margin-top:6px;
}

#order input.checkbox	{
	margin-left:1px;
}

#order input.smallI	{
	width:70px;
	margin-right:5px;
}

#order input.smallII	{
	width:170px;
}

#order #backButton	{
	width:225px;
	float:right;
	height:30px;
	line-height:30px;
	margin-bottom:27px;	
}

#order #contactButtonI	{
	width:252px;
	float:right;
}

#order #domainRegistered	{
	padding:10px 0px 5px 0px;
	clear:both;
}

#order #durationText	{
	padding:10px 0px 12px 0px;
	clear:both;
}

#order #optionMoreInfoP	{
	clear:both; 
	padding-top:20px;
}

#order #orderTab td	{
	height:30px;
	line-height:30px;
	border-bottom:1px solid #CECECE;
}

#order #technicalContact, #order #invoiceRecipient,
#mwregister, #foreignOrder	{
	display:none;
}

#order #technicalContact	{
	padding-bottom:15px;
}

#order #returnValues	{
	padding-bottom:5px;
	margin-bottom:2px;
	border-bottom:1px solid #CECECE; 
}

#order .optionDisplayTab	{
	border-collapse:collapse;
}

#order .optionDisplayTab .td_1	{
	width:238px;
}

#order .optionDisplayTab .td_2	{
	width:213px;
}

#order .optionDisplayTab	 td {
	padding:5px;
	border:1px solid #CECECE;
}

#order  .block	{
	padding:0px 0px 35px 2px;
	width:480px;
}

#order  .block:last-Child	{
	padding:0px 0px 0px 2px;
}

#order .block p:last-child	{
	padding:0px 0px 0px 0px;
}

#order .leftRadio	{
	float:left;
	width:25px;
	height:30px;
	line-height:30px;
}

#order .leftInput	{
	float:left;
	width:60px;
	height:30px;
	line-height:30px;		
}

#order .leftInput_I	{
	float:none;
	clear:both;
	
}

#order .leftInput input, #order input.smallIII	{
	width:50px;
	text-align:center;
}

#order .rightText	{
	width:470px;
	height:30px;
	line-height:30px;		
}

#order .rightRadio	{
	float:left;
	width:445px;
	height:30px;
	line-height:30px;	
}

#order .rightSmallText, #order .rightSmallText_I	{
	float:left;
	width:125px;
	height:30px;
	line-height:30px;	
}

#order  .rightSmallText_I	{
	width:320px;
}

#order .leftLabel, #order .leftLabelResult	{
	float:left;
	width:225px;
	min-height:30px;
	line-height:30px;
}

#order .rightInput, #order .rightInputResult	{
	float:left;
	width:252px;
	min-height:30px;
	line-height:30px;	
}

#order .leftLabelResult, #order .rightInputResult	{
	min-height:20px;
	line-height:20px;
}

#order .textarea	{
	height:90px;	
}

#order .space	{
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #CECECE;
}

#order .twoLines	{
	height:50px;
}

#order .twoLinesText	{
	height:45px; 
	padding-top:5px; 
	line-height:20px;
}

#order .hint	{
	padding-top:10px; 
	font-size:11px;
}

#order .submit	{
	padding-top:10px;
}

#order .td_A	{
	width:220px;
	padding-right:5px;
}

#order .td_B	{
	width:74px;

}

#order .td_C	{
	width:65px;
	text-align:right;
	padding-right:5px;
}

#order .td_D	{
	width:80px;
	padding-right:5px;
	border-left:1px solid #CECECE;
	text-align:right;
}

#order .td_E	{
	text-align:right;
	padding-right:5px;
}

#order .td_F	{
	width:16px;
}

#order .td_I	{
	width:385px;
}

#oder .ieTd img {
	display:none;
}

#order #orderTab .tr_A td	{
	font-weight:bold; 
	border-top:1px solid #CECECE;
	border-bottom:0px none;
}
/* ORDERFORMULARE ZU ENDE */



#right	{
	width:227px;
	float:left;
	color:#010101;
	font-size:13px;
	padding-top:1px;
	padding-bottom:80px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border:1px solid #008BD0;
	background-color: #E9F0F4;
	padding:2px 5px 2px 5px;
	width:250px;
	opacity: 0.85;
	
}

#tooltip h3	{
	font-size:11px;
	font-weight:normal;
	color:#3466BF;
	font-family:Arial, Helvetica, sans-serif;
	
}



/* ******************** Links ******************** */
#footer a:link, #footer a:visited,
#breadcrumbs a:link, #breadcrumbs a:visited,
li a:link, li a:visited, .impressum a:link, .impressum a:visited, a.download:link, a.download:visited	{
	color:#999999;
	text-decoration:none;
}

.textRight a:link, .textRight a:visited,
a.send:link, a.send:visited,
p.csc-linkToTop a:link, p.csc-linkToTop a:visited,
a.internal-link:link, a.internal-link:visited,
#flyerLinkDiv a:link, #flyerLinkDiv a:visited,
#contactButtonI input	{
	color:#818181;
	font-weight:bold;
	background-image:url(../images/icon_gray.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:11px;
	font-size:12px;
	text-decoration:none;
}

.textRight a:active, .textRight a:hover,
a.send:active, a.send:hover,
p.csc-linkToTop a:active, p.csc-linkToTop a:hover,
a.internal-link:active, a.internal-link:hover,
#flyerLinkDiv a:active, #flyerLinkDiv a:hover,
#order #backButton a:active, #order #backButton a:hover,
#order #backButton input:active, #order #backButton input:hover ,
#contactButtonI input:active, #contactButtonI input:hover {
	background-image:url(../images/icon_ocher.gif);
	color:#078DCC;
}

#left a:link, #left a:visited	 {
	color:#999999;
	background-image:url(../images/icon_gray.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:11px;
	font-size:13px;
	text-decoration:none;
	display:block;
}

#left a:active, #left a:hover	{
	background-image:url(../images/icon_ocher.gif);
}

#left a.activePage_I  {
	background-image:url(../images/icon_gray.gif);
}

a.linkWithIconBefore:link, a.linkWithIconBefore:visited	{
	font-size:12px;
	color:#A0A0A0;
	background-image:url(../images/icon_gray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:11px;
	text-decoration:none;
}

a.linkWithIconBefore:active, a.linkWithIconBefore:hover,
#left a.activePage:link, #left a.activePage:visited,
#left a.activePage:active, #left a.activePage:hover 	{
	color:#078DCC;
	background-image:url(../images/icon_ocher.gif);
}

.more a:link, .more a:visited	,
a.leftLink:link, a.leftLink:visited,
.leftDiv_II a:link, .leftDiv_II a:visited	{
	font-weight:bold;
	font-size:11px;
	color:#575C5F;
	background-image:url(../images/icon_ocher.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	text-decoration:none;	
}

.rightDiv_II a:link, .rightDiv_II a:visited	{
	font-weight:bold;
	color:#575C5F;
	background-image:url(../images/icon_ocher.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:right;
	padding-right:11px;
	font-size:12px;
	text-decoration:none;
}

.leftDiv_II a:link, .leftDiv_II a:visited {
	font-size:12px;
}

#backButton a:link, #backButton a:visited	,
#order #backButton input	{
	font-size:12px;
	font-weight:bold;
	color:#575C5F;
	background-image:url(../images/icon_gray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:11px;
	text-decoration:none;
}

#order #backButton input, #order #contactButtonI input	{
	border:0px none;
	background-color:#FFFFFF;
	cursor:pointer;
	text-align:left;
	padding-top:0px;
	padding-bottom:5px;
	color:#575C5F !important;
}

#order #contactButtonI input {
	text-align:right;
	padding-right:7px;
}

.more a:active, .more a:hover,
a.leftLink:active, a.leftLink:hover , a.download:hover,
a.activ:link, a.activ:visited ,
.leftDiv_II a:active, .leftDiv_II a:hover ,
.rightDiv_II a:active, .rightDiv_II a:hover,
#footer a:active, #footer a:hover, #footer a.active,
#breadcrumbs a:active, #breadcrumbs a:hover,
li a:active, li a:hover, .impressum a:active, .impressum a:hover {
	color:#078DCC;
}


#middle3 a:link, #middle3 a:visited	{
	text-decoration:underline !important;
	color:#575C5F;
}

#middle3 a:active, #middle3 a:hover	{
	color:#078DCC;
}

#middle3 a.send, #middle3 #breadcrumbs a,
#middle3 a.leftLink, #middle3 p.csc-linkToTop a	{
	text-decoration:none !important;
}