html{
	height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

td 	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.invisible {
	display: none;
}


div#topbar {
	position: relative;
	top: 0px;
	height: 134px;
	background: url(files/head_bg.gif);
	overflow: hidden;
}

div#coolbox {
	position: relative;
	top: 0px;
	left: 235px;
	width: 356px;
	height: 134px;
	background: url(files/coolbox.gif);

}

div#webhosting {
	position: absolute;
	left: 598px;
	top: 100px;
	width: 188px;
	height: 22px;
	background: url(files/webhosting.gif);	
}

div#chflag {
	width: 58px;
	height: 64px;
	background: url(files/chflag.gif);
	position: absolute;
	top: 0px;	
	right: 0px;	 
}

div#leftbar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 235px;
	height: 100%;
	background-color: #ccfcf0;
}

div#flake {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 235px;
	height: 260px;
	background: url(files/snowflake.jpg);	
}


div#menu {
	position: absolute;
	left: 0px;
	top: 261px;
	width: 235px;
}

div#langselection {
	left: 0px;
	height: 31px;
	padding-left: 11px;
	margin-top: 80px;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	color: #000000;
}

div.menupattern {
	position: static;
	left: 0px;
	height: 31px;
	padding-left: 11px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	color: #000000;
	background-image: url(files/button.gif);
}

div#select {
	background-image: url(files/button_sel.gif);
}

#langselection a {
	text-decoration: none;
}
#langselection a:link {
	color: #00324c;
}
#langselection a:visited {
	color: #00324c;
}
#langselection a:hover {
	color: #ff0000;
}
#langselection a:active {
	color: #000000;
}

.menupattern a {
	text-decoration: none;
}
.menupattern a:link {
	color: #00324c;
}
.menupattern a:visited {
	color: #00324c;
}
.menupattern a:hover {
	color: #ff0000;
}
.menupattern a:active {
	color: #000000;
}

div.submenupattern {
	position: static;
	left: 0px;
	height: 21px;
	padding-left: 25px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	color: #000000;
}

div#subselect {
	background-image: url(files/subbutton_sel.gif);
}

.submenupattern a {
	text-decoration: none;
}
.submenupattern a:link {
	color: #00324c;
}
.submenupattern a:visited {
	color: #00324c;
}
.submenupattern a:hover {
	color: #ff0000;
}
.submenupattern a:active {
	color: #000000;
}


div#contentx {			/* Old Version, Problem with IE/Win */
	position: absolute;
	top: 144px;
	left: 245px;
	right: 0px; 
}

div#content {
	margin-top: 20px;
	margin-left: 245px;
	/* margin-right: 0px; */
	padding-bottom: 20px;
	width: 530px;
}

#content h1 {
	font-size: 22px;
	font-weight: bold;
	color: #00324c;
	border-bottom: 2px solid #0681c7;
	margin-top: 11px;
}

#content h2 {
	font-size: 14px;
	font-weight: bold;
	color: #00324c;
	margin-top: 0px;
	margin-bottom: 4px;
}

#content > h2 {
	margin-top: 18px;
}

#content a {
	font-weight: bold;
}
#content a:link {
	color: #036ba4;
}
#content a:visited {
	color: #8d2e44;
}
#content a:hover {
	/* Pro Memoria */
}
#content a:active {
	color: #ff0000;
}

#content p {
	margin-top: 0px;
	margin-bottom: 6px;
	padding-right: 24px;
}

table#hostingplans {
	border-collapse: collapse;
}

table#hostingplans td.label {
	background-color: #0684c1;
	color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-left: 4px;
	font-weight: bold;
	border-bottom: solid #ffffff 1px;
}

table#hostingplans td#toplabel {
	text-align: center;
}

table#hostingplans td.plan1 {
	background-color: #ccfcf0;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	border-bottom: solid #ffffff 1px;
}


table#hostingplans td.plan2 {
	background-color: #8de9e2;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	border-bottom: solid #ffffff 1px;
}

table#hostingplans td#planname1,td#planname2  {
	font-weight: bold;
	font-size: 14px;
}

table#hostingplans td#options {
	text-align: center;
}

form {
	margin-right: 24px;
	background-color: #8de9e2;
}

form table {
	border-collapse: collapse;
	width: 100%;
}

form td {
	vertical-align: baseline;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 4px;
	padding-left: 8px;
	border-bottom: solid #ffffff 1px;
	background-color: #8de9e2;
}

form td.mainlabel {
	background-color: #0684c1;
	color: #ffffff;
	font-weight: bold;
	border-bottom: solid #ffffff 1px;
}

form td.stretchright {
	width: 100%
}


form td.label {
	font-weight: bold;
	white-space: nowrap;
}


form span.hint {
	font-weight: normal;
	font-size: 10px;
	padding-left: 24px;
}

form textarea {
	vertical-align: baseline;
}

form .textfeld {
	width: 300px;
}

form .button {
	width: 148px;
}

div#content div.question {
	background-color:  #ccfcf0;
	padding-top: 4px;
	padding-right: 20px;
	padding-left: 6px;
}

div#content div.answer {
	margin-bottom: 30px;
	padding-top: 4px;
	padding-right: 20px;
	padding-left: 6px;
}


ul {
	margin-left: 0.5em;
	padding-left: 0.5em;
}

li {
	margin-top: 0px;
	margin-bottom: 6px;
	padding-right: 24px;
}

#content strong {
	font-weight: bold;
}