html,body{
	margin:0;
    padding:0;
}

.rtl{
	text-align: right;
	direction: rtl;
}

a:hover{
	text-decoration: underline;
}

em{
	font-style: italic;
}

body{
	font-family: SchulbuchNordWeb,Verdana;
	font-size: 1em;
}	

/* CONTAINERS */
.dynamic-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	min-width: 1024px;
    min-height: 690px;
    overflow: hidden;
}

.static-container{
	width: 1024px;
	height: 690px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-left:-512px;
	margin-top: -345px;

	/*background-color: rgba(0,0,0,0.03);*/

}

/* OVERLAY */
.overlay{
	width: 100%;
	height: 100%;
	z-index: 100000;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
}

.overlay > div{
	position: absolute;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	border-radius:24px;

}

/* OVERLAY PARAGRAPH */
.overlay > div p,
.overlay > div div{
	font-size:19px;
	line-height:1.25em;
}

/* LINK */
.overlay > div a{
	font-weight: bold;
}

/* TABBED MENUS ( IN OVERLAY ) */
.overlay > div .tabmenu{
	list-style-type: none;
	font-weight: bold;
	padding: 0;
	position: relative;
	top: -20px;
	left: 60px;
	width: 90%;
}

.overlay > div .tabmenu > li{
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	font-size: 17px;
	opacity: 0.5;
	cursor: pointer;


}

.overlay > div .tabmenu > li.selected,
.overlay > div .tabmenu > li:hover{
	opacity: 1;
	text-decoration: underline;
}

.tabpage{
	clear: both;
	font-weight: normal;
}

/* OVERLAY  HEADINGS */
.overlay > div h1{
	font-size:28px;
	height:28px;
	margin:0 0 44px 0;
}

.overlay > div h2{
	font-size:16px;
}

.overlay > div h3{
	margin-top: 0;
	font-size: 20px;
	margin-bottom: 10px;
}

/* OVERLAY HEADER ICON */
.overlay > div h1 > img{
	position:relative;
	height:140%;
	top:35%;
	margin-right:20px;
}

.overlay > div h2 > img{
	position:relative;
	height:140%;
	top:35%;
	margin-right:20px;
}

.overlay > div .ps-scrollbar-y-rail{
	right:9px;
}

.overlay > div .ps-scrollbar-x-rail{
	bottom:9px;
}



/* LOGO DISPLAYING IN A POPUP / BKM etc */
p.logo-display{
	height:100px;
	text-align:center;
	background-color:transparent;
}


p.logo-display > img{
	
	cursor: pointer;

	position: relative;
	top:10%;
	height: 80%;

	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

p.logo-display > img:hover{
	top:0;
	height: 100%;
}


/* GENERIC SPEECH BUBBLE */
.generic-bubble{
    padding: 20px;
    position: relative;
    display: inline-block;
    min-width: 200px;
    min-height: 100px;
    margin-left: 60px;
    margin-top: -40px;
    background-color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.generic-bubble > .hook{
    width:60px;
    height: 53px;
    position: absolute;
    left: -60px;
    top:30px;
    background-image: url(../img/vis/speech-hook-left.png)
}

.generic-bubble > .hook.inverse{
	background-image: url(../img/vis/speech-hook-left-inverse.png)
}

/* GENERIC SHADOW */
.generic-shadow {
    -moz-box-shadow: 13px 13px 14px rgba(0,0,0,0.3);
    -webkit-box-shadow: 13px 13px 14px rgba(0,0,0,0.3);
    box-shadow: 13px 13px 14px rgba(0,0,0,0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#000000');
}


/* FORMS */
.form-response{
	float: left;
	clear: both;
}

/* BUTTONS */

/* BAR */

/* MENUS */

/* ANIMATION HARDWARE RENDERING */
.animated{
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);

    /*-webkit-perspective: 1000;*/
    /*-webkit-backface-visibility: hidden;*/

    /*
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    */

}