body { margin:0; padding:0; background-color:#a1a1a1; font-family:Tahoma, Arial, Helvetica, Sans-serif; font-size:14px; }
img { border: none; }

/* jQuery lightBox plugin - Gallery style */
#gallery { padding:10px; }
#gallery ul { list-style:none; }
#gallery ul li { display:inline; }
#gallery ul img { border:5px solid #3e3e3e; border-width:5px 5px 20px; }
#gallery ul a:hover img { border:5px solid #fff; border-width:5px 5px 20px; color:#fff; }
#gallery ul a:hover { color:#fff; }
	
#containerBar{ position:absolute; width:960px; height:160px; margin-left:-480px; left:50%; background-color:#282828; color:#fff; border:#282828 4px solid; text-align:left; }
#logoinBar { position:absolute; padding:8px; float:left; padding-left:20px; }
#screenshot { position:absolute; margin-left:640px; margin-top:5px;}	
#linkBar { position:absolute; margin-left:350px; font-size:10px; }
#languageBar { position:absolute; margin-left:580px; font-size:10px; }	
	
#login { position:absolute; margin-left:810px; width:150px; text-align:right; font-size:11px; color:#ffffff;}
#loginbutton { width:82px; font-size:12px;}
#loginedit { width:80px; font-size:12px; }

/* Navigation*/
#navtopposition {position:absolute; margin-top:130px;}
#nav {}
#nav ul{ list-style-type:none; margin:0; padding:0; }
#nav li { float:left; padding:0; margin:0;}
#nav li a { text-transform: uppercase; width:100px; display:block; text-align:center; color:#ffffff; margin-right:5px; height:18px; line-height:18px; text-decoration:none; font-size:80%; border:1px solid #ccc; }
#nav li a:hover { color:#aaaaaa; }
#nav ul ul { display:none; position:absolute; z-index:999; }
#nav li li { float:none; }
#nav li li a { background:#282828; text-align:left; height:auto; line-height:1; width:auto; padding:8px 20px 8px 22px; border:1px solid #D0D0D0; border-top:none; margin-right:0; }
* html li li { display:inline; } /* IE6 Bugfix... */

a:link { color:#555; padding:3px; font-weight:bold; text-decoration:none; }
a:visited { color:#555; padding:3px; font-weight:bold; text-decoration:none; }
a:hover { color:#aaa; padding:3px; font-weight:bold; text-decoration:none; }
a:active { color:#555; padding:3px; font-weight:bold; text-decoration: none; }
#canvas { position:absolute; width:100%; height:100%; text-align:center; }

#container { position:absolute; top:160px; width:960px; left:50%; margin-left:-480px; background-color:#fff; border:#282828 4px solid; text-align:left; }
#rightcolumn{ float:right; margin-top:10px; margin-right:5px; font-size:11px; width:172px; }
#content { padding:30px; margin:0 180px 0 0px; }
#footer{ font-size:11px; clear:left; width:100%; height:20px; color:#fff; text-align:center; padding:5px 0; background-color:#000; margin-top:40px;}
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#db6d16; }

.newsimage { float:right; margin:5px; border:1px solid black; position: relative; }

.myblock { margin-bottom:20px; border:1px solid gray; background-color:#FFFFCC; }
.mytitle { color:#fff; font-weight:bold; border:1px solid #000; background-color:#686868; padding:3px; }
.myrow { display: flex; }
.mycolumn { flex:50%; }
.mycolumn2 { flex:50%; border-left:1px solid gray;}
.mysubtitle { border-bottom:1px solid gray; padding:3px; background-color:#C8C8C8;}
.myitems { padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
.withborder { border:1px solid black; }

.spanlengthright { display: inline-block; text-align:right; width:120px; }

.flex-container { margin:20px; display:flex; flex-wrap:wrap; justify-content:space-around; }

.cranetitlelight { color:black; border-bottom:1px solid #000; border-right:1px solid #000; margin-bottom:5px; background-color:#fff; padding:3px;}
.newcranes { padding-top:8px; }
.cranecolumn { float: left; width: 50%;}
.center { width:100%; text-align:center; }
.dload { padding:10px; border:solid 1px gray; background-color:#FFFFCC; margin-top:5px; }
.news { margin-top:20px; }
.newstitle { color:#fff; font-weight:bold; border-bottom:1px solid #000; border-left:1px solid #000; margin-bottom:5px; background-color:#686868; padding:3px; }


.screenshot { float:left; width:170px; height:150px; font-size:10px;}

.hrgray { background:#fff url("../images/hr.gif") no-repeat; margin-left:10px; height:1px; background-color:#fff;
}