<style type="text/css">
html {
  height: 100%;
  width: 100%;
}

body {
  display: table;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.row {
  display: table-row;
  height: 50%;
}

.row:nth-child(1) {
  background-color: #eee;
}

.row:nth-child(2) {
  background-color: #ddd;
}

#blink_text{	
  animation-name:blink;
  width:280px;
  animation-duration:2s;
  animation-timing-function:ease-in;
  animation-iteration-count:Infinite;
  }

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
		color: #E2E2E2;
}

a:active {
    text-decoration: none;
}
.styleg {       font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 11px; 
                font-style: normal; 
                font-weight: bold; 
                color: #ffffff ; 
                letter-spacing: normal; 
                word-spacing: normal; 
                font-variant: normal; 
                background-color: #4f9a5c;
                border:thin ;
								padding: 8px;
                text-decoration: none}

.styleG {       font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 11px; 
                font-style: normal; 
                font-weight: bold; 
                color: #ffffff ; 
                letter-spacing: normal; 
                word-spacing: normal; 
                font-variant: normal; 
                background-color: #4f9a5c;
                border:thin ;
								padding: 20px;
                text-decoration: none}

.style0 {       font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 8px; 
                font-style: normal; 
                font-weight: bold; 
                color: #45BEED ; 
                letter-spacing: normal; 
                word-spacing: normal; 
                font-variant: normal; 
                background-color: #e5e5e5;
                border:thin ;
                text-decoration: none}

.style1 {       font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 10px; 
                font-style: normal; 
                font-weight: bold; 
                color: blue ; 
                letter-spacing: normal; 
                word-spacing: normal; 
                font-variant: normal; 
                background-color: #d3d3d3; 
                text-decoration: none}


.style11 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.style3 {font-family: Arial, Helvetica, sans-serif}
.style4 {font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	}
.style5 {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: red;
	}
.style6 {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #45BEED;
	}
	.styleA {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	font-variant: normal;
	background-color: #E5E5E5;
	#background-color: #D6E7E7;
	border:thin;
	vertical-align:text-top;
	text-decoration: none
}


.styleB {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	font-variant: normal;
	background-color: #FFFFFF;
	border:thin;
	vertical-align:text-top;
	text-decoration: none
}


.knopje {
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: lightgrey;
	height: auto;
	width: auto;
}
.knopje2 {
	font-weight: bold;
	font-size: 12px;
	height: auto;
	width: auto;

}
.knopje3 {
	font-weight: bold;
	font-size: 16px;
	background-color: #A0B8FF;
	height: auto;
	width: auto;
}
	

td {
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
table {
	padding: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#body,td,th {
#	color: #333333;
#}
body {
	background-color: #c4f1d5f;
#
.style4 {font-size: 10px}


.redbud {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.redbud:hover {
	background-color:#eb675e;
}
.redbud:active {
	position:relative;
	top:1px;
}


.but {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.but:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}
.but:active {
	position:relative;
	top:1px;
}

#header {
    width: 100%;
    background-color: red;
    height: 30px;
}

#container {
    width: 300px;
    background-color: #ffcc33;
    margin: auto;
}
#first {
    width: 100px;
    float: left;
    height: 300px;
        background-color: blue;
}
#second {
    width: 200px;
    float: left;
    height: 300px;
    background-color: green;
}
#clear {
    clear: both;
}

input {
  -webkit-box-sizing:border-box;  /*Safari/Chrome*/
  -moz-box-sizing:border-box;  /*Firefox*/
  box-sizing:border-box;  
}
-->
</style>
