@charset "utf-8";
/* CSS Document by art-zurich.com*/


body {
	background-color: #000000;
	font-family : Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
}


/* ELEMENTE/BOXEN */

#top-banner {
	position: absolute;
	left: 2px;
	top: -25px;
	width: 950px;
	height: 210px;
	z-index: 0;
	background-image:url(../images/banner/title/artzurich-logo-weblarge-date4.jpg); background-position:left; background-repeat:no-repeat;
}
#top-banner-transparent {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;
	height: 190px;
	z-index: 1;
	background:none;
	background-image:none;
}
#menu-left {
	position: absolute;
	left: 10px;
	top: 185px;
	width: 158px;
	height: 426px;
	background-color: none;
	border: 0;
	z-index: 1;
	overflow: visible;
}
/* SPRACHAUSWAHL */ 
#menu-top {
	position: absolute;
	left: 735px;
	top: 60px;
	width: 70px;
	border: 0;
	z-index: 1;
	background-color: none;
	overflow: visible;
	padding-left:0px;
}
#contentlayer {
	position: absolute;
	left: 183px;
	top: 185px;
	width: 588px;
	padding-top: 10px; padding-bottom: 10px; padding-left: 12px; padding-right: 12px;
	z-index: 3;
	background-color: #EFF1F1;
	border-color: #C1C1C1; border-width: thin; border-style: solid; 
	overflow: visible;
}
#contentlayer-katalog {
	position: absolute;
	left: 183px;
	top: 185px;
	width: 790px;
	padding-top: 10px; padding-bottom: 10px; padding-left: 12px; padding-right: 12px;
	z-index: 3;
	background-color: #EFF1F1; border-color: #C1C1C1; border-width: thin; border-style: solid;
	overflow: visible;
}
#infokasten {
	position: absolute;
	left: 805px;
	top: 5px;
	width: 180px;
	/* BEI VOLLBILD OBEN: padding-top:165px; padding-bottom:5px; padding-left:5px; padding-right:5px;*/
	padding:5px;
	z-index: 4;
	background-color:#EFF1F1;
	border-color: #C1C1C1; border-width: thin; border-style: solid;
	overflow: visible;
	background-image:none; background-position:top; background-repeat:no-repeat;
	line-height:160%;
	font-size:8pt;
}
#reiter1-a {
	position:absolute;
	left:200px; top:145px;
	width:160px; height:40px;
	background-color:#EFF1F1;
	border-top:#FF0000 3px solid;
	color:#000000; font-size:10pt; font-style:normal; font-weight:bold; text-align:center;
	padding-top:10px;
	z-index:4;
}
#reiter1-b {
	position:absolute;
	left:200px; top:150px;
	width:160px; height:40px;
	background-color:#D7DADA;
	border-top:#FFFFFF 2px solid;
	color:#000000; font-size:10pt; font-style:normal; font-weight:bold; text-align:center;
	padding-top:10px;
	z-index:2;
}
#reiter2-a {
	position:absolute;
	left:370px; top:145px;
	width:160px; height:40px;
	background-color:#EFF1F1;
	border-top:#FF0000 3px solid;
	color:#000000; font-size:10pt; font-style:normal; font-weight:bold; text-align:center;
	padding-top:10px;
	z-index:4;
}
#reiter2-b {
	position:absolute;
	left:370px; top:150px;
	width:160px; height:40px;
	background-color:#D7DADA;
	border-top:#FFFFFF 2px solid;
	color:#000000; font-size:10pt; font-style:normal; font-weight:bold; text-align:center;
	padding-top:10px;
	z-index:2;
}
#reiter3-a {
	position:absolute;
	left:540px; top:145px;
	width:160px; height:40px;
	background-color:#EFF1F1;
	border-top:#FF0000 3px solid;
	color:#000000; font-size:10pt; font-style:normal; font-weight:bold; text-align:center;
	padding-top:10px;
	z-index:4;
}
#reiter3-b {
	position:absolute;
	left:540px; top:150px;
	width:160px; height:40px;
	background-color:#D7DADA;
	border-top:#FFFFFF 2px solid;
	color:#000000; font-size:10pt; font-style:normal; font-weight:bold; text-align:center;
	padding-top:10px;
	z-index:2;
}


