body{
	margin:0;
	padding:0;
}
body{
	background:#dbdbdb url(http://www.artionet.ch/htdocs/images/back.gif) repeat-y;
	color:#555;
	font: 70% Arial, Helvetica, sans-serif;	
	line-height:150%;
}

table, td, input, textarea, select, li{
	font: 100% Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;	
}
th{
	background:#ddd;
	padding:5px;
}
td{
	padding:5px;
}
a{
	color:#7DA60C;
	text-decoration:none;
}
a:hover{
	color:#999;
}
p, li{margin:1em 0;}
h1, h2, h3, h4{margin:1em 0;padding:0;}
h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:100%;}
hr{display:none;}
img{border:none;}
.clear{
	display:block;
	clear:both;
}
.hide{
	display:none;	
}
/*
#container{
 width:2000px;
}/*


/* ---------------------- side ----------------------------- */
#side{
	float:left;
	display:inline;
	margin:0;
	width:62px;
	padding-top:19px;
	padding-bottom:300px;
	background:url(http://www.artionet.ch/htdocs/images/side_back.gif) no-repeat;
}
#side a{
	display:block;
	width:31px;
	height:78px;
	text-indent:-8000px;
	margin-bottom:1px;
}
#side a#fr{background:url(http://www.artionet.ch/htdocs/images/lang_fr.gif) no-repeat;}
#side a#de{background:url(http://www.artionet.ch/htdocs/images/lang_de.gif) no-repeat;}
#side a#en{background:url(http://www.artionet.ch/htdocs/images/lang_en.gif) no-repeat;}
/* ---------------------- nav ----------------------------- */
#nav{
	float:left;
	display:inline;
	width:357px;
	background:url(http://www.artionet.ch/htdocs/images/nav_back.gif) no-repeat;
	position:relative;
}
#logo{
	margin:0;
	padding:0;
	height:97px;
	text-indent:-8000px;
	background:url(http://www.artionet.ch/htdocs/images/logo.gif) no-repeat;
}
#logo a{
	display:block;
	height:97px;
}
#sideNav{
	padding:1px 0 0 0;
	margin:0 0 0 49px;
	width:259px;
	background:url(http://www.artionet.ch/htdocs/images/sideNav_delimiter.gif) no-repeat 0 0;
}
#sideNav li{	
	margin:0;
	list-style:none;
	text-transform:uppercase;
}
#sideNav a{
	display:block;
	padding:1px 0 2px 0;
	width:100%;
	color:#F6FF00;
	background:url(http://www.artionet.ch/htdocs/images/sideNav_delimiter.gif) no-repeat 0 100%;	
}
#sideNav a:hover, #sideNav a.selected{
	color:#fff;
}
#sideNav a span{
	display:block;
	padding:4px 11px;	
}
#sideNav a:hover span, #sideNav a.selected span{
	background:#7DA60C;
}
/* second level */
#sideNav ul{
	padding:0;
	margin:0;
}
#sideNav ul li{
	text-transform:none;
}
#sideNav ul a{
	color:#fff;
}
#sideNav ul a span{
	display:block;
	padding:4px 11px 4px 22px;
}
#sideNav ul a:hover span, #sideNav ul a.selected span{
	background:#4183AC;
}
/* */
#topNav, #topNav li {
	margin:0;
	padding:0;
	list-style:none;
}
#topNav{
	position:absolute;
	top:0;
	left:506px;
	border-left:1px solid #C9DD90;
	width:340px;
	height:35px;
}
#topNav li{
	float:left;
	width:67px;
	height:35px;
	border-right:1px solid #C9DD90;
	text-transform:uppercase;
	text-align:center;
}
#topNav a{
	display:block;
	color:#7C7C7C;
	padding-top:22px;
}
#topNav a:hover{
	color:#7DA60C;
}
/* */
#featuredImg{
	text-align:center;
	margin:25px 0;
}
#featuredImg img{
	border:5px solid #fff;
}
#featuredTxt{
	color:#fff;
	margin:0 49px;
	padding:0 5px;
	line-height:24px;
	background:url(http://www.artionet.ch/htdocs/images/featured_back.gif) repeat;
}
#featuredTxt strong{
	font-weight:normal;
	text-transform:uppercase;
	font-size:110%;
}
#featuredTxt a{
	font-weight:bold;
	color:#F6FF00;
	padding-left:.5em;
}
#featuredTxt a:hover{
	color:#fff;
}

