/*
-----------------------------------------------
Magasin 3 general style-sheet
author:   Fredrik Jonsson
version:  2006.06.06
----------------------------------------------- */

/* Navigation menu
----------------------------------------------- */

#Menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

/* negative margin hack for IE6. Makes menu anchors full-width clickable
   (could have done this setting width=100% in "li a" , too... not really) */
  #Menu ul#slist {
  margin-top:10px;
    margin-bottom: 0px;
    } 
html>body #Menu ul#slist {margin-bottom: 0;}

#Menu li {
  margin-bottom: 0px;
  padding: 0;
  }

/* CONTENT:
1. tags (formatting of HTML tags)
2. typography
3. layout
*/



/* ----------------- 1. tags
--------------------------*/


body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:white;
	font-size: 10px;
	line-height: 16px;
	}
h1 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	line-height:19px;
	font-family:Futura, Century Gothic, sans-serif;
	font-weight:normal;
	/*font-stretch:extra-expanded;*/
	color:#000;
	letter-spacing: 0px;
	}
h2 {
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	color:#000;
	}
p {
	margin:0px 0px 14px 0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 10px;
	}

#Content>p {
}
/* links ------------------- */
a {
	cursor:pointer; /* make sure the pointer appears in the Expanding Div functionality */
	color:#333333;
	font-size:10px;
	text-decoration:none;
	font-weight:inherit;
	font-family: Century Gothic, Futura, sans-serif;
	}
a:link {
}
a:visited {
}
a:hover {}
/* links inside flowing text */
p>a {
	font:10px verdana, arial, helvetica, sans-serif;
}
p>a:hover{
text-decoration:underline;
}
/* ------ */
.expMenu>a:hover{
font-weight:bold;
}

/* ----------------- 2. typography 
--------------------------*/


/* Magasin 3 name in text flow */
.name_txt_flow {
font-weight:bold;
}
.news_heading {font-weight: bold;}
.em {font-weight: bold;}
/* the sub menu options */
.sub {
font-weight: bold;
/*border-top:thin dashed #000;
border-bottom:thin dashed #000;*/
}
.menuSelected {
font-family: Century Gothic, Futura, sans-serif;
background-color: #1E374D;
border: 1px solid #1E374D;
}
/* table formatting (visitor info) */
.table_heading {
width:164px;
padding: 5px;
text-align:center;
font-family: Futura, Century Gothic, sans-serif;
font-size:10px;
color:#FFFFFF;
background-color: #637384;
border: 3px solid #fff;
}
.table_txt{
font-size:10px;
padding:10px;
}
/* publications */
.title {
font-weight: bold;
}
.publication {
font-style:italic;
}
.author {
font-variant:small-caps;
}
/* header */
.lang {
text-align:right;
font-weight:bold;
padding-top:25px;
}
/* footer */
.note_caps_em {
font-family: Futura, Century Gothic, sans-serif;
font-weight:bold;
font-variant:small-caps;
font-size:11px;
}
.note_caps_norm {
font-family: Futura, Century Gothic, sans-serif;
font-weight:normal;
font-variant:small-caps;
font-size:11px;
}




/* --------------- 3. layout 
--------------------------*/


/* equal columns (contact) */
.col{
display:inline;
float:left;
width:250px;
margin-right:20px;
}
/* header */
#Header {
width:765px; /* total width minus left margin */
	margin:15px 0px 7px 20px;
	padding:0px 0px 0px 0px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:52px; /* correct height + padding top + 2px = 52px */
	line-height:11px;
	background-color:#fff;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:50px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:50px;}
/* main content container div */
#Content {
	min-height:300px;
	width:540px; /*595px minus left and right padding*/
	margin:0px 0px 20px 185px;
	padding:18px 37px 20px 18px;
	border-style:solid;
	border-color:black;
	border-width:1px 1px; /* top and bottom borders: 1px; left and right borders: 0px */
	font-size: 10px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* main menu */
#Menu {
	position:absolute;
	top:70px;
	left:15px;
	width:150px;
	padding:2px;
	background-color:#fff;
	border:0px dashed #999;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:150px;
	color:#000000;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}
/* footer */
#Footer {
text-align:center;
margin:0px 0px 20px 15px;
padding-bottom:5px;
width:765px; /* total width minus left margin and left padding */
left:15px;
border:1px solid black;
clear:both;
}
/* the top horisontal (banner) image */
.bannerImg {
	/*margin-top:18px; - removed and added to the content div!!*/
margin-bottom:20px;
	width: 500px;
}
img.inFlow {
margin-top:16px;
margin-bottom:16px;
}
/* horisontal image in text flow */
.inLineImg {
float:left;
margin-right: 10px;
margin-bottom: 0px;
}
/* re-name to emphasise that image breaks line!!
.inFlowImg {
margin-right:3px;
margin-bottom:20px;
}
*/
/* container div for expanding content */
.expMenu {
	border-top:thin dashed #000;
}
/* the expanding div */
.switchcontent {
	background-color:#E5E5E5;
	padding:5px;
	margin-bottom:10px;
	clear:both;
}

.switchcontent_press {
background-color:#E5E5E5;
padding:5px;
margin-bottom:10px;
}
/* spacer div for clearing content so container div expands! */
div.spacer {
  clear: both;
  }
/* images with wrapping text */
img.floatLeft { 
    float: left; 
    margin-right: 10px;
	margin-bottom: 20px;
}
/*
img.floatRight { 
    float: right; 
    margin: 4px; 
}
*/
/* home page two columns text - content + news */
.l_txt {
	width:350px;
}
.news_txt {
padding:20px;
float:right;
width:120px;
background-color:#E5E5E5;
}
/* wide text field */
.wide_txt {
	width:500px;
}

.wide_txt_540 {
	width:540px;
}

/* PERMANENT right column */
.permanent_item{
margin-bottom: 30px;
width:500px;
}
.leftImg {
	margin-top:2px;
	float:left;/*width:120px;*/
}
.rightCol {
margin-left:125px;
width: 375px; /* text-width 500px minus the left margin (space for image) */
}
.floatL{
float: left; 
    margin-right: 20px;
	margin-bottom: 20px;
}

.floatL_press{
clear:both;
width:60px;
margin-left:0px;
float:left; 
}
.floatR_press{
clear:both;
float:right; 
}

#press{
padding:8px;
}

.form{
font-family:Futura, Century Gothic, sans-serif;
font-weight:normal;
font-size:14px;
margin-left:100px;
border:#000000 solid 1px;
padding:10px;
margin-top:55px; 
height:200px; 
width:300px;
}

ul.folder {
list-style:none;
margin:0px;padding:0px;
font-size:14px;
}


.inLine {
display:inline;
float: left;
margin-right: 10px;
}
.expandContent{
width:540px;
background-color:#E5E5E5;
padding:20px 60px 20px 20px;
}
/* for the horisontally scrolling images! */
#iframe {
	overflow:auto;
	width:530px;
	height:360px;
}
.programMenu{
font-size:12px;
}
.anchor {
margin-top:32px;
}
.quote {
	font-style: italic;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.source {
	font-size: 10px;
	font-style: normal;
	text-align: right;
}
.exhDescr {
	margin-left:200px;
}

.indexleft {
	margin-left:130px;
	width: 370px;
}

.exhimg {
	float: left;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.bookdescr {
	float: left;
}

.img_caption {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0x 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}

.capt{
	color:#ADAD9C;
	font-size: 9px;
	line-height: 14px;

}
#table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}