/*
 * =============================================================================
 * HostYou BVBA CSS File (http://www.hostyou.com)
 * =============================================================================
 *
 *
 * ----------------------------
 *  Windows :
 * ----------------------------
 * FF 1.0.4
 * IE 6.0
 * Opera 8.0.1
 *
 * ----------------------------
 *  Macintosh :
 * ----------------------------
 *
 * =============================================================================
 *
 * Author: Marijn Schops
 * Contact: marijn (at) hostyou (dot) be
 *
 * Last Update: 12.10.2005
 *
 * =============================================================================
 *
 */

@import "buttons.css";
@import "pages.css";
@import "search-domains.css";

HTML {
  height: 100%;
  margin-bottom: 1px;
}

BODY {
	margin: 0px;
	padding: 0px;
	background: #AAAAAA;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
  font-size: 12px;
  color: #000000;
}

FORM {
  margin: 0px;
}

INPUT, SELECT {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

A:link    { color: #000000; }
A:visited { color: #000000; }
A:active  { color: #000000; }
A:hover   { color: #000000; }

.button {
  border: solid #000000 1px;
  background-color: #EEEEEE;
}

.error {
  color: red;
  font-weight: bold;
}

.customerror {
	color:white; 
  background-color: red; 
  font-weight:bold; 
  margin:10px 10px 10px 0px; 
  border: solid red 1px;
  padding: 5px;
}

.report {
  color: green;
  font-weight: bold;
}

#container {
	width: 766px;
	margin: 0px auto 5px auto;
	padding: 0px;
	border: solid #666666 1px;
  text-align: left;
}

.container-main { background: url(/images/fill1.jpg) repeat-y; }
.container-inside { background: url(/images/fill2.jpg) repeat-y; }


/******************************************************************************
 * TOP                                                                        *
 ******************************************************************************/

#top {
  background: url(/images/top.jpg) no-repeat;
  height: 140px;
  position: relative;
}

#top LI, #top DIV { position: absolute; }

/* navigatie-balk : algemeen */

#topnav {
	padding: 0px;
	margin: 0px;
  font-size: 11px;
}

#topnav LI {
	list-style: none;
	display: inline;
  float: left;
}

/* navigatie-balk : links algemeen */

#topnav A {
	display: block;
	text-decoration: none;
  color: #505050;
  font-weight: bold;
}
#topnav A:hover { color: #000000; }

/* navigatie-balk : link control panel */

#topnav-bottom6 A { color: #FF4400; } 
#topnav-bottom6 A:hover { color: #CC3300; }

/* navigatie-balk : links talen */

#toplang A { color: #606060; font-size: 11px; font-weight: bold; }
#toplang A:hover { color: #000000; font-size: 11px; font-weight: bold; }

/* navigatie-balk : link login info */

#toplogin A { color:#FFFFFF; text-decoration:none; }
#toplogin A:hover { color:#FFFFFF; text-decoration:none; }

/* navigatie-balk : positionering verticaal */

#topnav-top1, #topnav-top2, #topnav-top3, #topnav-top4, #topnav-top5, #topnav-top6, #toplang, #topclock { top: 7px; }
#topnav-bottom1, #topnav-bottom2, #topnav-bottom3, #topnav-bottom4, #topnav-bottom5, #topnav-bottom6 { top: 120px; }

/* navigatie-balk : positionering horizontaal */

#topnav-top1 { left: 142px; }
#topnav-top2 { left: 209px; }
#topnav-top3 { left: 283px; }
#topnav-top4 { left: 385px; }
#topnav-top5 { left: 465px; }
#topnav-top6 { left: 572px; }
#topnav-bottom1 { left: 226px; }
#topnav-bottom2 { left: 315px; }
#topnav-bottom3 { left: 402px; }
#topnav-bottom5 { left: 547px; }
#topnav-bottom6 { left: 645px; }

#toplang { left: 15px; }
#topclock { left: 675px; font-weight: bold; }
#toplogin { left: 360px; top: 35px; font-weight: bold; color: #FFFFFF; text-align: right; width: 400px; }
#topsupport { left: 735px; top: 83px; }
#topsupport img { border: solid white 1px; }
#topmcafee { left: 614px; top: 81px; }
#topbasket { left: 460px; top: 50px; font-weight: bold; color: #FFFFFF; text-align: center; width: 100px; }

/******************************************************************************
 * TOPLINE
 *  -> 1 = 3 delen
 *  -> 2 = 2 delen
 ******************************************************************************/

