﻿html
{
	overflow-y:scroll;
	overflow-x:hidden;
}

html
{
	overflow-y:scroll;
	overflow-x:hidden;
}

body 
{
  background-color: #FFFFFF;
  margin: 0px;
  /*padding-top: 10px;*/
  padding-bottom: 10px;
  text-align: center;
  margin: 0 auto;
  color: #666666;
}

a, a:visited
{
	color:#ff6600;
}

form
{
	padding:0px;
	margin:0px;
}

.totalframe
{
  text-align: center;
  margin: 0 auto;
  width: 830px;
}

.totalframe-rc
{
  text-align: center;
  margin: 0 auto;
  width: 990px;
}

.mainframe 
{
  background-color: #FFFFFF;
  border: 1px solid #4F6686;
  width: 807px;
}

.rightcol
{
  background-color: #FFFFFF;
  border: 1px solid #4F6686;
  width: 170px;
  margin-left: 10px;
  float: left !important;
}

.rightcoloff
{
  background-color: #FFFFFF;
  border: 1px solid #4F6686;
  width: 10px;
  height: 40px;
  margin-left: 6px;
  float: left;
}

.rightcolcontent
{
  padding-left: 10px;
  padding-right: 7px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  vertical-align: top;
}
.rightcoltable
{
  width: 170px;
}
.rightcolswitch
{
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444444;
  padding-right: 10px;
  padding-top: 10px;
}
.navi-l 
{
  height: 17px;
  padding-left: 10px;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: middle;
  color: #666666;
}
.navi-r 
{
  
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding-right: 10px;
  vertical-align: middle;
  color: #666666;

}

#NavTop
{
	background-color: #ECF0F6;
}

#NavBottom
{
	background-color: #ECF0F6;
}

.maintable
{
  width: 805px;
}
.menu
{
  width: 223px;
  padding-left: 3px;
  padding-top: 3px;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: top;
}

td.content
{
  padding-right: 8px;
  padding-top: 0px;
  padding-bottom: 20px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  vertical-align: top;  
}

div.content
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
  	position: relative;
  	padding:0px;
  	margin-top:0px;
	width: 564px;
    color:#666666;
}

.rightcolcontent {
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
}

div.content p:first-child
{
	margin-top:0px;
}

p.header
{
	font-family:Arial;
	font-size:13px;
	font-weight: bold;
}

td.content
{
	padding-top:0px;
}

.language
{
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444444;
  padding-left: 10px;
  padding-top: 10px;
}

span.a
{
	color: #FF6600;
	padding-left:5px;
}

.cursor
{
	cursor:pointer;
}

a, span.a
{
  text-decoration:none;
  cursor:pointer;
}
a:hover, span.a:hover
{
  text-decoration:underline;
}
.link-on
{
  color: #FF6600;
}
.link-of
{
  color: #444444;
}
td.menu font
{
	font-weight:bold;
	font-size:10px;
}
td.sub_navpoint font
{
	font-weight:normal;
}
.colorfield 
{
  width: 45px;
  height: 26px;
  text-align: center;
  border: 1px solid #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding-top: 5px;
  text-decoration: none;
}

.form-file-small 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 17px;
  width: 200px;
  border: 1px solid #CCCCCC;
  padding-left: 2px;
}
.form-file-size 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 17px;
  width: 46px;
  border: 1px solid #CCCCCC;
  padding-right: 2px;
  text-align: right;
}

.form-box-small 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  float: left;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-top: 3px;
}



/*CSS for Tabs */
#tabs
{
  position: relative;
  top: 0px;
  left: 0px;

}
#tabs ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

#tabs ul li
{
  list-style: none;
  margin-right: 0px;
  margin-left: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-right: 4px;
  z-index: 3;
  float: left;
}
.tab-underline
{
  clear: both;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  height: 4px;
  font-size: 1px;
  line-height: 3px;
  position: absolute;
  top: 17px ;
  left: 0px;
  width: 100%;
  z-index: 0;
}


.tab-sel-of
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: #EEEEEE;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  line-height: 16px;
  z-index: 5;
}

.tab-sel-on
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: #FFFFFF;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #FFFFFF;
  line-height: 16px;
  z-index: 5;
}
.tab-sel-on a
{
  color: #666666;
}



.tab-content
{
  position: relative;
  font-size: 11px;
  top: 20px;
  clear: both;
  margin-top: 20px;
}
.tab-content-of
{
  display: none;
}
.tab-content-on
{
  display: inline;
}

