/* SVN $Id: main.css 96 2009-05-08 14:09:24Z jeroen $ */
/* SVN $URL: file:///T:/SOURCE_SVN/Start_Website/httpdocs/css/main.css $ */

/*############################################################################*/
/*# WHITE BASIC CSS */

/*###### RESET_CSS (http://developer.yahoo.com/yui/reset/) */
/*body {
  scrollbar-face-color:			#fff;
  scrollbar-highlight-color:	#fff;
  scrollbar-3dlight-color:		#DEDEDE;
  scrollbar-darkshadow-color:	#fff;
  scrollbar-shadow-color:		#DEDEDE;
  scrollbar-arrow-color:		#DEDEDE;
  scrollbar-track-color:		#fff;
}
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*###### /RESET_CSS */
/*###### BASIC STYLES */

body {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
}

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  text-decoration:             underline;
  cursor:                      pointer;
  outline:                     none;
}

a:hover {
  text-decoration:             none;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

/*###### /BASIC STYLES */

/*# /WHITE BASIC CSS */
/*############################################################################*/
/*# Form CSS */

fieldset {
  border:                      0px;
}

xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       150px;
  line-height:                 18px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       220px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       220px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 12px verdana, sans-serif;
  border:                      1px solid #000000;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       220px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 20px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.multilinein {
  margin-left:                 150px;
}

li.buttons {
  clear:                       both;
  width:                       370px;
  height:                      22px;
  line-height:                 22px;
}

div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       133px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
}

div#requiredtext {
  float:                       left;
}

div.fielderror_contact {
  color:                       #FF0000;
  margin-left:                 149px;
  margin-top:                  4px;
  margin-bottom:               4px;
  width:                       180px;
  height:                      20px;
  line-height:                 20px;
  font:                        normal 12px Arial, sans-serif;
}

/*# Form CSS */
/*############################################################################*/
/*# SITE BASIC CSS */

body {
  font:                        normal 12px arial, sans-serif;
  line-height:                 20px;
  color:                       #666666;
}

h1 {
  margin:                      0px;
  padding:                     25px 0px 0px 0px;
  font-size:                   20px;
  line-height:                 24px;
  color:                       #0054A6;
}

td.column_title h1 {
  padding-top:                0px;
}

h2 {
  margin:                      0px;
  padding:                     25px 0px 0px 0px;
  font-weight:                 bold;
  font-size:                   16px;
  color:                       #0054A6;
}

h3 {
  margin:                      0px;
  padding:                     20px 0px 0px 0px;
  font-weight:                 bold;
  font-size:                   14px;
  color:                       #4C4C4C;
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   16px;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}

hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #C1C1C2;
}

p {
  margin-top:                  16px;
}

a, a:hover {
  color:                       #EC1F26;
  text-decoration:             underline;
}
a:hover {
  text-decoration:             none;
}

table td {
  font:                        normal 12px arial, sans-serif;
  line-height:                 20px;
  color:                       #666666;
}

/*# /SITE BASIC CSS */
/*############################################################################*/
/*# TEMPLATE CSS */

div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
  background:                  url('../images/fullscreen_bg.gif') repeat-x left top;
}

div#site {
  width:                       952px;
  min-height:                  100%;
  _height:                     100%;
  margin:                      0 auto;
}

div#header{
  width:                       100%;
  height:                      114px;
  text-align:                  left;
}

div#menu {
  float:                       left;
  width:                       814px;
  height:                      44px;
  padding-top:                 56px;
}

a.logo_link, a.logo_link:hover {
  float:                       right;
  display:                     block;
  width:                       78px;
  height:                      77px;
  margin:                      14px 60px 0px 0px;
  text-decoration:             none;
}

/* CONTENT BACKGROUND */
div#itemsholder_top {
  width:                       100%;
  height:                      10px;
  line-height:                 10px;
  background:                  url('../images/itemsholder_top.png') no-repeat left bottom;
}
div#itemsholder_mid {
  width:                       940px;
  padding:                     0px 6px;
  background:                  url('../images/itemsholder_mid.gif') repeat-y left top;
}
div#itemsholder_bottom {
  width:                       100%;
  height:                      10px;
  line-height:                 10px;
  background:                  url('../images/itemsholder_bottom.png') no-repeat left top;
}
/* /CONTENT BACKGROUND */