.topline1, .topline2, .topline3 { height:9px; line-height:0px; font-size:0px; }
.topline1 { background: url(/images/top-line1.jpg) no-repeat; }
.topline2 { background: url(/images/top-line2.jpg) no-repeat; }
.topline3 { background: url(/images/top-line3.jpg) no-repeat; }


/******************************************************************************
 * CENTER (met background fill)
 ******************************************************************************/

#center { width:766px; }


/******************************************************************************
 * INTRO                                                                      *
 ******************************************************************************/

/* container */

#intro {
  width: 202px;
  float: left;
}

#search, #promotion, #news, #member { background: url(/images/bgtext-left.jpg) repeat-y; }


#quarantines {
	display : block;
	background: url(/images/bgtext-left.jpg) repeat-y;
}
/* titels */

#intro H2 {
  background: url(/images/header-left.jpg) no-repeat;
  height: 26px;
  color: #FFFFFF;
  padding: 4px 0px 0px 5px;
  margin: 0px;
  font-size: 18px;
}
#intro H3 {
  font-size: 14px;
}

#promotion H2 {
  color: #FFFF00;
  text-transform: uppercase;
}

#promotion SPAN {
  font-weight: bold;
  color: #FF5500;
  font-size: 15px;
  display: block;
}

#promotion A {
  text-decoration: none;
}

#quarantines .quarlink{
	margin-top : -3px;
	margin-left : 5px;
	font-size : 12px;
}
#quarantines .quarantines_content
{
	height : 124px;
}

#quarantines .quarlink A{
	text-decoration:none;
}

#quarantines .quarlink HR
{
	border : 1px solid #CCCCCC;
	width : 186px;
	margin-left : 0px;
	display : block;
}

/* bottoms */

.bottom-left {
  background: url(/images/bottom-left.jpg) no-repeat;
  height: 14px;
}

/* teksten */

#searchform { margin: 5px 3px; }
#searchstring { width: 90px; }
#promotion P, #news P { margin: 5px 7px 5px 5px; }
#news P { margin-bottom: 15px; }
#news H3 { margin: 5px 7px 5px 5px; }
#member IMG { border: none; }


/******************************************************************************
 * MAIN                                                                       *
 ******************************************************************************/

/* container */

#main-home {
  width: 362px;
  float: left;
}

#main-inside {
  width: 564px;
  float: left;
  background: url(/images/bgtext-mid2.jpg) repeat-y;
}

/* titels */

#main-home H2 {
  background: url(/images/header-mid-big1.jpg) no-repeat;
  height: 27px;
  color: #FFFFFF;
  padding: 5px 0px 0px 40px;
  margin: 0px;
  font-size: 18px;
}

#main-home H3 {
  font-size: 14px;
  padding: 5px 0px 0px 5px;
  margin: 0px;
}

#main-inside A { color:#000000; }
#main-inside A:hover { color:#000000; }

#main-inside H2 {
  background: url(/images/header-mid-big2.jpg) no-repeat;
  height: 27px;
  color: #FFFFFF;
  padding: 5px 0px 0px 40px;
  margin: 0px;
  font-size: 18px;
}

#main-inside H3 {
  background: url(/images/vink2.gif) no-repeat;
  padding-left:20px;
  margin: 0px;
  font-size: 14px;
}

/* teksten */

#main1, #main2, #main3 {
  background: url(/images/bgtext-mid1.jpg) repeat-y;
  margin: 0px;
}

#main1 A:link, #main2 A:link, #main3 A:link { text-decoration: none; }
#main1 A:visited, #main2 A:visited, #main3 A:visited { text-decoration: none; }
#main1 A:active, #main2 A:active, #main3 A:active { text-decoration: none; }
#main1 A:hover, #main2 A:hover, #main3 A:hover { text-decoration: none; }


.main-promo, .main-promo-price, .main-promo-comment { 
  padding-right: 6px;
  font-weight: bold;
}
.main-promo {
  padding-top: 20px;
  color: #FF5500;
  font-size: 18px;
}
.main-promo-price {
  color: #FF5500;
  font-size: 12px;
}
.main-promo-price SPAN {
  font-size: 18px;
}
.main-promo-comment { font-size:11px; font-weight:bold; }


