html {
	background:#EFEFEF url("../images/3d_bg.jpg") no-repeat 770px 100px fixed;
/*	background:#EFEFEF url("../images/background_gradient.jpg") repeat-x bottom left;*/
	height:100%;
}

body {
	background:transparent url("/images/background_gradient_top.jpg") repeat-x top left;
	font-family:'trebuchet ms', verdana, helvetica, arial, sans-serif;
	color:#4C4B47;
	font-size:12px; 
	margin:0; 
	padding:0;
	height:auto;
}

#pageHolder {} 

#page {
	line-height:1.5em;
	padding:2em 0 1em 60px;
	width:850px; 
	min-height:50px;
}

#hmaxLogo {
	width:265px;height:60px;
	background: transparent url("/images/hmax_logo.png") no-repeat;
 	position:absolute;
	right:20px;
	top:15px;
}

#hmaxLogoXmas {
	width:268px;height:60px;
	background: transparent url("/images/hmax_logo_snow.png") no-repeat;
 	position:absolute;
	right:20px;
	top:15px;
}
#footerHolder {
	padding-top:0em;
	color:#BBB;
	margin-top:0em;
	margin-left:60px;
	margin-bottom:10px;
}


/* NAVIGATION */

#menu {
	margin:20px 0px  50px 30px;
	padding:0px 0 0 32px;
	font-family: helvetica, arial, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	list-style:none;
	font-weight:normal;
}

#menu a { 
	margin:0;
	padding:0;
    font-weight: bold;
	text-decoration: none; color: #999;
}

#menu a:hover {
	color: #4C4C48;
    font-weight: bold;
    display: inline;
}

#menu a.sel {
	color: #6A8D91;
}

#menu li {
	float: left;
	padding-right:0.5em;
}

#menuDivider {clear:both; height:1em;}

#subNavContainer {
	position:relative;
	margin:0px;
	padding:0px 0px 0px 65px;
	clear:left;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
	font-size:12px;
	background: transparent url("/images/boxNavBg.png") no-repeat;
	width: 700px;
}

#boxNav {list-style:none; margin:0; padding:0;}
#boxNav li a {display:none;}

#boxNav li.notActive {display:none;}

#boxNav .boxNav2, #boxNav .boxNav2 ul { /* all lists */
	display:block !important;
	padding:0;
	margin: 0;
	list-style: none;
	float : left;
	width : 13em;
}

#boxNav a {
	margin:1px 0;
	line-height:1.2em;
}

#boxNav .boxNav2 { 
	padding: 10px 0  10px 0;
	/*min-height:100px;*/
	/*border-left:1px solid #E3E3E3;*/
}

#boxNav .boxNav2 li { /* all list items */
	display : block !important;
	float : left;
	line-height : 1em;
	margin-bottom : -1px;
	padding : 0px 0;
	width : 11em;
}

#boxNav .boxNav2 li ul { /* second-level lists */
	position:absolute;
	left: -999em;
	top:10px;
	margin-left : 11em;
	/*margin-top : -1.45em;*/
	/*padding-bottom: 2em;*/
	/*height:85%;*/
	border-left:1px solid #E3E3E3;
	background-color: transparent;
}
	
#boxNav .boxNav2 li ul ul { /* third-and-above-level lists */
	left: -999em;
}
	
#boxNav .boxNav2 li a {
	width: 10em;

	display : block;
	color : #9B9B9B;
	text-decoration : none;
	padding : 0.2em 0.5em;
}

#boxNav .boxNav2 li a.sel {
	color: #6A8D91;
	background: transparent url('../images/navItemBg.jpg') no-repeat -50px 0px;
	
}

	
#boxNav .boxNav2 li a:hover {
	color : black;
}

#boxNav a.hasSub:hover {
	
	border-bottom:1px solid #E3E3E3;
	margin-bottom:0px;
}
	
#boxNav .boxNav2 li:hover ul ul, #boxNav .boxNav2 li:hover ul ul ul, #boxNav .boxNav2 li.sfhover ul ul, #boxNav .boxNav2 li.sfhover ul ul ul {
	left: -999em;
}

