@charset "ISO-8859-1";
/* *************************************************
 * Name:		Vocanta Homepage
 * File:		formats.css
 * Description:	style sheet
 * Author:		Cornelia Musall
 * Date:		2008-10-06
/* ************************************************* */

/* ----------------------------------------------
 * general formats
*/

body {
	position: absolute;
	font: normal 100% Helvetica, Arial, sans-serif;
	color: black;
	background-color: white; /*#ffdb3d;*/
	margin: 0;
	padding: 0;
	text-align: center; /* for Internet Explorer */
	min-width: 40em;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

p.logo {
	margin-bottom: 4em;
	margin-top: 1em;
}

.program, .cd {
	line-height: 1.2em;
}

p, p.program {
	font-size: 0.9em;
}


.last {
	margin-bottom: 2em;
}

table.program, table.cd {
	width: 100%;
}

/* nur zum Test 
tr, td {
	border-spacing: 0px 0px;
	border-width:1px;
	border-style:solid;
	border-color:blue;
}
nur zum Test Ende */

tr.programbold, tr.cdbold {
	vertical-align: top;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	/*height: 3.5em;*/
}

tr.program, tr.cd {
	vertical-align: top;
	text-align: left;
	font-size: 0.9em;
}

td.cd {
	padding-left: 10px;
	padding-right: 10px;
}

div.programbold, div.cdbold {
	margin-top: 2em;
}

div.programboldfirst {
	margin-top: 0em;
}

div.indent {
	margin-left: 2em;
	display: block;
}

img.floatingportrait {
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-bottom: 5%;
}
img.floatinglandscape {
	width: 60%;
	float: left;
	margin-right: 5%;
	margin-bottom: 5%;
}
/* ----------------------------------------------
 * styles for header
*/ 

#vc_header {
	position: absolute;/*fixed;*/
	top: 0;
	right: 0;
	left: 0;
	height: 5em;
	border: 0.0em solid black;
}


#vc_head {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
}

/* ----------------------------------------------
 * styles for navigation area
*/
#vc_fixed {
	position: fixed;
	top: 1.0em;
	left: 0em;
	width: 10em;	
}


ul#vc_navigation {
	font-size: 1em;
	float: left;
	width: 10em;
	margin: 5em 0 0 0; /* top right bottom left */
	padding: 0;
	background-color: #e0e0e0;
	text-align: left;
	text-decoration: none;
	border: 0.0em solid green;
}

ul#vc_navigation li {
	list-style: none;
	margin:0;
	padding: 0.5em;
}

ul#vc_navigation a {
	display: block;
	text-decoration: none;
	padding: 0.0em;
}

ul#vc_navigation a:link {
	color: black;
}

ul#vc_navigation a:visited {
	color: #666666;
}

ul#vc_navigation a:hover {
	font-weight: bold;
	color: black;
}

ul#vc_navigation a:active {
	color: white;
}


/* ----------------------------------------------
 * styles for content area
*/ 

#vc_scrollarea {
	padding: 5em 0 2em 12em; /* top right bottom left */
	color: black;
}
#vc_content {
	max-width: 500px;
	/*padding-left: 60px;*/
	/*border: 1px dashed silver;*/
	min-width: 16em;
	text-align: left;
	/*background:url(jubilaeum25/background3.jpg); background-repeat:repeat-y; background-position:left top;
	background-attachment:scroll;*/
}

/* ----------------------------------------------
 * styles for footer
*/ 

#vc_footer {
	position: absolute;/*fixed;*/
	bottom: 0;
	left: 0;
	right: 0;
	height: 2em;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	text-align: left;
	/*background-color: #ffc801;*/
}
#vc_foot {
	position: relative;
	top: -1em;
	right: 0;
	left: 0;
	bottom: 0;
}