div.content_holder {
  float:                       left;
  width:                       564px;
  text-align:                  left;
}

div.content_top {
  width:                       564px;
  height:                      10px;
  background:                  url('../images/content_top.png') no-repeat left top;
}
div.content_header {
  padding:                     0px 10px;
  text-align:                  left;
  line-height:                 10px;
  background:                  url('../images/content_bg.gif') repeat-y left top;
}

div.content {
  padding:                     16px 14px 32px 14px;
  text-align:                  justify;
  background:                  url('../images/content_bg.gif') repeat-y left top;
}

a.more_info, a.more_info:hover {
  float:                       right;
  display:                     inline-block;
  margin-top:                  32px;
  font-weight:                 bold;
  text-transform:              lowercase;
  color:                       #0054A6;
}

div.content_bottom {
  width:                       564px;
  height:                      10px;
  background:                  url('../images/content_bottom.png') no-repeat left top;
}

div.content_spacer,
div.site_spacer {
  clear:                       both;
  width:                       100%;
  height:                      1px;
}

div#footerfixer {
  width:                       100%;
  height:                      74px;
}

/* FOOTER */

div#footerholder {
  width:                       100%;
  height:                      68px;
  margin:                      -68px auto 0px auto;
  text-align:                  left;
  background:                  url('../images/footer_bg.gif') repeat-x left top;
}

div#footer {
  width:                       952px;
  height:                      26px;
  padding-top:                 10px;
  margin:                      0 auto;
}

div#copywright {
  float:                       left;
  height:                      26px;
  padding-left:                16px;
  line-height:                 26px;
  color:                       #959595;
}
a.copy_link, a.copy_link:hover {
  color:                       #959595;
  text-decoration:             none;
}
a.copy_link:hover {
  color:                       #0054A6;
}

div#sitemap {
  float:                       right;
  padding-right:               16px;
}

a.sitemap_link, a.sitemap_link:hover {
  float:                       left;
  display:                     block;
  height:                      26px;
  padding:                     0px 12px;
  line-height:                 26px;
  color:                       #959595;
  text-decoration:             none;
  background:                  url('../images/sitemap_bg.gif') no-repeat right top;
}
a.sitemap_last, a.sitemap_last:hover {
  padding:                     0px 0px 0px 12px;
  background:                  none;
}
a.sitemap_link:hover {
  color:                       #0054A6;
}

div#footer_powered {
  width:                       936px;
  height:                      22px;
  padding-top:                 10px;
  padding-right:               16px;
  margin:                      0 auto;
  font:                        normal 10px Verdana, sans-serif;
  color:                       #959595;
  text-align:                  right;
  line-height:                 22px;
}

div#footer_powered a, div#footer_powered a:hover {
  font:                        normal 10px Verdana, sans-serif;
  color:                       #959595;
  text-decoration:             none;
}
div#footer_powered a:hover {
  text-decoration:             underline;
}

/*# /TEMPLATE CSS */
/*############################################################################*/
/*# LISTMENU */

ul.mainmenu {
  height:                      44px;
  margin:                      0px;
  padding:                     0px 0px 0px 4px;
}

ul.mainmenu li {
  float:                       left;
  height:                      44px;
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
  text-align:                  center;
  background:                  url('../images/mainmenu_bg.gif') no-repeat right top;
}
ul.mainmenu li.mainmenu_last {
  background:                  none;
}

a.mainitem, a.mainitem:hover, a.mainitem_on, a.mainitem_selected {
  float:                       left;
	display:										 block;
  height:                      44px;
  padding:                     0px 12px;
  font-size:                   14px;
  font-weight:                 bold;
  text-decoration:             none;
  line-height:                 44px;
  color:                       #959595;
  white-space:                 nowrap;
}
a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover, a.mainitem_selected, a.mainitem_selected:hover {
  color:                       #0054A6;
  background:                  url('../images/mainitem_link_bg_hover.png') repeat-x bottom left;
}
/*# /LISTMENU */
/*############################################################################*/
/*# SUBMENU */