#boxNav .boxNav2 li:hover ul, #boxNav .boxNav2 li li:hover ul, #boxNav .boxNav2 li li li:hover ul, #boxNav .boxNav2 li.sfhover ul, #boxNav .boxNav2 li li.sfhover ul, #boxNav .boxNav2 li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#subNav2SubActive ul {
	left: auto !important;
}

#boxNav .boxNav2 .boxNav3 .boxNav4{
	position:absolute;
	top:0;
}







/* Tables */
#content table {
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:1em;
}

#content td {
	line-height:1em;
	padding:0.3em 0.8em 0.3em 0;
	height:1em;
	vertical-align:top;
	border-bottom: 0px solid #CCC;
}

#content td p {
	margin:0;
}




/* Lists */

#page ul {
	padding:0;
	margin:0 0 1em 0em;
	list-style:none;
}

#page ul li {
	background: transparent url('../images/list_dot2.gif') no-repeat left center;
	padding:1px 0 1px 1.5em;
	line-height:1.2em;
	height:1.2em;
}



/* Forms */

/* for all submit buttons with this size */
.submitButton {
	width:120px !important; height:37px !important;

}
.submitButtonSmall {
	width:67px !important; height:27px !important;
}
.comparepicButton {
	width:165px !important; height:145px !important;
}
.submitBonusButton {
	width:106px !important; height:27px !important;
}
.submitButtonNoRisk {
	width:106px !important; height:27px !important;
}
.submitButtonCompare {
	width:149px !important; height:27px !important;
}


input,textarea {outline:0 !important; font-size:11px;}

#contactFormID {background-color:transparent; padding:0px 0px 0 0px;}


/*form  fieldset {background-color:#fff; border:none;}*/
#contactFormID label {float:left; width:70px; clear:left; margin-top:10px;height:19px;}
#contactFormID input {height:15px;}
#contactFormID input, #contactFormID textarea {
	float:right;  width:250px;margin-top:10px; border:none; background-color:#fff;
	font-family:'trebuchet ms', verdana, helvetica, arial, sans-serif;
	font-size:11px;
	padding:2px 4px;
	clear:right;
}
#contactFormID input.submitButton {margin:0 -2px 0 0; padding:10px 0px 0px 0px; float:right; clear:both;background-color:transparent;}

#contactFormID .error {border:1px solid red;}
#contactFormID .errorMsg {padding-left:80px; color:#6A8D91; clear:both;}

#contactFormID {width:340px;margin-top:0.5em;margin-bottom:1.5em;}


/* Columns */

.cb {clear:both;}

.wideCol { 
	width:550px;
}

.extrawideCol {
        width:620px;
}

.singleCol {
	width:450px;
}

.leftCol {
	display:inline;
	width: 320px;
	float:left;
	margin-right:2.5em;
}

.leftwideCol {
	display:inline;
	width: 400px;
	float:left;
	margin-right:2.5em;
}

.rightCol {
	display: inline;
	width: 320px;
	float:left	;
}

.borderLeft {
	padding-left:15px;
	border-left: 1px solid #fff;
}

.borderRight {
	border-right: 1px solid #fff;
}

.leftColKontakt {
	display: inline;
	width: 360px;
	float:left	;
}


#home .leftCol {
	width: 185px;
	float:left;
	margin-right:0.5em;
}



.liveChat {
	margin-left:-2px;
	margin-top:0em;
	margin-bottom:0.5em;
}



#live .leftCol {
	width: 185px;
	float:left;
	margin-right:0.5em;
}


#live .liveChat {
	margin-left:-2px;
	margin-top:0em;
	margin-bottom:0.5em;
}



#live .rightCol {
	float:left;
	border-left:1px solid #fff;
	padding:0 0 0 15px;
	width:550px;
}




#live div.rightCol h2 {
	font-family: helvetica, arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#6A8D91;
	line-height:1.2em;
	margin:0em 0 0.4em 0;
}



#support .leftCol {
	width: 185px;
	float:left;
	margin-right:0.5em;
}


#support .rightCol p {
	width:380px;
}


.hostingRightCol {
	float:left;
	border-left:1px solid #fff;
	padding:0 0 0 15px;
	width:600px;
}

#home .rightCol p {
	width:450px;
}




#home .regDomain {
	margin-top:0.2em;
	background: transparent url("/images/domain_reg_bg.jpg") no-repeat;
	height:110px;
	width:176px;
}