/*TEXT-FORMATE*/

strong { 
font-weight: bold; 
}
em { 
font-style: italic; 
}
textarea {
	background-color: #FFFFFF;
	font-family : Arial, Helvetica, Geneva, Tahoma, sans-serif;
}
h1 {
color:#333399;
font-weight:normal;
font-size:16pt;
}
h2 {
color:#333333;
font-weight:normal;
font-size:14pt;
}
h3 {
padding-top:10px;
color:#333333;
font-weight:bold;
font-size:12pt;
}
h4 {
padding-top:15px;
color:#333333;
border: 0px;
border-bottom: dotted 1px #666666;
border-top: transparent;
font-weight:bold;
font-size:11pt;
}
h5 {
color:#333333;
font-weight:bold;
font-size:10pt;
}
h6 {
color:#333333;
font-weight:bold;
font-size:9pt;
}
.kleinschrift1 {
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 150%;
}
.underline {
	text-decoration:underline;
}
ul {
	list-style-type:none;
	list-style-image:url(../images/layout/pfeil_blau-re.gif);
	color: #000000;
	line-height: 180%;
}


/* LINK-FORMATE */

a:link {
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}
#news a { color: #FFFFFF; }
#footer a {	color: #333333; } #footer a:hover {	color: #FF0000; }
/* OHNE navicontainer-reiter: */ 
#reiter a {	color: #000000; font-weight:bold; } 
#reiter a:hover { color: #FF0000; font-weight:bold; } 
#reiter a:active { color: #999999; font-weight:bold; }


/* TEXT-EXTRAS */

.textkasten-bg {
	background-color: #FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;
	padding: 6px; 
}
.textkasten-bg-2 {
	background-color: #FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;
	padding: 6px;
	line-height:220%;
}
.textkasten-bg-halb {
	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width:1px;
	border-left-color: #999999;
	border-bottom-style: solid;
	border-bottom-width:2px;
	border-bottom-color: #CCCCCC;
	padding: 6px; 
}
fieldset { border: none; }
input:focus { background: #F0F3F3; 
}
.table-contactform {
background:#FFFFFF;
border: 1px solid #CCCCCC;
padding: 6px; 
}
.table-form2 {
background:#FFFFFF;
border: 1px solid #CCCCCC;
padding:6px;
border:none;
}
.table-form-halb {
	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width:1px;
	border-left-color: #999999;
	border-bottom-style: solid;
	border-bottom-width:2px;
	border-bottom-color: #CCCCCC;
	padding: 6px; 
}
.image-in-text-right {
float: right; margin-left: 20px;
}

/* LINIEN */

hr {
	width: 100%;
	noshade: noshade;
	color: #999999;
	border: thin dotted;
	padding: 0;
	size: 0;
}
.hr-weiss {
	width: 100%;
	noshade: noshade;
	color: #FFFFFF;
	border: thin dotted;
	padding: 0;
	size: 0;
}
.hr-dunkel {
	width: 100%;
	noshade: noshade;
	color: #545454;
	border: thin dotted;
	padding: 0;
	size: 0;
}
.hr-bg {
	width: 100%;
	noshade: noshade;
	color: #EFF1F1;
	border: thin solid;
	padding: 0;
}


/* LINK-BUTTONS*/

#linkbutton-infokasten a {
display: block;
padding: 6px;
color: #333333;
background-color: #FFFFFF;
font-size:12px;
text-transform:none; 
font-weight: bold;
text-align: left;
text-decoration: underline;
border: 1px dotted #999999;
}
#linkbutton-infokasten a:hover {
background-color: #999999;
color:#FFFFFF;
text-decoration: none;
border: 1px solid #000000;
}
#linkbutton-infokasten a:active {
background-color:#666666;
color:#FFFF00;
text-decoration: none;
border: 1px solid #CCCCCC;
}

