/* ---------- positioning main divs ----------------- */
body{
margin:0px;
padding:0px;
font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
color:#196189;
background-color:#FFFFFF;
}
#container{
margin:0 auto;
padding:0px;
width:780px;
background-image:url(/artiff/images/interface/bgcontainer.gif);
background-repeat:repeat-y;
}
#header{
margin:0;
padding:0;
width:780px;
height:150px;
float:none;
}
#nav{
margin:0;
padding:0px 0px 50px 0px;
width:265px;
float:left;
}
#content{
margin:0;
padding:0;
width:514px;
float:left;
text-align:left;
}
/* ---------- styling the navigation ----------------- */
#nav img{
border:0px;
}
#nav ul{
margin:0;
padding:0;
font-family: "trebuchet MS", arial, verdana, Helvetica, sans-serif;
list-style:none;
}
ul#extranavlist{
margin:20px 0px 0px 0px;
padding:0;
}
ul#subnavlist{
margin:5px 0px 20px 0px;
padding:0;
}
#navlist li { 
margin:0;
padding:0;
}
#subnavlist li { 
margin:0;
padding:0;
}
#extranavlist li { 
margin:0;
padding:0;
}
#navlist a {
margin:0;
display: block;
padding: 5px 10px;
color: #fff;
width: 265px;
width/**/:/**/ 245px;
background-color:#77B1D0;
background-image:url(/artiff/images/interface/bg_dark.gif);
background-repeat:repeat-y;
background-position:right;
text-decoration: none;
border-bottom:1px solid #C9E5EF;
font-size:1.0em;
font-weight:bold;
text-align:right;
}
#subnavlist a {
margin:0;
display: block;
padding: 1px 25px;
color: #4E91B6;
width: 265px;
width/**/:/**/ 215px;
text-decoration: none;
background-color:#C9E5EF;
background-image:url(/artiff/images/interface/bg_light.gif);
background-repeat:repeat-y;
background-position:right;
border:0;
font-size:0.9em;
font-weight:normal;
text-align:right;
}
#extranavlist a {
margin:0;
display: block;
padding: 5px 10px;
color: #5295B8;
width: 265px;
width/**/:/**/ 245px;
text-decoration: none;
font-size:1.0em;
font-weight:bold;
text-align:right;
}
#navlist a:hover {
background-color:#408CB5;
background-image:url(/artiff/images/interface/bg_dark_over.gif);
background-repeat:repeat-y;
}
#subnavlist a:hover {
background-image:url(/artiff/images/interface/bg_light.gif);
background-repeat:repeat-y;
color: #B53793;
}
#extranavlist a:hover {
color: #B53793;
}
a#current{
background-color:#F063AE;
background-image:url(/artiff/images/interface/bg_pink.gif);
background-repeat:repeat-y;
}
a:hover#current {
background-color:#F063AE;
background-image:url(/artiff/images/interface/bg_pink.gif);
background-repeat:repeat-y;
}
a#subcurrent{
background-color:#C9E5EF;
background-image:url(/artiff/images/interface/bg_light.gif);
background-repeat:repeat-y;
font-weight:bold;
color: #B53793;
}
a:hover#subcurrent {
background-color:#C9E5EF;
background-image:url(/artiff/images/interface/bg_light.gif);
background-repeat:repeat-y;
color: #B53793;
}
/* ---------- styling the fotopiece -----------------*/
#language{
width:510px;
width/**/:/**/ 462px;
display: block;
padding: 5px 0px 6px 50px;
color: #FFFFFF;
background-image:url(/artiff/images/interface/headerpiece.jpg);
background-repeat:no-repeat;
text-decoration:none;
font-size:1.0em;
font-weight:bold;
text-align:left; 
}
#language a{
text-decoration:none;
color:#FFFFFF;
}
#language a:hover{
color:#B73693;
}


/* ---------- styling foto detail ----------------- */
#imginfo{
width:495px;
margin:0;
padding:0;
background-color:#B53793;
float:left;
}
#imginfo img{
margin-bottom:5px;
padding:4px;
background-color:#FFFFFF;
border:1px solid #811A65;
}
#imginfo img.noborder{
margin-bottom:5px;
padding:0;
border:0;
}
#imgbefore{
margin:0;
padding:10px 0px 10px 10px;
width:110px;
float:left;
text-align:center;
}
#imgbefore1{
margin:0;
padding:10px 0px 10px 70px;
width:110px;
float:left;
text-align:center;
}
#imginfo h1{
padding:0;
margin:0;
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
}
#imginfo h2{
padding:0px 0px 5px 0px;
margin:0;
font-size:1.0em;
font-weight:bold;
color:#EBB5D2;
}
#imginfo p{
margin:0;
padding:0px 0px 10px 0px;
}
#imgafter{
margin:0;
padding:10px 10px 10px 10px;
width:110px;
float:left;
text-align:center;
}
#imgafter2{
margin:0;
padding:10px 10px 10px 0px;
width:110px;
float:left;
text-align:center;
}
#imgtext{
width:200px;
margin:28px 0px 20px 10px;
padding:0;
float:left;
font-size:0.8em;
color:#FFFFFF;
}
#imgtextwide{
width:400px;
margin:28px 0px 0px 20px;
padding:0;
float:left;
font-size:0.8em;
color:#FFFFFF;
}
#imgback{
width:230px;
margin:10px 20px 20px 0px;
padding:0;
float:right;
font-size:0.8em;
color:#316D8E;
}

