@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#info {
        display:none;
	position:absolute;
	z-index:2;
	background-color:#333;
	padding-top:5px;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	color:#FFF;
	text-align:center;
}

#sitename {
	position:absolute;
	right:5px;
	top:5px;
	width:49px;
	height:416px;
	background:url(../images/common/roswithaschreiner.gif) right top no-repeat;
}

#header {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:60px;
}

#content {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:390px;
}

#frame {
	position:absolute;
	z-index:1;
	width:830px;
	height:340px;
	margin-left:auto;
	margin-right:auto;
	border: dotted thin #CCC;
	font-size:10pt;
	padding:15px;
}

#back_frame {
	position:absolute;
	width:852px;
	height:362px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	opacity:0.5;
	filter:alpha(opacity=50);
	padding:5px;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:150px;
}

.inline {
	float:left;
	width:225px;
	height:150px;
	display:inline-block;
}

#scrolling_pics div.scrollableArea * {
	position:relative;
	float:left;
	margin:0;
	padding:2px 1px;
}

div.scrollableArea img {
	border:none;
}

div.scrollingHotSpotLeft, div.scrollingHotSpotRight {
	height:160px;
}

.nav {
	float:left;
	border-left:solid thin #CCC;
	border-right:solid thin #CCC;
	border-bottom:solid thin #CCC;
	display:inline-block;
	padding:10px 5px 5px 5px;
	margin:0 38px 0 0;
	color:#333;
	font-size:11pt;
	width:100px;
	height:15px;
	text-align:center;
	cursor:pointer;
	background:url(../images/common/nav_back.jpg) center center no-repeat;
}

.selected_box {
	background-color:#F0F0F0;
}

a {
	color:#333;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none;
}

.title {
	font-size:14pt;
	font-weight:bold;
}

.small_italic {
	font-size:9pt;
	font-weight:bold;
	font-style:italic;
}

.small_div {
	float:left;
	width:340px;
	/*background-color:#000066;*/
	height:340px;
}

.large_div {
	float:left;
	width:490px;
	/*background-color:#FF0033;*/
	height:340px;
}

.loading {
	background:url(../images/common/ajax-loader.gif) 10px 15px no-repeat;
}

#text_home li a, #text_interview li a {
	text-decoration:none;
}

/*pages*/

#text_kontakt {
	padding-top:60px;
	text-align:center;
}

#pic_kontakt {
	background:url(../pictures/background/kontakt.jpg) center center no-repeat;
}

#text_audio {
	padding-top:60px;
	text-align:center;
}

#pic_audio {
	background:url(../pictures/background/audio.jpg) center center no-repeat;
}

#text_pressevita {
	height:310px;
	padding:15px;
	overflow:auto;
}

#pic_pressevita {
	background:url(../pictures/background/pressevita.jpg) center center no-repeat;
}

#text_filmvita {
	height:310px;
	padding:15px;
	overflow:auto;
}

#pic_filmvita li {
	display:inline-block;
	margin-bottom:5px;
	width:95px;
	height:77px;
}

#text_home {
	text-align:center;
	margin-left:-30px;
}

#text_home li {
	margin-top:10px; /*23px;*/
	padding:0 3px;
	display:inline-block;
	width:180px;
	height:50px;
	font-size:10pt;
	text-align:center;
	cursor:pointer;
	color:#000;
	border:dotted thin #CCC;
}

#pic_home {
	background:url(../pictures/background/home.jpg) center center no-repeat;
}

#text_interview {
	text-align:center;
	margin-left:-37px;
}

#text_interview li {
	margin-top:65px;
	padding:0 3px;
	display:inline-block;
	width:180px;
	height:50px;
	font-size:10pt;
	text-align:center;
	cursor:pointer;
	color:#000;
	border:dotted thin #CCC;
}

#pic_interview {
	background:url(../pictures/background/interview.jpg) center center no-repeat;
}

#linse li {
	display:inline-block;
	width:100%;
	margin-bottom:5px;
	margin-left:-30px;
	font-size:11pt;
	padding:5px;
}

.question_back {
	background-color:#D6ECFA;
}

.answer_back {
	color:#333;
}