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

body {
	-moz-background-color:#fff;
	-moz-background-image:
	         radial-gradient(hsla(0,0%,87%,0.31) 9px, transparent 10px),
			 radial-radial-gradient(hsla(0,0%,87%,0.31) 0,
			                        hsla(0,0%,87%,0.31) 4px,transparent 5px,transparent 20px,
	                                hsla(0,0%,87%,0.31) 21px,
									hsla(0,0%,87%,0.31) 25px,transparent 26px,transparent 50px);
	-moz-background-size: 30px 30px, 90px 90px;
	-moz-background-position: 0 0;
	
	-ms-background-color:#fff;
	-ms-background-image:
	         radial-gradient(hsla(0,0%,87%,0.31) 9px, transparent 10px),
			 radial-radial-gradient(hsla(0,0%,87%,0.31) 0,
			                        hsla(0,0%,87%,0.31) 4px,transparent 5px,transparent 20px,
	                                hsla(0,0%,87%,0.31) 21px,
									hsla(0,0%,87%,0.31) 25px,transparent 26px,transparent 50px);
	-ms-background-size: 30px 30px, 90px 90px;
	-ms-background-position: 0 0;
	
	-o-background-color:#fff;
	-o-background-image:
	         radial-gradient(hsla(0,0%,87%,0.31) 9px, transparent 10px),
			 radial-radial-gradient(hsla(0,0%,87%,0.31) 0,
			                        hsla(0,0%,87%,0.31) 4px,transparent 5px,transparent 20px,
	                                hsla(0,0%,87%,0.31) 21px,
									hsla(0,0%,87%,0.31) 25px,transparent 26px,transparent 50px);
	-o-background-size: 30px 30px, 90px 90px;
	-o-background-position: 0 0;
	
	-webkit-background-color:#fff;
	-webkit-background-image:
	         radial-gradient(hsla(0,0%,87%,0.31) 9px, transparent 10px),
			 radial-radial-gradient(hsla(0,0%,87%,0.31) 0,
			                        hsla(0,0%,87%,0.31) 4px,transparent 5px,transparent 20px,
	                                hsla(0,0%,87%,0.31) 21px,
									hsla(0,0%,87%,0.31) 25px,transparent 26px,transparent 50px);
	-webkit-background-size: 30px 30px, 90px 90px;
	-webkit-background-position: 0 0;
	
	background-color:#fff;
	background-image:
	         radial-gradient(hsla(0,0%,87%,0.31) 9px, transparent 10px),
			 radial-radial-gradient(hsla(0,0%,87%,0.31) 0,
			                        hsla(0,0%,87%,0.31) 4px,transparent 5px,transparent 20px,
	                                hsla(0,0%,87%,0.31) 21px,
									hsla(0,0%,87%,0.31) 25px,transparent 26px,transparent 50px);
	background-size: 30px 30px, 90px 90px;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
	line-height: 1;
	color: black;
}
/*self - clear floats*/
.group:after  {
	content: "." ;
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* wrap url's*/
pre {
	white-space:pre;/*css 2.0*/
	white-space:pre-wrap; /*css 2.1*/
	white-space:pre-line; /*css 3.0*/
	white-space:-pre-wrap;  /*opera 4-6*/
	white-space:-o-pre-wrap; /*opera 7*/
	white-space:-moz-pre-wrap;/*mozilla*/
	white-space:-hp-pre-wrap;/*hp printers*/
	word-wrap:break-word;/*ie 5+*/
}
	
/* @group Fonts Group */
	
@font-face {
    font-family: 'BitstreamVeraSansRoman';
    src: url('../fonts/Vera-webfont.eot');
    src: url('../fonts/Vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vera-webfont.woff') format('woff'),
         url('../fonts/Vera-webfont.ttf') format('truetype'),
         url('../fonts/Vera-webfont.svg#BitstreamVeraSansRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../fonts/ColabThi-webfont.eot');
    src: url('../fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabThi-webfont.woff') format('woff'),
         url('../fonts/ColabThi-webfont.ttf') format('truetype'),
         url('../fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
	/* @end */
	 /*specific divs */
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;} 

#wrap {
	width:100%;
	margin: 0px;
    padding:0px;
	z-index:0;
	float:left;
} 	 
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 96%; /* Holding outermost DIV */
	max-width: 1360px;
	background-color: hsla(0, 0%, 100%, 0.61);
	
}
div #header { 
	width: 100%; 
	float:left;
	margin: 20px 0px 0px 0px;	
	padding: 0px;
	z-index:0;
	text-align:center;
	}
