/* default styles
   -------------- */
   
body { 
	padding: 0px; 
	margin: 0px; 
	font: 11px verdana, arial, sans-serif;
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

a {	color: #133b5e;	background: inherit; text-decoration: none; }
a:hover { color: #6C757A; background: inherit; text-decoration: none; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0px 0px 8px; margin: 0px; }
.dark  { color: #133b5e; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0px; padding: 0px; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0px 0px 5px 0px; }

form { 	margin: 0px; }

input.submit {
	background: #808080;
	border: 0px;
	padding: 2px 0px;
	width: 65px;
	margin: 3px;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

.select { 
	width: 180px;
	border: 1px #ccc solid;
        margin: 3px;
}

input.login { 
	width: 180px;
	border: 1px #ccc solid;
        margin: 3px;
}

input.whois { 
	width: 180px;
	border: 1px #ccc solid;
}

input.whois_submit { 
	width: 80px;
	border: 1px #ccc solid;
        float: right;
        margin: 5px -2px 0px 0px;
}

/* layout
   ------ */

.content { 
	margin: 0px auto;
	width: 950px;
	padding: 10px; 
}

.header { 
	height: 45px;
	background: #eee;
	color: #808080;
	margin: 3px 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
}

.top_info {
	float: right;
	width: 550px;
	padding: 5px 0px 4px 0px;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 390px;
		padding: 0px 15px 0px 0px;
		border-left: 1px solid #eee;
		text-align: right;
	}
	.top_info_right a {
		text-decoration: none;
	}
	
.logo {
	float: left;
        padding: 5px 0px 0px 10px;
}

.browse_category  {
	width: 375px;
}

.bar { 
	clear: both;
	font-size: 1.0em;
	height: 26px; 
	color: #FFF;
	margin: 0px 0px 0px 0px; 
	background: #133b5e;
}

	.bar li { 
		margin: 0px; 
		padding: 5px 10px 4px 10px;
		color: #FFEADC;
		background: #133b5e;
		float: right; 
	}
	
	.bar li.active { 
		background: #9AAAC7 url(bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 5px 10px 4px 10px;
	}
	
        .bar ul { margin: 0px; padding : 0px; list-style : none; }
        
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #9AAAC7; 
		background: inherit;
	} 

.search_field { 
	background: #fff url(searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0px;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #eee;
	padding: 5px 0px 5px 0px;
	background: #A4A4A4;
	color: #fff;
}

.vserver {
        text-align: center;        
}

/* left side
   --------- */

.left {
	float: left;
	width: 65%;
	margin: 0px 0px 10px 0px;
}

.area_left {
	float: left;
	width: 75%;
	margin: 0px 0px 10px 0px;
}

.left h3 {
	clear: both;
	background: #133b5e  no-repeat top right;
	color: #FFF;
	padding: 5px 0px 5px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
}

.left h4 {
	clear: both;
	color: #133b5e;
	padding: 5px 0px 5px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
}
	.left_side {
		float: left;
		width: 200px;
		margin: 10px 0px;
		background: #f5f5f5;
		margin-left: 20px;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 200px;
		color: #414141;
		margin: 10px 0px;
		background: #f5f5f5;
		margin-right: 20px;
	}
		
	.left_box { margin: 0px 0px 10px 0px; color: #000; background: #FFF; padding: 0px 10px 3px 0px; text-align:justify; }
	
.bold {
	font: bold 0.9em Tahoma, Arial, Sans-Serif;
        color: #133b5e;
}
        
/* Product boxes on startsite
   -------------------------- */
        
.box_header {
	background: #133b5e;
	color: #FFF;
	font: bold 0.9em Tahoma, Arial, Sans-Serif;
	padding: 6px 5px 6px 5px;
	text-align: right;
}
	
.box_footer {
	background: #133b5e;
	color: #FFF;
	font: bold 0.9em Tahoma, Arial, Sans-Serif;
	padding: 4px 5px 3px 5px;
	height: 13px;
}
	

.box_left {
        float: left;
	padding-left: 3px;
	background: #133b5e;
	color: #FFF;
}
	
.box_left a {
	background: #133b5e;
	color: #FFF;
	text-decoration: none;
}
	
.box_right {
	float: right;
	padding-right: 3px;
	background: #133b5e;
	color: #FFF;
}
	
.box_right a {
        background: #133b5e;
	color: #FFF;
	text-decoration: none;
}

.box_content {
        clear: both;
	background: #f5f5f5;
	height: 140px;
        padding: 5px 5px 5px 5px;
}

.box_content_title {
        color: #133b5e;
        font: bold 1.9em Tahoma, Arial, Sans-Serif;
        padding: 0px 0px 5px 0px;
}

.box_content_settings {
        color: #133b5e;
        font: bold 0.9em Tahoma, Arial, Sans-Serif;
}

.box_content_descr {
        color: #133b5e;
        font: bold 0.9em Tahoma, Arial, Sans-Serif;
        list-style-type: square;
        margin-left: 20px;
}

.box_content_descr ul { margin: 0px; padding : 0px; list-style : none; }

.box_content_descr li {
        color: #133b5e;
        list-style-type: square;
        padding: 0.3em 0em 0em 0em;
}

.box_content_price {
        color: #E0691A;
        font: bold 1.9em Tahoma, Arial, Sans-Serif;
        padding: 10px 10px 0px 0px;
        text-align: right;
        letter-spacing: -1px;
}
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0px 0px 10px 0px;
}

.right h3 {
	background: #6C757A  no-repeat top right;
	color: #FFF;
	padding: 5px 0px 5px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0px 0px 3px 0px;
}

.area_right {
	float: right;
	width: 25%;
	margin: 0px 0px 10px 0px;
}

.area_right h3 {
	background: #6C757A  no-repeat top right;
	color: #FFF;
	padding: 5px 0px 5px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0px 0px 3px 0px;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0px 0px 3px 0px;
                
	}
	
	.block_right {
		color: #414141;
		padding: 8px;	
		margin: 0px 0px 3px 0px;
                text-align: center;
                
	}
        
.image {
	float: left;
        position:relative;
        margin: 5px 10px 20px 0px;
}

.icon {
	float: left;
	margin: 0px 9px 3px 0px;
        position:relative;
        margin: 5px 10px 20px 0px;
        width: 45px;
        height: 45px;
}

.image_top_cont {
	float: left;
	margin: 0px 9px 3px 0px;
}

.box_header .box_image {
	float: left;
	margin: 0px 14px 3px 0px;
        top: -2px;
        position:relative;
}

.box_right .box_image_footer {
	float: left;
        border: 0px;
        padding-right: 1px;
        position:relative;
        top: -2px
}

.box_left .box_image_footer {
	float: left;
        border: 0px;
        padding-right: 1px;
        position:relative;
        top: -2px
}


.right_box_header {
        width: auto;
        background-color:#6C757A;
        height:auto;
        margin-bottom:5px;
        margin-top:5px;
        color:#fff;
        line-height:20px;
        font-size:11px;
        padding:5px;
        position:relative;
        font-weight: bold;
}

/* footer
   ------ */

.discl {
	font-size: 0.8em;
	color: #000000;
        clear: both;
        text-align:justify;
        padding: 10px 20px 0px 20px;
        line-height: 1.3em;
}

.footer { 
	clear: both;
	text-align: right;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }

.footer_r { width: 950px; position:absolute; text-align: right;}
.footer_l { float: left; text-align: left; padding: 3px 0px 0px 0px}

/* hosting
   ------- */

.main_content {
        float:left;
        width:700px;
        margin-top:1em
}

.main_content left {
           
}

.main_content right {
           
}

.main_content bottom {
           
}

.horizontal_line{
	 background-color:#C9C9C9;
         height:1px;
         overflow:hidden;
         width: 670px;
}

.sub_horizontal_line{
	 background-color:#C9C9C9;
         height:1px;
         overflow:hidden;
         width: 630px;
}

.sm_horizontal_line{
	 background-color:#C9C9C9;
         height:1px;
         overflow:hidden;
         width: 500px;
}

.title {
	font-size:17px;
	display:block;
        color: #133b5e;
        padding: 0px 0px 5px 0px;
}

.wide_content_head {
        width: 660px;
        background-color:#d0d3e3;
        height:auto;
        margin-bottom:5px;
        margin-top:5px;
        color:#000000;
        line-height:20px;
        font-size:11px;
        padding:5px;
        position:relative
}

.wide_content_head ul {
        list-style-image:url(bullet_red.png);
}

.wide_content {
        width: 660px;
        background-color:#eaeaea;
        height:auto;
        margin-bottom:5px;
        margin-top:5px;
        color:#3e3e3e;
        line-height:20px;
        font-size:11px;
        padding:3px;
        position:relative
}

.wide_content ul {
        list-style-image:url(bullet_red.png);
}

div#mtext_content {
        float:left;
        width:490px;
        margin-top:1em
}

.text_content {
        width: 480px;
        height:auto;
        margin-bottom:5px;
        margin-top:5px;
        color:#133b5e;
        line-height:20px;
        font-size:11px;
        padding:5px;
        position:relative;
        text-align: justify;
}

.term_title {
        font-weight: bold;
        padding: 10px 0px 10px 0px;
}

.term_block {
        margin-left: 20px;
        text-align: justify;
}

.text_line{
	 background-color:#C9C9C9; height:1px; overflow:hidden; width: 490px;
}

.corner_l_t{
        position:absolute; 
        left:0px; 
        top:0px;
}

.corner_r_t{
        position:absolute; 
        right:0px; 
        top:0px;
}

.corner_l_b{
        position:absolute; 
        left:0px; 
        bottom:0px;
}

.corner_r_b{
        position:absolute; 
        right:0px; 
        bottom:0px;
}

.language_icon {
        position:absolute;
	color: #fff;
	font-weight: bold;
        line-height: 24px;
        width: 70px;
        height: 26px;
        padding: 2px 0px 0px 10px;
        border: 0px;
        text-decoration:none;
}

.language_icon a {
        border: 0px;
        text-decoration:none;
}

h5 {
	margin:0 0 5px 0;
	padding-left:5px;
	color:#4c4c4c;
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:12px;
	border-bottom:2px solid #b9b9b9;
	width:99%;
	font-weight:bold;
}

.plist_header {
        color: #FFFFFF;
	font-weight: bold;
        background-color:#133b5e;
}

.bt_order a {
      display:block;
      color:#133b5e;
      background-color:#ccc;
      width:70px;
      padding:0px;
      font-size: 1.0em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:1px;
      border:1px solid #133b5e;
}

.bt_order a:hover {
      background-color:#c0c0c0;
}

.bt_order2 a {
      display:block;
      color:#133b5e;
      background-color:#ccc;
      width:90px;
      padding:0px;
      font-size: 1.0em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:1px;
      border:1px solid #133b5e;
}

.bt_order2 a:hover {
      background-color:#c0c0c0;
}

/* Service Contact */
div#contact {
        color:#133b5e;
        margin: 20px 20px 20px 20px;
}

div#contact p {
        margin:0;
        margin-bottom:2px;

}

label {
        float:left;
        font-weight:bold;
        width: 100px;
}

input, textarea {
        border:1px solid #ccc;
        margin:0;
}

textarea {
        width:90%;
        height:200px;
        padding: 5px;
}

div#contact div.left {
        width:320px;
        float:left;
}