#imgback a{
color:#77B1D0;
font-weight:bold;
text-decoration:none;
}
#imgback a:hover{
color:#316D8E;
}
#homelink a{
color:#77B1D0;
font-weight:bold;
text-decoration:none;
}
#homelink a:hover{
color:#316D8E;
}
#textblock a{
color:#ffffff;
text-decoration:none;
}
#textblock a:hover{
color:#ffffff;
font-weight:bold;
}
/* ---------- styling the content ----------------- */

#imglist{
margin:0;
padding:10px 10px 0px 10px;
background-color:#B53793;
float:left;
width:110px;
font-size:0.8em;
color:#FFFFFF;
text-align:center;
}
#imglist img{
margin-bottom:5px;
padding:4px;
background-color:#FFFFFF;
border:1px solid #811A65;
}
#imglist a{
margin:0;
padding:0px 0px 10px 0px;
font-weight:bold;
color:#F5BFE6;
display:block;
}
#imglist a:hover{
color:#FFFFFF;
}
#text{
margin:0;
padding:15px 40px 10px 0px;
width:370px;
width/**/:/**/ 325px;
float:right;
text-align:left;
font-size:0.9em;
}

#text p{
margin:0;
padding:5px 0px 5px 0px;
}
#text h1{
margin:0;
padding:0px 0px 0px 0px;
font-size:1.6em;
font-weight:bold;
color:#B53793;
}
#text h2{
margin:0;
padding:0px 0px 10px 0px;
font-size:1.0em;
font-weight:bold;
color:#77B1D0;
}
#text h3{
margin:0;
padding:10px 0px 0px 0px;
font-size:1.0em;
font-weight:bold;
color:#196189;
}
#text a{
margin:0;
padding:0;
font-weight:bold;
color:#316D8E;
}

#textfull{
margin:0px 0px 20px 20px;
padding:15px 40px 10px 0px;
width:470px;
width/**/:/**/ 425px;
float:left;
text-align:left;
font-size:0.9em;
}
#textfull p{
margin:0;
padding:5px 0px 5px 0px;
}
#textfull h1{
margin:0;
padding:0px 0px 0px 0px;
font-size:1.6em;
font-weight:bold;
color:#B53793;
}
#textfull h2{
margin:0;
padding:0px 0px 10px 0px;
font-size:1.0em;
font-weight:bold;
color:#77B1D0;
}
#textfull h3{
margin:0;
padding:10px 0px 0px 0px;
font-size:1.0em;
font-weight:bold;
color:#196189;
}
#textfull a{
margin:0;
padding:0;
font-weight:bold;
color:#316D8E;
}


.clear{
clear:both;
background-image:url(/artiff/images/interface/clearbg.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}
#footer{
margin:0px;
padding:20px 0px 20px 0px;
clear:both;
float:left;
width:760px;
background-color:#CBE6EF;
background-image:url(/artiff/images/interface/footerbg.gif);
background-repeat:no-repeat;
background-position:top;
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#4E84A1;
}
/* ---------- styling homepage ----------------- */
#introtext{
margin:0;
padding:0px;
width:240px;
float:left;
background-color:#B73693;
color:#ffffff;
}
#introtext h1{
margin:0;
padding:20px 20px 5px 20px;
font-size:1.2em;
}
#introtext p{
margin:0;
padding:0px 20px 10px 20px;
font-size:0.8em;
}
#homeinfo{
margin:0px 0px 40px 0px;
padding:0px;
width:220px;
float:left;
border-left:1px solid #B73693;
}
#homeinfo h2{
margin:0;
padding:20px 20px 5px 20px;
font-size:1.0em;
}
#homeinfo p{
margin:0;
padding:0px 0px 10px 20px;
font-size:0.8em;
}
#homelink{
width:240px;
width/**/:/**/ 220px;
margin:0px;
padding:10px 0px 0px 20px;
float:right;
font-size:0.8em;
color:#316D8E;
background-color:#FFFFFF;
}
.strong{
font-weight:bold;
}
#imageafter2 img.noborder{
margin-bottom:5px;
padding:0;
border:0;
}
/* ---------- Registration Style ----------------- */
.label{
	text-align:right;
}
.textfield {
	font-size: 14px;
	color: #196186;
	background: #C9E5EF;
	border: 1px solid #B73693;
	padding-left: 1px;
	width:250px;
}
.special {
	vertical-align: 8%;
}
#regis{
	width:250px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #196186;
	background: #C9E5EF;
	border: 1px solid #B73693;
}
#registration h1 {
	color: #99CC00;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 18px Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #E6E8ED;
}
#registration a {
	color: #196186;
	font-size: 11px;
}
#registration a:hover {
	color: #B53793;
}
.err {
	color: #B53793;
}
#registration th {
	font-weight: bold;
	text-align: left;
}