/*
 * Web Editor App by Mike Unckel
 * http://unckel.de/
 * Version 4
 * 2012-2018
 */
 
body {
    font-family:Tahoma, Verdana, Arial, sans-serif;
    margin:4px;
	padding:0;
	/*background:url(bg.jpg) no-repeat right -50px;
	background-color:#123;
	*/
	background-color:#000;
	overflow:hidden; /* weg damit! */
}

div,
#htmlBox  {
    padding:0;
	margin:0;
}

a { 
	color:#fff;
}

#control {
	height:45px;
	font-size:11px;
	color:#fff;
}

#control h1 {
	font-size:16px;
	font-weight:normal;
	/*padding-left:0px;*/
	margin-left:5px;
	/*
	background:url(icon32.png) no-repeat;*/
	
	float:left;
	color:#eee;
}

#control sup {
	font-family:georgia, serif;
	font-size:11px;
	font-style:italic;
	color:#abc;
}



#control #buttons {
	position:absolute;
	right:10px;
	top:11px;
}

#control span,
.btn {
	
	border:solid 1px #999;
	background-color:#567;
	display:inline-block;
	color:#eee;
	font-size:11px;
	font-weight:normal;
	padding:5px 7px;
	text-decoration:none;
	cursor:pointer;
	margin-left:2px;
}

#control span:hover {
	background-color:#789;
}

#control #btn-autoreload-toggle,
#control #btn-section-toggle {
	background-color:#290;	
}


#wrapper {
    position:relative;
}

#htmlBox,
#iframeBox {
    position:absolute;
    height:400px;
    background-color:#fff;
}

#gripper {
    position:absolute;
    height:400px;
    background:url(gripper.gif) no-repeat center center #123;
    cursor:e-resize;
}

#over {
	position:absolute;
	top:0; left:0;
	z-index:999;
	background:#eee;
	display:none;
	opacity:0.01; /* trick 17-1, prevent mouse selection / no IE8 support */
}

#infoBox {
	display:none;
	position:absolute;
	top:200px;
	width:300px;
	margin-left:-166px;
	left:50%;
	z-index:9999;
	background:#123;
	padding:16px;
	color:#fff;
	font-size:12px;
	border-radius:5px;
	box-shadow:0 5px 15px rgba(0,0,0,0.5);
}

#infoBox #txtreload ,
#infoBox #txtabout {
	display:none;
}

#infoBox .btn {
	margin-top:15px;
	display:block;
	text-align:center;
}