div#contact div.right {
        float:left;
        width:auto;
}

div#contact div.right p {
        margin-top:8px;
}

div#contact div.bottom {
        margin-top:20px;
        clear:both;
}

/* Whois */
.error_title {
        color: #133b5e;
        font-weight: bold;
}

.error {
        color: #8B0000;
        font-weight: bold;
}

/* Server Status */
h7 {
	font-size: 13px;
}

.box {
	BORDER: 1px solid #678ca0;
	PADDING: 0px;
	WIDTH: 95%;
	BACKGROUND-COLOR: #809EBC;
	margin-bottom:10px;
	}
        
        
       .spacer {
	margin: 0px;
	width: 100%;
	background-color: #ffffff;
	}
        
.leftspacer {
	margin: 0px;
	padding: 5px;
	width: 100%;
	text-align: left;
	background-color:white;
	}
.serviceup {
	color: green
	}
.servicedown {
	color: red
	}
        
.tbheader {
        background-color: #133b5e;
        color: #fff
}

#dhtmltooltip{
        position: absolute;
        left: -300px;
        width: 150px;
        border: 1px solid black;
        padding: 2px;
        background-color: #ebecf1;
        visibility: hidden;
        z-index: 100;
}

#dhtmlpointer{
        position:absolute;
        left: -300px;
        z-index: 101;
        visibility: hidden;
}

/* Startseite box*/

.box_header_typo {
	font-size: 15px;
	color: #000;
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
}

.box_main_typo {
	font-size: 11px;
	color: #818181;
	padding-left: 10px;
	padding-top: 10px;
}

.box_rz {
	background-image: url(/images/start_rz.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:100px;
	border:1px solid #ccc;
	display:inline;
	float:left;
	margin-left: 20px;
	margin-bottom: 20px;
}

.box_server {
	background-image: url(/images/start_server.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:100px;
	border:1px solid #ccc;
	display:inline;
	float:right;
	margin-right: 20px;
	margin-bottom: 20px;
}

.box_hosting {
	background-image: url(/images/start_hosting.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:100px;
	border:1px solid #ccc;
	display:inline;
	float:left;
	margin-left: 20px;
}

.box_domains {
	background-image: url(/images/start_domains.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:100px;
	border:1px solid #ccc;
	display:inline;
	float:right;
	margin-right: 20px;
	margin-bottom: 20px;
}
