html,input, textarea, keygen, select, button  {
	font-family: 'Vollkorn', serif;
	color: #333333;
	background-color: #ffffff;
}
		
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	height:100%;
	width:100%;
	background:#000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	display:none;
}

#container {
	position:fixed!important;
	position:absolute;
	height:85%;
	width:95%;
	max-width: 1024px;
	margin: 0px 0px 0px  0px;
	top: 5%;
	left: 5%;
	color: #ccccdd;
	background-color: #333;
	border: 1px solid #000000;
	display:none;
	z-index:1002;
	padding: 30px;
	overflow-y: auto;
}

/* allow tooltip / overlay in front */
#svgObject {
	z-index: 0;
	}
/* TOOLTIP CSS - positione in script*/
div.ptooltip {
	/* get faed in working? */
	/* opacity: 0; transition: opacity 1.0s; */
	/*display: none; */
    background-color: #eee;
	color: #222;
    border:solid #444;
    position: absolute;
	top: 5%;
	left: 5%;
	z-index: 100;
	margin: 5px;
    max-width: 25em;
	/* -webkit-border-radius: 100%;  // no webkit/moz handling, just positioning in this case
	-webkit-border-top-left-radius: 0em 0em;
	-moz-border-radius: 100%;
	-moz-border-radius-topleft: 0em 0em;  */
	border-radius: 3%;  /* will be changed by tooltip.js */
	padding: 3em;
}

/*
div.ptooltip:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 56px 32px 0;
	border-color: #444 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -30px;
	bottom: -56px;
	left: 51%;
}

div.ptooltip:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	margin-left: -30px;
	bottom: -50px;
	left: 52%;
	border-width: 50px 27px 0;
	border-style: solid;
	border-color: #eee transparent;
	z-index: 1;
}
*/

#toolTipText {
	//padding: 1em;
	font-size: .7em;
}
/* svg { overflow:visible; }/*allow tooltips to spill into margins */ 
#absolute_close, #toolTipHide {
	float: right;
	background-color: #c00;
	border: 2px solid black;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: center;
	font-family: arial;
}
#projektStarten {
	padding: 0.5em;
	background-color: #bebebe;
	color: #000;
	border: 2px solid black;
	margin: 0.5em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