.bgtext-mid1-fader { background: url(/images/bgtext-mid1-fader.jpg) no-repeat; margin-left:10px; }
.bgtext-mid2-fader { background: url(/images/bgtext-mid2-fader.jpg) no-repeat; margin-left:10px; padding:10px; }
.bgtext-mid3-fader { background: url(/images/bgtext-mid3-fader.jpg) no-repeat; margin-left:10px; }
.bgtext-mid1-clouds {
  background: url(/images/bgtext-mid1-clouds.jpg) no-repeat;
  margin-left: 10px;
  width: 343px; height: 175px;
  text-align: right;
}
.bgtext-mid1-table {
  background: url(/images/bgtext-mid1-table.jpg) no-repeat;
  margin-left: 10px;
  width: 343px; height: 192px;
  text-align: right;
}

#main-home UL {
  margin: 0px;
  padding: 5px 15px 5px 35px;
  list-style-image: url("/images/vink1.gif");
}

/* bottoms */

.bottom-mid1 {
  background: url(/images/bottom-mid1.jpg) no-repeat;
  height: 5px;
}


/* backgrounds voor de teksten */

.bgtext-mid1 { background: url(/images/bgtext-mid1.jpg) repeat-y; }
.bgtext-mid1-fader { background: url(/images/bgtext-mid1-fader.jpg) no-repeat; }

.bgtext-mid2 { background: url(/images/bgtext-mid2.jpg) repeat-y; }
.bgtext-mid2-fader { background: url(/images/bgtext-mid2-fader.jpg) no-repeat; }

.bgtext-mid3 { background: url(/images/bgtext-mid3.jpg) repeat-y; }
.bgtext-mid3-fader { background: url(/images/bgtext-mid3-fader.jpg) no-repeat; }

/* bottoms */
.bottom-mid1 { background: url(/images/bottom-mid1.jpg) no-repeat; height:5px; line-height:0px; font-size:0px; }
.bottom-mid2 { background: url(/images/bottom-mid2.jpg) no-repeat; height:5px; line-height:0px; font-size:0px; }
.bottom-mid3 { background: url(/images/bottom-mid3.jpg) no-repeat; height:5px; line-height:0px; font-size:0px; }

/******************************************************************************
 * QUARANTINES                                                                *
 ******************************************************************************/
#quarantined {
	width : 202px;
	height : 95px;
	background : url(/images/bgtext-left.jpg) repeat-y;
}
#quarantined #scroller {
	width : 185px;
	height : 92px;
	overflow: hidden;
	padding: 6px 0px 0px 6px;
}
 
/******************************************************************************
 * PROMOS                                                                     *
 ******************************************************************************/

/* container */

#promos {
  width: 202px;
  float: left;
  background: url(/images/bgtext-right.jpg) repeat-y;
}

#promos .promo-price {
  width: 100%;
  text-align: center;
}
#promos .promo-price SPAN {
  font-weight: bold;
  font-size: 25px;
}


/* titels */

#promos H2 {
  height: 24px;
  color: #404040;
  padding: 6px 0px 0px 45px; 
  margin: 0px;
  font-size: 15px;
}

#promos .promo-linux { background: url(/images/header-right-linux.jpg) no-repeat; }
#promos .promo-windows { background: url(/images/header-right-windows.jpg) no-repeat; }
#promos .member { background: url(/images/header-right.jpg) no-repeat; padding: 6px 0px 0px 25px; }
#promos .domainnames { background: url(/images/header-right-domain.jpg) no-repeat; padding: 6px 0px 0px 43px; }
#promos .regplus { background: url(/images/header-right-regplus.jpg) no-repeat; padding: 6px 0px 0px 43px; }

/* teksten */

/*#promo1, #promo2, #promo3 { background: url(/images/bgtext-right.jpg) repeat-y; }*/

#promo1 UL, #promo2 UL, #promo3 UL {
  margin: 0px;
  padding: 5px 0px 5px 25px;
  list-style: none;
}

#promo0 UL {
  margin: 0px;
  padding: 0px 0px 5px 20px;
  list-style-image: url("/images/vink1.gif");
}

#promo1 UL, #promo2 UL {
  padding-left: 15px;
}

#promos #promo4 IMG { border: none; }

/* bottoms */

.bottom-right {
  background: url(/images/bottom-right.jpg) no-repeat;
  height: 5px;
  margin-top: 5px;
  line-height:0px; font-size:0px;
}

/******************************************************************************
 * FOOTER                                                                     *
 ******************************************************************************/

#disclaimer {
  background: url(/images/bg-bottom.jpg) repeat-x;
  width: 100%; height: 16px;
  text-align: center;
  font-size: 10px;
  padding-top: 5px;
}

#powered {
  width: 100%;
  text-align: center;
  font-size: 10px;
  padding-bottom: 5px;
}