[draggable=true] {
    cursor: move;
}


html {
    scroll-behavior: smooth
}

body {
	padding:0;
	margin:0;
}

body * {
font-family: Helvetica, Arial, sans-serif;
}

h1 a {
	color: white;
}
span.colored {
color:#aaf;
}

table#fees {
margin-left: 33px;
}

div#oro {
		margin-top:10px;
}

div#oro a{
		text-decoration:underline;
		color:#aaf;
}

div#gfa {
    
}

div#consultant {
	margin-top:8px;
}

.title.tutorial {
	font-size:30px;
}

table#support a {
	color:#aaf;
}

table#tutorials td.num {
padding-right: 10px;
padding-left: 10px;
}
table#tutorials td {
	font-size: 20px;
	margin-right:10px;
}


div.tile label {
	color: #633000;
	font-size:18px;
}

div.tile a {
	text-decoration:none;
}

tr.tbd td.tutorial {
	font-size: 20px;
	color:gray !important;
}

tr.tut.tbd td:hover {
	background:inherit;
	cursor:default;
}

tr.tut:hover {
	background:#eee;
	cursor:pointer;
}


tr.tutorials td.tutorial {
	font-size: 20px;
	color:#aaf;
}

td.tutorial {
	vertical-align:top;
}

tr.tut td {
	padding: 20px;
}

td p.tutexplanation {
font-size: 20px;
margin-left: 20px;
padding: 0;
padding-right: 10px;
margin:0;
}

table#tutorials {
}

div#tutorials a {
	color:#aaf;
	font-size:15px;
	font-weight:bold;
}

  div#maintenance {
		width: 60%;
		border-color: #aaf;
		border-width: 3px;
		border-style: solid;
		background: white;
		display: inline-block;
		position: fixed;
		top: 22%;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 50px;
		padding-top: 20px;
		padding-bottom: 20px;
		z-index: 1000;
		font-size: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}



span.tutorialtitle,
span.bysemweb {
	font-size:12px;
	margin-left: 5px;
}

label#payfee {
	font-size:14px;
	margin-left: 5px;	
}

.fees label.detail.hidden {
display:none;
white-space:nowrap;
}

td.sep {
border-bottom: 1px solid #eee;
position: relative;
top: -30px;
}

.black {
	color:black !important;
}

div#telenumber {
}

div#telenumber a:hover {
	color: black;
}
div#telenumber a {
text-decoration: none;
color: #aaf;
font-size: 18px;
}



.fees label.detail {
color: #aaf !important;
font-size: 14px !important;
}

tr.sections label.scroll {
	color: #555 !important;
	font-size: 14px !important;
}

tr.sections label.scroll:hover {
	color: #aaf !important;
	
}

div#conreq {
background: #aaf;
border-radius: 5px;
position: absolute;
top:100px;
left:100px;
width: 690px;
overflow: hidden;
z-index:10;
display:none;
}

td.first.cell {
	min-width:300px;
}

td.cell {
	max-height: 400px;
	
}

div#conreq p {
	color:white;
	font-size: 25px;
}

iframe#iframeconreq {
width: 688px;
height: 600px;
overflow: hidden;
border-width: 0;
position: relative;
top: -8px;
}

@-moz-document url-prefix() {
   iframe#iframeconreq {
		width: 688px;
		height: 635px;
		overflow: hidden;
		border-width: 0;
	}
}


div.icon-close img:hover {
width: 30px;
height: 30px;
margin: auto;
cursor:pointer;
opacity: 1;
filter: alpha(opacity=100);
}

input.submit {
height: 50px;
width: 250px;
background: #555;
color: white;
font-size: 16px;
border-radius: 10px;
margin-left: 3px;
margin-bottom: 10px;
}

div.icon-close img {
width: 30px;
height: 30px;
margin: auto;
opacity: 0.7;
filter: alpha(opacity=70);
}

label.feetitle {
color:#555 !important;
font-style:italic !important;
font-size: 14px !important;
}

h1.title {
    padding: 10px;
    padding-left: 40px;
    margin: 0;
    font-size: 33px;
    margin-top: 5px;
}

.full {
	width:100%;
}

div.scroll-left img {
position: relative;
width:25px !important;
margin:0 !important;
top: -200px;
}

div.scroll-right img {
position: relative;
width:25px !important;
margin:0 !important;
top: -200px;
}

div.scroll-left img:hover,
div.scroll-right img:hover {
	cursor:pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


tr.sections label {
	color:#aaf;
	font-size: 30px;
}

table#conreqtable {
width: 638px;
margin-left: 26px;
}

div.tile.first {
	margin-top: 10px;
}

label.teaser {
font-style: italic;
margin-left: 1px;
color: #77b;	
}

div.tile {
	float:left;
padding:10px;
padding-right:20px;
}

div.tile.address {
	float: initial;
	margin-left:40px;
}

div.callus {
	margin-top: 10px;
	margin-bottom: 10px;
}
a.contact {
	color: #633000;
}