#transForm
{
  display: none;
  position: fixed !important;
  position: absolute;
  z-index: 0;
  top: 100px !important;
  left: 200px !important;
  width: 740px;
  background-color: #F0F0F0;
  padding: 10px;
  border: 1px solid #DD0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#transTextarea
{
  width: 720px;
  height: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}


/*Buttons Startseite */
.clear { clear:both; font-size:0;}

/* Kategorie Buttons */
.cat_button 
{
  height: 98px;
  width: 266px;
  display: block; float: left;
  background-repeat: no-repeat;
  background-position: left top;
  border : 1px solid #FF6700;
  padding : 0;
  margin-right : 10px;
  margin-bottom : 10px;
}
.cat_button a.imagelink 
{
  width : 98px; height : 98px;
  float : left;
  text-decoration : none;
  margin-right : 10px;
  font-size : 0;
  display : block;
}
.cat_button a 
{
  font-size : 11px;
  text-decoration : none;
  color : #666;
  }
.cat_button a:hover 
{
  text-decoration : underline;
  color : #FB670F;
 }

.cat_button h1 { padding : 0;  margin : 0;  display : inline;  }
.cat_button h1 a 
{
  font-size: 16px;
  color: #FF6700;
  font-weight: normal;
  display : inline;
  line-height : 30px;
  }

.cb_pp { background-image : url(/img/button_98_98_pp.gif); }
.cb_fab { background-image : url(/img/button_98_98_fab.gif); }
.cb_frame { background-image : url(/img/button_98_98_frame.gif); }
.cb_presentation { background-image : url(/img/button_98_98_presentation.gif); }
.cb_special { background-image : url(/img/button_98_98_special.gif); }


#button-save-translation
{
  width: 400px;
  height: 20px;
  border: 1px solid #333333;
  background-color: #DD0000;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding: 3px;
}

#translation-box
{
  clear: both;
  margin-top: 30px;
  border: 2px solid #DD0000;
  font-size: 11px;
  color: #000000;
  padding: 6px;
}


.left {float:left; margin-right:20px;}

table.header
{
	height:105px;
	/*background:url('/img/head.jpg') no-repeat;*/
}

td.logopath
{
/*	vertical-align:top;
	text-align:right;
	padding-right:3px;*/
}

td.header_slogan
{
	color:#A5A5A5;
	vertical-align:bottom;
	padding-bottom:10px;
	padding-left:10px;
}

td.loginbox
{
/*	padding-left:8px;*/
}

.onclick
{
	cursor:pointer;
}

/*Translator-button*/
span.thot 
{
	width: 7px;
	height: 7px;
	border: 1px dotted #FF0000;
	background-color: #FF9999;
	color: #FFFFFF;
	font-size: 7px;
	text-decoration: none;
	margin-left:5px;
	padding-left: 1px;
	padding-right: 1px;
	cursor:pointer;
}

span.t 
{
	width: 7px;
	height: 7px;
	border: 1px dotted #0000FF;
	background-color: #9999FF;
	color: #FFFFFF;
	font-size: 7px;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	cursor:pointer;
	
}

table.translator
{
	margin-left:10px;
}

div.translatorbar
{
	float:left;
	text-align:left;
	padding-left:10px;
	width:40px;
	position:absolute;
	top:10px;
	margin-left:-46px;
}

#error
{
	font-weight:bold;
	color:#FF9900;
}

td.sub_navpoint
{
	padding:1px;
}

/*Content Classes*/
strong.header
{
	font-family:Arial;
	font-size:2;
	font-weight:bold !important;
}

td.footer_area
{
	font-family:Arial, Helvetica, sans-serif;
	height:80px;
	width:765px;
	vertical-align:bottom;
	text-align:right;
	color:#FF6F0F;
	font-size:18px;
	padding-right:10px;
	padding-bottom:10px;
}

div.helptext, span.helptext
{
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px;
	border:1px solid #C0C0C0;;
	color:#666666;
	background:white;
	width:180px;
}


/*Form Fields*/
input[type=text], input[type=password], select, textarea
{
	border-top:0.5px solid #A7A6AA;
	border-left:0.5px solid #A7A6AA;
	border-bottom:1px solid #A7A6AA;
	border-right:1px solid #A7A6AA;
	font-size:12px;
}  


input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover,
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus
{
	background-color:#F1F1F1;
	border-top:0.5px solid #A7A6AA;
	border-left:0.5px solid #A7A6AA;
	border-bottom:1px solid #A7A6AA;
	border-right:1px solid #A7A6AA;
	font-size:12px;
}  


/*loginbox*/

.login-head
{
	/*background-color: #FF6600;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px;*/
}

p strong
{
	margin-top:0px;
}

table.shoplist
{
	width:564px;
	border-collapse:collapse;
}

td.productgroup
{
	/*border:1px solid black;
	background:#ECF0F6;
	font-size:12px;*/
	font-weight:bold;
	/*padding-bottom:5px;*/
	border-bottom:1px solid #666666;
	padding-left:5px;
}

td.productentry
{
	/*border:1px solid black;*/
	padding-left:5px;
}

td.productentry a
{
	padding-left:0px;
}

td.proddetail
{
	padding-left:5px;
	border-left:1px solid black;
}

div.morecats
{
	min-height:30px;
	
}

div.cat
{
	width:145px;
	font-size:11px;
	font-weight:bold;
	padding-left:25px;
}

a.prod
{
	font-weight:bold;
	font-size:12px;
}

table.imagetable
{
	border-collapse:collapse;
	width:100%;
	margin-left:5px;
}

td.product-image
{
	
}

td.thumb-table
{
	border-top:1px solid #666666;
	/*border-top:1px solid #FF6600;*/
}

img.product
{
	border:1px solid #666666;
	/*border-right:1px solid #666666;*/
	
	/*border-left:1px solid #FF6600;
	border-right:1px solid #FF6600;*/
}

img.top-thumb
{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	
	/*border-left:1px solid #FF6600;
	border-right:1px solid #FF6600;
	border-bottom:1px solid #FF6600;*/
}

img.thumb
{
	/*border:1px solid #FF6600;*/
	/*border:1px solid #666666;*/
}

div.thumb img
{
	margin-top:20px;
}

div.thumb
{
	width:135px; 
	height:135px;
	
	border:1px solid #666666;
	/*border:1px solid #FF6600;*/
	
}

div.thumb_message
{
	 font-size:11px;
	 padding-left:2px;
	 width:125px;
}

div.size
{
	font-size:11px;
	width:135px; 
}

/*Bookmark*/
table#ordertab{
	border-collapse:collapse;
}