#home form .domainField {
	background: transparent url("/images/domainreg_formfield_bg.jpg") no-repeat;
	border:none;
	padding:0px 0 0px 4px;
	margin:40px 0 0 10px;
	width:145px;
	height:20px !important;
	line-height:20px !important;
}


#home form .domainResult {
	font-family: helvetica, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#6A8D91;
	line-height:1.1em;
}

#home form input.check {
	margin:3px 0 0 8px;
	width:120px;
	height:37px;
	background-color:transparent;
}

#home .newsSidebar {
	font-size:10px;
	line-height:110%;
	padding:4em 20px 0 10px;
	min-height:200px;
	margin-top:1em;
	background: transparent url("/images/news_col_bg.jpg") no-repeat;
}

.newsEntry {
	margin:1em 0;
	padding:2px 0 0px 0;
	border-top:1px solid #DDD;
	border-bottom:1px solid #AAA;
}

#news .datum {
	font-style:italic;
	color:#AAA;
}

#news h3 {
	margin:0;
}

#news .newsEntry a {
	display:block;
	width:100%;
	padding:1px;
	background: #DDD;
	color:#999 !important;
}

#news .newsEntry a:hover {
	text-decoration:none;
	color:white !important;
	background:#6A8D91;
} 






/* Content Specific Styles
/* HOSTING */

.hosting_box {
        font-size:11px;
        padding-left:10px;
        float:left;
        padding-top:5.5em;
        width:190px;
        height:272px;
}

.hosting_blankbox {
        font-size:11px;
        padding-left:10px;
        float:left;
        padding-top:1.5em;
        width:190px;
        height:190px;
}

.hosting_box_big {
        font-size:11px;
        padding-left:10px;
        float:left;
        padding-top:5.5em;
        width:190px;
        height:320px;
}

.hosting_box_broad {
        font-size:11px;
        padding-left:10px;
        float:left;
        padding-top:5.5em;
        width:630px;
        height:400px;
}



.supp_catbox {
        font-size:11px;
        padding-left:10px;
        float:left;
        padding-top:1.5em;
        width:185px;
        height:180px;
}

.supp_catbox_faq {
        font-size:11px;
        padding-left:10px;
        float:left;
        padding-top:1.5em;
        width:185px;
        height:220px;
}


div.hosting_box .submitButton {
	
}

.hosting_box p.preis {
	
	margin-top:0.5em;
	margin-right:3em;
	width:70px;
	text-align:right;
	float:right;
}

.hosting_box .info {
	float:right;
	text-align:right;
	font-size:9px;
}

.hosting_box .number {
	font-family: helvetica, arial, sans-serif;
/*	color:#dbb742;*/
	color:#83AFB4;
	font-weight:bold;
	font-size:20px;
}

.hosting_box .details {float:left; margin-left:1px; }

.hosting_box h1 {
	margin-bottom:0.5em;
}

.hosting_one {
        background: transparent url("../images/hosting_types_bg_one.jpg") no-repeat;
}

.hosting_one_broad {
        background: transparent url("../images/hosting_types_bg_broad_one.jpg") no-repeat;
}
.hosting_two_broad {
        background: transparent url("../images/hosting_types_bg_broad_two.jpg") no-repeat;
}
.hosting_three_broad {
        background: transparent url("../images/hosting_types_bg_broad_thre.jpg") no-repeat;
}
.blankbox {
        background: transparent url("../images/blank_col_bg.jpg") no-repeat;
}
.catbox {
        background: transparent url("../images/blank_col_bg.jpg") no-repeat;
}


.hosting_specialoffer {
        background: transparent url("../images/hosting_offer_februar09.jpg") no-repeat;
}

.hosting_two {
        background: transparent url("../images/hosting_types_bg_two.jpg") no-repeat;
}

.hosting_three {
        background: transparent url("../images/hosting_types_bg_three.jpg") no-repeat;
}


 

/* FAQ */

#page ul.categoryList {
	font-size:12px;
}

#page div.faq_entry {
	padding:0.3em 0 0em 0em;
	margin-bottom:0.5em;
	border-bottom:1px solid white;
}

div.topButtons {margin-left:600px;}
div.langMenu { display:inline;}
div.langMenu a{margin-right:2px;}


