﻿body { 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #424040;
}

td {
	margin: 0; 
	padding: 0; 
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #424040;
}

p {
	margin-bottom:12px;
	margin-top:6px;
}

ul {
	margin-bottom:10px;
	margin-top:10px;
}

a {
	color: #e74d00;
	text-decoration: none;
}

a:hover {
	color: #424040;
	text-decoration: underline;
}

#container { 
	width: 950px; 
	margin: 0 auto;
	text-align: left; 
}

#menucontainer {
	background: url('../Img/menu_background.gif');
	background-repeat: repeat-y;
}

#top {
	background-color: #ededed;
	height: 45px;
	padding: 0;
	margin: 0;
}	

#top-bar {
	width: 950px;
	margin: 0;
	padding: 0;
	height: 4px;
}

#global-nav {
	position: relative; 
	left: 0; 
	z-index: 1000; 
	width: 661px; 
	height: 25px; 
	padding: 0;
	margin: 0;
	background: transparent url(../img/nav_bg.gif) repeat-x top left; 
	overflow: hidden; 
}

#bottom-nav {
	width: 661px; 
	height: 4px; 
	padding: 0;
	margin: 0;
	background: transparent url(../img/nav_bottom.gif) repeat-x top left; 
	overflow: hidden; 
}

#top-container {
	float: left;
	width: 661px;
	padding: 0;
	margin: 0;
}

#bar-logo {
	float: right;
	width: 289px;
	height: 95px;
	/*background: transparent url(../img/bar-logo.gif);*/
	margin-bottom: 10px;
}

#submenu {
	height: 20px;
	background-color: #ededed;
	border-bottom: 1px solid #d7d7d7;
}

#leftmenu {
	float: left;
	padding-top: 10px; 
	padding-left: 10px;
	width: 200px;
}

#leftmenu ul {
	list-style-type: none; line-height:10px; padding-bottom:6px; padding-left: 5px; margin:0;
}

#leftmenu li {
	background:url(../Img/arrow-right.gif) no-repeat 0px 4px; font-size:11px; line-height:10px; padding-bottom:2px; padding-left: 15px; margin:0;
}
#leftmenu a { 
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #424040; text-decoration: none;
}

#leftmenu .active { 
	color: #e74d00; 
}

#leftmenu a:hover { 
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #e74d00; text-decoration: none;
}

#top-main-content {
	clear:both;
}

#frontpage {
	clear:both;
}

#frontpage-WeasyHosting {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 18px; 
	overflow: hidden;
	background: url("../Img/weasyhosting_content.gif");
	height:	281px;
	width: 577px;
}

#frontpage-DomeinCheck {
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	height:	137px;
	width: 355px;
	background: url("../Img/domeincheck_content.gif");
}

#frontpage-serverstatus {
	margin-top: 0px;
	margin-bottom: 22px;
	overflow: hidden;
	height:	120px;
	width: 355px;
	background: url("../Img/serverstatus_content.gif");
}

#frontpage-serverstatus div {
	margin: 10px;
}

#frontpage-DomeinCheck div {
	margin: 10px;
}

#frontpage-WeasyHosting div {
	margin:10px;
}

#top-main-content .frontpage-left {
	float: left; margin-right: 32px; overflow: hidden;
	background: url("../Img/package_content.gif");
	height:	243px;
	width: 295px;
}

#top-main-content .frontpage-left div {
	margin:10px;
}

#top-main-content .frontpage-right {
	float: right; overflow: hidden; 
	background: url("../Img/package_content.gif");
	height:	243px;
	width: 295px;
}

#top-main-content .frontpage-right div {
	margin:10px;
}

#global-nav ul { 
	margin: 0; padding: 0; 
}
#global-nav li { 
	display: block; float: left; list-style-type: none; padding-top: 2px; 
}
#global-nav a { 
	display: block; float: left; padding: 0 15px; border-left: 1px solid #a3a3a3; 
	border-right: 1px solid #545454; 
	background-color: #939393; 
	height: 22px; line-height: 20px; 
	color: white; text-decoration:none; 
}
#global-nav a:hover, #global-nav a.active { background-color: #e74d00; }

/* Content */
#content {
	float:right;
	width:730px;
	line-height: 14px;
}

h2 { 
	margin-top: 3px;
	margin-bottom: 10px; border-bottom: 6px solid #ededed; 
	font: bolder 14px/18px Verdana, Arial, Helvetica, sans-serif; 
	color: #e74d00; 
}

h3 { 
	margin-top: 3px;
	margin-bottom: 10px; 
	font: bolder 12px/14px Verdana, Arial, Helvetica, sans-serif; 
	color: #e74d00; 
}

form {
	margin: 0;
	padding: 0;
}

/* Footer */
#footer {
	clear: both;
	text-align: right;
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif; 
	color: #ededed;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 950px;
	height: 15px;
	line-height: 14px;
	background-color: #979897;
	overflow:hidden;
}

.error {
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: red;
}

input,
select {
	background: #fff;
	color: #343486;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

input[type=text], input[type=password] {
	border:1px solid #979897;
}

input[type=submit] {
	font-size: 12px;
	font-weight: bolder;
}


fieldset {
	border: 1px solid #979897;
	margin-bottom: 5px;
	padding: 8px;
}

legend {
	color: #e74d00;
	font-weight: bold;
}

.orange {
	color: #e74d00;
}

.hostingpakketten td {
	padding: 1px 0px 1px 2px;
}

.hostingpakketten th {
	border-bottom: 2px solid #e74d00;
	border-top: 2px solid #e74d00;
}

.hostingpakketten tr.row1 td {
	background-color: #EDEDED;
}

.hostingpakketten tr.row2 td {
	background-color: #FAFAFA;
}

/* Forms (order form) */
.Forms label.form, input[type=text], input[type=password] {
	width: 200px;
}

.Forms label.form {
	display: block;
	text-align: right;
	width: 150px;
	padding-right: 10px;
}

.Forms td {
	padding: 2px;
	margin: 0px;
}




