html, body {
	width: 100%; 
    height: 100%; 
	font-family: "Helvetica", "Times New Roman", Times, serif;
	font-size: 14px;
	color: #353535;
	margin: 0px;
	overflow: visible;
}
#feedback { 
  height: 104px; 
  width: 104px; 
  position: fixed; 
  top: 40%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a { 
  display: block; 
  background: #FAF632; 
  height: 15px; 
  width: 120px; 
  padding: 8px 16px;
  color: #000; 
  font-family: Arial, sans-serif; 
  font-size: 17px; 
  font-weight: bold; 
  text-decoration: none; 
text-align: center;
  border-bottom: solid 0px #333;
  border-left: solid 0px #333;
  border-right: solid 0px #fff;
}

#feedback a:hover { 
  background: #000; 
color: #FAF632;
}
#background {
    width: 100%; 
    height: 100%; 
    left: 0px; 
    top: 0px; 
	z-index: -1;
	position: fixed;
	overflow: hidden;
}

.stretch {
    width:100%;
    height:100%;
}

a:link,
a:visited,
a:active {
font-weight: bold;
text-decoration: none;
color:#363636;
margin: 0 0 0 0;
text-transform: none;
font-family: "Helvetica", "Times New Roman", Times, serif;
}

a:hover {
color: #1FB3F6;
}

h1 {
font-family: Calibri;
color: #353535;
font-size: 20px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
}

h3 {
font-family: Calibri;
color: #353535;
font-size: 18px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
}

h2 {
color: #353535;
font-family: Calibri;
font-size: 18px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
}

h4 {
font-family: Calibri;
color: #353535;
font-size: 16px;
text-transform: uppercase;
margin: 10px 0px 0px 0px;
font-weight: normal;
padding: 0px 0px 10px 0px;
width: 250px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #353535;
}

h5 {
font-family: Calibri;
color: #fff;
font-size: 26px;
text-transform: uppercase;
line-height: 0px;
height: 0px;
}

h6 {
font-family: Calibri;
color: #fff;
font-size: 18px;
text-transform: uppercase;
line-height: 0px;
height: 0px;
}

#wrapper {
width: 100%;
float: left;
}

#headerwrapper {
background: #fff;
width: 100%;
}

#header {
min-height: 90px;
margin: auto;
display: block;
font-family: Calibri;
}

#logo {
max-width: 356px;
height: 79px;
margin: 0px 0px 0px 0px;
}

#logo img{
width: 100%;
max-width:356px;
height: auto;
border: none;
border: 0px;
}

#menuwrapper {
background: #353535;
width: 100%;
min-height: 66px;
}

#menu {
max-width: 1200px;
height: 73px;
margin: auto;
display: block;
font-size: 18px;
line-height: 66px;
color: #fff;
}

#menu a {
display: block;
padding: 0 0px 0 0px;
font-weight: normal;
text-decoration: none;
font-size: 14px;
color:#dedede;
margin: 0px 0px 0px 0px;
display: block;
float:left;
text-align: left;  
list-style: none;
text-transform: uppercase;
}

/* ------------  Menu  ROOT  ------------ */
.page-menu {
font-size: 14px;
text-decoration: underline;
max-width: 1200px;
text-align: left;  
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0 30px 0 0px;
line-height: 73px;
float: left;
display: block;
}

.menuwrapper {}

.page-menu ul#primary-nav li {
list-style: none;
display: inline;
}

/* Hoofdmenu item indien geen cycles van rood, geel, groen en blauw - deze neemt dan standaard */
.page-menu ul#primary-nav li a {
padding: 0 10px 0 10px;
font-weight: normal;
text-decoration: none;
font-size: 14px;
color:#dedede;
margin: 0px 0px 0px 0px;
display: block;
float:left;
text-align: left;  
list-style: none;
text-transform: uppercase;
}

#primary-nav li.menuactive,
#menu li.menuactive,
#menu li.menucurrent,{
}

#menu ul li a.active,
#menu ul ul li a.active,
#primary-nav li.menuparent,
#menu li.menuparent {
}

.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
color: #fff;
text-decoration: underline;
}

.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
color: #ffff00;
text-decoration: underline;
}

/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}


/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */


ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
font-size: 13px;
font-weight: bold;
background-image: none;
display: block;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 0px;
}

ul#primary-nav ul.unli  {
margin-top: 50px;
}


#primary-nav {
margin: 0px;
padding: 0px;
}

#primary-nav ul {
position: absolute;
z-index: 1001;
top: auto;
display: none;
padding-top: 0px;
}

#primary-nav ul {
list-style: none;
margin: 50px 0px 0px 0px;;
padding: 0px;
width: 160px;
}

* html #primary-nav ul.unli {
padding-top: 1px;}


#primary-nav li {
margin: 0px;
float: left;}



#primary-nav li li {
margin-left: 0px;
margin-top: -1px;
float: none;
position: relative;
}

/* zo ziet het submenu eruit */

#primary-nav ul.unli li a {
padding: 0px 2px;
margin: 1px 0 0 0px;
background: #333333;
border:none;
border: 0px;
border-bottom: #fff 1px solid;
text-decoration: none;
font-size: 16px;
width: 160px;
text-transform: capitalized;
font-weight: bold;
color:#fff;
line-height: 40px;
text-align: left;
display: block;
float:left;
padding-left: 15px;
padding-right: 15px;
margin-left: -1px;
padding-top: 0px;
}

#primary-nav ul.unli li a:hover {
line-height: 40px;
color:#red;
}