ul.submenu {
  width:                       168px;
  margin:                      0px;
  padding:                     0px 10px 0px 10px;
  background:                  url('../images/shopmenu_bg.png') repeat-y left top;
}

ul.submenu li {
  width:                       168px;
  line-height:                 30px;
  list-style:                  none;
  overflow:                    hidden;
}

ul.submenu li.submenu_title {
  width:                       160px;
  padding-left:                8px;
  line-height:                 36px;
  list-style:                  none;
  font-weight:                 bold;
  font-size:                   16px;
  text-align:                  left;
  color:                       #0054A6;
  overflow:                    hidden;
}

ul.submenu a {
  display:                     block;
  height:                      32px;
  font-size:                   14px;
  font-weight:                 bold;
  line-height:                 32px;
  text-align:                  left;
  color:                       #666666;
  text-decoration:             none;
  overflow:                    hidden;
}

ul.submenu a:hover {
  text-decoration:             none;
  color:                       #FFFFFF;
  background-color:            #0054A6;
}

ul.submenu ul.subsubmenu {
  margin:                      0px;
  padding:                     0px;
}

li.submenu_item_active > a,
li.subsubmenu_item_active > a {
  color:                       #0054A6;
}

li.submenu_item a {
  padding-left:                8px;
}

li.subsubmenu_item a {
  padding-left:                18px;
  font-size:                   12px;
  font-weight:                 normal;
}
li.subsubmenu_item a:hover {
  padding-left:                18px;
  font-size:                   12px;
  font-weight:                 normal;
  color:                       #0054A6;
  background:                  none;
}

/*# /SUBMENU */
/*############################################################################*/
/*# HOMEPAGE */

div.home_content {
  padding:                     0px 30px 32px 30px;
  text-align:                  left;
  text-align:                  justify;
  background:                  url('../images/content_bg.gif') repeat-y left top;
}

span.title_home {
	display:										 block;
  margin:                      0px;
  padding:                     20px 0px;
  font-size:                   32px;
  line-height:                 40px;
  color:                       #0054A6;
	text-align:									 left;
	border-bottom:							 1px solid #c1c1c1;
}

span.subtitle_home {
	display:										 block;
  margin:                      0px 0px 20px 0px;
  padding:                     20px 0px;
  font-weight:                 normal;
  font-size:                   20px;
	line-height:								 26px;
  color:                       #959595;
	border-bottom:							 1px solid #c1c1c1;	
}

/* SIDEBAR PRODUCTS */

div.productblock {
  float:                       left;
  width:                       168px;
  height:                      246px;
  margin:                      0px;
  padding:                     10px;
  background:                  url('../images/productblock_bg.png') no-repeat left top;
}

a.productblock_link, a.productblock_link:hover {
  display:                     block;
  width:                       168px;
  height:                      234px;
  margin:                      0px;
  padding-top:                 12px;
  text-decoration:             none;
  text-align:                  center;
  color:                       #666666;
}

a.productblock_link:hover {
  background:                  url('../images/productblock_over.gif') no-repeat left top;
}

label.image_holder {
  display:                     block;
  width:                       80px;
  height:                      120px;
  margin:                      0px auto;
  line-height:                 115px;
  text-align:                  center;
  cursor:                      pointer;
}

span.product_title {
  display:                     block;
  width:                       160px;
  height:                      40px;
  margin-top:                  14px;
  padding:                     0px 4px;
  line-height:                 20px;
  font-size:                   13px;
  font-weight:                 bold;
  text-align:                  center;
  overflow-y:									 hidden;
}

span.product_subtitle {
  display:                     block;
  width:                       168px;
  height:                      20px;
  margin-top:                  4px;
  line-height:                 20px;
  text-align:                  center;
  overflow-y:									 hidden;
}

