/*
 * =============================================================================
 * 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 "preload.css";
@import "buttons.css";
@import "order.css";
@import "order-forms.css";
@import "tooltip.css";
@import "panel.css";
@import "panel-forms.css";
@import "payment.css";
@import "domainquar.css";
@import "search-domains.css";
@import "export-domains.css";
@import "calendar.css";
@import "user.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; }
IMG { border:none; }

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

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

#container1 { background: url(/sycro/images/fill1.jpg) repeat-y; }
#container2 { background: url(/sycro/images/fill2.jpg) repeat-y; }
#container3 { background: url(/sycro/images/fill3.jpg) repeat-y; }


/******************************************************************************
 * LINKS
 ******************************************************************************/

A { color: #000000; }
A:link { text-decoration: underline; }
A:visited { text-decoration: underline; }
A:active { text-decoration: underline; }
A:hover { text-decoration: none; }


/******************************************************************************
 * ERRORS
 ******************************************************************************/

#basket-extra .error { color:red; font-weight:bold; padding:15px 15px 5px 15px; }

.comment {
  border: solid 1px green;
  background-color: green;
  color: white;
  font-weight: bold;
  padding: 5px 15px;
  margin: 10px 20px 10px 10px;
}


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

#top {
  background: url(/sycro/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-bottom7 A { color: #FF4400; } 
#topnav-bottom7 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; }

#topsupport { left: 735px; top: 83px; }
#topsupport img { border: solid white 1px; }

#topmcafee { left: 614px; top: 81px; }

/* 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, #topnav-bottom7 { top: 121px; }

/* 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: 140px; }
#topnav-bottom2 { left: 233px; }
#topnav-bottom3 { left: 317px; }
#topnav-bottom4 { left: 387px; }
#topnav-bottom5 { left: 473px; }
#topnav-bottom6 { left: 547px; }
#topnav-bottom7 { 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; }


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

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


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

#center { width:766px; height:100%; }


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

/* container */

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

#search { background:url(/sycro/images/bgtext-left.jpg) repeat-y; }

#info { background:url(/sycro/images/bgtext-left.jpg) repeat-y; }
#info UL { padding:0px 10px 0px 0px; margin:0px 0px 0px 25px; }

/* titels */

#intro H2 {
  background: url(/sycro/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;
}

/* bottoms */

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

/* teksten */

#searchform {
  margin: 5px 3px;
}
#searchstring { width: 65px; }


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

/* container main */

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

/* container main in het order systeem (breder) */

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

/* titels */

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

#main H3 {
  font-size: 14px;
}

/* backgrounds voor de teksten */

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

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

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

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


/******************************************************************************
 * PROMOS                                                                     *
 ******************************************************************************/

/* container */

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

/* titels */

#promo1 H2, #promo2 H2, #promo3 H2 {
  background: url(/sycro/images/header-right-linux.jpg) no-repeat;
  height: 24px;
  color: #FFFFFF;
  padding: 6px 0px 0px 40px; 
  margin: 0px;
  font-size: 15px;
}

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

#disclaimer {
  background: url(/sycro/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;
}