@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');

body {
	color: #fff;
	font-size: 100%;
	font-family: 'Open Sans', Arial;
	background: -webkit-radial-gradient(center, ellipse cover, #2b5161 50%,#131f2d 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #2b5161 50%,#131f2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-attachment: fixed;
	margin: 0 auto;
	}
	
h1 {font-weight:800; font-size:30px;}
h1 span {font-weight:400; font-size:20px; display:block;}


div.content {margin: 0px auto; max-width: 600px;}
footer {margin-top:30px; opacity:0.2;}
.editBox {}
.editBox>input {float: left;}


div.transbox {padding: 30px; background: linear-gradient(#5cc4b7, #2e625b); margin: 0px auto; max-width: 600px; }

div.transbox p {margin: 5%; font-weight: bold;}
	
.button {
	font-family: 'open sans', Arial, Helvetica, sans-serif;
	border: 1px black;
	color: #fff !important;
	text-shadow: none;
	font-size: 14px !important;
	font-weight: 400;
	padding: 12px 20px;
	background: #2b5161;
	width: auto !important;
	margin: 0px 1px 0px 1px; 
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	border-radius:5px;
	margin-right: 5px;
	}

input[type=text], input[type=password] {
    margin: 8px 0;
    display: block;
    width:100%;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 20px;}
    
form.updateChannel {text-align:center; padding: 30px;}
.delete {float: right;}

.lineformat {
	color: #333;
	}
	
.kasse {
	font-weight:400;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	/*border: 1px black;
	color: #fff !important;
	text-shadow: none;
	border-radius: 5px;
	font-size: 14px !important;
	font-weight: 400;
	padding: 12px 20px;
	background: rgba(80,80,80,0.5);
	width: auto !important;
	margin: 0px 1px 0px 1px;
	*/
	}
	
form.kasse {font-weight:400; font-size:14px;}

.seperator {width: 100%; margin:20px 0; display: block; border-bottom: 1px solid #eee; height: 10px; opacity:0.2;}
.seperator2 {width: 100%; margin:20px 0; display: block; border-bottom: 2px solid #eee; height: 10px; opacity:0.7;}

.billedformat {
	color: black;
    width: 250px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
.logo {
	color: white;
	
    position: relative;
    right: 0px;
	}

.titel {
	/* background: rgba(80,80,80,0.5); */
	color: white;
	font-size: 21px !important;
	}
.transp {
	color: grey;
	}

.fejl {
	background-color : red;
}
.ingenfejl {
	background-color : green;
}
.thumbnail {
    transition: transform .2s;
    width: 100px;
    height: auto;
	overflow: hidden;
    margin: 0 auto;
	}

.thumbnail:hover { transform: scale(5);}

.zoombox {transition: transform .2s; text-align: center;} /* margin: 2 auto; */}

.zoombox:hover {transform: scale(1.1);}
	
.bccl {	background-color: #2e625b;}

.venstre {
	/*z-index:100;
	position:absolute;
	text-align: left;
	font-size: 150;
	color: white;*/
	
z-index: 100;
position: absolute;
text-align: left;
font-size: 80px;
color: white;
padding-top: 60px;
font-weight: 800;
	
	}

.roter {
   transform: rotate(90deg);
}

.column {
    float: left;
    width: 20%;
}

.column2 {
	float: left;
	width: 25%;
}

.column3 {
	float: left;
	width: 50%;
}


.row:after {
    content: "";
    display: table;
    clear: both;
}