/* Redesign 20.10.2011 by ct */

/* ************************************************** */
/* promo styles */

.roundedtop_promo {
    background-image: url("/images/evolution/promo/promo_bg_oben.jpg");
    background-repeat: no-repeat;
    min-height: 645px;
    width: 980px;
}
div#columns{
	background-color:transparent;
	padding-left:30px;
}

div#promocontent{
	position:relative;
	width:600px;
	padding-left:30px; 
	font-size:13px;
}
h1.promoHeadline, h1.promoHeadline_deprecated {
    font-size:30px;
	color:#fff;
	padding:20px 0 0 30px;
	margin:0px;
}
h1.promoHeadline_deprecated {
    padding:30px 0 30px 30px;
	font-size:24px;
	line-height:25px;
	font-weight:normal;
	width:700px;
}
h1.promoHeadline_deprecated span{
	font-size:30px;
}

h2.promoHeadlineSub {
	display:block;
	width:600px;
	padding:10px 0 0px 30px;
	margin: 0px;
    font-size: 24px;
	font-weight:normal;
	color:#fff;
	line-height:26px;
}
h2.promoSubHeadline {font-size:18px;}

/* ************************************************** */
/* searcharea */
div#searchareaWrapper {
    position: relative;
    margin-top:30px;
}
#searcharea {
    position: relative;
    min-height:200px;
    overflow:hidden;
}

#searcharea p.jetztVorbestellen {
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
}

#searcharea textarea, #searcharea_nTLDs textarea {
    position: absolute;
    top: 45px; left: 81px; 
    width: 260px; height:140px;
    background-color:#fff;
}

#searcharea .www, #searcharea_nTLDs .www {position: absolute; top: 44px; left: 20px;}

#searcharea .tld_spalte1 {
    position: absolute;
    top: 45px; left: 365px;
    line-height: 18px;
    font-size:12px;
    min-width:100px;
}
#searcharea .tld_spalte2 {
    position: absolute;
    top: 45px; left: 455px;
    line-height: 18px;
    font-size:12px;
    min-width:100px;
}

#promocontent.promoText, .promoText {
    width:600px;
	line-height: 18px;
    1margin-bottom:30px;
    margin-top:30px;
    font-weight:normal;
    font-size: 18px;
}

input#btnPruefen{
	position: absolute; 
	left: 365px; bottom: 3px;
}

/* ************************************************** */
/* Kugel */
#promocontent div#badgeDiv{
	position:absolute; top:-30px; left:520px;
    z-index:1;
	                                  
}
#promocontent div#badgeDiv #kugelText {
    position:absolute; top:22px; left:2px;
    width: 115px;
    line-height: 18px;
    text-align: center;
    color:#fff;
    font-size:14px;
}
#promocontent div#badgeDiv #mwst {
    font-size: 12px;
    line-height: 18px;
}
#promocontent div#badgeDiv #kugelText span {
    font-size: 10px;
    font-weight: normal;
}
#promocontent div#badgeDiv span.domain {
    font-size: 14px !important;
    font-weight: bold !important;
}

/***
 * -------------------------------------------------------------------------------------
 * tabs
 * -------------------------------------------------------------------------------------
***/
#columns #searchtab {
    margin-top: 30px;
    height: 27px;
    font-size: 13px;
    line-height: 18px;
}

/* Aehnliche Eigenschaften der Tabs*/

#tab1 a:link,#tab1 a:visited,#stab1 a:link,#stab1 a:visited, #tab2 a:link,#tab2 a:visited, #tab3 a:link,#tab3 a:visited,#stab2 a:link,#stab2 a:visited, #tab4 a:link,#tab4 a:visited,#stab3 a:link,#stab3 a:visited,
#tab1 a:hover,#stab1 a:hover, #tab2 a:hover, #tab3 a:hover,#stab2 a:hover {
    border: 0;
    display: block;
    width: 142px;
    height: 27px;
    margin-right: 5px;
    background-repeat: no-repeat;
    float: left;
}

#tab1 a:link,#tab1 a:visited,#stab1 a:link,#stab1 a:visited {
	width: 183px;
    background-image: url(/images/evolution/promo/tab_eigenschaften_off.png);
}
#tab1 a:hover,#stab1 a:hover {
    width: 183px;
    background-image: url(/images/evolution/promo/tab_eigenschaften_on.png);
}

#tab2 a:link,#tab2 a:visited {
    background-image: url(/images/evolution/promo/tab_specials_off.png);
}
#tab2 a:hover {
    background-image: url(/images/evolution/promo/tab_specials_on.png);
}

#tab3 a:link,#tab3 a:visited,#stab2 a:link,#stab2 a:visited {
    background-image: url(/images/evolution/promo/tab_bedeutung_off.png);
}
#tab3 a:hover,#stab2 a:hover {
    background-image: url(/images/evolution/promo/tab_bedeutung_on.png);
}

#tab4 a:link,#tab4 a:visited,#stab3 a:link,#stab3 a:visited {
    background-image: url(/images/evolution/promo/tab_formulare_off.png);
}
#tab4 a:hover,#stab3 a:hover {
    background-image: url(/images/evolution/promo/tab_formulare_on.png);
}

/* active and passive status tabs */
.active a.specs, .active a.specials, .active a.info, .active a.forms{
	border: 0;
    display: block;
    width: 135px;
    height: 27px;
    margin-right: 5px;
    background-repeat: no-repeat;
    float: left;
}

.active a.specs {
    background-image: url(/images/evolution/promo/tab_eigenschaften_on.png) !important;
}

.active a.specials {
    background-image: url(/images/evolution/promo/tab_specials_on.png) !important;
}

