/************************
  GLOBAL STYLES
************************/

html,body {
  position: relative;
  margin: 0; padding: 0;
  background-color: #FFF;
  text-align: center;
  cursor: default;
  color: #111;
  background: url(../images/bg.jpg) repeat-x;
  height: 100%;
}

* {
  font-family: Arial, Verdana, Tahoma, Helvetica;
  font-size: 11px;
}

table, img {
  border: 0 none;
}

label {
  cursor: pointer;
}

a {
  color: #444;
  text-decoration: none;
}

a:hover,
a:active {

}
a:focus { outline: none;}

hr {
	color : #d2dbe3;
	height : 1px;
	padding : 0;
	border-color : #d2dbe3;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 12px auto;
  width: 95%
}

/*#################################################################################################################
  myUSB.de STYLES
#################################################################################################################*/

div#page {
  position: relative;
  text-align: left;
  margin: 0 auto;
  width: 999px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: url(../images/bg_content.jpg) repeat-y 42px;
}

div#header {
  position: relative;
  width: 999px; height: 93px;
  background: url(../images/header.jpg) no-repeat;
}

div#header div#languages {
  position: absolute;
  left: 796px; top: 75px;
}

div#subheader {
  width: 972px;
  clear: both;
}

div#subheader img,
div#subheader div {
  float: left;
}

div#subheader div#slideshow {
  width: 579px; height: 148px;
  background: url(../images/slideshow.jpg) no-repeat;
}

div#content {
  padding-left: 42px; padding-bottom: 112px;
}

div#navigation {
  width: 179px; float: left;
  margin-left: 18px; margin-top: 7px;
}

div#navigation div.menu {
  background: url(../images/menu.jpg) repeat-y;
}

div#navigation div.menu a:link,
div#navigation div.menu a:visited {
  display: block;
  width: 166px; height: 21px; line-height: 21px;
  padding-left: 13px;
  color: #006ab3;
}

div#navigation div.menu a:hover,
div#navigation div.menu a:active,
div#navigation div.menu a.a:link,
div#navigation div.menu a.a:visited {
  color: #f09300;
  background: url(../images/menu_hover.jpg) no-repeat 2px 3px;
}

div#navigation div.menu_kat {
  width: 144px; height: 36px; line-height: 36px;
  background: url(../images/menu_kat.jpg) no-repeat;
  color: #FFF; font-size: 14px; font-style: italic; font-weight: bold;
  padding-left: 35px;
}

div#content_right {
  float: left; width: 700px;
  margin-top: 18px; margin-left: 22px;
}

div#content_right h1 {
  margin: 0; margin-bottom: 18px;
  height: 38px; line-height: 38px;
  padding-left: 80px;
  font-size: 14px; font-style: italic; color: #006ab3;
  background: url(../images/h1.jpg) no-repeat;
}

div#footer {
  position: absolute;
  left: 42px; bottom: 0;
  width: 930px; height: 108px;
}

/************************
  ERROR / INFO
************************/
div.error {
  margin: 20px;
  text-align: center;
}

/************************
  TOOLS
************************/
.block { display: block }
.clear {
  clear: both;
  height: 1px; line-height: 1px;
}

.justify { text-align: justify }
.center { text-align: center }
.right { text-align: right }

.red { color: #ff0000 }

.blueLink,
.blue { color: #1c67c0 }
.blueLink:hover,
.blueLink:active { text-decoration: underline }

.left {
  width: 100px;
  float: left;
}

/************************
  FORM ELEMENTS
************************/
div.form {
  padding: 14px;
}

div.form div {
  position: relative;
  clear: both;
  margin: 6px;
}

div.form div.formError {
  color: red;
  padding-bottom: 10px;
}

div.form div label {
  color: #555;
  cursor: pointer;
  text-align: right;
  padding-right: 30px;
  width: 120px;
  display: block;
  float: left; 
}

div.formHiglight {
  color: #444;
  background-color: #FFFFCC;
  border: 1px dashed #CCCC66;
  padding-bottom: 10px; padding-left:7px; padding-right:7px; padding-top:7px;
  clear: both;
  text-align: center;
}

select,
.inputField,
.inputField_hover,
.inputField_focus {
  width: 280px;
  border: 1px solid #fcc368;
  color: #444;
}
.inputField_hover,
.inputField_focus {
  border: 1px solid #ef9300;
  color: #111;
}

textarea.inputField,
textarea.inputField_hover,
textarea.inputField_focus {
  height: 60px;
}

.inputFieldFile {
  cursor: pointer;
}

.submit,
.button {
  cursor: pointer;
}

div.submit { 
  padding-top: 10px;
  text-align: right;
  cursor: default;
}

fieldset {
  border: 1px solid #777;
  margin: 10px;
  padding: 10px;
}

fieldset legend {
  color: #000;
  margin-left: 11px;
  padding-left: 10px; padding-right: 10px;
  color: #000;
}

select {
  background-color: #FFF;
  cursor: pointer;
}

select option {
  background-color: #FFF;
}

select option.selKat {
  background-color: #838383;
  font-weight: bold; color: #FFF;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  cursor: default;
}

/************************
  SLIDESHOW
************************/
div#ck_slideshow {
  position: relative;
  width: 578px; height: 146px;
}

div#ck_slideshow div#ck_pages {
  position: absolute;
  z-index: 9999;
  bottom: 5px; right: 8px;
  padding: 2px 0;
}

div#ck_slideshow div#ck_pages a:link,
div#ck_slideshow div#ck_pages a:visited {
  background-color: #006ab3;
  color: #FFF; text-decoration: none;  
  margin: 0 3px; padding: 5px 8px;
  float: left;
}

div#ck_slideshow div#ck_pages a:hover,
div#ck_slideshow div#ck_pages a:active,
div#ck_slideshow div#ck_pages a.ck_aktiv:link,
div#ck_slideshow div#ck_pages a.ck_aktiv:visited {
  color: #111;
}

div#ck_slideshow img {
  border: 0 none;
}

/************************
  PRODUCT OVERVIEW
************************/
div#overview {
  clear: both;
}

div#overview div.product,
div#overview div.product_hover {
  width: 166px; float: left;
  margin-bottom: 7px; padding: 3px;
}

div#overview div.product_hover {
  background: url(../images/overview_hover.jpg) no-repeat;
}

div.previewBox div.info div.name,
div#overview div.product div.name,
div#overview div.product_hover div.name {
  background: url(../images/dot.jpg) no-repeat left 1px;
  padding-left: 14px; margin-top: 2px;
}

div#overview div.product div.info,
div#overview div.product_hover div.info {
  display: none;
}

/*
  ToolTip
*/
div#toolTip {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 390px;
}

div.previewBox {
  text-align: center;
  background-color: #FFF;
  border: 2px solid #f19200;
  white-space: nowrap;  padding: 10px; padding-bottom: 17px;
  text-align: center;
}

div.previewBox img {
  margin: 5px auto;
}

div.previewBox div { text-align: left; white-space: nowrap; padding-left: 10px; }

div.previewBox div.name { display: none }
div.previewBox div.info div.name {
  display: block;
  font-size: 13px;
  text-decoration: underline;
  margin-bottom: 2px;
}

div.previewBox div.infos {
  color: #ef9300;
  line-height: 18px;
  margin-left: 5px;
}