#linkbutton-katalog a {
display: block;
padding: 6px;
font-size:12px;
color: #000000;
font-weight:bold;
text-decoration: none;
}
#linkbutton-katalog a:hover {
color: #FFFFFF;
background-color: #D00044;
text-decoration: none;
}
#linkbutton-katalog a:active {
border: 2px solid #D00044;
text-decoration: none;
}
#linkbutton-simple a {
display: block;
padding: 8px 6px 6px 18px;
color: #0046D0;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: none;
border: 1px solid #33CCFF;
}
#linkbutton-simple a:hover {
color: #D00044;
border: 1px solid #3399FF;
}
#linkbutton-simple a:active {
border: 1px solid #D00044;
}

#linkbutton a {
display: block;
padding: 8px 6px 6px 18px;
color: #0046D0;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: none;
border-left: 1px solid #33CCFF;
border-top: 1px solid #33CCFF;
border-bottom: medium double #CCCCCC;
background-image:url(../images/layout/pfeil-rechts.png);
background-position:left;
background-repeat:no-repeat;
}
#linkbutton a:hover {
color: #D00044;
font-weight: normal;
text-decoration:none;
border-left: 1px solid #3399FF;
border-top: 1px solid #CCCCCC;
border-bottom: medium double #999999;
background-image:url(../images/layout/pfeil-rechts-2.png);
background-position:left;
background-repeat:no-repeat;
}
#linkbutton a:active {
border-left: 3px solid #D00044;
border-top: 1px solid #CCCCCC;
border-bottom: medium double #999999;
}

/*BEWERBUNGS-BUTTONS*/
#linkbutton-175-de a {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-de1.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-de a:hover {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-de2.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-de a:active {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-de3.png); background-position:left; background-repeat:no-repeat;}

#linkbutton-175-en a {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-en1.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-en a:hover {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-en2.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-en a:active {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-en3.png); background-position:left; background-repeat:no-repeat;}

#linkbutton-175-fr a {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-fr1.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-fr a:hover {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-fr2.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-fr a:active {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-fr3.png); background-position:left; background-repeat:no-repeat;}

#linkbutton-175-es a {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-es1.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-es a:hover {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-es2.png); background-position:left; background-repeat:no-repeat;}
#linkbutton-175-es a:active {display: block; width:175px; height:70px;
background-image: url(../images/layout/artzurich-application-es3.png); background-position:left; background-repeat:no-repeat;}

/* BUTTON ART-MEETING-POINT */
#amp-button-175 a {display: block; width:175px; height:175px;
background-image: url(../images/banner/extra/artzurich-artmeetingpoint-2-175.png); background-position:left; background-repeat:no-repeat;}
#amp-button-175 a:hover {display: block; width:175px; height:175px;
background-image: url(../images/banner/extra/artzurich-artmeetingpoint-1-175.png); background-position:left; background-repeat:no-repeat;}


/* NAVIGATION LINKS */

#navicontainer { margin-left: 0; }
#navicontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image:none;
}
#navicontainer li { margin: 0 0 0px 0; }
#navicontainer a
{
display: block;
padding: 6px 15px;
width: 134px;
color: #FFFFFF;
background-color: #000000;
text-transform:uppercase; 
font-weight: none;
text-decoration: none;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #252343;
}
#navicontainer a:hover
{
border-top: 1px dotted #FFFF00;
border-bottom: 1px dotted #FFFF00;
background-color: #666666;
color:#FFFFFF;
background-image:url(../images/layout/pfeil_gelb-re.gif);
background-repeat: no-repeat;
background-position: left;
}
#navicontainer a:active
{
border-top: 1px dotted #FFFFFF;
background-color: #D00044;
background-image:url(../images/layout/pfeil_weiss-re.gif);
}

#navicontainer ul ul li { margin: 0 0 0px 0px; }

#navicontainer ul ul a
{
display: block;
padding: 6px 15px;
width: 134px;
color: #FFFFFF;
background-color: #1E1E1E;
font-weight: none;
text-decoration: none;
border-top: 1px dotted #999999;
}

#navicontainer ul ul a:hover
{
background-color: #D00044;
}