#primary-nav ul.unli li a:hover{
color:#red;
line-height: 40px;
background: #red;
height: 40px;
}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: #333333;
}

#primary-nav ul.unli li.menuparent,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #ditishem;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/


#headerfoto {
 width: 100%;
height: 430px;
    margin: 0;
    padding: 0;
    top: 0px;
}

#headerfoto img {
height: 430px;
width: 100%;
}

#quote {
background: #353535;
max-width: 830px;
height: auto;
color: #e5e5e5;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
margin: auto;
padding: 10px 0px 18px 0px;
}

.quote {
font-family: Georgia, Calibri;
color: #fff;
font-size: 28px;
margin: 0px;
text-transform: none;
font-weight: normal;
}

#blokcontact {
background: #e5e5e5;
width: 100%;
Fangshi ShuangRen
}

#blok {
background: #e5e5e5;
width: 100%;
}
	
#blok1 {
background: #e5e5e5;
max-width: 1200px;
padding:  18px 0px 18px 0px;
margin: auto;
position:relative;
overflow: hidden;
}

#blok1 img {
border: none;
border: 0px;
}

#blokmid1 {
width: 21.25%;
float: left;
line-height: 20px;
margin-right: 5%;
}

#blokmid2 {
width: 21.25%;
float: left;
line-height: 20px;
}

#blokmid1 .btn,
#blok .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background: -moz-linear-gradient(center top , #1e92c6 0%, #1FB3F6 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
background:-webkit-gradient(linear, left top, left bottom, from(#1e92c6), to(#1FB3F6));
background:-webkit-linear-gradient(#1e92c6, #1FB3F6);
background:linear-gradient(#1e92c6, #1FB3F6);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#contentwrapper {
background: #fff;
width: 100%;
}

#contentboven {
max-width: 1200px;
padding: 18px 0px 10px 0px;
margin: auto;
min-height: 250px;
position:relative;
overflow: hidden;
}

#contentboven img {
border: none;
border: 0px;
}

#contentblok1 {
width: 47.5%;
float: left;
line-height: 20px;
margin: 10px 0px 10px 0px;
}

#contentblok2 {
width: 21.25%;
float: left;
line-height: 20px;
margin: 10px 0px 10px 5%;
}

#contentblok2 img {
    height: auto;
    max-width: 256px;
    width: 100%;
}

#contentblok3 {
width: 21.25%;
float: left;
line-height: 20px;
margin: 10px 0px 10px 5%;
}

#footerwrap {
background: #E5E5E5;
width: 100%;
}

#contact {
max-width: 1200px;
height: auto;
padding: 18px 0px 0px 0px;
line-height: 18px;
margin: auto;
position:relative;
overflow: hidden;
}

#contact a:link,
#contact a:visited,
#contact a:active {
color: #353535;
text-decoration: none;
}

#contact a:hover {
color: #1FB3F6;
text-decoration: none;
}

#contactlinks {
width: 21.25%;
float: left;
line-height: 20px;
margin: 10px 5% 10px 0px;
}

#contactmidden {
width: 21.25%;
float: left;
line-height: 20px;
margin: 10px 5% 10px 0px;
}

#contactrechts {
width: 45%;
float: left;
line-height: 20px;
margin: 10px 0px 10px 0px;
}

#footerwrapper {
background: #000;
width: 100%
}

#footer {
max-width: 1200px;
min-height: 60px;
display: block;
line-height: 60px;
color: #353535;
margin: auto;
}

#footer a:link,
#footer a:visited,
#footer a:active {
color: #353535;
text-decoration: none;
}

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

@media (max-width: 1080px) {
.page-menu ul#primary-nav li a {
display: block;
padding: 0 5% 0 5%;
font-weight: normal;
text-decoration: none;
font-size: 12px;
color:#dedede;
margin: 0px 0px 0px 0px;
display: block;
float:left;
text-align: left;  
list-style: none;
text-transform: uppercase;
}
}

@media (max-width: 958px) {

.page-menu ul#primary-nav li a {
display: block;
padding: 0 3% 0 3%;
font-weight: normal;
text-decoration: none;
font-size: 11px;
color:#dedede;
margin: 0px 0px 0px 0px;
display: block;
float:left;
text-align: left;  
list-style: none;
text-transform: uppercase;
}

#headerfoto {
    background-repeat: no-repeat;
    background-size: 100% auto !important;
    height: 265px;
    margin: 0;
    padding: 0;
    top: 0;
    width: 100%;
}

#blokmid1 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#blokmid2 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#contentblok1 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#contentblok2 {
width: 42%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 7%;
}

#contentblok3 {
width: 42%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}


#contactlinks {
width: 42%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 7%;
}

#contactmidden {
width: 42%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#contactrechts {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#footer {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

}

@media (max-width: 480px) {

#menuwrapper {
background: #1a1a1a;
width: 100%;
height: 230px
}

#menu {
width: 94%;
margin-left: 3%;
margin-right: 3%;
font-size: 15px;
padding-top: 10px;
}

#menu a {
width: 94%;
font-size: 85%;
text-align: right;
line-height: 30px;

}

#headerfoto {
    background-repeat: no-repeat;
    background-size: 100% auto !important;
    height: 200px;
    margin: 0;
    padding: 0;
    top: 0;
    width: 150%;
}

#contentblok2 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#contentblok3 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#contactlinks {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#contactmidden {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#contactrechts {
display: none;
}

#footer {
font-size: 11px;
}

}
/* Stylesheet: uwmagazine Modified On 2014-11-25 13:44:05 */

/* Stylesheet: uwmagazine Modified On 2015-02-11 17:12:18 */