/* --------------------------- general styles ------------------------->>*/
html {height:100%;}
body {height:100%; background-color:#FFFFFF; margin:0px;}

a:link {color:#779C9F;}
a:hover {color:#AEDC41;}
a:visited {color:#C2A4C2;}
a:active {color:#779C9F;}
a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
   margin-left:5px;
}
#wrapper {
	width:97%;
}
#title {
	font:0.7em Arial, Helvetica, sans-serif;
}
/* <<------------------------- general styles ---------------------------*/

/* --------------------------- language switch ------------------------->>*/
#lang {visibility:hidden;}
/*#lang A:link, #lang A:visited, #lang A:hover, #lang A:active {visibility:hidden;}
#lang A:hover {visibility:hidden;}
#lang A.activated:link, #lang A.activated:visited, #lang A.activated:hover, #lang A.activated:active {visibility:hidden;}*/
/* <<------------------------- language switch ---------------------------*/


/* --------------------------- navigation ------------------------------>>*/
#naviwrapper, #navi, #navitm, #navitr, #navitl {
	visibility:visible;
}
#navi A:link, #navi A:visited, #navi A:hover, #navi A:active,
#navi A.activated:link, #navi A.activated:visited, #navi A.activated:hover, 
#navi A.activated:active, object {
	visibility:hidden;
}
#navitd, object {
	display:none;
}
#navitm h1{
	font:bold 1em Arial, Helvetica, sans-serif;
	vertical-align:top;
}
/* <<------------------------- navigation --------------------------------*/

/* ---------------------------- content ------------------------->> */

#idwrapper, #wawrapper, #idcontent, #wacontent {
	float:left;
	background-image:none;
}
div.teaser, div.firstteaser {
	display:block;
	float:left;
	width:250px;
	margin:0px 0px 30px 20px;
	border-right:1px dashed #999999;
	height:300px; /* FOR IE */
	padding:0px 10px;
}
div.firstteaser {
	width:540px;
}
/* CSS: THIS WILL NOT BE INTERPRETED BY IE */
div.teaser[id] {
    height:auto;
    min-height:300px;
}
#idcontent img.fullsize, #wacontent img.fullsize, #idcontent p.caption, #wacontent p.caption, object {
	float:right;
	margin:10px 0px 10px 20px;
	width:200px;
}
#idcontent p.caption, #wacontent p.caption {
	clear:right;
	display:block;
	width:200px;
	margin:0px 0px 30px 0px;
	text-align:left;
}
img.teaser, img.firstteaser {
	float:right;
	border:2px solid #779C9F;
	margin:10px 0px 20px 10px;
}
img.firstteaser {width:250px;height:200px;}
#idcontent img.inlineimg, #wacontent img.inlineimg {
	display:inline;
	margin:0px 5px 0px 5px;
	vertical-align:middle;
}
div.teaser h2, div.firstteaser h2, #idcontent h2, #wacontent h2 {
	margin:10px 0px 20px 0px;
	font:bolder 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
#idcontent h2, #wacontent h2 {
	font-size:1em;
}
div.teaser h3, div.firstteaser h3, #idcontent h3, #wacontent h3 {
	margin:20px 0px 10px 0px;
	font:bold 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
div.firstteaser h2 {font-size:1.1em;}
div.teaser h2 a, div.firstteaser h2 a {
	margin:10px 0px 20px 0px;
}
div.teaser p, div.firstteaser p, #idcontent p, #wacontent p {
	margin:10px 0px 20px 0px;
	font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
#idcontent li, #wacontent li {
	font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;	
}
#idcontent blockquote, #wacontent blockquote {
	max-width:400px;
	font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	background-color:#F4F4F4;
}
#smallcolumn p {
	font:0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;
}
div.teaser p.highlights, #idcontent p.caption, #wacontent p.caption {
	font:0.6em/1.3em Verdana, Arial, Helvetica, sans-serif;
	background-color:#F4F4F4;
	position:relative;
	padding:5px;
}
#idcontent p span.buzz, #wacontent p span.buzz {
	color:#333333;
	font-weight:bold;
	padding:0px 5px 0px 5px;
}
span.subheading {
	font-weight:bold;
	color:#999999;
}
span.partner {
	color:#AEDC41;
}
div.label {
	display:inline;
	vertical-align:top;
	top:0px;
	margin:0px;
}
span.year, span.genre {
	font:bold 0.8em "Courier New", Courier, mono small-caps;
	color:#fff;
	background-color:#779C9F;
	padding:0px 5px 0px 0px;
}
span.genre {
	background-color:#AEDC41;
}
hr {clear:both; margin-top:20px; border-top:1px dashed #999999; }
#idcontent hr, #wacontent hr {clear:none; margin-top:20px; border-top:1px dashed #999999; }
#intro {
	width:625px;
	background-color:#F2F5F5;
	/*background-color:#F4F4F4;*/
	padding:20px;
	margin-bottom:40px;
}
#intro span {
	font:bold large Verdana, Arial, Helvetica, sans-serif;
	color:#779C9F;
}
#intro p {
	width:auto;
}
#intro img {
	float:right; 
	margin:0px 0px 10px 20px;
}
/* <<-------------------------- content ------------------------- */

/* ---------------------------- footer ------------------------->> */
#footer {
	display:block;
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
	border-top:1px dashed #999999;
}
#footer p {
	margin:20px 0px 20px 50px;
	font:0.7em "Courier New", Courier, mono;
}
/* <<-------------------------- footer --------------------------- */