@charset "utf-8";

@font-face {
    font-family: 'AbakuTLSymSansRegular';
    src: url('font/abakutlsymsans-regular-AbakuTLSymSans.eot');
    src: url('font/abakutlsymsans-regular-AbakuTLSymSans.eot?#iefix') format('embedded-opentype'),
         url('font/abakutlsymsans-regular-AbakuTLSymSans.woff') format('woff'),
         url('font/abakutlsymsans-regular-AbakuTLSymSans.ttf') format('truetype'),
         url('font/abakutlsymsans-regular-AbakuTLSymSans.svg#AbakuTLSymSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.TRY, .TL {
font-family: "AbakuTLSymSansRegular", Verdana, Arial;
font-size: smaller;
}

/* Reset Default Browser Settings */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
a:active {outline:none;}
table {border-collapse:separate; border-spacing:0;}
caption,th,td {text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
textarea {resize: none;}

/* Page Layout */

/* 
body {margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4e5452; line-height:1; background:white;}
*/
body {margin: 0; padding: 0; font-family: Segoe UI, Arial, Helvetica, sans-serif; color: #4e5452; line-height:1; background:white;}
body.avrupanetworking {background: url(../images/layout/bg-pattern-01.jpg) top center fixed; -webkit-font-smoothing: subpixel-antialiased;}
body.lightviewbox {-webkit-font-smoothing: subpixel-antialiased;}

#pageTop {}
#pageTop #topCentering {width: 1000px; margin: 0px auto; padding: 0;}

#pageCenter {}
#pageCenter #centerCentering {width: 1000px; margin: 0px auto; padding: 0;}
	
	#pageCenter #center1Div {width: 100%;}
	
	#pageCenter #center2Div {width: 100%;}
	#pageCenter #center2Div #center2DivLeftSideBar {width: 200px; float: left;}
	#pageCenter #center2Div #center2DivRightSideBar {width: 200px; float: right;}
	#pageCenter #center2Div #center2DivContent {width: 790px; float: right;}
	#pageCenter #center2Div #center2DivContent.withLeftSideBar {padding-left: 10px;}
	#pageCenter #center2Div #center2DivContent.withRightSideBar {padding-right: 10px;}
	
	#pageCenter #center3Div {width: 100%;}
	#pageCenter #center3Div #center3DivLeftSideBar {width: 200px; float: left;}
	#pageCenter #center3Div #center3DivContent {width: 580px; float: left; padding: 0 10px;}
	#pageCenter #center3Div #center3DivRightSideBar {width: 200px; float: left;}

#pageBottom {}
#bottomCentering {width: 1000px; margin: 0px auto; padding: 0;}

/* Canvas */

.canvas {margin-bottom: 10px; position: relative; font-size: 13px;}

.canvas.page-header {border: 1px solid #cacbcb; padding: 9px; background-color: #ffffff;}
.canvas.page-header .canvasHeaderTextContainer {padding-left: 60px;}
.canvas.page-header .canvasHeaderText {padding-left: 20px; line-height: 50px; background-color: #4e5452; font-size: 16px; color: #ffffff;}

.canvas.page-nav {border: 1px solid #cacbcb; background-color: #f3f6f6; padding: 10px; background-color: #ffffff; color: #4e5452;}
.canvas.page-nav img {padding-bottom: 2px;}
.canvas.page-nav a {text-decoration: none; color: #4e5452;}
.canvas.page-nav a:hover {text-decoration: none; color: #f96400;}

.canvas.page-info {padding: 10px; font-size: 13px; background: url(../images/layout/canvas-info.jpg); color: #4e5452; border: 1px solid #cacbcb;}
.canvas.page-info a {text-decoration: underline; color: #4e5452;}
.canvas.page-info a:hover {text-decoration: none; color: #f96400;}
.canvas.page-info .date-container {line-height: 30px;}

.canvas.page-warning {padding: 10px; font-size: 13px; background: url(../images/layout/canvas-warn.jpg); color: white; border: 1px solid #4e5452;}
.canvas.page-reminder {padding: 10px; font-size: 13px; background: url(../images/layout/canvas-remind.jpg); color: white; border: 1px solid #4e5452;}

.canvas.page-main {border: 1px solid #cacbcb; padding: 9px; background-color: #ffffff; color: #4e5452;}
.canvas.page-nopad {border: 1px solid #cacbcb; background-color: #ffffff; color: #4e5452;}

.canvas.big-header {background-color: #4e5452; color: #ffffff; font-size: 15px; padding: 10px;}

/* Special Tags */

h1 {font-size: 24px; margin-bottom: 10px;}
span.hl {color: #f96400;}
span.ll {color: #a6a9a8;}
span.bl {color: #000000;}

/* FLOATING */

.fr {float: right;}
.fl {float: left;}
.fc {clear: both; height: 0; line-height: 0px;}

.cfx:after{clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden;}
.cfx{display:block; zoom:1}

/* ALIGNINGS */ 

.ar {text-align: right;}
.ac {text-align: center;}
.al {text-align: left;}

/* Forms */

	/* Text-Box */
	
	table.form input[type="text"] {height: 30px; margin: 0px; padding: 0 10px; background: transparent; border: none; outline: none;}

	input[type="text"].datepicker {width: 75px; height: 16px; margin-right: 2px; font-size: 12px;}
	input[type='text'].order-quantity {width: 20px; height: 12px; line-height: 12px; text-align: center; font-size: 12px;}
	input[type="text"].InputAddToBasket {width: 24px; height: 24px; position: absolute; left: 55px; top: 4px; background: url(../images/forms/input24x24.jpg) no-repeat top left; outline: none; border: none; padding: 0; margin: 0; text-align: center; color: #a6a9a8; font-size: 12px;}
	
	.textbox-w30 {padding: 0; height: 30px; position: relative; background: url(../images/forms/Input30.jpg) no-repeat; width: 30px; margin-bottom: 5px;}
	.textbox-w30 input[type="text"] {width: 10px;}
	
	/* Select Drop-Down */
	
	select {height: 18px; margin: 6px; padding: 0; background-color: #fafafa; border: none; outline: none;}
	
	.dropdown-w140 {padding: 0; height: 30px; position: relative; background: url(../images/forms/Input140.jpg) no-repeat; width: 140px; margin-bottom: 5px;}
	.dropdown-w140 select {width: 126px;}
	.dropdown-w140 input[type="text"] {width: 120px;}
	
	.dropdown-w180 {padding: 0; height: 30px; position: relative; background: url(../images/forms/Input180.jpg) no-repeat; width: 180px; margin-bottom: 5px;}
	.dropdown-w180 select {width: 166px;}
	.dropdown-w180 input[type="text"] {width: 160px;}
	
	.dropdown-w290 {padding: 0; height: 30px; position: relative; background: url(../images/forms/Input290.jpg) no-repeat; width: 290px; margin-bottom: 5px;}
	.dropdown-w290 select {width: 276px;}
	.dropdown-w290 input[type="text"] {width: 270px;}
	
	.dropdown-w340 {padding: 0; height: 30px; position: relative; background: url(../images/forms/Input340.jpg) no-repeat; width: 340px; margin-bottom: 5px;}
	.dropdown-w340 select {width: 326px;}
	.dropdown-w340 input[type="text"] {width: 320px;}
	
	/* Checkbox */
	
	
	/* Radio Button */
	
	
	/* Buttons */

	input[type='button'].button {outline: none; border: none; cursor: pointer; color: #ffffff; text-shadow: -1px -1px #4e5452; margin: 1px 0 0 0;}

	input[type='button'].btn290x30 {background: url(../images/forms/button290x30.png) 0px 0px; height: 30px; width: 290px; font-size: 13px; }
	input[type='button'].btn160x25 {background: url(../images/forms/button160x25.png) 0px 0px; height: 25px; width: 160px; font-size: 12px;}
	input[type='button'].btn160x30 {background: url(../images/forms/button160x30.png) 0px 0px; height: 30px; width: 160px; font-size: 13px; }
	input[type='button'].btn160x35 {background: url(../images/forms/button160x35.png) 0px 0px; height: 35px; width: 160px; font-size: 14px; font-weight: bold;}
	input[type='button'].btn160x40 {background: url(../images/forms/button160x40.png) 0px 0px; height: 40px; width: 160px; font-size: 15px; font-weight: bold;}
	input[type='button'].btn140x30 {background: url(../images/forms/button140x30.png) 0px 0px; height: 30px; width: 140px; font-size: 13px; }
	input[type='button'].btn120x30 {background: url(../images/forms/button120x30.png) 0px 0px; height: 30px; width: 120px; font-size: 13px; }
	input[type='button'].btn80x30 {background: url(../images/forms/button80x30.png) 0px 0px; height: 30px; width: 80px; font-size: 13px; }
	input[type='button'].btn80x25 {background: url(../images/forms/button80x25.png) 0px 0px; height: 25px; width: 80px; font-size: 12px; }
	input[type='button'].btn50x30 {background: url(../images/forms/button50x30.png) 0px 0px; height: 30px; width: 50px; font-size: 13px; }
	input[type="button"].btnAddToBasket {background: url(../images/forms/buttonAddToBasket.png) 0px 0px; height: 30px; width: 140px; }
	
	input[type='button'].button:hover {background-position: 0px 50px;}
	input[type='button'].button:active {background-position: 0px 100px;}
	
/* TABLE */

table.form {font-size: 13px;}
table.form thead {background-color: #7a7f7d; color: #ffffff;}
table.form th {padding: 10px 5px; vertical-align: middle; border-bottom: 5px solid #ffffff;}
table.form td {padding: 5px; vertical-align: middle;}
table.form td.item-header {text-align: right; width: 200px;}
table.form td.item-inputs {padding: 5px 5px 0 5px;}
table.form span.description {color: #a6a9a8; font-style: italic; line-height: 30px; padding-left: 10px;}

table.general {font-size: 12px; border: 1px solid #AAA; border-bottom: none;}
table.general thead tr {font-size: 13px; background-color: #7a7f7d; color: #fff;}
table.general th {font-weight: bold;}
table.general td,
table.general th {padding: 10px 5px; vertical-align: middle;}
table.general tr {background-color: #e5e5e5;}
table.general td {border-bottom: 1px solid #AAA;}

table.general tr.subtotal {
	background-color: #fdc199; color: #4e5452;
	background-image: -o-linear-gradient(top, #fef0e6, #fdc199);
    background-image: -moz-linear-gradient(top, #fef0e6, #fdc199);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fef0e6), to(#fdc199));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fef0e6', EndColorStr='#fdc199', GradientType=0);
}
table.general a {text-decoration: underline; color: #4e5452;}
table.general a:hover {text-decoration: none; color: #f96400;}
table.general .return-table-notes {padding: 5px; font-style: italic; color: #a6a9a8; background: #f3f3f3;}

table.general.level-3 td {background-color: #cccccc;}

table.summary {font-size: 15px; width: 400px;}
table.summary td {padding: 10px 5px; vertical-align: middle;}
table.summary tr.subtotal td {
	background-color: #cacbcb; color: #4e5452;
	border-bottom: 1px solid #ffffff;
	background-image: -o-linear-gradient(top,#e5e6e5,#a7aaa9);
    background: -moz-linear-gradient(top, #e5e6e5, #a7aaa9);
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e6e5), to(#a7aaa9));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e5e6e5', EndColorStr='#a7aaa9', GradientType=0);
}
table.summary tr.overall td {
	background-color: #f96400; color: #ffffff;
	border-bottom: 1px solid #ffffff;
	background-image: -o-linear-gradient(top,#f79352,#ce6015);
    background: -moz-linear-gradient(top, #f79352, #ce6015);
    background: -webkit-gradient(linear, left top, left bottom, from(#f79352), to(#ce6015));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f79352', EndColorStr='#ce6015', GradientType=0);
}
table.summary tr.earning td {
	background-color: #50b848; color: #ffffff;
	border-bottom: 1px solid #ffffff;
	background-image: -o-linear-gradient(top,#9fd18b,#50b848);
    background: -moz-linear-gradient(top, #9fd18b, #50b848);
    background: -webkit-gradient(linear, left top, left bottom, from(#9fd18b), to(#50b848));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#9fd18b', EndColorStr='#50b848', GradientType=0);
}

.hassale {text-decoration: line-through;}