/*--------GENERIC RULES---------*/
html, body, #main {
  width: 100%; height: 100%;
  border: 0; padding: 0; margin: 0;
  overflow: hidden;
  text-align: center;
  font-family: "Trebuchet MS";
  font-size:12px;
}
a{ color:#FFFFFF; text-decoration:none; cursor:pointer; outline:none}
a:hover{text-decoration:underline}



/*----------CONTENT STYLE  INDEX PAGE------------*/
div.noopacity{
color:#1D1D1D;
float:left;
margin-bottom:2px;
max-width:560px;
min-width:460px;
padding-bottom:10px;
position:relative;
width:auto !important;
clear:both
}


/* product buttons */
div.productArea{
   width:170px;
   height:260px;
   float:left;
   margin:0;
   margin-top:5px
}
div.productArea a.productPhoto{
   width:170px;
   height:170px;
   display:block;
   font-size:55px;
   line-height:122px;
   color:white
}
div.productArea a.productDescription{
   width:170px;
   height:90px;
   display:block;
   background-color: transparent;
   font-size:11px;
   line-height:122px;
   color:white
}

div.productArea a:hover{
   color:#CCCCCC
}

/* ICONS INDEX PRODUCTS */
a.rolloverprodimage_B_work {
display:block;
width: 170px;
height: 170px;
background:url(../images/icons/content/addplus/btn_work.png) 0 0 no-repeat;
text-decoration: none;
}
a.rolloverprodimage_B_work:hover { 
background-position: 0 -170px;
}
a.rolloverprodimage_B_work:active {
background-position: 0 -340px;
}
a.rolloverprodimage_B_network {
display:block;
width: 170px;
height: 170px;
background: url('../images/icons/content/addplus/btn_network.png') 0 0 no-repeat;
text-decoration: none;
}
a.rolloverprodimage_B_network:hover { 
background-position: 0 -170px;
}
a.rolloverprodimage_B_network:active {
background-position: 0 -340px;
}

a.rolloverprodimage_B_projects {
display:block;
width: 170px;
height: 170px;
background: url('../images/icons/content/addplus/btn_project.png') 0 0 no-repeat;
text-decoration: none;
}
a.rolloverprodimage_B_projects:hover { 
background-position: 0 -170px;
}
a.rolloverprodimage_B_projects:active {
background-position: 0 -340px;
}

a.rolloverprodimage_B_trans {
display:block;
width: 170px;
height: 170px;
background: url('../images/icons/content/addplus/btn_disciplines.png') 0 0 no-repeat;
text-decoration: none;
}
a.rolloverprodimage_B_trans:hover { 
background-position: 0 -170px;
}
a.rolloverprodimage_B_trans:active {
background-position: 0 -340px;
}
.productCategory{
width: 170px;
height: 35px;
background: url('../images/icons/content/addplus/bg_bigtip.png') 0 0 no-repeat; 
margin:0 auto;
margin-bottom: 2px;
}

.productCategory span{
position:relative;
text-align: left;
margin:1px 0 0 10px;
font-size: 11px;
float:left;
top:15px
}
.productCategory span:hover{
text-decoration:underline;
color:#FFFFFF
}
.whiteProductDescription{
background-color:white;
height:25px;
margin-bottom:2px
}
.whiteProductDescription span{
position:relative;
text-align: left;
margin:1px 0 0 10px;
font-size: 11px;
float:left;
color:#000000;
top:5px
}
.whiteProductDescription span:hover{
text-decoration:underline
}
.whiteProductCategory span{
position:relative;
color:#000000;
top:5px;
text-align: left;
padding-left: 10px;
font-size: 12px;
float:left;
}
/*------------LOGIN BUTTON-------------*/
.login{ float:right; width:52px; height:52px;}
.login a{ display:block; height:20px; width:20px; background:url('../images/icons/content/addplus/btn_login.png') 0 0 no-repeat; width:52px; height:52px;}
.login a:hover{ background-position:0 -52px}
.login span{ display:none}




table { border: none;  }
td { border: none;  }
tr { border: none; }


#slideshow1 {
background-color: transparent;
}
.slideShowHiddenImageNode {visibility: hidden;}

.c_headline a {
	color:#9C9C9C;
}

.c_headline a:hover {
	color:#EDEDED;
}

.c_headline a:visited {
	color:#9C9C9C;
}



.dijitTooltipContents{
outline:none; 
}


#addplus_navmenu_text {
position: fixed;
left: 25px;
top: 13px;
font-size: 12px;
margin-left: 3px;
color:#1d1d1d;
}