td.wishlist_head
{
	background-color:#FFFFFF;
	border-bottom: 1px solid;
	border-color: #cccccc;
	padding-left:2px;
	padding-right:2px;
}

td.wishlist_count
{
	background-color: #ECF0F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
  	vertical-align: middle;
  	color: #666666;
	border-bottom: 1px dotted rgb(204, 204, 204);
	border-left: 1px dotted rgb(204, 204, 204);
}

td.wishlist_white
{
	background-color:#FFFFFF;
	border-right: 1px dotted;
	border-bottom: 1px dotted;
	border-color: #cccccc;
}

td.wishlist_white input[type=checkbox], td.wishlist_lightblue input[type=checkbox]
{
	float:inherit;
}

td.wishlist_lightblue
{
	background-color: #ECF0F6;
	border-right: 1px dotted;
	border-bottom: 1px dotted;
	border-color: #cccccc;
}

td.wishlist_main
{
	border-color: rgb(204, 204, 204); 
	padding:0 5px 0 5px;
	border-bottom: 1px dotted rgb(204, 204, 204);
	border-left: 1px dotted rgb(204, 204, 204);
}

select.change_field
{
	font-size:10px;
}

div.select_row
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding:0px;
	margin:0px;
}

div.adjust_cube
{
	border-collapse:collapse;
	border:1px solid black;
	background:#ECF0F6;
}

#quantity_error
{
	background-color:#FFCCCC;
}

table.map
{
	border-collapse:collapse;
}

table.map td
{
	padding-left:5px;
	padding-right:5px;
}

tr.mapheader
{
	background:#ECF0F6;
	font-weight:bold;
}

tr.map_light
{

}

tr.map_dark
{

}

tr.mapheader td
{
	padding-left:5px;
	padding-right:5px;
}

div.tipp
{
	font-size:12px;
	color:#0000CF;
}

div.functionrow
{
	height:11px;
	padding-top:10px;
}
div.functionspace
{
	height:21px;
	margin-bottom:12px;
}

font.nav-active
{
	color:#ff6600;
}

font.nav-inactive
{
	color:#666666;
}


div.mx0_on, div.mx1_on, div.mx2_on, div.mx3_on, div.mx4_on
{
	border:1px solid #ff6600;
	cursor:pointer;
	margin-bottom:4px;
	display:block;
}

div.mx0_of, div.mx1_of, div.mx2_of, div.mx3_of, div.mx4_of
{
	border:1px solid #666666;
	cursor:pointer;
	margin-bottom:4px;
	display:block;
}

div.mx0_on, div.mx0_of
{
	width:6px;
	height:6px;	
	float:left;
	margin-left:6px;
	margin-right:3px;
	margin-top:2px;
}

div.mx1_on, div.mx1_of
{
	width:5px;
	height:5px;	
	float:left;
	margin-left:6px;
	margin-right:3px;
	margin-top:3px;
}

div.mx2_on, div.mx2_of
{
	width:4px;
	height:4px;	
	float:left;
	margin-left:6px;
	margin-right:3px;
	margin-top:4px;
}

div.mx3_on, div.mx3_of
{
	width:3px;
	height:3px;	
	float:left;
	margin-left:6px;
	margin-right:3px;
	margin-top:5px;
}

div.mx4_on, div.mx4_of
{
	width:2px;
	height:2px;	
	float:left;
	margin-left:6px;
	margin-right:3px;
	margin-top:6px;
}

td.layoutborder
{
	/*border:2px solid transparent;*/
}

.SearchResult{
	padding:0px;
	margin:4px 0 10px 0;
	font-size:12px;
}

div.promptBox{
  background:#ffffff;
  width:380px;
  padding:5px 10px 5px 10px;
  top:120px;
  margin: 220px auto 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow:10px 8px 20px #999999;
  clear: both;
  float: none;
  text-align:left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}
