/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			21.02.2009

[Table Of Contents] 

1. GLOBAL
2. LINKS
3. HEADLINES
4. LISTS
5. TABLE
6. LANGUAGE
7. FORM


/*
========================================================
GLOBAL
========================================================
*/

@font-face {
	font-family: 'DINMittelschriftLTAlternateRe';
	src: url('fonts/din-mittelschrift-lt-alternate-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINMittelschriftLTAlternateRe';
	src: url(//:) format('no404'), url('fonts/din-mittelschrift-lt-alternate-webfont.woff') format('woff'), url('fonts/din-mittelschrift-lt-alternate-webfont.ttf') format('truetype'), url('fonts/din-mittelschrift-lt-alternate-webfont.svg#webfont9sHWQzRW') format('svg');
	color:			#555555;
	font-weight: normal;
	font-style: normal;
}

html, body, table, textarea, input
{
	font-size:		12px;
	line-height:	19px;
	color:			#555555;
	font-family:	Arial, Helvetica, sans-serif;
}

.left
{
	float:			left;
}
.right
{
	float:			right;
}
.align-left
{
	text-align: left;
}
.align-right
{
	text-align: right;
}
.align-center
{
	text-align:center;
}
.justify
{
	text-align:justify;
}
.hide
{
	display: none;
}
.clear
{
	clear: both;
}
.bold
{
	font-weight:bold;
}
.italic
{
	font-style:italic;
}
.underline
{
	border-bottom:1px solid;
}
.highlight
{
	background:#ffc;
}
img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft
{
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright
{
	float:right;
	margin:4px 0 4px 10px;
}

.clearfix:after
{
	content:		".";
	display:		block;
	height:			0;
	clear:			both;
	visibility:		hidden;
	line-height:	0;
}

.clearfix
{
	display:		inline-block;
}

* html .clearfix
{
	height:			1%;
}

html[xmlns] .clearfix
{
	display:		block;
}
.clearfix
{
	display:		block;
}

/*
========================================================
LINKS
========================================================
*/

a:link, a:visited 
{
	color:				#36c;
	text-decoration:	underline;
}

a:hover,code,pre
{
	color:			#c33;
}

a:active,.a:focus
{
	color:			#000;
}

/*
========================================================
HEADLINES
========================================================
*/

h1,h2,h3,h4,h5,h6,strong,th,thead td,dt,samp,dfn
{
	font-family:	DINMittelschriftLTAlternateRe, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6
{
	margin:12px 0 12px 0;
}

h1
{
	margin-top:		0;
	font-size:		20px;
	line-height:	25px;
	color:			#30333c;
	font-weight:	normal;
	text-transform:	uppercase;	
	padding:			0px 50px 0px 10px;
	background-color:	#FFFFFF;
	color:				#30333c;
	text-transform:		uppercase;
	font-weight:		regular;
	background-repeat:	no-repeat;
	background-position:	8px 8px;
}

h2
{
	font-size:		18px;
	line-height:	22px;
	color:			#999;
}

h3
{
	font-size:		12px;
	line-height:	16px;
	text-transform:		uppercase;
	padding:		0px 50px 0px 10px;
	color:			#30333c;
	border-bottom:	2px solid #7aae21;
}

h4
{
	font-size:		13px;
	line-height:	16px;
	color:			#7aae21;
}

h5
{
	font-size:		14px;
	line-height:	16px;
	text-transform:	uppercase;
}

h6
{
	font-size:		12px;
	line-height:	14px;
	text-transform:	uppercase;
}

/*
========================================================
TABLE
========================================================
*/

table
{
	border-top:		1px solid #ccc;
	border-left:	1px solid #ccc;
}

th, td
{
	border-bottom:	1px solid #ddd;
	border-right:	1px solid #ccc;
}

th, td
{
	padding:	4px;
}

/*
========================================================
ELEMENTS / TAGS
========================================================
*/

sub
{ 
	vertical-align:		sub;
}

sup
{
	vertical-align:		super;
}

small, sup, sub
{
	font-size:			10px;
	line-height:		0;
}

big
{
	font-size:			20px;
}

caption
{ 
	text-align:			center;
}

pre
{
	white-space:		pre;
}

pre *
{
	font-size:			12px;
	white-space:		pre;
}

del
{
	text-decoration:	line-through;
	color:				#666;
}

ins,dfn
{
	border-bottom:		1px solid #666;
}

abbr,acronym
{
	text-transform:		uppercase;
	font-size:			11px;
	letter-spacing:		1px;
}

abbr[title],acronym[title],dfn[title]
{
	cursor:				help;
	border-bottom:		1px dotted black;
}

blockquote
{
	color:			#666;
	padding-left:	20px;
}

blockquote > *:first-child:before
{
	content:		"\201C";
	margin-left:	-10px;
	padding-right:	4px;
	line-height:	0;
}
blockquote > *:first-child:after
{
	content:		"\201D";
	margin-right:	-10px;
	padding-right:	4px;
	line-height:	0;
}

blockquote cite, q cite
{
	font-style:			normal;
}

cite,em,dfn
{
	font-style:			italic;
}

code,kbd,samp,pre,tt,var
{
	font-size:			12px;
	font-family:		mono-space,monospace;
}

hr
{
	display:		block;
	background:		black;
	color:			black;
	width:			100%;
	height:			1px;
	border:			none;
}

/*
========================================================
LANGUAGE
========================================================
*/

:lang(af),:lang(nl),:lang(pl)
{
	quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro)
{
	quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da),:lang(hr)
{
	quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el),:lang(es),:lang(sq),:lang(tr)
{
	quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB)
{
	quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi),:lang(sv)
{
	quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr)
{
	quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before
{
	content:'\201C';
}

*[lang|='en'] q:after
{
	content:'\201D';
}

*[lang|='en'] q q:before
{
	content:'\2018';
}

*[lang|='en'] q q:after
{
	content:'\2019';
}

/*
========================================================
FORM
========================================================
*/

input[type='hidden']
{
	display:	none;
}

input[type='text'],input[type='password'],input[type='file'],textarea
{
	padding:			4px 2px;
	font-size:			12px;
	font-family:		mono-space,monospace;
	cursor:				text;
}

textarea,input[type='text'],input[type='password'],input[type='file'],select
{
	border:			1px solid #ccc;
	background:		#fff;
}

input
{
	padding:			4px 2px;
}

input,select
{
	cursor:		pointer;
}

select,option
{
	font-size:			12px;
	font-family:		mono-space,monospace;
}

input[type='radio']
{
	position:		relative;
	bottom:			-2px;
}

input[type='checkbox']
{
	position:		relative;
	bottom:			-2px;
}

select[multiple]
{
	margin-bottom:	10px;
}

input[type='submit'],input[type='reset'],input[type='button']
{
	margin:			0;
	padding:		0;
	font-size:		12px;
}


textarea:hover,input[type='text']:hover,input[type='password']:hover,input[type='file']:hover,select:hover
{
	border-color:	#aaa;
}

textarea:focus,input[type='text']:focus,input[type='password']:focus,input[type='file']:focus,select:focus
{
	outline:		2px solid #e4e4e4;
	border-color:	#888;
}

input:focus
{
	outline: 		2px solid Highlight;
}

input.small
{
	width:			80px;
}

input.nmedium
{
	margin:			0 0 0 5px;
	width:			210px;
}

input.medium, textarea.medium
{
	width:			300px;
}

input.large
{
	width:			500px;
}

input.middle
{
	width:			145px;
}

input.nmiddle
{
	margin:			0 0 0 5px;
	width:			145px;
}

.focusField
{
	border:			solid 1px #7aae21 !important;
	background:		#f5f5f5 !important;
	color:			#000 !important;
}

.idleField
{
	background-color:	#FFF !important;
	color: 				#30333c !important;
	border: 			solid 1px #ccc !important;
}

input.error,
textarea.error {
	border: 1px solid #F00;
}

label.error {
	color:#F00;
}

/*
========================================================
GRID
========================================================
*/
#base
{

}

#container,.container
{
	margin: 		0 auto;
	padding:		0 20px 0 20px;
	width:			940px;
}

#header
{
	position:		relative;
	height:			60px;
}

/* Hack to enable min-height IE6, IE7, FF */
#imageteaser
{
  min-height:		250px;
  height:auto		!important;
  height:			250px;
}

/* Hack to enable min-height IE6, IE7, FF */
#content
{
	padding:		247px 0 0 0;
	min-height:		350px;
	height:auto		!important;
	height:			350px;
}

#footer
{
	margin:			40px 0 0 0;
	height:			30px;
	background-image:	url(/images/background-footer.gif);
	background-repeat:	repeat-x;
	border-bottom:		1px solid #e9e9e7;
	font-family:		Arial, Helvetica, sans-serif;
}

/*
========================================================
BASICS
========================================================
*/

.green
{
	color:			#7baf21;
}

/*
========================================================
BODY
========================================================
*/

body
{
	background:		#fff url(/images/background-default.jpg) repeat-x;
}

/*
========================================================
BASE
========================================================
*/

#base
{
	background-repeat:		no-repeat;
	background-position:	center 60px;
}

/*
========================================================
CONTAINER
========================================================
*/


/*
========================================================
HEADER
========================================================
*/

#header a.logo
{
	display:block;
	height:60px;
	width:233px;
	background:url(/images/logo.jpg) no-repeat left top;
	text-indent:-5600px;
}

/*
========================================================
LOGINPANEL
========================================================
*/

#loginpanel
{
	position:	absolute;
	width:		940px;
	top:		60px;
	left:		0;
	z-index:	25;
	text-align:	center;
}

#loginborder
{
	position:		relative;
	width:			940px;
	height:			0px;
	z-index:		10;
	overflow:		hidden;
	text-align:		left;
}

#loginbg
{
	position:		absolute;
	background:		black;
	filter:			alpha(opacity=70);
	-moz-opacity:	0.70;
	-khtml-opacity:	0.70;
	opacity:		0.70;
	height:			100%;
	width:			940px;
	z-index:		-1;
}

#loginpanel h2
{
	margin-bottom:	30px;
	color:			#FFF;
	font-size:		22px;
}

#logincontent
{
	margin: 		0 auto;
	padding:		30px 0 0 0;
	width:			630px;
}

#loginpanel .border
{
	margin:			0;
	width:			250px;
	height:			200px;
	border:			15px #1d1d1d solid;
	float: left;
}

#login
{
	margin-left:		55px !important;
	padding:			25px;
	width:				200px !important;
	height:				150px !important;
	background-color:	#FFF;
}

#loginpanel .loginclose
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	display:			block;
	padding:			15px;
	width:				100px;
	background-color:	#000;
	z-index:			20;
	cursor:				pointer;
	color:				#FFF;
	text-transform:		uppercase;
}


/*
========================================================
IMAGETEASER
========================================================
*/


#imageteaser img
{
	float:		left;
}

/*
========================================================
CONTENT CSS
========================================================
*/

.home #content
{
	padding: 		0;
}

#content .txthome
{
	min-height:		350px;
	height:auto		!important;
	height:			350px;
}

#content p
{
	margin:			12px 0 12px 0;
}

#content ul
{
	margin:	12px 0 12px 0;
	padding-left:	5px; /* UL left margin */
	margin-bottom:	1em;
}
#content ul li
{
	background:		url(/images/bullet.gif) 0 5px no-repeat; /* change background em accordingly */
	padding-left:	10px;
	list-style:		none;
}
#content ul li
{
	background-image:	url(/images/bullet_child.gif);
}

#content ul ul
{
	margin:	0;
}

#content ol li, ul li
{
	margin-bottom:	3px;
}

#content ol
{
	margin:	12px 0 12px 26px;
	padding-left:	0px;
}

#content ol ol
{
	margin:	0 0 0 26px;
}

#content ol li
{
	list-style:		decimal;
	background-image:none;
	padding-left:	0px;
}

/* PANEL */

.col3Table{
	margin:			25px 0 0 0;
	}

.col3Table .col1,
.col3Table .col2,
.col3Table .col3{
	float:			left;
	margin-right:	42px;
	}
	
.borderpanel
{
	position:		relative;
	height:			140px;
	width:			285px;
}

.col3Table .last{
	margin-right:0 !important;
	}

ul.panel,ul.panel li
{
	margin:		0 !important;
	padding:	0 !important;
	list-style:	none !important;
	list-style-image:	none !important;
	background-image:	none !important;
}

ul.panel
{
	position:		absolute;
	bottom:			0px;
	width:			281px;
	padding:		0 2px 4px 2px !important;
	list-style:		none;
	background-color:		#FFF;
	border-top:				1px solid #eeeeee;
	background-image:		url(/images/panel/panel-background.png) !important;
	background-repeat:		no-repeat;
	background-position:	bottom left;
}

ul.panel li
{
	padding:		1px 1px 0 1px !important;
	list-style:		none;
}

ul.panel li span.headline
{
	display:		block;
	color:			#34434b;
	text-transform:	uppercase;
	font-weight:	bold;
	padding:		4px 11px;
	border-bottom:	1px solid #d4d4d0;
}

ul.panel li img
{
	display:		block;
}

ul.panel li span.headline.arrow
{
	background-image:		url(/images/panel/panel-arrow.png);
	background-repeat:		no-repeat;
	background-position:	right 10px;
}

ul.panel li a.ui-accordion-link
{
	display:				block;
	margin:					0;
	padding:				3px 11px;
	border-bottom:			1px solid #dfdbd6;
	color:					#34434b;
	text-decoration:		none;
}

ul.panel li a.ui-accordion-link.arrow
{
	background-image:		url(/images/panel/panel-element-arrow.png);
	background-repeat:		no-repeat;
	background-position:	right 8px;
}

ul.panel li.first a.ui-accordion-link
{
	border-top:		0;
}

ul.panel li div ul.subnav{
	margin:			0 !important;
	padding:		0 !important;
	list-style:		none !important;
}

ul.panel li div ul.subnav li
{
	margin:			0 !important;
	padding:		0 !important;
	list-style:		none !important;
	background-image:		url(/images/panel/panel-subbackground.gif) !important;
	background-repeat:		repeat-x !important;
	background-position:	left top !important;
	border-bottom:			1px solid #FFF;
}

ul.panel li div ul.subnav li a
{
	display:			block;
	color:				#30333c;
	padding:			3px 11px;
	text-decoration:	none;
	background-image:	url(/images/panel/panel-element-arrow.png);
	background-repeat:	no-repeat;
	background-position:	right 8px;
}

ul.panel li div ul.subnav li a:hover
{
	background-color:	#7baf21;
	background-image:	url(/images/panel/panel-element-arrow-white.png);
	color:				#FFF !important;
}
ul.panel li div
{
}

#breadcrumb
{
	margin:				0 0 30px 0;
}

#breadcrumb div
{
	float:				left;
	padding:			2px 50px 2px 20px;
	background-color:	#FFFFFF;
	color:				#30333c;
	text-transform:		uppercase;
	font-weight:		regular;
	background-image:	url(/images/bullet-grey.gif);
	background-repeat:	no-repeat;
	background-position:	8px 8px;
}

.cform
{
	width:				310px;
}

.extform
{
	padding:			31px 0 0 0;
	width:				264px;
}

label
{
	display:			block;
	margin:				10px 0 2px 0;
}

label span.required
{
	display:			block;
	float:				left;
	margin:				0 0 0 8px;
	width:				100px;
	height:				20px;
	background-image:	url(/images/required.gif);
	background-repeat:	no-repeat;
	background-position:	left 3px;
}


div.h1dl
{
	display:			block;
	margin:				0 0 1px 0;
	padding:			4px 0 4px 5px;
	background-image:	url(/images/elements/dlh1.gif);
	background-repeat:	repeat-x;
	background-position:	left top;
	border-bottom:		1px solid #d4d4d0;
	color:				#34434b;
	text-transform:		uppercase;
	font-weight:		bold;
}

dl.selectdl
{
	display:			block;
	margin:				0 0 20px 0;
	padding:			0;
	background-image:	url(/images/elements/background_dl.jpg);
	background-repeat:	no-repeat;
	background-position:	left top;
}

dl.selectdl dt,
dl.selectdl dd
{
	float:				left;
	padding:			5px 0 0 0;
	height:				23px;
	color:				#34434b;
	background-image:	url(/images/elements/dl_trenner.gif);
	background-repeat:	no-repeat;
	background-position:	left bottom;
}

dl.selectdl dt
{
	padding-left:		5px;
	width:				25px;
}

dl.selectdl dd
{
	width:				234px;
}

dl.selectdl input
{
	margin:				0;
	padding:			0;
}

ul.hosting,
ul.hosting li,
ul.hosting li a
{
	display:			block;
	margin:				0 !important;
	padding:			0 !important;
}

ul.hosting
{
	margin:				30px 0 30px 0 !important;
}

ul.hosting li
{
	background:			none !important;
	margin-right:		10px !important;
}

ul.hosting li.last
{
	margin-right:		0 !important;
}

ul.hosting li,
ul.hosting li a
{
	float:				left;
}

ul.hosting li a
{
	width:					197px;
	height:					132px;
	background-image:		url(/images/elements/hosting-services.jpg);
	background-repeat:		no-repeat;
	background-position:	left top;
	text-indent: 			-999px;
	overflow:				hidden;
}

ul.hosting li.business a
{
	background-position:	left top;
}

ul.hosting li.individual a
{
	background-position:	-197px top;
}

ul.hosting li.private a
{
	background-position:	-394px top;
}

/*
========================================================
SIDEBAR CSS
========================================================
*/

.txtblock,
.btn
{
	display:			block;
	margin:				22px 0 0 0;
}

ul.sitebox,
ul.sitebox li
{
	display:			block;
	margin:				0 !important;
	padding:			0 !important;
}

ul.sitebox
{
	display:			block;
	width:				282px;
	margin:				22px 0 0 0 !important;
	background-image:		url(/images/elements/textbox.jpg) !important;
	background-repeat:		no-repeat;
	background-position:	left top;
	background-color:		#e4e4e2;
	border-top:				1px solid #d4d4d0;
}

ul.sitebox li
{
	border-top:				1px solid #FFFFFF;
	border-bottom:			1px solid #d4d4d0;
	padding:				9px 0 4px 50px !important;
	background-image:		none !important;
	background-repeat:		repeat-x !important;
	background-position:	left top !important;
}

ul.sitebox li.btn
{
	padding:				0 !important;
}

ul.sitebox li.btn a
{
	display:				block;
	padding:				16px 0 16px 50px !important;
	color:					#34434b;
	text-decoration:		none;
	background-image:		url(/images/elements/sitebox-link-bullet.gif) !important;
	background-repeat:		no-repeat !important;
	background-position:	94% center !important;
}

ul.sitebox li.btn:hover
{
	background-color:		#f4f4f4 !important;
}

ul.sitebox li.features
{
	background-image:		url(/images/elements/sitebox-features.png) !important;
	background-repeat:		no-repeat !important;
	background-position:	10px 9px !important;
}

ul.sitebox li input.txt
{
	width:					210px;
	margin:					0 0 11px 0;
}

ul.sitebox li.head
{
	padding:				6px 0 4px 10px !important;
	background-color:		#e4e4e2 !important;
	color:					#34434b;
	text-transform:			uppercase;
	font-weight:			bold;
	font-size:				11px;
}

ul.sitebox li.whois
{
	background-image:		url(/images/elements/sitebox-whois.png) !important;
	background-repeat:		no-repeat !important;
	background-position:	10px 9px !important;
}

ul.sitebox li.configserver
{
	background-image:		url(/images/elements/sitebox-config-server.png) !important;
	background-repeat:		no-repeat !important;
	background-position:	10px 9px !important;
}
ul.sitebox li.customers
{
	padding:				0 0 0 48px !important;
	height:					112px;
}
ul.sitebox li.last
{
	padding:				0 !important;
	height:					12px;
	background-image:		url(/images/elements/sitebox-last.gif) !important;
	background-repeat:		no-repeat !important;
	background-position:	left bottom !important;
}

ul.linklist,
ul.linklist li
{
	display:			block;
	margin:				0 !important;
	padding:			0 !important;
}

ul.linklist
{
	margin:				20px 0 0 0 !important;
	border-top:			1px solid #7aae21;
}

ul.linklist li
{
	background:			none !important;
	border-bottom:		1px solid #7aae21;
}

ul.linklist li a
{
	display:			block;
	padding:			6px 5px 6px 21px;
	color:				#30333c;
	text-decoration:	none;
	text-transform:		uppercase;
	background-image:		url(/images/elements/linklist-bullet.gif) !important;
	background-repeat:		no-repeat !important;
	background-position:	7px 8px !important;
}

ul.linklist li a:hover
{
	background-color:		#f4f4f4 !important;
}

#panel1 a {
	cursor: default;
}

/*
========================================================
FOOTER CSS
========================================================
*/

#footer ul
{
	float:		right;
	margin:		0 0 0 0;
	padding:	0 20px 0 0;
	list-style:	none;
}

#footer ul li,#footer ul li a
{
	float:		left;
	margin:		0;
	padding:	0;
	list-style:	none;
}
	
#footer ul li a,#footer ul li a:visited
{
	display:		block;
	margin:			0 0 0 15px;
	line-height:	30px;
	font-size:		11px;
	text-transform:	uppercase;
	color:			#9ea2a5;
	text-decoration:	none;
}

#footer ul li a:hover
{
	color:			#3d464c;
}

.AlexaSiteStatsWidget {
	display:		none;
}
.crossbanner div 
{
	margin-right:15px; 
}