/*  TRIART CSS Datei
        erstellt von Benjamin Simsa
        für die Website: www.triart.at */        

html {
	height:100%;
	max-height:100%;
	padding:auto;
	margin:auto;
	border:auto;
	background-color:#62C6E0;
	font-size:9pt;
	color:#000000;
	font-family: verdana,arial;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	}

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:auto;
	margin:auto;
	border:auto;
	text-align:justify;
	background-color:#62C6E0;
	}


#head {
	position:absolute;
	margin-left:0px;
	left:0px;
	top:0;
	width:100%;
	height:100px;
	background:url(GUI/HG-Flach.gif);
	z-index:5;
	}

* html #head {
	top:0px; width:100%; height:100px;
	}


#pagetitle {
	position:absolute;
	left:0px;
	top:0px;
	/*width:92px;
	height:552px;*/
	width:100%;
	height:100%;
	z-index:2;
	}


#content {
	display:block;
	overflow:auto;
	position:absolute;
	z-index:3;
	top:100px;
	bottom:0px;
	right:0px;
	margin-left:0px;
	padding-left:90px;
	left:0px;
}

* html #content {
	overflow-x:expression(document.body.clientWidth > 700? "hidden": "auto");
	top:0;
	bottom:0;
	right:0;
	left:0;
	height:100%;
	width:100%;
	border-top:102px solid #fff;
	border-bottom:0px solid #fff;
	border-right:00px solid #fff;}

#content2{
    padding-right:20px;
    min-width:600px;
    max-width:1000px;
    width:expression(
	    document.body.clientWidth < 700? "600px": "100%"
		&&
	    document.body.clientWidth > 1100? "1000px": "100%"
		);
}


#contenttop{
    position:relative;
    height:50px;
    min-width:400px;
    max-width:1000px;
    text-align:right;
    font-family:verdana,arial;
    font-size:9pt;
    padding-right:0px;
}


#besetzung
{
	padding-left:215px; margin-left:0px;
}


*html #besetzung
{
	display:inline-block; padding-left:0px;
}

#bottom1{
    padding-top:0px; margin-top:0px; padding-bottom:0px; clear:both; border-bottom:3px solid #FFF; color:#FFF; text-align:left; font-size:11px; line-height:15px;
}
#bottom2{
    margin-top:0px; padding-bottom:20px; color:#FFF; text-align:center; font-size:11px; line-height:15px;
}



/* BASIS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p{
   margin:0px;
}
font{
   font-size:13px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol{
   margin-top:0px;
   margin-bottom:0px;
}
ul{
   margin-top:0px;
   margin-bottom:0px;
   margin-left:20px;
   padding-left:0px;
   list-style-type:none;
}
li{
   margin-top:0px;
   margin-bottom:0px;
   margin-left:0px;
   padding-left:0px;
}

a{
   color:#FFF;
   text-decoration:none; /* underlined */
}
a:hover{
   color:#000;
   text-decoration:none;
}

.internlink{
   color:#000;
   text-decoration:none; /* underlined */
}
.internlink:hover{
   color:#DE2727;
   text-decoration:none;
}

.internlink2{
   color:#000;
   text-decoration:none; /* underlined */
}
.internlink2:hover{

filter: alpha(opacity = 70);
zoom: 1;

opacity:0.7;
MozOpacity:0.7;
KhtmlOpacity:0.7;

}

.lnegative{
   color:#000;
   text-decoration:none; /* underlined */
}
.lnegative:hover{
   color:#FFF;
   text-decoration:none;
}

.lpic{
   color:#000;
   text-decoration:none; /* underlined */
}
.lpic:hover{
   color:#555555;
   text-decoration:none;
}

h1.list{
    font-family:Helvetica,Verdana,Arial; font-size:13pt; font-weight:bold; color:#FFF; margin:0px; padding:0px;
}

h2.list{
    font-family:Helvetica,Verdana,Arial; font-size:9pt; letter-spacing: 0.75pt; font-weight:bold; color:#000; margin:0px; padding:0px 0px 5px 0px;
}

h1.mainartist{
    font-family:Helvetica,Verdana,Arial; font-size:24pt; font-weight:bold; color:#FFFFFF; margin:0px; padding:0px; text-align:left;
}

h2.mainartist{
    font-family:Helvetica,Verdana,Arial; font-size:10pt; font-weight:bold; color:#000000; margin:0px; padding:0px 0px 0px 0px;
}

h3.mainartist{
    font-family:Helvetica,Verdana,Arial; font-weight:bold; font-size:19pt; color:#FFFFFF; margin:0px; padding:10px 0px 0px 0px;
}

h4.mainartist{
    font-family:Helvetica,Verdana,Arial; font-weight:bold; font-size:10pt; color:#000; margin:0px; padding:0px 0px 9pt 0px;
}

h5.mainartist{
    font-family:Helvetica,Verdana,Arial; font-weight:bold; font-size:12pt; color:#000; margin:0px; padding:10px 0px 7px 0px;
}

/* KLASSEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.intern{
    font-weight:bold; line-height:1.3em; color:#DE2727; padding-bottom:25px;
}

.textlisting{
    font-weight:bold; line-height:1.3em; padding-bottom:5px;
}

.piclisting{
    float:left; margin-right:15px; border:0px; margin-bottom:5px;
}

.artlist{
    padding-top:30px; /*clear:left;*/
}

.listtext{
    font-family:Verdana,Helvetica,Arial; font-size:9pt; color:#000;
}

.maintext{
    font-family:Verdana,Helvetica,Arial; font-size:9pt; color:#000000; margin:10px 0px 0px 0px; padding:0px 0px 15px 0px;
}

.backlogo{
    position:absolute;
    z-index:2;
    height:100%;
    width:100%;
}

.edit{
    font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.artmainsub_w{
font-family:Helvetica,Verdana,Arial; font-size:11pt; font-weight:bold; color:#FFFFFF; text-align:left;
}
.artmainsub_b{
font-family:Helvetica,Verdana,Arial; font-size:11pt; font-weight:bold; color:#000000;
}

.audio{
    font-family:Helvetica,Verdana,Arial; font-weight:bold; font-size:10pt; color:#000; padding:9pt 0px 0px 15px; text-align:left;
}

.optic{
    font-family:Verdana,Helvetica,Arial; font-size:7pt; color:#000; padding:9pt 0px 0px 15px; text-align:left;
}

.wknavi{
    /*height:75px;*/ padding:0px 0px 0px 0px; text-align:center; background-color:#88D4E7;
}

.wknavib{
     width:100px; margin:25px 0px 25px 0px;
}


.up_de{
  display:block; top:0px; left:0px; height:18px; width:79px; background:url(GUI/up1.gif) no-repeat;
}
.up_de:hover{
  background:url(GUI/up2.gif) no-repeat;
}

.up_en{
  display:block; top:0px; left:0px; height:18px; width:85px; background:url(GUI/upe1.gif) no-repeat;
}
.up_en:hover{
  background:url(GUI/upe2.gif) no-repeat;
}

.darkline{
    padding-top:9pt; font-size:1px; border-bottom:1px solid #4993A6; clear:both;
}
.whiteline{
    font-size:1px; border-bottom:3px solid #FFF; clear:both;
}