span.product_price {
  display:                     block;
  width:                       168px;
  height:                      36px;
  line-height:                 36px;
  font-weight:                 bold;
  font-size:                   18px;
  color:                       #0054A6;
  text-align:                  center;
}

div.productblock_new {
  background:                  url('../images/productblock_new.png') no-repeat left top;
}
div.productblock_new span.product_subtitle {
  height:                      17px;
  padding-top:                 3px;
  text-transform:              lowercase;
  font-weight:                 bold;
  font-size:                   16px;
  color:                       #FFFFFF;
}
div.productblock_new span.product_price {
  color:                       #FFFFFF;
}

div.productblock_sale {
  background:                  url('../images/productblock_action.png') no-repeat left top;
}
div.productblock_sale a.productblock_link:hover {
  background:                  url('../images/productblockaction_over.gif') no-repeat left top;
}
div.productblock_sale span.product_subtitle {
  height:                      17px;
  padding-top:                 3px;
  text-transform:              lowercase;
  font-weight:                 bold;
  font-size:                   16px;
  color:                       #FFFFFF;
}
div.productblock_sale span.product_price {
  color:                       #FFFFFF;
}

/*# /HOMEPAGE */
/*############################################################################*/
/* TEXTPAGE 2 COLUMNS TEMPLATE */

table.columns_textpage {
	width:											 536px;
}

table.columns_textpage td {
  width:											 236px;
	padding:	                   0px 16px;
	text-align:									 justify;
	vertical-align:							 top;
}
table.columns_textpage td.column_title {
  height:											 44px;
	vertical-align:							 middle;
}

/*# /TEXTPAGE 2 COLUMNS TEMPLATE */
/*############################################################################*/
/*# /TEXTPAGE 1 COLUMN SIDEBAR TEMPLATE */

div.textpage {
	padding:                      0px 16px;
}

/*# /TEXTPAGE 1 COLUMN SIDEBAR TEMPLATE */
/*############################################################################*/
/*# SIDEBAR */

div.sidebar {
  float:                       left;
  width:                       188px;
  margin:                      0;
  padding:                     0;
  text-align:                  left;
}

div.sideitem_top {
  width:                       188px;
  height:                      10px;
  background:                  url('../images/shopmenu_top.png') no-repeat left top;
}
div.sideitem_bottom {
  width:                       188px;
  height:                      10px;
  background:                  url('../images/shopmenu_bottom.png') no-repeat left top;
}

div.side_holder {
  width:                       152px;
  margin:                      0px;
  padding:                     0px 18px;
  background:                  url('../images/shopmenu_bg.png') repeat-y left top;
}
div.sideright_holder {
  padding-bottom:              20px;
}
div.banner_holder {
  width:                       168px;
  padding:                     0px 10px;
  line-height:                 1px;
}
div.banner_holder img {
  vertical-align:              bottom;
}

span.sidebar_title {
  display:                     block;
  width:                       152px;
  height:                      36px;
  font-weight:                 bold;
  line-height:                 36px;
  font-size:                   16px;
  color:                       #0054A6;
}
span.sidebar_subtitle {
  display:                     inline-block;
  width:                       152px;
  font-weight:                 bold;
  line-height:                 22px;
  font-size:                   14px;
	padding:                	   7px 0px;
}

/*# /SIDEBAR */
/*############################################################################*/
/* BIG CONTENT */

div.big_content_holder {
  float:                       left;
  width:                       752px;
  text-align:                  left;
}

div.big_content_top {
  width:                       752px;
  height:                      10px;
  background:                  url('../images/big_content_top.png') no-repeat left top;
}

div.big_content {
  padding:                     16px 30px 32px 30px;
  text-align:                  justify;
  background:                  url('../images/big_content_bg.gif') repeat-y left top;
}

div.big_content_bottom {
  width:                       752px;
  height:                      10px;
  background:                  url('../images/big_content_bottom.png') no-repeat left top;
}

/*# /BIG CONTENT */
/*############################################################################*/