#title {
position: absolute;
top: 3px;
}

.slideShowWrapper {
border: none;
height: 0px;
font-size: 0px;
line-height: 0px;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

.slideShowImageWrapper {
position: absolute;
top: 0px;
left: 0px;
background-color: #FFFFFF;
margin: 0px;
}

#gallery_navbar {
height: 60px;
width: 200px;
}

.slideShowCtrl {
display: none;
}



.noshow {display: none; height: 40px; width: 40px;}


	/* basic tooltip styles */
/*		#tt { width:275px; }
		#tt input {
			width:175px;
			border:1px solid #7EABCD;
			padding:4px;
			line-height:0.9em;
			margin:2px;
		}*/
 
		/* I'm cheating here. Using dojo to add '.dijitInline' which is
		   cross-browser display:inline-block; 
		
		#tt span {
			width:50px;
			text-align:right;
			padding-right:8px;
		}*/
 
		/* to help in degrading */
		#formArea { display:none; }
		.no-js #formArea {
			display:block;
		}

.rollover40pxbutton_feed { height: 40px; width: 40px; position: fixed; right: 0px; bottom: 0px;}

.rollover40pxbutton_feed a {
display:block;
width: 40px;
height: 40px;
background: url('/images/icons/.png') 0 0 no-repeat;
text-decoration: none;
}

.rollover40pxbutton_feed a:hover { 
background-position: 0 -40px;
}

.rollover40pxbutton_feed a:active {
background-position: 0 -80px;
}


/* IE HACKS */

#dojox_image_SlideShow_0_imageDiv0 { 
 width: 100%;
 height: 100%;
 }
 
div.opacity{
   clear:both;
  color: #1d1d1d;
  background:url('../images/context/index/tr.png') left top repeat;
  width:auto !important;
  width:900px;
  max-width:570px;
  min-width:460px;
  position:relative;
  margin-bottom:2px;
  float:left;
  padding-bottom:10px
}
div.opacity span{ 
  padding: 10px 10px 0 10px;
  float:left;
  text-align:left;
  font-size:12px;
  
}
div.noopacity  a.last{ 
  color:black;
   float:left;
   padding-bottom:0px
}
div.noopacity  a.last:hover{ 
  color:black;
   text-decoration:underline 
}
div.opacity span a:hover{
   text-decoration:underline;
}
div.opacitySmall{
  background:url('../images/context/index/tr.png') left top repeat;
  width:100px;
  float:left;
  margin-right:2px;
  height:20px; line-height:20px;
  margin-bottom:60px;
  text-transform:uppercase
}
div.opacitySmall a{
  display:block;
  height:20px; line-height:20px;
}
div.opacitySmall a:hover{
  color:black;
  text-decoration:none
}
div.opacityBox{
  background:url('../images/context/index/tr.png') left top repeat;
  width:170px;
  float:left;
  margin-right:2px;
  margin-bottom:2px
}
div.opacityBox a{
  display:block;
  width:170px;
  height:45px;
  line-height:45px;
  font-size:18px;
  color: #000000;
  float:left;
  padding-top:5px
}
div.opacityBox  span{
  text-align:center;
  width:100%;  display:block;
  line-height:30px;
  height:30px;
  float:left

}
 a.rosso{ 
  clear:both;color:black;  
  text-align:left;
  display:block;
  line-height:30px;
  font-size:12px;
  height:30px;
  float:left;
  margin-top:2px; padding-left:12px; width:158px;  background:url('../images/context/index/tr.png') left top repeat;
}
 a.rosso:hover{ text-decoration: underline}

/* CALENDAR */
table.tableContainer{
  height:40px;
  margin:0; 
  font-size:12px;
  overflow:hidden
}
table.tableContainer td{
  padding:0 4px
}
table.tableContainer td.button{
  width:40px;
  padding:0px
 }
table.tableContainer td.button2{
  width:40px;
  padding:0 0 0 2px
 }
table.calendar{
  color:black;
  height:40px;
  border:none;
  font-family:"Trebuchet MS", sans-serif;
  width:100%;
  margin:0
}
table.calendar td{
  margin:0;
  padding:0;
  height:19px;
}
table.calendar td.button{
  width:40px
}
table.calendar td.last {
  width:100px; 
}
table.calendar td.freccina {
  width:40px;
  height:19px;
  vertical-align:bottom
}
table.calendar td.freccina a{
  display:block;
  width:40px;
  height:19px;
  background-image:url(/images/icons/frec.png);
}
a.freccinaDx{
  display:block;
  width:40px;
  height:19px;
  background-image:url(/images/icons/frec.png);
}
.cont{
  background: url(/images/icons/calendarbase.png) 0 0 repeat-x;
}
table.calendar td.last a{
  display:block;
  height:19px;
  line-height:19px;
  width:100px;
  background-image:url(/images/icons/tr.png);
  color:white
}
table.calendar td.last a:hover{
}

