/**************************************************
** Stylesheet für irina-a-francoise.at
** 
** by Martin Hufnagl, BA
** http://www.martinhufnagl.at/
** inspired by http://ringvemedia.com/
**************************************************/

@import url('reset.css');

*{
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none;
}
html,body,#bg,#bg table,#bg td,#cont{
	width:100%;
	height:100%;
	overflow:hidden;
}
body{
	font-family: Cambria,"Century Gothic","Lucida Grande",Arial,Helvetica,sans-serif;
	font-size:11px;
	cursor:default;
	background: url(/img/bg6.jpg);
	color:#000;
	font-weight: normal;
}
h1,h2,.large,.left{
	font-size:38px;
}
h2,.box div img{
	padding-bottom: 5px;
}
a{
	color:#fff;
	outline:0;
}
a:link {
	color:#fff;
}
a:visited {
	color:#fff;
}
a:hover {
	color:#eee;
}
/*a:focus { 
	background: #ddd;
}*/
img{
	display:block;
}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#menu{position:absolute;top:50px;left:241px;z-index:80;width:100%;line-height:12px}
#menu div{height:56px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px;}
#menu #nav {text-transform: uppercase;font-weight: normal;}
#menu a {text-decoration: none;}
#footer {position:absolute;bottom:20px;left:0;z-index:81;width:100%;opacity:0.6;filter:alpha(opacity=60);background-color: #000;color: #999;padding: 5px 5px 5px 253px;font-weight: normal;}
#footer a {color: #fff;font-weight: normal;}
#footer a:link {color: #fff;font-weight: normal;}
#footer a:visited {color: #fff;font-weight: normal;}
#footer a:hover {color: #eee;font-weight: normal;}
#footer a:active {color: #eee;font-weight: normal;}
/*#footer a:focus { background: #ddd; }*/


h1{position:relative;left:-241px;margin-bottom:-63px;width:240px;opacity:0.99}
h1 a{padding:41px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block}
h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x}
ul{float:left;width:200px}
li a, li a:link, li a:visited {height:12px;padding:0 5px;font-weight:normal;color:#999;display:block;text-decoration: none;}
li a:hover, li a:active {color:#fff}
li.cur a { color: #fff;}

.box{position:absolute;top:15%;right:200px;width:500px;padding-bottom:100px}
.box span{line-height:1.5em;background:#fff;margin: 0px -10px;padding:5px 10px;display: block}
.box span a{text-decoration:underline}
.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:253px;font-size:13px}
.large h2{font-size:42px}
.white{color:#fff}
#beijing{top:15%}

/*h3{font-size:28px;position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;font-weight:normal}*/
h3{font-size:28px;position:relative;border-bottom-width:1px;padding:0px 30px 10px 30px;margin:0 -30px 20px -30px;font-weight:normal}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
dd{height:0px;overflow:hidden;width:440px}

#photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}

.invisible {
	position: absolute;
	left: -1000em;
	top: -100em;
}
a.invisible:focus {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	color: #fff;
	font-size: 2em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
del {
	text-decoration: line-through;
}

#gallery a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #333;
}


/* FOR IE 6*/
* html #menu div{height:56px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:0px;}
* html #menu div{height:56px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:0px;}
* html ul{margin: 0px;padding: 0px;}
* html li{margin: 0px;padding: 0px;}
* html li a, * html  li a:link, * html li a:visited {padding:0 5px;margin: 0px;font-weight:normal;color:#999;display:block;text-decoration: none;}
* html li a:hover, * html li a:active {color:#fff}
* html li.cur a { color: #fff;}

* html .scrollButtons.right {
	right:  0px;
}
* html h1{position:relative;left:-241px;margin-bottom:-64px;width:240px;opacity:0.99}
* html h1 a{padding:41px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block}
* html h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x}