a.contact:hover {
	color: black;
}

div#gallery {
width: 440px;
overflow-x: hidden;
position:relative;
top: -45px;
}

label.pictitle {
	font-size:14px !important;
	color: black !important;
}

ul {
line-height: 25px;
font-size: 16px;
}

label.title.index {
margin-left: 0px;
}

label.title {
    color: #555;
    font-size: 25px;
    font-style: italic;
}

label.free {
color: #44a !important;
}

span.tmmis {
font-size: 12px;
font-style: italic;
font-weight: normal;
margin-left: 3px;
}

div#header {
	width:100%;
}

div#mainimprint {
	width:100%;
	line-height: 25px;
}

div#main {
	width:100%;
	overflow:auto;
}

div.content {
	padding: 40px;
}


a {
color: #555;
}

tr.sections img {
width: 400px;
margin-top: 50px;
margin-left: 15px;
margin-right: 15px;
max-height: 300px;
}

div.tile.four {
max-width: 385px;
}

tr.sections p {
line-height: 25px;
font-size: 14px;
padding-left: 37px;
}

div#contactus {
	background: #aaf;
	display: none;
}

div.tile.four table {
width: 100%;
}

table#support {
	width:338px;
}
table.tul {
	margin-left:20px;
}

table.tul td{
	line-height: 20px;
	font-size: 15px;
}

hr.sep {
	color:#eee;
}

td.optionalparams:hover,
td.genericparams:hover,
td.example:hover
 {
	cursor:pointer;
	background: #eee;
}

div.opsep {
	height:100px;
}

label.opname {
	color:#aaf;
	font-weight:bold;
}

.hidden {
	display:none;
}

table#api p.opsyntax {
background: #ddd;
font-family: courier;
padding: 2px;
}

table#api a.opname {
font-size: 17px !important;
text-decoration: none;
font-weight: bold;
}

table.params {
border: 1px solid red;
border-collapse: collapse;
}

td.noborder {
border: none !important;
padding-left: 0 !important;
}

a.opname {
	color:#aaf;
	text-decoration:none;
}

xmp {
color: #999;
line-height: 12px;
font-size: 12px;
padding: 0px;
margin: 0px;
font-family: courier;
max-width: 1000px;
overflow: auto;
}

table.op,
table.op td
{
border: 1px solid #ccc;
border-collapse: collapse;
padding: 20px;
}

table.params {
	border: 0px solid black;
}


table.op p {
	padding:0;
	margin:0;
}


label.api {
color: #aaf;
margin-left: 0;
}

table#api p {
	font-size:15px;
	line-height:18px;
}


div#pic {
position: fixed;
width: 100%;
height: 100%;
left: 40px;
z-index: -1;
margin-top:180px;
}

div#puzzle {
background-image: url("/graphcompass/gen/images/p1-breit-sw.png");
height: 42%;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 60px;
margin-right: 60px;
left: 60px;
}

img.skype, 
img.tel {
  width:50px;	
}

img.tel {
position: relative;
left: 2px;
width: 48px;
}

div#puzzle:hover {
  background-image: url("/graphcompass/gen/images/p1-breit.png");
}

div.bullet {
background-image: url("/graphcompass/gen/images/bullet.png");
height: 10px;
width: 10px;
margin: auto;
padding-left: 10px;
background-size: contain;
background-repeat: no-repeat;
float: left;
position: relative;
top: 4px;
}

td.apihow {
	
}

p.imprint {
	
}

table#api a {
	color:#aaf;
}

span.uriparam {
background: #ddd;
font-family: courier;
padding: 2px;
}

span.default {
	font-style:italic;
}

.colored {
	color: #aaf;
}

span.imprint {
	margin-right: 10px;
	font-size: 13px;
	position: relative;
  top: 8px;
}

td.imprint span.imprint:hover {
	color:black;
	cursor:pointer;
}

p.thin {
	margin:0;
	padding-top:0;
	padding-left:0;
}


p.rightthin {
padding: 0 !important;
margin-top: 0;
margin-bottom: 0;
}

input.contactus {
height: 50px;
width: 250px;
background: #aaf;
color: white;
font-size: 25px;
border-radius: 10px;
margin-top: 20px;
}

table#api tr.intro p.intro {
	font-size:15px;
}



div#skscontainer:hover {
	cursor:pointer;
	background:black;
	color:#e76000;
	height: 20px;
	opacity: 1 !important;
}


div#skscontainer {
	background:#e76000;
	font-size:18px;
	position:absolute;
	top:15%;
	color:white;
	padding:20px;
	font-size:18px;
	width:156px;
    height: 20px;
	border-radius:10px;
	z-index:540000 !important;
	display:none;
	opacity:0.9;
}



div#sks span.tm {
position: relative;
    top: -16px;
    left: 2px;
    font-size: 12px;
}

div#link {
	position: relative;
    top: -14px;
    font-size: 25px;
    left: 2px;
    padding-bottom: 10px;
}