table.calendar a.month{
  display:block;
  height:40px;
  line-height:20px;
  width:40px;
  margin-right:2px;
  background:url(/images/icons/calend.png) 0 0 no-repeat;
  color:white;
  float:left;
}
table.calendar a.month:hover{
  background:url(/images/icons/calend.png) 0 -40px no-repeat;

}
table.calendar a.monthActive{
  display:block;
  height:40px;
  line-height:20px;
  width:40px;
  margin-right:2px;
  background:url(/images/icons/calend.png) 0 -40px no-repeat;
  color:white;
  float:left;
}
div#leftArrow{
  height:40px;
  width:40px;
}
div#leftArrow a{
  background:transparent url(../images/icons/pre.png) no-repeat scroll 0 0;
  display:block;
  height:40px;
  width:40px;
}
div#leftArrow a:hover{
  background:transparent url(../images/icons/pre.png) no-repeat scroll 0 -80px;
}
div#rightArrow{
  height:40px;
  width:40px;
}
div#rightArrow a{
  background:transparent url(../images/icons/next.png) no-repeat scroll 0 0;
  height:40px;
  width:40px;
  display:block
}
div#rightArrow a:hover{
  background:transparent url(../images/icons/next.png) no-repeat scroll 0 -80px;
}

/*COLONNE*/
div.columns{
  width:40px;
  position:absolute
}
/*Contenuti*/
div.contentDivider{
  margin-left:50px; 
  max-width:1100px; 
  float:left;
  display:inline 
}