#navicontainer ul ul a:active
{
background-color: #D00044;
}

#navicontainer ul ul ul li { margin: 0 0 0px 0px; }

#navicontainer ul ul ul a
{
display: block;
padding: 6px 15px;
width: 134px;
color: #FFFFFF;
background-color: #D00044;
font-weight: none;
text-decoration: none;
border-top: 1px dotted #999999;
}

#navicontainer ul ul ul a:hover
{
background-image:none;
}

#navicontainer ul ul ul ul li { margin: 0 0 0px 0px; }

#navicontainer ul ul ul ul a
{
display: block;
padding: 6px 15px;
width: 134px;
color: #FFFFFF;
background-color: #252343;
font-weight: none;
text-decoration: none;
border-top: 1px dotted #999999;
}

#navicontainer ul ul ul ul a:hover
{
background-color: #D00044;
background-image:url(../images/layout/pfeil_weiss-re.gif);
background-repeat: no-repeat;
background-position: left;
}

#navicontainer ul ul ul ul a:active
{
background-color: #D00044;
}

#navicontainer ul ul ul ul ul li { margin: 0 0 0px 0px; }

#navicontainer ul ul ul ul ul a
{
display: block;
padding: 6px 15px;
width: 134px;
color: #FFFFFF;
background-color: #1E1E1E;
font-weight: none;
text-decoration: none;
border-top: 1px dotted #999999;
}

#navicontainer ul ul ul ul ul a:hover
{
background-color: #D00044;
background-image:url(../images/layout/pfeil_weiss-re.gif);
background-repeat: no-repeat;
background-position: left;
}

#navicontainer ul ul ul ul ul ul li { margin: 0px 0px 0px 0px; }

#navicontainer ul ul ul ul ul ul a
{
display: block;
padding: 6px 15px;
width: 134px;
color: #FFFFFF;
background-color: #D00044;
font-weight: none;
text-decoration: none;
border-top: 1px dotted #999999;
}
#navicontainer ul ul ul ul ul ul a:hover
{
background-image:none;
}

#navicontainer ul ul ul ul ul ul ul li { margin: 0 0 0px 0px; }

#navicontainer ul ul ul ul ul ul ul a
{
display: block;
padding: 6px 15px;
width: 134px;
color: #FFFFFF;
background-color: #2E2B54;
font-weight: none;
text-decoration: none;
border-top: 1px dotted #999999;
background-image:none;
}
#navicontainer ul ul ul ul ul ul ul a:hover
{
background-color: #2E2B54;
background-image:none;
}


/* NAVIGATION OBEN SPRACHAUSWAHL */

#navicontainer-top { margin-left: 0; }

#navicontainer-top ul
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image:none;
font-style: italic;
}

#navicontainer-top li { margin: 0 0 1px 0; }

#navicontainer-top a
{
display: block;
color: #FFFFFF;
text-align:left;
font-size:8pt;
text-transform:none; 
text-decoration: none;
}
#navicontainer-top a:hover
{
color: #FFFFFF;
text-decoration: underline;
color:#FFFF00;
}
#navicontainer-top a:active
{
color: #FFFFFF;
text-decoration: underline;
}


/* NAVIGATION REITER */

#navicontainer-reiter { margin-left: 0; 
}
#navicontainer-reiter ul
{margin: 0;padding: 0;
list-style-type: none;list-style-image:none;
font-size:10pt; font-style:normal; font-weight:bold; text-align:center;
}
#navicontainer-reiter li { margin: 0 0 1px 0; 
}
#navicontainer-reiter a
{
display: block;
color:#000000; 
text-decoration: none;
font-weight:bold;
}
#navicontainer-reiter a:hover
{
color: #FF0000;
text-decoration: underline;
}
#navicontainer-reiter a:active
{
color: #FFFF00;
text-decoration: none;
}


/* TRANSPARENTE PNG IM IE6 */
.png{
  background: url(../images/layout/transparent-logo.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/layout/transparent-logo.png');
}
.png{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/layout/transparent-logo.png');}
body>.png{background: url(../images/layout/transparent-logo.png);}


