@charset "UTF-8";

@import "bootstrap/bootstrap.min.css";

@import url(https://fonts.googleapis.com/css?family=Merriweather);
body {
	background-color:#1d1b1a;
}

a:visited, a:link {
    text-decoration: none;
}

.page-container {
	background: url("../assets/background/bohrinsel_1920.jpg") no-repeat 0px 32%;
	background-size: 100% auto;
}
.oil-content {
	min-height:850px;
}

.loginbar {
	background: url("../assets/background/loginbar.png") left top no-repeat;
	height:70px;
	width:600px;
	position:absolute;
	right:15px;
	z-index:999;
}
.loginbar-small {
	display:none;
	background: url("../assets/background/loginbar1.png") left top no-repeat;
	/* background-size: 100% 100%; */
	height:80px;
	width:380px;
	position:absolute;
	right:15px;
	z-index:999;
}
.col-hd-1 {
	float:left;
}
.col-hd-1 input,select {
	color:black;
	border-radius: 7px;
	background: url("https://www.oilempire.com/assets/background/input.png");
	height:26px;
}
.col-hd-1 select option {
	color:black;
	background-color: lightgray;
	/* background: linear-gradient(to right, rgba(109,113,121,1) 0%,rgba(59,59,59,1) 100%); */
    /* background: url("https://www.oilempire.com/assets/background/input.png"); */
height:26px;
}
.col-hd-1 select option:hover {
background: linear-gradient(to right, rgba(126,131,140,1) 0%,rgba(84,84,84,1) 86%);
}
.col-hd-2 input {
height: 27px;
}
.bar {
margin-top:15px;
margin-left:50px;
}
.bar-small {
margin-top:7px;
margin-left:65px;
}
.sublinebar {
margin-left:-106px;margin-top:6px;color:#f9f9f9;
}
.registrerbox {
height:720px;
width:448px;
color:black;
position:absolute;
left:50%;
margin-left:-224px;
margin-top: 73px;
background: url("https://www.oilempire.com/assets/background/register_en.png");
}
.registrerendbox, .passwordchange {
height:655px;
width:448px;
color:black;
position:absolute;
left:50%;
margin-left:-224px;
margin-top: 10px;
background: url("https://www.oilempire.com/assets/background/company.png");
}

.serverselect {
width:28%;
float:left;
padding:7px 0px 0px 15px;
cursor:pointer;
margin-left:15px;
height:36px;
background-color:white;
}
#server2 {
border:black 3px solid;
}
#server4 {
border:transparent 3px solid;
}
.screencol {
height:295px;width:240px;position:absolute;left:50%;margin-left:18%;margin-top: 220px;
}
.screen1top {
height:143px;width:230px;
position:absolute;top:0px;
overflow:hidden;
margin: 0 5px;
background: url("https://www.oilempire.com/assets/background/screens/slide1.jpg") -0px 14px no-repeat;
}
.screen1bot {
height:143px;width:240px;
position:absolute;top:0px;
background: url("https://www.oilempire.com/assets/background/screenrahmen1.png");
}
.screen2top {
height:143px;width:230px;
position:absolute;bottom:0px;
overflow:hidden;
margin: 0 5px;
background: url("https://www.oilempire.com/assets/background/screens/goldcool.gif") -41px 14px no-repeat;
}
.screen2bot {
height:143px;width:240px;
position:absolute;bottom:0px;
background: url("https://www.oilempire.com/assets/background/screenrahmen1.png");
}
.contentbottom {
font-family: 'Merriweather', serif;
color:white;
background-color:black;
min-height:300px;
width:100%;
position:absolute;
top:850px;
}
.contentbottom .cb-middle {
float:left;
min-height:300px;
width:60%;
}
.contentbottom .cb-left {
float:left;
min-height:300px;
width:20%;
}
.cb-left ul {
list-style-type: none;
color:#ccc;
margin-top:61px;
font-size:20px;
}
.cb-left ul li {
text-align:right;
margin-right:100px;
white-space:nowrap;
}
.cb-left ul li:hover {
color:#fff;
}
.contentbottom .cb-right {
float:left;
min-height:300px;
width:20%;
}
.contentbottom p {
min-height:110px;
}
.page-footer {
margin-top:100px;
border-top: 2px dashed gray;
}
.copyright ul {
list-style-type: none;color:#ccc;
}
.copyright ul li {
float:left;
margin-left:50px;
}
a:visited{
text-decoration:none !important;
color:#ccc;
}
.agb {
color:#000000;
text-decoration: underline;
}
@media (max-width: 1690px) {
.page-container {
    background-size: 100% auto;
}
}
@media (max-width: 1490px) {
.page-container {
    background: url("../assets/background/bohrinsel_1490.jpg") no-repeat 0px 32%;
    background-size: 100% auto;
}
}
@media (max-width: 1102px) {
.page-container {
    background-size: 110% auto;
}
}
@media (max-width: 970px) {
.contentbottom .cb-right {
    display:none;
}
.contentbottom .cb-left {
    width:35%;
}
.contentbottom .cb-middle {
    width:65%;
}
}
@media (max-width: 900px) {
.page-container {
    background: url("../assets/background/bohrinsel_900.jpg") no-repeat 0px 32%;
    background-size: 150% auto;
}
}
@media (max-width: 650px) {
.page-container {
    background-size: 300% auto;
}
}
@media (max-width: 590px) {
.loginbar {
    display: none;
}
.loginbar-small {
    display: inline;
}
}
@media (max-width: 560px) {
.contentbottom .cb-left {
    display:none;
}
.contentbottom .cb-middle {
    width:100%;
    margin-left:10px;
    margin-right:10px;
}
.elitepics {
    text-align:center;
}
.copyright ul li {
    float:none;
}
.spacenu {
    display:none;
}
}
@media (max-width: 950px) {
.screencol {
    display:none;
}
}
@media (max-height: 710px) {
.registrerbox {
    margin-top:0px;
}
}