@font-face  {  
  font-family: osb ;
  src: url( http://selmiak.bplaced.net/OpenSans-Bold.ttf ) format("truetype");  
}
@font-face  {  
  font-family: oseb ;
  src: url( http://selmiak.bplaced.net/OpenSans-ExtraBold.ttf ) format("truetype");  
}
@font-face  {  
  font-family: os ;
  src: url( http://selmiak.bplaced.net/OpenSans-Regular.ttf ) format("truetype");  
}

body { 
  background-color:#004d2d; 
  background-attachment:scroll; 
  margin-left:0px; 
  margin-top:0px; 
  color:#b8c5d7;
  font-family:os,arial,sans-serif; 
  background-image: url(http://selmiak.bplaced.net/games/pc/dott/bgs/bg.php), url(http://selmiak.bplaced.net/games/pc/dott/bgtile2.png);
  background-repeat: no-repeat, repeat ; 
  background-position: top center, top left;
  background-attachment: fixed, scroll;
  background-size: cover, auto auto;	              
}

a:link         { color:#587467; text-decoration:underline; } 
a:visited      { color:#746858; text-decoration:underline; }
a:hover        { color:#25503e; text-decoration:underline; }
a:active       { color:#ffffff; text-decoration:underline; }

.border        {
                width:950px; 
                border-radius: 20px;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                padding-top:10px; 
                padding-bottom:10px; 
                text-align:justify; 
                vertical-align:top; 
                font-family:os,arial,sans-serif;  
                font-size:15px; 
                color:#dadada; 
                background-image:url(http://selmiak.bplaced.net/games/pc/steelsky/insidebgt.png);
                background-repeat: repeat ; 
	              background-position: top left;
                border:1px solid #004d38;
                box-shadow: 0px 0px 17px 3px #000000;
                position: relative;
                }                

h1   {
	font-family:osb,arial,sans-serif;
  font-size:45px;
  text-shadow: 0px -1px 0px #eeeeee, 0px 1px 0px #444444,0px 2px 0px #333333,0px 3px 0px #222222,0px 4px 0px #111111;
}
h2   {
	font-family:osb,arial,sans-serif;
  font-size:33px;
  text-shadow:0px 1px 0px #444444,0px 2px 0px #333333,0px 3px 0px #222222;
}	    
h3   {
	font-family:osb,arial,sans-serif;
  font-size:23px;
  text-shadow:0px 1px 0px #444444,0px 2px 0px #333333;
}	



.sol_head_center {
  width:480px;
  margin:auto;
}


.annotation {
	              font-size:12px;
	              padding:15px;
	              border:1px dotted #39463f;
	              width:500px;
	              margin:auto;
	            }

.smbnav      { 
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                width:700px;
                text-align:center; 
                vertical-align:top;
                padding-left:5px; 
                padding-right:5px; 
                padding-bottom:8px; 
                padding-top:8px; 
                font-family:os,arial,sans-serif; 
                font-size:10px; 
                color:#4aff73;
                text-shadow: 0 0 3px #090909;  
                background-image:url(http://selmiak.bplaced.net/games/pc/dott/midnav.png);
                background-position:center center;
                box-shadow: -1px -1px 0px #1f924d, 1px 1px 0px #042620, 0 -1px 10px #0f4f33;
                }

.smbnav a:link         { color:#4aff73; text-decoration:underline; } 
.smbnav a:visited      { color:#4aff73; text-decoration:underline; }
.smbnav a:hover        { color:#71ffa3; text-decoration:underline; }
.smbnav a:active       { color:#ffffff; text-decoration:underline; }



.shine         { 
                border-top-left-radius: 5px;
                border-top-right-radius: 50px;
                border-bottom-left-radius: 80px;
                -moz-border-radius: 40px;
                -webkit-border-radius: 40px;
                width:900px;
                text-align:justify; 
                vertical-align:top;
                margin-bottom:18px; 
                margin-top:15px; 
                font-family:os,arial,sans-serif; 
                font-size:15px; 
                color:#dadada; 
                background-image:url(http://selmiak.bplaced.net/gf/images/bpix.png);
                box-shadow: 0 0 10px #083021;
                position:relative;
                }

.shine a:link         { color:#74a489; text-decoration:underline; } 
.shine a:visited      { color:#74a489; text-decoration:underline; }
.shine a:hover        { color:#afd2c1; text-decoration:underline; }
.shine a:active       { color:#ffffff; text-decoration:underline; }

.solution {
	text-align:justify;
	width:715px;
	color:#afd2c1;
}


.toc {
	width:140px; 
	float:right;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:7px;
	border: 1px solid #093388;
  background-color: #132e56;
	background-image:url(http://selmiak.bplaced.net/games/pc/steelsky/bgtile2.png);
  background-repeat: repeat ; 
  background-position: top left;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:10px;
  text-align:left;
  font-size:11px;
  color: #c7cfdb;
  font-family:arial,sans-serif;
  box-shadow: inset 0px 0px 14px #093e6f, inset 1px 1px 0px #3370b5, 2px 3px 0px #0a1f3a;
}

.tochead {
	text-align:center;
	font-size:16px;
}
.toc a:link         { color:#c7d1db; text-decoration:underline; } 
.toc a:visited      { color:#c7d1db; text-decoration:underline; }
.toc a:hover        { color:#c4dcf3; text-decoration:underline; }
.toc a:active       { color:#ffffff; text-decoration:underline; }


.maintoc {
	width:400px; 
  font-size:17px;
  color: #c7cfdb;

}
.maintochead {
	text-align:center;
	font-size:30px;
}
.maintoc a:link         { color:#c7d0db; text-decoration:underline; } 
.maintoc a:visited      { color:#c7d0db; text-decoration:underline; }
.maintoc a:hover        { color:#c4daf3; text-decoration:underline; }
.maintoc a:active       { color:#ffffff; text-decoration:underline; }

.maintocbullet {
  border: 1px solid #095a88;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
	font-family:arial,sans-serif;
  box-shadow: inset 0px 0px 14px #09436f, inset 1px 1px 0px #337cb5, 2px 2px 0px #0a223a;
	padding:7px;
	margin-bottom: 5px;
	text-align:center;
  background-image:url(http://selmiak.bplaced.net/games/pc/steelsky/bulletbg.png), url(http://selmiak.bplaced.net/games/pc/steelsky/midnav.png);
  background-position: top left, center center;
  background-repeat: no-repeat, repeat-x;
}

.topmenu {
	width:100%;
	text-align:center;
	padding:10px;
	border: 1px solid #133656;
	margin:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
  background-image:url(http://selmiak.bplaced.net/games/pc/steelsky/midnav.png);
  background-position:center center;
}
.topmenu a:link         { color:#c7d0db; text-decoration:underline; } 
.topmenu a:visited      { color:#c7d0db; text-decoration:underline; }
.topmenu a:hover        { color:#c4daf3; text-decoration:underline; }
.topmenu a:active       { color:#ffffff; text-decoration:underline; }
.shineklein    { 
                width:860px;
                text-align:center; 
                vertical-align:top;
                margin-left:15px; 
                margin-right:15px; 
                margin-bottom:18px; 
                margin-top:15px; 
                font-family:os,arial,sans-serif; 
                font-size:15px; 
                color:#dadada; 
                background-image:url(http://selmiak.bplaced.net/gf/images/bpix.png);
                }

.smallnavi { 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width:200px;
  text-align:left; 
  float:right; 
  vertical-align:top;
  padding-left:10px;
  margin-bottom:18px; 
  margin-top:15px;
  margin-left: 15px;
  margin-right: 15px;
  font-family:arial,sans-serif; 
  font-size:13px; 
  line-height: 27px;
  color:#b6ff58; 
  background-color:#021f10;
  border:thin solid #023312;
  position: relative;
  top: -15px;
  right: -10px;
}
.smallnavi a:link { color:#81d713; text-decoration:underline; } 
.smallnavi a:visited { color:#74b126; text-decoration:underline; }
.smallnavi a:hover { color:#c9ff84; text-decoration:underline; }
.smallnavi a:active { color:#ffffff; text-decoration:underline; }

.smallnavihead {
	text-align:center;
	font-size:25px;
	font-weight:bold;	
	margin:auto;
}

.toc1{
	background-image:url(http://selmiak.bplaced.net/games/pc/technobabylon/toc1.png);
  background-repeat: no-repeat ; 
  background-position: top left;
  height: 13px; 
  width:100%;  
}
.toc2{
	text-align:left; 
	background-image:url(http://selmiak.bplaced.net/games/pc/technobabylon/toc2.png);
  background-repeat: repeat-y ; 
  background-position: top left;
  width:100%;
  vertical-align:top;
  padding-left:17px;
  font-family:os,arial,sans-serif; 
  font-size:9px; 
  color:#cef1f2; 
}
.toc2 a:link         { color:#cef1f2; text-decoration:underline; } 
.toc2 a:visited      { color:#bbe3e4; text-decoration:underline; }
.toc2 a:hover        { color:#bbe3e4; text-decoration:underline; text-shadow: 0px 0px 2px #000000, 0px 0px 5px #c8f7ff; }
.toc2 a:active       { color:#ffffff; text-decoration:underline; }

.toc3{
	background-image:url(http://selmiak.bplaced.net/games/pc/technobabylon/toc3.png);
  background-repeat: no-repeat ; 
  background-position: top left;
  height: 13px;
  width:100%;
}

.trophytable {
 border: none;
 cellspacing: 10px;
}

.trophy1    { 
 font-family:os,arial,sans-serif; 
 color:#b8c5d7; 
 background-image:url(http://selmiak.bplaced.net/games/pc/dott/trophyfooter.png);
 background-position: center bottom;
 background-repeat: repeat-x;
 padding:5px;
}
.trophy2    { 
 padding:5px;
 vertical-align:top;
}

.more   {
                background-image:url(http://selmiak.bplaced.net/games/pc/portal2/midnav.png);
                background-position:center center;
                font-size:18px;
                text-align:left; 
                border:thin solid #23b1e5;
                padding-left:20px;
                padding-top:10px;
                padding-bottom:10px;
                padding-right:10px;
                width:420px;  
                }
.more a:link         { color:#3d371a; text-decoration:underline; } 
.more a:visited      { color:#3d371a; text-decoration:underline; }
.more a:hover        { color:#3d371a; text-decoration:underline; }
.more a:active       { color:#ffffff; text-decoration:underline; }


.smallnote {
	font-size:10px;
}


/* ####   ----   HEADER    ----   #### */
.monkeyh       {
                width:940px;
                height:78px;
                background-image:url(http://selmiak.bplaced.net/games/pc/monkeyisland2/logo.png);
                }

/* ####   ----   HEADER    ----   #### */



/* comments */

.commie     { 
                width:95%;
                font-size:10px;
                text-align:left; 
                border:thin solid #083021;
                padding-left:5px;                  
                padding-top:5px;
                padding-bottom:5px; 
                padding-right:5px;
                } 
                
.commie0     { 
                width:95%;
                font-size:10px;
                text-align:left; 
                border:thin solid #083021;
                padding-left:5px;                  
                padding-top:5px;
                padding-bottom:5px; 
                padding-right:5px;
                background-image:url(http://selmiak.bplaced.net/gf/images/bpix.png);
                }
                
.bisschengr   { 
                text-align:center; 
                vertical-align:top; 
                font-family:os,arial,sans-serif; 
                font-size:11px; 
                word-wrap: break-word;
                } 
                
.save         { 
                padding-left:5px; 
                padding-right:5px; 
                padding-top:3px; 
                padding-bottom:3px; 
                text-align:center; 
                vertical-align:top; 
                font-family:os,arial,sans-serif; 
                font-size:15px !important; 
                color:#00ff96;
                background-image:url(http://selmiak.bplaced.net/games/snes/save.png);
                }

.comp         { 
                text-align:center; 
                vertical-align:top; 
                font-family:os,arial,sans-serif; 
                font-size:9px; 
                }
.formhead {
	width: 400px;
	margin:auto;
	font-size:20px;
	font-weight: bold;
	color: #b8d7ce;
  background-color: #02231d;
/*  background-image: url(http://selmiak.bplaced.net/games/pc/machinarium/commheadbg.jpg);
  background-position: top center;*/
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 1px solid #08402c;
  padding: 7px 20px;
  margin-top: 5px;
  text-shadow: 0px 0px 5px RGBa(28,90,56,0.6), 0px 1px 0 #28624a, 0px 2px 0 #184528;
  box-shadow: 0px 0px 5px RGBa(28,90,56,0.6);
  text-align:center;
}
.cominp        {
  color: #71e4a7;
  background-color: #063d24 ;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid #08401d;
  padding:4px;
}

.combut        {
  color: #71e4a7;
  background-color: #063d24 ;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0px;
  font-weight: bold;
  padding: 7px 20px;
  box-shadow: inset 0px -2px 0px #001811, inset 0px 1px 0px #21a67c;
  cursor: pointer;
} 


.navi { 
	/* background: url(http://selmiak.bplaced.net/games/pc/technobabylon/menubg.png) top center no-repeat; */
	padding-top:10px;
	padding-bottom:10px;
	width:600px;
	margin:auto;
}  

.naviitem {
	margin:auto;
	width:333px;
	padding:10px;
	border:0px;
	text-align:center;
	font-size:16px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow: 0 4px 0 #001811, 0 -1px 0 #21a67c, 0 0 10px #106c46;
	background-color: #2C674E;
	background-image:url(http://selmiak.bplaced.net/games/pc/dott/midnav.png);
  background-position:center center;
	margin-bottom:15px;
	font-weight: bold;
}
.naviitem a:link         { color:#7bd9b7; text-decoration:underline; } 
.naviitem a:visited      { color:#7bd9b7; text-decoration:underline; }
.naviitem a:hover        { color:#76eca5; text-decoration:underline; text-shadow: 0px 0px 3px #000000, 0px 0px 8px #c8ffeb; }
.naviitem a:active       { color:#bcf8e9; text-decoration:underline; text-shadow: 0px 0px 1px #000000, 0px 0px 4px #c8ffeb;}



.l {
	float:left;
	padding-right:10px;
	padding-bottom:5px;
}
.r {
	float:right;
	padding-left:10px;
	padding-bottom:5px;
}

.kdp 
{
	position:absolute;
	top:-50px;
	right:-160px;
}

h1::selection, h2::selection, h3::selection, 
.shine center .l a img::selection, .shine center .r a img::selection,
.smallnavi::selection, .smallnavi a::selection,
.smbnav::selection, .smbnav a::selection,
.shine center::selection, .shine center a::selection,
.solution::selection, .solution a::selection,
.solution i::selection, .solution b::selection {
background: #0d390b; /* Safari */
color: #c1df88;
}

h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, 
.shine center .l a img::-moz-selection, .shine center .r a img::-moz-selection,
.toc2::-moz-selection, .toc2 a::-moz-selection,
.smbnav::-moz-selection, .smbnav a::-moz-selection,
.shine center::-moz-selection, .shine center a::-moz-selection,
.solution::-moz-selection, .solution a::-moz-selection, 
.solution i::-moz-selection, .solution b::-moz-selection {
background: #19390b; /* firefox */
color: #bbdf88;
}

.related {
	position:absolute;
	top: 433px;
	left:-183px;
  width: 170px;
	border: 1px solid #004d38;
  background-color: #031932;
  background-image:url(http://selmiak.bplaced.net/games/pc/loom/insidebg.png);
  background-repeat: repeat ; 
  background-position: top left;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  box-shadow: inset 0px 0px 6px #093e6f 2px 3px 0px #0a1f3a;
}
.relatedtop {
	height: 0px;
	height:10px;	
}
.relatedmid {
	width: 170px;
}
.relatedbot {
	height: 0px;
	height:10px;
}
.related_headline {
	text-align:center;
	font-size:18px;
	width: 153px;
}