.active a.info {
    background-image: url(/images/evolution/promo/tab_bedeutung_on.png) !important;
}

.active a.forms {
    background-image: url(/images/evolution/promo/tab_formulare_on.png) !important;
}

#columns .tabbox, .tabbox {
    background-image: url(/images/evolution/tabboxen/tabbox_920_top.png); background-repeat: no-repeat;
    width: 890px; min-height: 300px;
    padding: 15px;
    line-height: 18px;
}

#columns #tabbottom {
    background-image: url(/images/evolution/tabboxen/tabbox_920_bottom.gif); background-repeat: no-repeat;
    width: 920px; height: 11px;
    background-position: top;
}

/***
 * -------------------------------------------------------------------------------------
 * Tabcontent
 * -------------------------------------------------------------------------------------
***/
#columns table.tabtable {
    width: 890px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

#columns table.tabtable td {
    padding: 5px 0px 5px 10px;
    border-top: 1px solid #ccc;
}

#columns table.tabtable td.stCol{
    width: 190px;
    vertical-align: top;
    background-color: #eef8fd;
    border-right: 1px solid #ccc;
    color: #003d86;
    font-weight: bold;
}

#columns table.tabtable td.ndCol {vertical-align: top;}
#columns table.tabtable td.rdCol {width: 450px;}
#columns table.tabtable td.thCol {width: 75px;}
#columns table#aktionen td.ndCol {vertical-align: middle; width:30px;}
#columns table#aktionen td.stCol {width:140px;}

#columns .formsTableHead {
    background-color: #eef8fd;
    height: 25px;
}



#columns .promo_list {
    margin-left: 25px;
    list-style-type: disc;
    
}

#columns .promo_outerImage {
    width: 150px;
    border: 1px solid #ccc;
    padding:5px;
}
    
#columns .promo_outerImage img {width: 150px;}

#columns .Image {width: 170px;}

#columns .Text {
    padding-left: 10px;
    vertical-align: top;
}

#columns .Text p {margin-top: 0 !important;}


/* ***************************************** */
/* PROMO-nTLDs */

div#promocontent_nTLD{
	width:600px;
	z-index:55;
}

div#columnsNTLDsPromo, div#columnsNTLDsPromo_xxx {
    background-color: transparent;
    background-image: url("/images/evolution/promo/nTLDs/nTLDpromo_oben.jpg"); background-repeat: no-repeat;
    background-position: center top;
    border: 0 none;
    color: #000000;
    height: 315px;
    margin: 0;
    padding-top: 10px;
    position: relative;
}

/* ********* */
/* xxx-promo */
div#columnsNTLDsPromo_xxx {
    background-image: url("/images/evolution/promo/nTLDs/xxxpromo_oben.jpg"); background-repeat: no-repeat;
    height: 139px; /*139px, damit der Bereicht unter dem Logo nicht sichtbar ist*/
}


h1.promoHeadline_nTLDs {
	color:#fff;	
    font-size:22px; 
    margin-top:25px;
}
h2.promoHeadlineText_nTLDs {
    color:#fff; 
    font-size:20px; 
    font-weight:normal;
	margin:15px 0 15px;
}


.content_xxx{	
    position:relative;
	1padding:12px 20px 20px; 
    background-image: url(/images/evolution/gradienten/grau_gradient.png); background-repeat: repeat-x;

}

/* searcharea */
#searcharea_nTLDs {position: relative; min-height: 155px;}

#searcharea_nTLDs h2.searchareaH2 {position: absolute; top: 0px; left: 20px;}

#searcharea_nTLDs textarea {height:100px;}

#searcharea_nTLDs input {
    position: absolute;
    top: 45px; left: 81px; 
    background-color:#fff;
}

#searcharea_nTLDs .tld {
    position: absolute;
    top: 45px; left: 365px;
    line-height: 120%;
}

div#counter{
	position:absolute; top:228px; right:6px;
	background-image: url("/images/evolution/promo/nTLDs/counter_bg.png"); background-repeat: no-repeat; 
	width:316px; height:82px;
}
div#counter p{
    margin:10px 0 0 0;
}

div#counter .counterSeparator, .digit0, .digit1, .digit2, .digit3, .digit4, .digit5, .digit6, .digit7, .digit8, .digit9{
	background-image: url("/images/evolution/promo/nTLDs/numbers.gif"); background-repeat: no-repeat;
	width:26px;
	height:40px;
	display:inline-block;	
}

html* .digit0, html* .digit1, html* .digit2, html* .digit3, html* .digit4, html* .digit5, html* .digit6, html* .digit7, 
html* .digit8, html* .digit9 {width:30px;}

div#counter .counterSeparator{
	background-position: -10px -400px;
	width:10px;
}
div#counter .digit0 {background-position: -2px   0px;}
div#counter .digit1 {background-position: -2px -40px;}
div#counter .digit2 {background-position: -2px -80px;}
div#counter .digit3 {background-position: -2px -120px;}
div#counter .digit4 {background-position: -2px -160px;}
div#counter .digit5 {background-position: -2px -200px;}
div#counter .digit6 {background-position: -2px -240px;}
div#counter .digit7 {background-position: -2px -280px;}
div#counter .digit8 {background-position: -2px -320px;}
div#counter .digit9 {background-position: -2px -360px;}

/* weil OPERA und IE die Links in eine Zeile schreiben */
/* auch in ntld.css */
div#nTLD_links  {width:920px;}
div#nTLD_links a{display:inline-block;}
/* xxx-promo */
div.pPreorder_nTLDs_greybox {
    padding: 10px 15px;
    width: 840px;
}
#pPreorder_nTLDs_closeX {
    position: absolute;
    right: 13px;
    top: 0;
    width: 10px;
}
