#meta_navi{float:right;color:#909090}
#meta_navi a,#meta_navi a:link,{color:#909090;}
#meta_navi a:active,#meta_navi a:visited,#meta_navi a:hover{color:#444; text-decoration: none;}

.lineThrough {
	text-decoration: line-through;
	color: red;
}

li.error_global{
	background-color:fff;
	color: #ad1021;
	padding:4px 4px 4px 4px;
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 93%;
	border-style: solid;
	border-color: #ad1021;
	border-width: 1px;
	list-style: none;
}

.error_wako{
	background-color:fff;
	color: #ad1021;
	padding:4px 4px 4px 4px;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 93%;
}

span.error_global{
	color: #ad1021;
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 3px;
}

a.mainLink:link { color: #909090; text-decoration: none; font-weight:lighter;}
a.mainLink:visited { color: #909090; text-decoration: none; font-weight:lighter}
a.mainLink:hover { color: #909090; text-decoration: none; font-weight:lighter}
a.mainLink:active { color: #909090; text-decoration: none; font-weight:lighter}

a.navistyle, a.navistyle:link { 
background:url('/opitec-web/images/navistyle_bg.jpg') repeat-x #eaeaea;
display:block; 
color: #000; 
text-decoration: none;
margin-top:3px 
}

.wide_gradient_bg{background:url('/opitec-web/images/wide_box_bg.jpg') repeat-x #fff;}
input.box_input_number{width:20px;border:1px solid #d9d9d9}
.three_left{float:left;width:197px;padding:2px;border:1px solid #d6d6d6;overflow:hidden}
        
a.red, a.red:visited, .red{color:#e2022d}
a.underline:link, a.underline:visited, a.underline {text-decoration:underline}
.bold, strong { font-weight: bold; }

a.redLink {
	color: #e2022d;
}

a.deflink {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;

	background-color: #7D93AB;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fae2cc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fae2cc;
}

a.deflink:hover {
color: #fae2cc;
	background-color: #7D93AB;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fae2cc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fae2cc;
}

a.def {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px
}
a.def:hover {
	color: #fae2cc;
}

td.deflink {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;

	background-color: #7D93AB;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fae2cc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fae2cc;
}
td.deflink:hover {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	
	background-color: #7D93AB;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fae2cc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fae2cc;	
}

img {border: 0px;}

input.defbutton {
color: #ffffff;
font-weight: bold;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
white-space: nowrap;
}

input.defbutton {
background-color: #7D93AB;
background-x-position: left;
background-y-position: top;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fae2cc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #fae2cc;
}

input.defbutton:hover {
color: #fae2cc;
}

.box {
width: 100%;
color: #7D93AB;
font-weight: bold;
font-size: 11px;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
white-space: nowrap;
background-color: #efefef;
border-width: 1px;
border-style: solid;
border-color: #7D93AB;
}

input, select, textarea, button, keygen, isindex, legend, a {
font-size: 11px;
font-family: Arial,Verdana,sans-serif;
color: #000000;
}

input, select, textarea, button, keygen, isindex {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #bed6f8;
border-right-color: #bed6f8;
border-bottom-color: #bed6f8;
border-left-color: #bed6f8;
color: #000000;
}

textarea[type="textarea"], input[type="text"], input[type="password"], select {
border-top-color: #bed6f8;
border-right-color: #bed6f8;
border-bottom-color: #bed6f8;
border-left-color: #bed6f8;
font-size: 11px;
font-family: Arial,Verdana,sans-serif;
color: #000000;
background-color: #ffffff;
background-image: url('/opitec-web/images/input_bg.png');
}

textarea[type="textarea"], input[type="text"], input[type="password"], select {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
background-repeat: no-repeat;
background-x-position: 1px;
background-y-position: 1px;
}

legend{
	font-family : arial;
	font-size: 14px;	
	background-color:#ffffff;
}

.rich-panel-header{  
    background-color: #7D93AB;
	border-color: #7D93AB;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	background-image:url(/);
}

.rich-panelbar{  
    background-color: #7D93AB;
	border-color: #7D93AB;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	background-image:url(/);
}

.rich-panel-body{
    background-color: #ffffff;
    background:url('/opitec-web/images/wide_box_bg.jpg') repeat-x #fff;
}

.schmuck{
	background-color: #B4DBC8;
}
.handarbeiten{
	background-color: #DAC72D;
}
.farbe{
	background-color: #F7B67E;
}
.werk{
	background-color: #956E51;
}
.basteln{
	background-color: #AED083;
}
.technik{
	background-color: #7C92AA;
}
.papier{
	background-color: #E85244;
}
.maschinen{
	background-color: #009DE0;
}
.giessen{
	background-color: #51B599;
}
.schule{
	background-color: #A883D0;
}

body {
	scrollbar-face-color: #efefef;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #aaaaaa;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #efefef;

}
table.main {
	width: 990px;
	border: 0px;
	font-size: 12px;
}

.headerBack {
	border-right-width: 1px;
	border-right-style: solid;
	border-color: #ffffff;
	
}

.headerHeadline1 {
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
}

.headerHeadline2 {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #808080;
}

.menuBack {
	border-top-style: solid;
	border-top-width: 1px;
	background-color: #ffffff;
	border-color: #ffffff;
	background-color: #ffffff;
	width: 165px;
}

.mainBack {
	border-left-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #ffffff;
	width: 630px;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
}



.rightBack {
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	background-color: #ffffff;
	border-color: #ffffff;
	padding: 5px;
	width: 200px;
}

.footerBack {
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #ffffff;
	height: 30px;
	
}




a {
	color: #000000;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	
	
}

a:hover {
	color: #7D93AB;	
}



hr {
	color: #7D93AB;
	border-style: dotted;
}

table {
	font-size: 12px;
	font-family: arial;
	}
	
.textInverse {
	color: #ffffff;
}

.headerText {
	color: #ffffff;
	background-color: #ff0000;
	font-weight: bold;
	font-family:arial;
	margin: 0px;
	text-align: left;
}

.headerTextGrey {
	color: #ffffff;
	background-color: #c0c0c0;
	font-weight: bold;
	font-family:arial;
}

.headerTextDarkGrey {
	color: #ffffff;
	background-color: #c0c0c0;
	font-weight: bold;
	font-family: arial;
}

.headerTextBackground {
	background-color: #e6e6e6;
	font-family: arial;
	color: #000000;
}

.leftnavitable {
	padding-top:100px;
	padding-left: 10px;
}

.textContent {
	
}

/*
*Warenkorb und Katalog
*/


.OrderStep {
	color: blue;
	font-weight:normal;
	font-family: sans-serif;
	text-align: center;
}

.OrderStepSelected {
	font-size: 12px;
	color: red;
	font-weight:bold;
	font-family: arial;
	text-align: center;
}

.WakoIcon {
	border: 0;
}

.catalogOdd {
	background-color: #ffffff;
}

.catalogEven {
	background:url(../img/navistyle_bg.jpg) repeat-x #eaeaea;
	
}

.columnMatNr {
	width: 100px;
	font-family: arial;
	text-align: left;
}

.columnPS {
	color: red;
	font-family: arial;
	text-align: left;
	font-weight: bold;
}

.columnKurzTitel {
	width: 275px;
    font-family: arial;
	text-align: left;
}

.columnPreis {
	width: 175px;
	font-family: arial;
	text-align: right;
}

.columnGewicht {
	width: 175px;
	font-family: arial;
	text-align: right;	
}

.columnDetail {
	width: 100px;
	font-family: arial;
	text-align: center;
}

.columnWako {
	width: 150px;
	font-family: arial;
	text-align: center;
}

.rowRuekstand {
	background-color: #efefef;
}

.currentPage {
   color: red; 
   background: white;
}
.currentPagePager {
   color: blue; 
   background: white;
}

.columnPager {
	width:990px;
	border: 1px solid #efefef;
	text-align: center;
}

.navigationStyle{
	overflow:auto;
	width:100%;
	height:400px;
}

#ERRORS

.errorMsg {
	color: green;
	font-family: arial;
	font-weight: bold;
}

.error_global {
	color: green;
	font-family: arial;
	font-weight: bold;
	font-size:18px;
}

.infoMsg {
	color: green;
	font-family: arial;
	font-weight: bold;
}

.info_global {
	color: green;
	font-family: arial;
	font-weight: bold;
}

###########################

.divD {
	width: 10px;
	height: 13px;
	text-align: center;
	border: 1px dotted;
	padding-left: 1px;
	color: #A9A9F5;
	border-color: #A9A9F5;
	font-weight: bold;
	font-size: 15px;
}

.datatableColsDotted {
	border-right: 1px dotted;
	border-color: #8181F7;
	vertical-align: middle;
}

.datatableColNone {
	border-right: none;
}

.col1 {
	width: 800px;
}

.col2 {
	width: 0px;
}

.col3 {
	width: 2px;
}

.columns {
	background-color: #efefef;
}

/*
*Adrese und Lieferanschrift
*/
.tableBackground {
	background:url(../img/navistyle_bg.jpg) repeat-x #eaeaea;
}

.tableHeader {
	text-align: left;
	color: #8181F7;
	font-weight: bold;
	font-size: 12pt;
}

.tableBorder {
	border: 1px solid #A9A9F5;
	padding-bottom:20px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	
}

textarea {
	overflow: auto;
}
.colBreite1 {
	width:40%;
}
.colBreite2 {
	width:50%;
	vertical-align: top;
}

.stern {
	color: #DF0101;
	font-weight: bold;
	font-size:13pt;
}

.collTop {
	vertical-align: top;
	height: 100%;
}
.colper {
	vertical-align: top;
	text-align:left;
}

.colZalungVer1 {
	width:35%;
}
.colZalungVer2 {
	width:60%;
	vertical-align:top;
	
}

.underline{
	text-decoration: underline;
}

.columnTop {
	vertical-align: top;
	border-right-width: 2px;
	border-right-style: dotted;
	border-color: #7D93AB;
	padding: 15px;
	
}

input.defbuttonRed {
color: #ffffff;
font-weight: bold;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
white-space: nowrap;
}

input.defbuttonRed {
background-color: #ad1021;
background-x-position: left;
background-y-position: top;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fae2cc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #fae2cc;
}

.priceRed{
	font-weight: bold;
	color: #ad1021;
}

input.defbuttonRed:hover {
color: #fae2cc;
}
td.buttonLabel {
	background: url(../img/button/button_background.gif) repeat-x;
	vertical-align:center;
	font-size: 13px;
	font-weight: bold;
	height: 37px;
	color:white;
	display:inline-block;
	text-decoration: none;
	cursor: pointer;
	padding-top:7px;
}

td.buttonLabelSmallBlue {
	background: url(../img/button/button_small_blue/button_background.gif) repeat-x;
	vertical-align:center;
	font-size: 13px;
	font-weight: bold;
	height: 37px;
	color:white;
	display:inline-block;
	text-decoration: none;
	cursor: pointer;
	padding-top:3px;
}