@charset "utf-8";
/* CSS Document */

* { 
	box-sizing:border-box;
	}

h1 {
	display:inline; color:#CCC; 
	margin:0; 
	padding-left:20px; 
	
	}
h3 {
	display:inline; 
	margin:0; 
	color:#359;
	font-size:24px;
	}
/*  Test med to classes*/
.class1{ background-color:#666; padding:5px;color:#DF6;}
.class2{ color:#DF6; font-style:italic;}
.class3{ border:thin solid #900;}
.header {
    background-color: #69a1bc;
    color: #ffffff;
    padding: 10px; height:70px; width:100%;
}
.header2 {
    background-color: #fff;
    color: #000; font-size:0.7em;
}
.gruppe {
  background: #39b1cc;
  background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);

	padding:5px;
	}
.gruppe a { color:#009; 
	}
.gruppe a:visited { color:#009; 
	}
.gruppe a:hover { 
	color:#FFF; 
	text-decoration:none; 
	}


.header img {
	border:	1px solid #666; 
	width:70px; 
	height:auto;	 
}


.row {
	background-color:#69a1bc;
	margin:10px; box-shadow:5px 5px 10px #666;
	}

.col-1{width:8,33%;}
.col-2{width:16,66%;}
.col-3{width:25%;}
.col-4{width:33,33%;}
.col-5{width:41,66%;}
.col-6{width:50%;}
.col-7{width:58,33%;}
.col-8{width:66,66%;}
.col-9{width:75%;}
.col-10{width:83,33%;}
.col-11{width:91,66%;}
.col-12{width:100%;}

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


@media screen and (min-width: 769px) {
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; 
	background-color:#EEE;
/*	background-image:url("https://garuda-air.co.id/mmbc/images/b4.jpg");  
	background-repeat:no-repeat; 
	background-size:100%; */
 
	margin:0;	 
	padding: 0;
	color: #000; 
}
[class*="col-"] { 
	float:left; 
	padding:15px; 
	background-color:#39a1c;
/*	border: solid #ccc 1px; */
}
.content {
	margin:0 auto;
	padding:0;
	}

.row {
	width:950px;
	}

}
@media only screen and (max-width: 768px) {
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}
 /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}