/* // www.kokscity.net
// Date : 23-02-2023
// Version : 1.0
// html : onepageonly
// 
//
// 1. containers
// 2. menus
// 3. buttons
// 4. pos of tables (6. Page Pos)
// 5. tables
// 7. Page Items
// 8. losse dingetjes
// 9. Not Used
//
//
// These Colors Only
//
// white #FFFFFF
// black #000000
// SteelBlue #4682B4
// RoyalBlue #4169E1
// DodgerBlue #1E90FF
// ForestGreen #228B22
// LightSlateGrey #20B2AA
// wit MintCream #F5FFFA
// LightSteelBlue #B0C4DE
// wit Ivory #FFFFF0
// wit GhostWhite #F8F8FF
// Gold #FFD700
// CornflowerBlue #6495ED
// red Crimson #DC143C
// MediumSeaGreen #3CB371
// Tomato #FF6347
// Lissie blond #FDFDFD
// Lissie podium #360489
// Lissie podium 2 #9256AC
// Lissie guitar 1 #B63A8E
*/


* {
  box-sizing: border-box;
}
.menu {
  float: left;
  width: 20%;
}
.menuitem {
  padding: 8px;
  margin-top: 7px;
  border-bottom: 1px solid #f1f1f1;
}
.main {
  float: left;
  width: 75%;
  padding: 0 20px;
  overflow: hidden;
}

/*
// right not in use
*/

.right {
  background-color: #B63A8E;
  float: left;
  width: 20%;
  padding: 10px 15px;
  margin-top: 7px;
}

@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}

a:link {
  text-decoration: none;
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.myButton:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}