body {margin: 15px; background-color: #636363; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a { outline:none }
form { clear:both; }

.header {height: 60px; margin-top: 10px;}
.header .logo {margin-left: 53px; margin-top:25px;}
.header .nav {float: right; margin: 20px 53px 0 0;}
.header .nav ul {list-style-type: none;}
.header .nav ul li {float: left; margin-left: 20px;}
.header .nav ul li a {text-decoration: none; color: #e4e4e4; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.header .nav ul li a:hover {/*color: #c4c3c3;*/ color:#FFFFFF; text-decoration:none;}

h1 {float: left; clear: both; margin: 15px 0 5px -20px; padding-left: 20px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color:#444444; font-weight:bold;}
h2 {float: left; clear: both; position: relative; margin:5px 0 5px 0px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#444444; font-weight:bold;}
h3 {float: left; clear: both; margin: 5px 0 5px -20px; padding-left: 20px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#444444; font-weight:bold;}
h4 {float: left; clear: both; margin: 0; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#444444;}

.content {float: left; clear: both; width: 100%; font-size:11px; line-height:16px;}
.content .nav {float: left; clear: both; height: 30px; width:100%; margin-top: 3px; background-color: #444444; color: #636363;}
.content .area {float: left; clear: both; position: relative; width: 100%; background-color: #FFFFFF; color: #444444; padding-bottom:20px;}
.content .area p {float: left; clear: both; margin: 10px 0 10px 0px; width:88%; }
.content .area p.leftcontent {float: left; clear: both; width: 100%;}
.content .area ul {float: left; clear: both; padding:0 0 0 20px; margin:0 0 10px 0; list-style-type:square; }
.content .area li { margin:2px 0 2px 0; }

.textcontent {background-color: #FFFFFF; padding: 5px 0 10px 15px;}

h1.block {float: none; height: 30px; margin: 3px 0 0 0; padding: 0; background-color: #444444; color: #636363;}

h1.home, h3.home {background: transparent url(../img/arrow_home.gif) scroll no-repeat left 50%;}
h1.ssl, h3.ssl {background: transparent url(../img/arrow_ssl.gif) scroll no-repeat left 50%;}
h1.hosting, h3.hosting {background: transparent url(../img/arrow_hosting.gif) scroll no-repeat left 50%;}
h1.antispam, h3.antispam {background: transparent url(../img/arrow_antispam.gif) scroll no-repeat left 50%;}

.box {float: left; width: 27%; margin: 10px 0 20px 50px;}
.box-half {float: left; width: 45%; margin: 10px 0 30px 50px;}
.box-left {float: left; width: 65%; margin: 10px 0 30px 50px;}
.box-center {float:left; width: 40%; margin: 10px 25% 10px 25%;}
.box-full {float: left; width: 100%;}
/*.box h3, .box-half h3 {padding-left: 0px;}
.box h4, .box-half h4 {float: left; clear: both; padding-left: 0px;}*/
.box p, .box-half p {padding-left: 2px;}
.box .left {padding-left: 50px;}
.box .title {font-size: 11px;}
.box .grafik-right {position: absolute; margin: 0 150px;}

.content table.matrix {float: left; margin: 10px 5px 20px 50px; color: #444444; border-spacing: 0; border-collapse: collapse;}
.content table.matrix tr.top th {padding: 7px 0; color: #444444; font-size:14px;}
.content table.matrix tr.icon td {padding: 15px 0;}
.content table.matrix tbody {border-width: 0px 0; border-style: solid; border-color: #FFFFFF;}
.content table.matrix tr.cat th {background-color: #444444; padding: 2px 10px; color: #FFFFFF; text-align: left; font-size: 11px; font-weight:normal; margin-top:10px;}
.content table.matrix tr td {padding: 3px 5px 3px 5px; font-size: 11px; text-align: center;}
.content table.matrix tr td.title {padding-left: 20px; text-align: left; border-right:1px solid #cecece;}
.content table.matrix tr.grey {background-color: #ececec;}
.content table.matrix tr.but td { padding-top:30px; vertical-align:bottom; }
.content table.matrix tr.small td { padding-top: 30px; vertical-align:bottom; font-size:10px; }

.content table.matrix tr.cat.hosting th {background-color: #dea01c;color: #444444;}
.content table.matrix tr.cat.ssl th {background-color: #e5842e;color: #444444;}
.content table.matrix tr.cat.antispam th {background-color: #e5552e;color: #444444;}

.content .right-bar {float: right; width: 28%; color: #444444; margin-top:50px;}
.content .right-bar h3 {margin: 15px 0 0 0; padding-left: 20px; font-size: 10pt; font-weight: bold;}
.content .right-bar p {margin: 5px 20px;}


.content a.button.hosting {padding: 2px 10px; border: 1px solid #dea01c; color: #444444; font-size:11px; font-weight:bold; text-decoration: none; background-color:#ececec;}
.content a.button.hosting:hover {background-color: #dea01c; border: 1px solid #dea01c;}

.content a.button.ssl {padding: 2px 10px; border: 1px solid #e5842e; color: #444444; font-size:11px; font-weight:bold; text-decoration: none; background-color:#ececec;}
.content a.button.ssl:hover {background-color: #e5842e; border: 1px solid #e5842e;}

.content a.button.antispam {padding: 2px 10px; border: 1px solid #e5552e; color: #444444; font-size:11px; font-weight:bold; text-decoration: none; background-color:#ececec;}
.content a.button.antispam:hover {background-color: #e5552e; border: 1px solid #e5552e;}


.content a {color: #444444; text-decoration: none;}
.content a:hover {color: #000000;}

.content a.more-home {float: left; clear: both; padding-left: 0; text-decoration: none; color: #A9A9A9;}
.content a.more-hosting {float: left; clear: both; padding-left: 0; text-decoration: none; color: #FFA500;}
.content a.more-ssl {float: left; clear: both; padding-left: 0; text-decoration: none; color: #FF7F50;}
.content a.more-antispam {float: left; clear: both; padding-left: 0; text-decoration: none; color: #FF4500;}

.content span.px1 {padding: 1px 10px; background-color: #dea01c; font-size: 8pt; color: #FFFFFF;}
.content span.px2 {padding: 1px 10px; background-color: #dea01c; font-size: 9pt; color: #FFFFFF;}
.content span.px3 {padding: 1px 10px; background-color: #dea01c; font-size: 10pt; color: #FFFFFF;}
.content span.px4 {padding: 1px 10px; background-color: #dea01c; font-size: 11pt; color: #FFFFFF;}

.content .hosting .headericon {position: absolute; top: -30px; margin-left: 300px;}
.content .headericon {position: absolute; top: -30px; margin-left: 250px;}

/*.modal { position:absolute; z-index:999; width:100%; background-color:#FFFFFF; } 
.modal .nav { display:block; width:100%; height: 30px; background-color:#996600; padding:0; margin-top: 3px; }
.modal .area { background-color:#FFFFFF; }*/

.modalLink_close { display:block; width:100%; height: 30px; background-color:#444444; padding:0; }
#DOMWindow .modalarea {  background-color:#FFFFFF; padding-top:15px; }
#DOMWindow .modalarea h2 { margin-left:50px; clear:both; }
#DOMWindow .modalarea .box-half-left { float:left; clear:both; width: 45%; margin: 10px 0 30px 50px; }
#DOMWindow .modalarea .box-half-right { float:left; width: 45%; margin: 10px 0 30px 30px; }
#DOMWindow .modalarea p { float: left; clear: both; }

.label {
	/*border:1px solid lime;*/
	display:block;
	width:125px;
	float:left;
	margin-top:4px;
}

.input {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5d5d5d;
	background:#FFFFFF;
	padding-left:4px;
	margin-bottom:5px;
	margin-top:4px;
	width:267px;
}

#meldung {
	color:#d36b2f;
}


.footer {float: left; width: 100%; padding: 15px 0; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.footer .copyright {float: left; margin-left: 53px; color: #e4e4e4;}
.footer .nav {float: right; margin-right: 53px;}
.footer .nav ul {list-style-type: none; margin: 0;}
.footer .nav ul li {float: left; margin-left: 20px;}
.footer .nav ul li a {text-decoration: none; color: #e4e4e4;}
.footer .nav ul li a:hover {text-decoration: none; color: #ffffff;}