@charset 'utf-8';

/* webstyles / powered by io-market.com */

body {
	margin:0px;
	padding:0;
	font: 12px Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color:#000;	
}

/* scrollbar (mozilla/ie7) */
html[xmlns] { 
	overflow-y: scroll;
}

* {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}

tr, td {line-height: 1.5em;	}

p {	margin: 0 0 5px 0; } 
form { margin: 0; }
a {color: #006666;} a:hover {color: #006666;}

::-moz-selection { background-color:#4EA39C; color:#FFFFFF; }

/* help */

div.layHelpTab {
	height:100%;
	border:1px solid #ccc;
	width:100px;
}

/* warnings */

div.layWarning {
	border-bottom:1px dotted #ff0000;
	height:22px;
	margin:5px 0 5px 0;
	padding:2px 0 0 0;
	font-size: 11px;
	text-align:center;
	line-height: 1.1em
}
.attention {
	background:url(../img/sys/shield_red.gif) no-repeat left top;
	color:#ff0000;
	padding:1px 0 1px 18px;	
}
div.layWarning a {
	text-decoration:none;
}

div.statusMessage {
	height:20px;
	margin:5px 0 5px 0;
	padding:2px 0 2px 0;
	font-size: 11px;
	color:#666;
	line-height: 1.1em
}

div.basketMessage {
	margin:5px 20px 5px 5px;
	padding:2px 0 2px 0;
	/*font-size: 11px;*/
	color:#4EA39C;
	line-height: 1.1em
}

.status {
	background:url(../img/sys/oszillograph.png) no-repeat left top;
	padding:2px 0 3px 20px;
	color:#4EA39C; 
}

/* goodies */

.small { font: 11px Tahoma, sans-serif; line-height: 1.3em; }
.input { font: 12px Tahoma, sans-serif; }
.scrollup { font: bold 11px Tahoma, sans-serif;  text-decoration: none;}
.longtext { font-family: Verdana, Tahoma, sans-serif; letter-spacing: -0.015em; }
.bold { font-weight: bold; }
.hide { display: none; }
.error, .alert { color: #ff0000; }
.done { color: #666666; }
.grey { color: #989898; }
.nowrap { white-space: nowrap; }
.front  { z-index:10000; }

fieldset {
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	margin: 0;
	padding: 4px;
}
fieldset legend {
	color: #006666;
	padding: 2px;
}

code, .code {color:#3e3e3e;}

hr {
	background-color:#bdbdbd; /* Mozilla 1.4 */
	color:#bdbdbd; /* IE 6 */
	border:#bdbdbd; /* Opera 7.11 */
	height:1px;
}

h1 { font: normal 22px Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
h2 { font: bold 16px Arial, Sans-Serif; letter-spacing: -1px; padding: 0; margin: 0; }
h3 { font: bold 14px Arial, Sans-Serif; letter-spacing: -1px; padding: 0; margin: 0; }

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #006666; background: inherit; }

/* cursors */

.help { cursor: help; }
.wait { cursor: wait; }
.hand { cursor: pointer; }
.move { cursor: move; }
.text { cursor: text; }
.default { cursor: default; }
.print { cursor: pointer; }

/* layout */

div.layContent { 
	margin: 0 auto;
	width: 960px;
	padding: 0; 
}

div.lay100 {width: 100%;}
div.lay95 {width: 94.7%;}
div.lay90 {width: 89.6%;}
div.lay85 {width: 84.6%;}
div.lay80 {width: 79.6%;}
div.lay75 {width: 74.5%;}
div.lay70 {width: 69.5%;}
div.lay65 {width: 64.4%;}
div.lay60 {width: 59.4%;}
div.lay55 {width: 54.4%;}
div.lay50 {width: 49.2%;}
div.lay45 {width: 44.2%;}
div.lay40 {width: 39.2%;}
div.lay35 {width: 34.2%;}
div.lay30 {width: 29.1%;}
div.lay25 {width: 24.1%;}
div.lay20 {width: 19%;}
div.lay15 {width: 14%;}
div.lay10 {width: 9.5%;}
div.lay5 {width: 4.5%;}

div.lay26 {width: 26%;}
div.lay74 {width: 73.5%;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding55 { padding: 25px; }

.center { text-align: center; }

.txtleft { text-align: left; }
.txtcenter { text-align: center; }
.txtright { text-align: right; }

.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin20 { margin: 20px; }
.margin25 { margin: 25px; }

.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top15 { margin-top: 15px; }
.top20 { margin-top: 20px; }
.top25 { margin-top: 25px; }

.right5 { margin-right: 5px; }
.right10 { margin-right: 10px; }
.right15 { margin-right: 15px; }
.right20 { margin-right: 20px; }
.right25 { margin-right: 25px; }

.bottom5 { margin-top: 5px; }
.bottom10 { margin-top: 10px; }
.bottom15 { margin-top: 15px; }
.bottom20 { margin-top: 20px; }
.bottom25 { margin-top: 25px; }

.left5 { margin-left: 5px; }
.left10 { margin-left: 10px; }
.left15 { margin-left: 15px; }
.left20 { margin-left: 20px; }
.left25 { margin-left: 25px; }

.min100 {min-height: 100px;}
.min125 {min-height: 125px;}
.min150 {min-height: 150px;}
.min200 {min-height: 200px;}
.min250 {min-height: 250px;}

.max100 {max-height: 100px;overflow:auto;}
.max125 {max-height: 125px;overflow:auto;}
.max150 {max-height: 150px;overflow:auto;}
.max200 {max-height: 200px;overflow:auto;}
.max250 {max-height: 250px;overflow:auto;}

.max100_w {max-width: 100px;_width:100px;}
.max100_h {max-height: 100px;_height:100px;}

.imgMin75 {
	width:auto;
	height:auto;	
	min-width:75px;
	min-height:75px;
}
.imgMin100 {
	width:auto;
	height:auto;	
	min-width:100px;
	min-height:100px;
}
.imgMin150 {
	width:auto;
	height:auto;	
	min-width:150px;
	min-height:150px;
}
.imgMax75 {
	width:auto;
	height:auto;	
	max-width:75px;
	_width:75px;
	max-height:75px;
}
.imgMax100 {
	width:auto;
	height:auto;	
	max-width:100px;
	_width:100px;
	max-height:100px;
}
.imgMax150 {
	width:auto;
	height:auto;	
	max-width:150px;
	_width:150px;
	max-height:150px;
}

.vLineLeft {border-left:1px dotted #ccc;}
.vLineRight {border-right:1px dotted #ccc;}

.hLineTop {border-top:1px dotted #ccc;}
.hLineBottom {border-bottom:1px dotted #ccc;}

/* header */

div.layHeader { 
	height: 71px;
	color: #666;
	margin: 0 0;
	padding: 0;
	border-bottom: 1px solid #006666;
	line-height: 1em;
	font-size: 11px;
}
div.layTopInfo {
	float: right;
	width: 560px;
	padding: 5px 0 4px 0;
	color: #666;
}
div.layTopInfoLanguage {
	width: 100px;
	float: left;
	margin: 2px 0 0 4px;
	color: #ccc;
	text-align: left;
}
div.layTopInfoLanguage a {
	color: #4EA39C;
	text-decoration: none;
}
div.layTopInfoDate {
	width: 150px;
	float: left;
	margin: 25px 0 0 4px;
	color: #ccc;
}
div.layTopInfoRight {
	float: right;
	width: 330px;
	padding: 0;
	margin-top: 23px;
}
div.layTopInfoRight td {
	white-space: nowrap;
	line-height: 1em;
	font-size: 11px;
}
div.layTopInfoRight a {
	color: #666;
	text-decoration: underline;
}
div.layTopInfoRight a:hover {
	color: #4EA39C;
}
div.layTopLogo {
	margin: 0 0 0 10px;
}

/* popup */

div.layPopup { margin:10px; }

div.layHeaderPop { 
	color: #666;
	margin: 0 0;
	padding: 0;
	line-height: 1em;
	font-size: 11px;
}
div.layTopLogoPop {
	margin:0;
}
div.layTopInfoPop {
	margin:10px 0 0 0;
	width:250px;
}
div.layTopInfoPop td {
	white-space: nowrap;
	line-height: 1em;
	font-size: 11px;
}

div.layMainPop {
	border-top: 1px solid #006666;
	clear:both;
	float:left;
	width:100%;
	margin-top:8px;	
	padding-top:5px;
	padding-bottom:3em;
}

div.layToolsPop {
	width:100%;
    position:fixed;
    bottom:0px;
	background:url(../img/web/pop_footer.gif) top left repeat-x #C2D7D3;	
}
div.layToolsPop div.popToolBar {
	color:#006666;
	margin-top:1px;
	text-align:right;
	padding:4px;
}
div.layToolsPop div.popToolBar a {color:#006666;}
div.layToolsPop div.popToolBar a:hover {color:#FFFFFF;}

/* topnavbar */

div.layTopNavBar { 
	clear: both;
	float:left;
	width:100%;
	height:auto;
	overflow:visible !important;
	font-size: 12px;
	height: auto; 
	color: #FFF;
	margin: 2px 0 0 0; 
	background-color: #4EA39C;
}
div.layTopNavBar ul { 
	margin: 0;
	padding: 0; 
	list-style: none;
}
div.layTopNavBar li { 
	margin: 0; 
	padding: 7px 12px 5px 12px;
	color: #000;
	background-color: #4EA39C;
	display: inline;
	float: left;
	width: auto;
	height: auto;
	/*border-right: 1px solid #FFFFFF;*/
}
div.layTopNavBar li a { 
	font-weight: bold;
	color: #FFFFFF; 
	background: inherit;
	text-decoration: none;
} 
div.layTopNavBar li a:hover { 
	background: inherit;
	color: #006666; 
}
div.layTopNavBar li.here { 
	background: url(../img/nav/bar.gif) no-repeat center top #006666;
	font-weight: bold; 
	padding: 7px 12px 5px 12px;
}
div.layTopNavBar li.here a { 
	color: #FFF;
	background: none;
}
div.layTopNavBar li.here a:hover { 	
	color: #FFF;	
}

div.layTopSubNavBar { 
	clear: both;
	float:left;
	width:100%;
	height:auto;
	overflow:visible !important;
	font-size: 12px;
	height: auto; 
	color: #FFF;
	margin: 2px 0 0 0; 
	background-color: #006666;
}
div.layTopSubNavBar ul { 
	margin: 0;
	padding: 0; 
	list-style: none;
}
div.layTopSubNavBar li { 
	margin: 0; 
	padding: 7px 12px 5px 12px;
	color: #FFF;
	background-color: #006666;
	display: inline;
	float: left;
	width: auto;
	height: auto;
}
div.layTopSubNavBar li a { 
	font-weight: bold;
	color: #FFF;
	background: inherit;
	text-decoration: none;
} 
div.layTopSubNavBar li a:hover { 
	background: inherit;	
	color: #C2D7D3; 
} 
div.layTopSubNavBar li.here { 
	background: url(../img/nav/bar.gif) no-repeat center top #006666;	
	font-weight: bold; 
	padding: 7px 12px 5px 12px;
}
div.layTopSubNavBar li.here a { 
	background: none;
	color: #C2D7D3;
}
div.layTopSubNavBar li.here a:hover { 	
	color: #FFF;	
}

/* searchfield */

div.laySearchField {
	color: #808080;
	clear: both;
	float: left;
	width:100%;
	height:auto;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 2px 0 3px 0;
}

div.laySearchField .searchForm { 
	float: right; 
	padding: 5px 0 1px 8px; 
	width: 700px; 
	background-color: #F0F0F0; 
	font: bold 11px Tahoma, Arial, Sans-Serif;
	-moz-border-radius: 3px; 	
}
div.laySearchField .loginLink { 
	float: left; 
	margin: 11px 0 0 8px; 
	width: 180px; 
	font: bold 11px Tahoma, Arial, Sans-Serif;
}
div.laySearchField input.searchtext { 
	width: 312px; 
	border: 1px solid #C3C3C3;
	background: url(../img/web/input_shadow.gif) no-repeat #FFF;
	padding: 4px; 
	color: #006666;
	font-weight: bold;
	-moz-border-radius: 3px; 		
}
div.laySearchField input.searchtextbig { 
	width: 387px;
	border: 1px solid #C3C3C3;
	background: url(../img/web/input_shadow.gif) no-repeat #FFF;
	padding: 4px; 
	color: #006666;
	font-weight: bold;
	-moz-border-radius: 3px; 		
}
div.laySearchField input.searchsubmit {
	background: url(../img/web/but_search.gif) no-repeat #006666;
	border: 0;
	padding: 3px 0 3px 0;
	width: 90px;
	height: 24px;
	margin: 0 5px 0 0;
	color: #FFF;
	font: bold 11px Tahoma, Arial, Sans-Serif;
	cursor: pointer;
}
div.laySearchField input.sicosearch {
	background: url(../img/web/but_sicosearch.gif) no-repeat #006666;
	border: 0;
	padding: 3px 2px 3px 7px;
	width: 90px;
	height: 24px;
	margin: 0 5px 0 0;
	color: #FFF;
	font: bold 11px Tahoma, Arial, Sans-Serif;
	text-align: left;
	cursor: pointer;
}
div.laySearchField input.sicosearch_off {
	background: url(../img/web/but_sicosearch_off.gif) no-repeat #006666;
	border: 0;
	padding: 3px 2px 3px 7px;
	width: 90px;
	height: 24px;
	margin: 0 5px 0 0;
	color: #FFF;
	font: bold 11px Tahoma, Arial, Sans-Serif;
	text-align: left;
	cursor: pointer;
}
div#layShopSicoform input.searchsubmit {
	background: url(../img/web/but_search_form.gif) no-repeat #333333;
	border: 0;
	padding: 3px 0 3px 0;
	width: 130px;
	height: 24px;
	margin: 0 5px 0 0;
	color: #FFF;
	font: bold 11px Tahoma, Arial, Sans-Serif;
	cursor: pointer;
}

/* main area */

div.layMainArea {
	clear: both;
	border: 0;	
	margin: 0;
	padding: 2px 0 0 0;
	height: auto;
	min-height: 400px;
	_height: 400px;
	overflow:visible;
}

/* bars */

div.barLight {
	clear: both;
	background: url(../img/sys/corner.gif) no-repeat top right #C2D7D3;
	color: #000;
	padding: 7px 0 7px 10px;
	font: bold 12px Tahoma, Arial, Sans-Serif;
	margin: 0 0 0 0;
}
div.barLight a {
	color: #000;
}
div.barDark {
	background: url(../img/sys/corner.gif) no-repeat top right #6C757A;
	color: #fff;
	padding: 7px 0 7px 8px;
	font: bold 12px Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}
div.barDark a {
	color: #fff;
}

/* left content */

div.leftBox { 
	margin: 0 0 10px 0; 
	color: #000; 
	background: #FFF; 
	padding: 3px 0; 
	font-size: 12px;
}
div.leftBox .image {
	float: left;
	margin: 0 9px 3px 0;
}
div.leftBox .border {
	padding: 2px;
	border: 1px solid #C2D7D3;
	-moz-border-radius: 3px;
}
.leftSide {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	margin: 10px 0;
}	

.leftSide a { color: #414141; background: #FFF; }

/* right side */

div.rightBox { 
	background: #f5f5f5;
	color: #414141;
	/*padding: 8px;*/	
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 12px;
}
.rightSide {
	float: right;
	width: 220px;
	background: url(../img/web/dotted.gif) repeat-y #FFF;
	color: #414141;
	padding: 0 0 0 40px;
	margin: 10px 0;
}
.rightSide a { color: #414141; background: #FFF; }
		
div.rightArticle {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;	
	margin: 0 0 3px 0;
	font-size: 11px;
}
div.rightArticle a {
	color: #000;
}	
div.rightArticle .image {
	float: left;
	margin: 0 9px 3px 0;
}
div.rightArticle input.sicosearch {
	width: 110px;
	font: normal 11px Tahoma, Arial, Sans-Serif;
}	
div.rightArticle td.inputsicosearch {
	padding: 6px 0 0 0;
}	
div.rightArticle td.labelsicosearch {
	padding-top: 0;
	color: #999;
	vertical-align: top;
}	

div.rightArticle input.searchsubmit {
	background: url(../img/web/but_search_small.gif) no-repeat #6C757A;
	border: 0;
	padding: 1px 0 3px 0;
	width: 60px;
	height: 20px;
	margin: 0 5px 0 0;
	color: #FFF;
	font: normal 11px Tahoma, Arial, Sans-Serif;
}

/* defaultz */

div.defaultBox {
	padding:0 0 10px 0;
}

/* footer */

div.layFooter { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
	/*border-top: 1px solid #ccc;*/
	line-height: 1.8em;
	font-size: 11px;
}
div.layFooter a { color: #808080; background: #fff; }

/* olde dinger */

div#oldBrowser {
	width:100%; 
	padding:4px 0 4px 0; 
	background-color:#e9e9e9; 
	color:#666; 
	border-bottom:1px solid #999;
	vertical-align:middle;
}
div#oldBrowser p {
	padding-left:10px;
	width:780px;
}
div#oldBrowser img {
	vertical-align:middle;
	float:left;
}

div#devCtrl {
	padding:4px; 
	background-color:#FFFDF4; 
	color:#666; 
	border-bottom:1px solid #D8D9D4;
	vertical-align:middle;
	font-size:10px;
}

/* fontz */

.t8gr {
	color: #999999;
	font-weight: bold;
	font-size: 18px;
}
.t8sw {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
}
.t8ws {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
}
.t8bl {
	color: #003F8B;
	font-weight: bold;
	font-size: 18px;
}
.t8or {
	color: #F49E24;
	font-weight: bold;
	font-size: 18px;
}
.t8rt {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}
.t8gn {
	color: #006600;
	font-weight: bold;
	font-size: 18px;
}
/* */
.t4gr {
	color: #999999;
	font-weight: bold;
	font-size: 16px;
}
.t4sw {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
.t4ws {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}
.t4bl {
	color: #003F8B;
	font-weight: bold;
	font-size: 16px;
}
.t4or {
	color: #F49E24;
	font-weight: bold;
	font-size: 16px;
}
.t4rt {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
.t4gn {
	color: #006600;
	font-weight: bold;
	font-size: 16px;
}
/* */
.t2gr {
	color: #999999;
	font-weight: bold;
	font-size: 14px;
}
.t2sw {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
.t2ws {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.t2bl {
	color: #003F8B;
	font-weight: bold;
	font-size: 14px;
}
.t2or {
	color: #F49E24;
	font-weight: bold;
	font-size: 14px;
}
.t2rt {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}
.t2gn {
	color: #006600;
	font-weight: bold;
	font-size: 14px;
}
/* */
.t1gr {
	color: #999999;
	font-weight: bold;
	font-size: 12px;
}
.t1sw {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
.t1ws {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.t1bl {
	color: #003F8B;
	font-weight: bold;
	font-size: 12px;
}
.t1or {
	color: #F49E24;
	font-weight: bold;
	font-size: 12px;
}
.t1rt {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
.t1gn {
	color: #006600;
	font-weight: bold;
	font-size: 12px;
}
/* */
.x1gr {
	color: #999999;
	font-size: 12px;
}
.x1sw {
	color: #000000;
	font-size: 12px;
}
.x1ws {
	color: #FFFFFF;
	font-size: 12px;
}
.x1bl {
	color: #003F8B;
	font-size: 12px;
}
.x1or {
	color: #F49E24;
	font-size: 12px;
}
.x1rt {
	color: #FF0000;
	font-size: 12px;
}
.x1gn {
	color: #006600;
	font-size: 12px;
}
.x1ge {
	color: #FFCC00;
	font-size: 12px;
}
/* */
.x0gr {
	color: #999999;
	font-size: 11px;
}
.x0sw {
	color: #000000;
	font-size: 11px;
}
.x0ws {
	color: #FFFFFF;
	font-size: 11px;
}
.x0bl {
	color: #003F8B;
	font-size: 11px;
}
.x0or {
	color: #F49E24;
	font-size: 11px;
}
.x0rt {
	color: #FF0000;
	font-size: 11px;
}
.x0gn {
	color: #006600;
	font-size: 11px;
}
.x0ge {
	color: #FFCC00;
	font-size: 11px;
}

/* powered by io-market AG */