div #headeroklop { 
	width: 960px; 
	height: 200px;
	margin: 0 auto; 	
	padding: 0px;
	z-index:0;
	background-color:#babbbd;
	background-image:url(../images/logo16.jpg)  ;
	
}
#content {
	margin-top: 18px;
	margin-right: 1.0416667%; /* 10 ÷ 960 */
	float: right;
	width: 92.4666666%; /* 698 ÷ 960 */	
	height: 100%;
}
.one {
	margin-top: 18px;
	margin-right: 1.0416667%; /* 10 ÷ 960 */
	float: left;
	width: 92.4666666%; /* 698 ÷ 960 */	
	height: 100%;
}
.dva {
	/*border-top-color:#666;
	border-top-style:solid;
	border-top-width:4px;*/
	margin-top: 48px;
	margin-right: 1.0416667%; /* 10 ÷ 960 */
	float: left;
	width: 92.4666666%; /* 698 ÷ 960 */	
	height: 100%;
}
#banner {
	border-right-color:#e8e8e8;
	border-right-style:solid;
	border-right-width:2px;
	margin-top: 58px;
	margin-right: 1.0416667%; /* 10 ÷ 960 */
	float: left;
	width: 21.7083333%; /* 698 ÷ 960 */	
	height: 100%;
}
aside {
	border-right-color:#e8e8e8;
	border-right-style:solid;
	border-right-width:2px;
	margin-top:58px;
	padding-right:1.0416667%;/*10/960*/
	margin-right:1.0416667%;/*10/960*/
	margin-left:1.0416667%;/*10/960*/
	float:left;
	width:22.7083333%;/*218/960*/
}

/* box*/
.box {
    text-shadow: -0.5px 1px 1px white;
    font-size: 0.7em;
    color: black;
    padding: 10px;
    border-color: white;
    border-style: solid;
    border-width: 2px;
	-ms-border-bottom-left-radius: 15px;
    -ms-border-bottom-right-radius: 15px;
    -ms-border-top-left-radius: 15px;
    -ms-border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.8);
    display: inline;
    float: left;
    margin-left: 11px;
    background-color: #b3b3ff; /* Old browsers */
    background-color: hsla(240, 100%, 85%,0.9);
    transition: all 0.3s ease-in-out;
}
.box a {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 1.4em;
    color: black;
    display: inline-block;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box h1 {
	font-family:BitstreamVeraSansRoman;
    color: #515151;
    font-size: 1.5em;
}
.box a:hover {
    -webkit-transform: rotate(-40000deg);
    -moz-transform: rotate(-40000deg);
    -o-transform: rotate(-40000deg);
    transform: rotate(-40000deg);
}
h2 {
	font-family:BitstreamVeraSansRoman;
    font-size: 1.4em;
}
.box a.scale {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    font-family: "Courier New", Courier, Monaco, monospace;
    text-transform: uppercase;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.box {	
    transform: none;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}  	

.box:hover {
    -webkit-transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
    -moz-transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
    -o-transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
    transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
}  	  	

/* end box*/

/* bokser*/
.bokser {
    text-shadow: -0.5px 1px 1px white;
    font-size: 0.7em;
    color: black;
    padding: 10px;
    border-color: white;
    border-style: solid;
    border-width: 2px;
	-ms-border-bottom-left-radius: 15px;
    -ms-border-bottom-right-radius: 15px;
    -ms-border-top-left-radius: 15px;
    -ms-border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.8);
    display: inline;
    float: left;
    margin-left: 11px;
    background-color: #98FB98; /* Old browsers */
    background-color: hsla(hsl(120, 93%, 79%,0.9);
    transition: all 0.3s ease-in-out;
}
.bokser a {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 1.4em;
    color: black;
    display: inline-block;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bokser h1 {
	font-family:BitstreamVeraSansRoman;
    color: #515151;
    font-size: 1.5em;
}
.bokser a:hover {
    -webkit-transform: rotate(-40000deg);
    -moz-transform: rotate(-40000deg);
    -o-transform: rotate(-40000deg);
    transform: rotate(-40000deg);
}
h2 {
	font-family:BitstreamVeraSansRoman;
    font-size: 1.4em;
}
.bokser a.scale {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    font-family: "Courier New", Courier, Monaco, monospace;
    text-transform: uppercase;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.bokser {	
    transform: none;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}  	

.bokser:hover {
    -webkit-transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
    -moz-transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
    -o-transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
    transform: translate(12px, 15px) skew(-2deg, 2deg) rotate(2deg) scale(1.1);
}  	  	

/* end box*/