/**/
#nav h3{
	color:#fff;
	margin:.5em 49px 0 49px;
	padding:0 5px;
	line-height:24px;
	font-weight:normal;
	text-transform:uppercase;
}
form#newsletter{
	margin:.1em 49px .5em 49px;
	padding:5px;
	background:#3791C8;
}
form#newsletter .field{
	border:0;
	width:80px;
	margin:.2em 0;
	background:#4D9DCE;
	color:#fff;
}
form.customers .field{
	border:0;
	width:170px;
	margin:.2em 0;
	background:#4D9DCE;
	color:#fff;
}
form#newsletter .button, form.customers .button{
	border:0;
	margin:.2em 0;
	background:#1E7DB8;
	color:#fff;
}
/* ---------------------- main ----------------------------- */
#main{
	float:left;
	display:inline;
	width:538px;
	background:url(http://www.artionet.ch/htdocs/images/main_back.jpg) no-repeat;
}
* html #main{height:400px;}
html>body #main{min-height:400px;}
h2#slogan{
	margin:96px 0 28px 150px;
	padding:0;
	height:25px;
	background:url(http://www.artionet.ch/htdocs/images/slogan_fr.gif) no-repeat;
	text-indent:-8000px;
}
p.intro{
	margin-left:150px;
	margin-right:49px;
	padding:0 5px;
	line-height:24px;
	background:url(http://www.artionet.ch/htdocs/images/intro_back.gif) repeat;	
}
p.intro a{
	font-weight:bold;
	padding-left:.5em;
}
ul.intro{
	margin:22px 0 25px 150px;
	padding:0;
	height:100px;
}
ul.intro li{
	margin:0;
	padding:0;
	float:left;
	width:99px;
	height:100px;
	list-style:none;
	text-indent:-8000px;
	margin-right:21px;
}
ul.intro li a{
	display:block;
	width:100%;
	height:100px;
}
ul.intro li#intro1, ul.intro li#intro1 a{background:url(http://www.artionet.ch/htdocs/images/intro1.gif) no-repeat 0 0;}
ul.intro li#intro1 {
height:100px;
}
ul.intro li#intro2, ul.intro li#intro2 a{background:url(http://www.artionet.ch/htdocs/images/intro2.gif) no-repeat 0 0;}
ul.intro li#intro3, ul.intro li#intro3 a{background:url(http://www.artionet.ch/htdocs/images/intro3.gif) no-repeat 0 0;}
ul.intro li#intro1 a:hover{background:url(http://www.artionet.ch/htdocs/images/intro1.gif) no-repeat 0 -100px;}
ul.intro li#intro2 a:hover{background:url(http://www.artionet.ch/htdocs/images/intro2.gif) no-repeat 0 -100px;}
ul.intro li#intro3 a:hover{background:url(http://www.artionet.ch/htdocs/images/intro3.gif) no-repeat 0 -100px;}
/* */
#content{
	margin-left:150px;
	width:339px;
}

#content h3{
	margin:1em 0;
	padding:0 0 .5em 0;
	text-transform:uppercase;
	font-weight:normal;
	color:#5D7D00;
	background:url(http://www.artionet.ch/htdocs/images/dotted.gif) no-repeat 0 100%;
}
#content h2, #content h4{
	color:#5D7D00;
}
/* */
#content h2#pageTitle{
	margin-top:63px;
	height:	56px;	/*28px;*/
	padding-bottom:1px;
	background:url(http://www.artionet.ch/htdocs/images/dotted.gif) no-repeat 0 100%;
}
/*  sIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash #content h2#pageTitle {visibility: hidden;}
/* */
.news{
	background:url(http://www.artionet.ch/htdocs/images/dotted.gif) no-repeat 0 100%;
}
.news h4{
	margin:1em 0 .3em 0;
}
.news p{
	margin:.3em 0;
}
.news p.link{
	margin:0;
	padding:0;
	height:11px;
}
.news p.link a{
	float:right;
	display:block;
	width:13px;
	height:11px;
	background:url(http://www.artionet.ch/htdocs/images/news_link.gif) no-repeat 0 0;
	text-indent:-8000px;
}
.news p.link a span{
	display:none;
}
.news p.link a:hover{
	background:url(http://www.artionet.ch/htdocs/images/news_link.gif) no-repeat 0 -11px;
}
#content ul{
	margin:0;
	padding:0;
}
#content ul li{
	list-style:none;
	padding-left:20px;
	background:url(http://www.artionet.ch/htdocs/images/bullet.gif) no-repeat 0 2px;
}
#content ul ul li{
	padding-left:40px;
	background:url(http://www.artionet.ch/htdocs/images/bullet2.gif) no-repeat 20px 2px;
}
/* partners */
#content ul#partners li{
	padding-left:0;
	background:none;
	clear:both;
	padding-bottom:1em;
	background:url(http://www.artionet.ch/htdocs/images/dotted.gif) no-repeat 0 100%;
}
#content ul#partners li p{
	margin:0;
	padding:0;
}
#content ul#partners p.image{
	float:left;
}
#content ul#partners p.desc{
	float:right;
	width:230px;
}
/* ---------------------- footer ----------------------------- */
#footer{
	clear:both;	
	width:908px;
	text-align:right;
	background:url(http://www.artionet.ch/htdocs/images/footer.gif) no-repeat;
	padding-top:120px;
	padding-bottom:50px;
	margin:0;
}
/* ---------------------- float fix ----------------------------- */
#content ul#partners li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content ul#partners li{display:block;}
* html #content ul#partners li{height: 1%;}
/* end float fix */