h1{
  text-align:left;
  margin:0;
  padding:0;
  background:url('../images/context/index/glueck_logo.png') 0 0 no-repeat;
  width:334px;
  line-height:72px;
  height:72px;
  float:left;
  display:block
  
}
h1 span{ display:none}
h2{ font-size:15px; color: #black; text-align:left;  clear:both;  float:left; padding:0 15px; margin:10px 0 0 0 }
.c_headline			{height: 100%; display: inline-block; margin: 0px;  font-weight: light;  font-size: 16px; text-align: left; color:#333333;}
.c_big_headline		{height: 100%; width: 100%; display: inline-block; font-weight: bold;  font-size: 60px; text-align: left; color:#333333; margin:0}
.c_question {color:#4D4D4D;font-size:10px;font-style:italic;height:100%;margin-top:0;padding-top:20px;text-align:right;width:150px; float:left}
.c_answers			{color:#333333; display:inline-block;font-size:20px;height:100%;margin-top:0;max-width:550px;
  padding-top:16px;position:relative; text-align:left; float:left; padding-left:16px; margin-bottom:0; padding-bottom:16px}
.c_generalTxt		{color:#4D4D4D; clear:both; display:block;float:left;font-size:16px;width:100%;margin:0;
  padding:16px 0;position:relative; text-align:left;}
.c_generalTxtSmall	{color:#4D4D4D; display:inline-block;font-size:12px;height:100%;margin:0;
  padding:16px 0;position:relative; text-align:left; clear:both}
.c_short_d			{ display: inline-block; margin:16px 0 0 0; font-size: 12px; font-weight:bold !important; text-align: left; color:#4D4D4D; width:100%; line-height:12px; float:left}	
.c_discipline		{ display:block; margin:16px 0 0 0; font-size: 12px; text-align: left; color:#4D4D4D; width:100%; line-height:15px; float:left}
.last{ padding-bottom:55px}
.c_lang_d			{height: 100%; width: 100%; display: inline-block; margin-top: 0px; font-style: italic; font-size: 12px; text-align: right;  position: relative;}
.c_text				{height: 100%; width: 100%; display: inline-block; margin-top: 0px; font-size: 12px; text-align: left;float: left;position: relative;}
.c_name				{height: 17px; width: 100%; display: inline-block; margin-top: 0px; font-size: 12px; text-align: left;float: left;position: relative;color:#9C9C9C}
.c_name	a			{color:#9C9C9C;}
.c_name	a:hover		{color:#9C9C9C;}
.c_name	a:visited 	{color:#9C9C9C;}
.c_links			{height: 100%; width: 100%; display: inline-block; margin-top: 0px; font-style: italic; font-size: 8px; text-align: right;float: left;position: relative; color:#9C9C9C;}
.c_space_horizontal {height: 20px; width: 170px;}

.gallery{ width:170px; height:170px; margin:0 15px 15px 0; float:left; cursor:pointer}

.hiddencontent      { -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=00)'; filter: alpha(opacity=00);  opacity: 0.0;}

.indent8px_left		{padding-left: 8px;}
.indent8px_right	{padding-right: 8px;}
.vcenteredtext_40   {padding-top: 11px;}
.alignright			{text-align: right;}
.alignleft			{text-align: left;}
.aligncenter		{text-align: center;}

.makemeblack		{color: black;}
.float_left			{float:left;}
.centermecontainer 	{margin: auto;}
.center20pxtext {padding-top: 3px;}
.makemeblack {color: #1d1d1d;}
/*CLEARFIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
h1.title{ 
   margin-bottom:0px; 
   margin:0 auto;
   text-align:left;
   width:740px;
   text-transform:uppercase;
   color:white}
div#slideshow_playpause{
   background-image:url(/images/icons/slide.png); 
}
div#slideshow_prev{
   background-image:url(/images/icons/pre.png); 
}
div#slideshow_next{
   background-image:url(/images/icons/next.png); 
}
#work_title_hidden{
   color:#1D1D1D;
   margin:0 auto 2px;
   max-width:900px;
   min-width:460px;
   position:relative;
}
#the_content_title{
   overflow: hidden;	
}
#the_content{
/*   width: auto !important;
   width: 900px;
   max-width:900px;
   min-width:460px;*/
   width:100%;
   top:55px !important;
   overflow:hidden;
   
}
.centered{ 
/*margin:0 auto;
*/max-width:1200px;
min-width:460px;
overflow: auto;
height:100%;
position:relative
}
.colSx{
   max-width:360px;
   float:left;
   padding-bottom:10px;
   margin-right:20px;
}
.colDx{
   max-width:360px;
   float:left;     
   padding-bottom:10px;
}






a.homeTxt,p.homeTxt{
   text-align:left;
   margin:0px;
   color:#CCCCCC;
   font-size:14px
}
a.smallTxt,p.smallTxt{ font-size:12px; float:left; width:250px;}
a.smallTxt:hover{ color:black}
h1.homeTxt{
   font-size:36px;
   color:#4D4D4D;
   margin:0;
   text-align:left;
}
div.buttonEntry{
   width:360px;
   height:122px;
   float:left;
   margin:15px 0;
}
div.buttonEntry a{
   width:360px;
   height:122px;
   display:block;
   background-color:#333333;
   font-size:55px;
   line-height:122px;
   color:white
}
div.buttonEntry a:hover{
   color:#CCCCCC
}
a#slideshow_playpause{ display:block; height:19px; width:40px; background:url(/images/icons/g_play.png)}
a#slideshow_playpause:hover{background-position:0px -19px}
a#slideshow_prev{ display:block; height:19px; width:40px; background:url(/images/icons/g_prev.png)}
a#slideshow_prev:hover{ background-position:0px -19px }
a#slideshow_next{ display:block; height:19px; width:40px; background:url(/images/icons/g_next.png)}
a#slideshow_next:hover{ background-position:0px -19px }
a.slideShowActive{background:url(/images/icons/g_play.png) 0 -38px !important}
a.slideShowActive:hover{background:url(/images/icons/g_play.png) 0 -57px !important}
.downloadBox{
  background-image:url(../images/icons/tr_artist.png); margin:0 auto;
  width:auto !important;
  width:900px;
  max-width:900px;
  min-width:460px;
  position:relative;
  margin-bottom:2px;
  padding:5px 0;  
}
.downloadBox a{
  color:white;
  font-size:18px;
  text-align:left;
  float:left
}
p.spec{ color:#1A1A1A; font-size:12px;float:left;margin:19px 7px 5px 0; ; font-weight:normal}
p.spec2{ color:white; font-size:30px; float:left; margin:0; font-weight:bold; line-height:37px; }
p.spec2small{ color:white; font-size:18px; float:left;margin:12px 0 0;font-weight:bold}
.materiale{float:left;
min-width:350px; padding-right:10px}
.raccolta{float:left;
min-width:230px;padding-right:10px}
.opera{float:left;}
		.pagerContainer {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	/* FIXME: need basline styles for tundra, soria, and nihilo */
	border: none;
}


/* Horizontal classes */

.horizontalPagerPager {
	display: none;
	position: absolute;
	height: 0px;
	width: 100%;
	z-index: 3;
}

.horizontalPagerStatus {
	position: absolute;
	height: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	padding-left: 0px !important;
	left:0px;
	bottom:16px
}

.horizontalPagerView {
	position: absolute;
	top:0px;
	left:0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0px !important;
}

.horizontalPagerIcon {
	cursor: pointer;	
}

/* Vertical classes */

.verticalPagerPager {
	position: absolute;
	width: 12px;
	height: 100%;
	padding-left: 4px;
	padding-right: 4px;
}

.verticalPagerStatus {
	position: absolute;
	width: 10px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
}

.verticalPagerView {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.verticalPagerIcon {
	cursor: pointer;	
}

/* Misc. */

.pagerIconContainer {
	position: absolute;
}

.pagerIconContainer img {
	cursor: pointer;	
}

/* Items */

.pagerItems {
	list-style: none;
	padding: 0;
	margin: 0;	
}
	
.pagerItem {
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#design_pager_div{float:left}
div.c_2_8_20{float:right}

#pager_previous {
position: relative; 
z-index: 3; 
top: 178px;
width: 40px;
height: 40px;
background: transparent url(../images/icons/pre.png) no-repeat scroll 0 0;
}
#pager_previous:hover{
 background-position:0 -80px
}
#pager_next {
position: relative; 
z-index: 3; 
top: 178px;
width: 40px;
height: 40px;
background: transparent url(../images/icons/next.png) no-repeat scroll 0 0;
}
#pager_next:hover {
 background-position:0 -80px

}
div.c_2_8_20{margin-top:16px}
.horizontalPagerStatus{ height:15px}
.slideShowCtrlHide{ visibility:hidden}
#bottom_region{ overflow:hidden}
div#cancel{background: url('/images/icons/close.png');  outline:none; width:19px; height:19px; background-position:-2px 0}
.dj_ie7 div#cancel{background: url('/images/icons/close.png');  outline:none; width:19px; height:19px; background-position:-4px -2px }
.dj_ie7 .btnContainer{ position:absolute; right:-15px; top:0;}
.dj_ie7 #newsletterForm { position:relative; margin-right:10px}
.dj_ie7 .btnContainer span{ height:15px}
.dj_ie7 .dijitTooltipContainer{ padding-bottom:3px}


.Col{ width:250px; float:left; margin-right:15px; font-size:12px; color:#000000; margin-top:28px}
.Col div{  background:url('../images/context/index/tr.png') left top repeat;
}
.firstblock{ height:55px; margin-bottom:8px; float:left; width:250px;}
.Col ul{ list-style-type:none; float:left; margin:0px; padding:0px;  width:250px; }
.Col ul li{ list-style-type:none; float:left; width:250px; height:85px; margin-top:2px; }
.Col ul li div.img1{ padding:12px; float:left; width:60px; height:61px; margin-right:2px; }

.Col ul li div{background:url('../images/context/index/tr.png') left top repeat;}
.info{ float:left; width:144px; height:65px; padding:10px}
.gender{ text-align:left; width:150px; display:block; text-transform:uppercase; margin-top:15px; padding:0 0 0 20px; float:left}
.galley{ text-align:left; width:200px; display:block; text-transform:uppercase; color:black;float:left; padding:20px 0 0 20px}
.galley:hover{ text-decoration:underline}

.stoffe{ display:block; width:100% ; height:100%; background-color:#CCFF99}
.gender1{clear:both; text-align:left; min-width:20px; max-width:100px; display:block; text-transform:uppercase; float:left}
.gender2{ text-align:left; min-width:70px; max-width:100px; display:block; text-transform:uppercase; float:left}

.bestellung{ color:black; font-size:20px; line-height:55px; float:left; padding-left:20px; display:block; width:170px; height:100%}
.bestellung:hover{ text-decoration:underline}

.ending{ height:35px; font-size:13px;  clear:both; line-height:35px; text-align:left; margin-top:10px; width:756px; padding:0 12px; float:left;   background:url('../images/context/index/tr.png') left top repeat;
}
.ending span{ margin-right:20px}
.Col input{ float:left; margin:5px 5px 0 0; clear:both}
.Col label{ float:left; margin:5px 0 0 0 }
div.settesettanta{ max-width:770px !important; width:770px !important}
div.settesettanta p{ max-width:750px ; margin:0; padding:0; text-align:left; float:left; font-size:14px; padding:10px}

.titleRedBig{ font-size:22px; color:#A6424F; float:left; margin-bottom:10px; font-weight: bold; padding-left:10px;  }
.titleRed{ text-transform:uppercase;color:black; display:block; width:750px}
.titleRed:hover{ text-decoration:underline;}