.logo, .navigasi, .konten, .sidebar, .footer {
margin-bottom:15px;
padding:15px;
}

.logo {
background: #99D9EA;
text-align: center;
color: #fff;
}

.navigasi{
background: #99D9EA;
text-align: center;
}

.konten{
background: #EFE4B0;
}

.sidebar{
background: #FD7E00;
}

.footer{
background: #C3C3C3;
text-align: center;
}

.navigasi ul{
padding: 0;
list-style: none;
display: inline-block;
margin: 0;
}

.navigasi li{
float: left;
margin: 0 10px;
}
*{margin:0px auto;}
body{
    background:#fafafa; 
    font-size:16px; 
    font-family:'Lucida Sans', sans-serif;}
 
form{padding:20px;}
form label{
    display:inline-block; 
    position:relative; 
    cursor:pointer; 
    line-height:30px; 
    vertical-align: top;}
 
/*MULAI MENDESAIN CUSTOM CHECKBOX DAN RADIO BUTTON*/
form .form-check{
    display:inline-block; 
    position:relative; 
    width:50px; 
    height:25px;}
 
form .form-check::before{
    content:""; 
    display:inline-block; 
    position:relative; 
    width:50px; 
    height:25px; 
    background:#fff; 
    border:1px solid #ddd; 
    border-radius:30px; -moz-border-radius:30px;}

form .form-check::after{
    content:""; 
    display:inline-block; 
    position:absolute; 
    width:21px; 
    height:21px; 
    border-radius:25px; -moz-border-radius:25px; 
    background:#eee; 
    left:3px; 
    top:3px; 
    transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -khtml-transition:0.3s;}

form .form-check:checked::after{
    left:27px; 
    background:#33aa55;}
/*posisi leftnya dikira-kira aja sesuai kebutuhan~ 
warna background diubah ke warna yang berwarna sbg pertanda 
checkbox tersebut aktif*/
 
 
 form .form-radio{display:none;}
form .form-radio + label{padding-left:35px;}
form .form-radio + label::before{
    content:""; 
    position:absolute; 
    left:0px; 
    display:inline-block; 
    width:25px; 
    height:25px; 
    background:#fff; 
    margin-right:5px; 
    border:1px solid #ddd; 
    border-radius:50%; -moz-border-radius:50%; 
    box-shadow:2px 2px 2px #bbb; -moz-box-shadow:2px 2px 2px #bbb;
    transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -khtml-transition:0.3s;}
form .form-radio:checked + label::before{
    background:#34A8BF; 
    border:5px solid #fff; 
    width:17px; 
    height:17px;}