/* LOGIN */

#loginBtn { display:inline; margin-left:20px;}

#loginBoxWrapper {
	z-index:10;
	position:absolute;
	top:25px;
	right:80px;
}
#loginBox {
	padding:20px 15px 15px 15px;
	display:none;
	width:280px;
	height:174px;
	background: transparent url("../images/login_bg.png") no-repeat;	
}
#loginBox img.closeBox {
	cursor:pointer;
	position:absolute;
	right:15px;top:15px;
}
form.loginForm {
	padding:10px 10px 0 10px;
	width:260px;
	height:105px;
	background-color:#fff;
}
form.loginForm label {
	height:19px;
	padding:4px 0 0 0;
	margin:0 0 2px 0;
	width:100px;
	float:left;
}
form.loginForm input.login_tf {
	background: transparent url("/images/domainreg_formfield_bg.jpg") no-repeat;
	border:none;
	padding:3px 0 0px 4px;
	margin:0px 0 2px 10px;
	width:145px;
	height:20px;
	line-height:20px;
	float:right;
	clear:right;
}
form.loginForm input.submitButton {
	clear:both;
	float:right;
	margin:0 0 0.5em 0;
}

#cpanel_login {clear:left;}
#webmail_login, #ftp_login {
	clear:left; 
	display:none;
}

a.tablink {font-family:helvetica, arial, sans-serif; text-transform:uppercase; letter-spacing:0.1em; color: white; position:static; float:left; display:block; height:20px; line-height:20px; padding:2px 7px 0 7px; background: transparent}

a.tablink:hover {color:black;}

/* Typography */


p {margin:0 0 0.55em 0;}

h1 {
	font-family: helvetica, arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#6A8D91;
	line-height:1.1em;
	margin:0em 0 0.4em 0;
}

h2 {
	font-family: helvetica, arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#6A8D91;
	line-height:1.2em;
	margin:0em 0 0.4em 0;
}

h3 {
	font-family: helvetica, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#6A8D91;
	line-height:1.1em;
	margin:0em 0 0.2em 0;
}

#page p + a + h2 {margin-top:1em;}
#page p + h3 {margin-top:1em;}
#page div + a + h1 {margin-top:0.7em;}
#page div[class="cb"] + div > a + h1 {margin-top:.7em;}

#page a {
	font-weight:bold;
	color:#6A8D91;
	text-decoration:none;
}
#page a:hover {
	text-decoration:underline;
}


/* klapptabelle */

table.klapptabelle { 
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:3em;
}

table.klapptabelle tr.main td, table.klapptabelle  th  {
	border-bottom:1px solid black; 
	border-left:0px solid black; 

}

table.klapptabelle td {
	line-height:1em;
	padding:0.3em 0.8em 0.3em 0;
	height:1em;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-left:0px solid black;
	text-align:center;

}

table.klapptabelle th { text-align:left; background-color: #E5F3FE;}

table.klapptabelle tr.titel {
	text-align:left;
	border-bottom:solid;
	border-bottom-color:#CCC;
	border-bottom-width:2px;
	font-weight:700;
}



#details {
	margin:30px 0px  0px 60px;
	padding:0px 0 0 0px;
}


table.order td { 
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
}


#ref td {
	line-height:1em;
	padding:0.3em 0.8em 0.3em 0;
	height:1em;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
}




#ajax_load {
	background-image:url(../images/loader.gif);
	background-repeat:no-repeat;
	background-position:0px 98%;
}

#ajax_error {
	background-image:url(../images/login_error.gif);
	background-repeat:no-repeat;
	background-position:0px 98%;
}

#ajax_accept {
	background-image:url(../images/login_accept.gif);
	background-repeat:no-repeat;
	background-position:0px 98%;
}




form.loginForm #dataout label {
	height:19px;
	padding:4px 0 0 0;
	margin:0 0 2px 0;
	width:250px;
	float:left;
}

#messages {
	float: left;
	height: 29px;
	overflow:hidden;
	width: 270px;
}


#counter {
	width:614px;
	height:149px;
	margin-left:-18px;
	background-image:url(../images/counter/counter.png);
	z-index:999;	
}


#diggits{	
	position:absolute;
	top: 446px;
	left: 442px;
	float:left;
}