
html, body {
        height: 100%;
}

body { 
	background: #fff url('../img/wallpaper4.jpg') no-repeat fixed center top;
    font: 110% Cambria,Georgia,"Times New Roman",serif;
}

body.lang-he{
	direction:rtl;
}

h1 {
	margin: 1em 0;
	background: #fff url('../img/international-masterclasses.png') no-repeat center center;
	height:100px;
	text-indent:999em;
	overflow:hidden;
}

h2{
	text-align:center;
	margin:1em 0;
	font-size:1.5em;
}

h3{
	margin:0.5em 0;
	font-size:1.2em;
}

#sidebar h3{
	text-align:center;
}

a{
	text-decoration:none;
	/*font-variant:small-caps;*/
	color:#4e8baa;
}

#container {
	position:relative;
	border: 3px solid #D4D4D4;
	background:#FFFFFF;
	width:960px;
	margin: 1em auto;
	/*min-height:100%;  /* standardkonforme Browser */
	/*height:auto !important; /* standardkonforme Browser */
	/*height:100%; /* "MindesthÃ¶he" in IE6 */
}

/*	top menu */

ul#top_menu  {
	list-style: none;
	overflow:hidden;
	margin:0;
	border-bottom:1px solid #d4d4d4;
}
ul#top_menu li {
	float:left;
}

ul#top_menu  a {
	border: 1px solid #d4d4d4;
	width: 180px;
	float: left;
	display:block;
	padding: 10px 0;
	margin: 0 0 10px 10px;
	text-align: center;
	text-decoration: none;
	background: #4e8baa;
	color: #ffffff;
	font-weight:bold;
}

ul#top_menu  span {
	border: 1px solid #d4d4d4;
	width: 175px;
	display:block;
	padding: 10px 0px;
	margin: 0 0 10px 10px;
	text-align: center;
	text-decoration: none;
	background: #f0f0f0;
	color: #4e8baa;
	font-weight:bold;
}

ul#top_menu span a {
	 margin: -11px -8px -4px -2px;
        text-decoration: none;
        float: left;
        background: #f0f0f0;
	 width: 180px;
	 color: #4e8baa;
        border: 1px solid #d4d4d4;
}

ul#top_menu a:hover {
        border-color: #d4d4d4;
        background: #f0f0f0;
        color: #4e8baa;
}



/* content container */

#content {
	padding: 1em;
	overflow:hidden;
}

/* sidebar */
#sidebar {
	float:right;
	width:250px;
}

ul#table_of_contents{
	margin:0;
	list-style:none;
	border:1px solid #D4D4D4;
}

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

ul#table_of_contents li{
	list-style:none;
}

ul#table_of_contents span,
ul#table_of_contents a{
	display:block;
	padding:6px 8px;
	border-bottom:1px solid #D4D4D4;
}

ul#table_of_contents a{
	color:#000;
}

ul#table_of_contents span,
ul#table_of_contents a:hover{
	color:#fff;
	background:#4e8baa;
}

ul#table_of_contents ul span,
ul#table_of_contents ul a{
	padding-left:30px;
}

ul#table_of_contents ul ul span,
ul#table_of_contents ul ul a{
	padding-left:50px;
}

/* bottom menu */

ul#bottom_menu  {
	list-style: none;
	overflow:hidden;
	margin:0;
	border-top:1px solid #d4d4d4;
}
ul#bottom_menu li {
	float:left;
}

ul#bottom_menu li.answer {
	float:right;
}

ul#bottom_menu li.answer a {
	
	border-right: none;
}


ul#bottom_menu  a {
	border-right: 1px solid #d4d4d4;
	font-size:80%;
	display:block;
	padding: 3px 12px;
	text-align: center;
	text-decoration: none;
	color: #000;
}




/* inhalt */
#inhalt {
	line-height: 1.5em;
	text-align: justify;
	border-right:1px solid #d4d4d4;
	margin-right: 266px;
	padding:0 2.5em 0 1.5em;
	color:#222;
}

#inhalt div.container,
#inhalt p{
	margin:1em 0;
	overflow:hidden;
}

#inhalt p.emphasize{
	font-style:italic;
}

#inhalt p img{
	vertical-align:middle;
}

#inhalt div.figure{
	text-align:center;
	margin:1.5em 0;
}

#inhalt div.figure>*{
	margin:0 auto;
}

#inhalt div.figure div.caption{
	font-size:80%;
	margin:0 0em;
	text-align:left;
	line-height:1em;
}

#inhalt div.figure div.caption p{
	margin:0.3em 0;
}

#inhalt ul.collection{
	list-style:none;
	overflow:hidden;
	margin:1em 0;
}

#inhalt ul.collection li{
	float:left;
	margin:2px;
}

.nohighslide ul.collection li{
	float:none !important;
	margin-bottom:1em;
}

#inhalt ul.collection a{
	display:block;
	width:136px;
	height:150px;
	padding:2px;
	overflow:hidden;
	line-height:142px;
	background:#f0f0f0;
	border:1px solid #ddd;
}

#inhalt ul.collection a img{
	vertical-align:middle;
	max-width:136px;
}

#inhalt ul.collection.small a{
	max-width:105px;
	max-height:113px;
}

#inhalt ul.collection.small a img{
	max-width:113px;
}

#inhalt ul.collection.middle a{
	max-width:126px;
	max-height:135px;
}

#inhalt ul.collection.middle a img{
	max-width:135px;
}

a.highslide span,
#inhalt ul.collection a span{
	display:none;
}

.nohighslide a.highslide span,
.nohighslide ul.collection a span{
	display:block !important;
}

table.exercise td{
	border:1px solid #333;
	padding:5px;
}

table.exercise thead td{
	font-weight:bold;
}

table.exercise tbody tr:last-child td{
	border:3px double #333;
	text-align:center;
	padding:10px;
	background-color:#e5e5e5;
}

#inhalt table{
	width:100%;
	border:none;
}

#inhalt table th{
	padding:0 2em 0 0;
}


#inhalt table td,
#inhalt table th{
	vertical-align:top;
}

#select_data_package{
	margin-left:-65px !important;
}


table.zpath-exercise1{
	width:100%;
	border-collapse:collapsed;
	font-size:80%;
	margin:1em ;
}

table.zpath-exercise1 tr.labels{
	border:2px solid black;
	border-bottom-width:1px;
}

table.zpath-exercise1 tr.options{
	border-bottom:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
}

table.zpath-exercise1 tr.options td{
	vertical-align: middle;
	text-align:center;
	height:3em;
}

table.zpath-exercise1 tr.controls td{
	vertical-align: middle;
	text-align:right;
	height:4em;
	padding:4px;
}

table.zpath-exercise1 tr.controls td input{
	margin-left:4px;
}

table.zpath-exercise1 th{
	vertical-align: middle;
	text-align:center;
	padding:4px !important;
}

.exercise-hint{
	display:none;
}

.no-exercise-hint .exercise-hint{
	display:block;
}

table.download_list{
	width:100%;
	border:1px solid #aaa !important;
	font-size:80%;
}

table.download_list th,
table.download_list td{
	border:1px solid #ccc !important;
	height:2em !important;
	vertical-align:middle !important;
	text-align:center !important;
	padding:0 !important;
}

table.download_list th{
	padding:0.3em 0.5em !important;
}