@font-face{font-family: dink; src: url('/fonts/dink.eot'); src: url('/fonts/dink.eot?iefix') format('eot'), url('/fonts/dink.woff') format('woff'), url('/fonts/dink.ttf') format('truetype'), url('/fonts/dink.svg#fonts/dink') format('svg');}

*{font-family:Verdana, Arial, Helvetica, sans-serif}
html{
	height:100%;
	background: rgb(68,139,186); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NDhiYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMwYzMzNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(68,139,186,1) 0%, rgba(12,51,117,1) 90%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(68,139,186,1)), color-stop(90%,rgba(12,51,117,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(68,139,186,1) 0%,rgba(12,51,117,1) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(68,139,186,1) 0%,rgba(12,51,117,1) 90%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(68,139,186,1) 0%,rgba(12,51,117,1) 90%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  rgba(68,139,186,1) 0%,rgba(12,51,117,1) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448bba', endColorstr='#0c3375',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	overflow:hidden;
}
h1{font-family:dink; color:#ffff00; font-size:30px; line-height:30px; margin:10px 0;font-weight:normal}
h2{color:#ccff66; font-size:18px; line-height:20px; margin:10px 0; font-weight:normal; font-style:italic}
h1,h2{margin-left:40px;}
p, li{color:#fff; text-align:left; font-size:14px}
ul{list-style: inside none; padding-left:208px; width:220px; background:url('../img/profielfoto.jpg') no-repeat scroll 0 0 transparent; -o-border-radius:100px; -moz-border-radius: 100px; -webkit-border-radius:100px; border-radius: 100px; /* IE fix: */ position:relative; behavior: url(css/PIE.php); -o-box-shadow:#fff -25px 0 30px -20px; -moz-box-shadow:#fff -25px 0 30px -20px; -webkit-box-shadow:#fff -25px 0 30px -20px; box-shadow:#fff -25px 0 30px -20px;}
li{margin:5px 0; border:1px solid #fff; background-color:#357; display:inline-block; height:33px; line-height:17px}
li.first{margin-top:0;}
li.last{margin-bottom:0}
li:hover{-o-box-shadow:-5px 0px 10px -2px rgba(0,0,0,0.7); -moz-box-shadow:-5px 0px 10px -2px rgba(0,0,0,0.7); -webkit-box-shadow:-5px 0px 10px -2px rgba(0,0,0,0.7); box-shadow:-5px 0px 10px -2px rgba(0,0,0,0.7); -o-transition: -o-box-shadow 600ms ease-out;  -moz-transition: -moz-box-shadow 600ms ease-out; -webkit-transition: -webkit-box-shadow 600ms ease-out; transition: box-shadow 600ms ease-out;}
li a{color:#fff; text-decoration:none; padding:9px 0 9px 20px; cursor:help; outline:0}
li a span{padding:9px 30px 9px 5px; background-color:#fff; color:#3C77A4; font-weight:bold; display:inline-block; height:17px; left:18px; top:-1px; -o-border-radius: 0 17px 17px 0; -moz-border-radius: 0 17px 17px 0; -webkit-border-radius: 0 17px 17px 0; border-radius: 0 17px 17px 0; /* IE fix: */ position:relative; behavior: url(css/PIE.php); -o-transition: -o-box-shadow 500ms ease-out, background 800ms, padding-left 100ms ease-out;  -moz-transition: -moz-box-shadow 500ms ease-out, background 800ms, padding-left 100ms ease-out; -webkit-transition: -webkit-box-shadow 500ms ease-out, background 800ms, padding-left 100ms ease-out; transition: box-shadow 500ms ease-out, background 800ms, padding-left 100ms ease-out;}
li a:hover span{background-color:#ffff00; font-weight:bold; color:#357; padding-left:12px; -o-box-shadow: 0 0 80px #ffff00; -moz-box-shadow: 0 0 80px #ffff00; -webkit-box-shadow: 0 0 80px #ffff00; box-shadow: 0 0 80px #ffff00;  /* IE fix: */ position:relative; behavior: url(css/PIE.php);}
#content{width:400px; position:absolute; left:50%; margin-left:-220px; top:50%; margin-top:-260px}
.gigapan{background:/*url('https://www.gigapan.com/favicon.ico')*/ no-repeat 90% 50% #fff; padding-right:33px; background-size:16px}
.googleplus{background:url('https://ssl.gstatic.com/s2/oz/images/favicon.ico') no-repeat 91% 50% #fff; padding-right:30px; background-size:16px}
.facebook{background:url('https://www.facebook.com/favicon.ico') no-repeat 90% 50% #fff; background-size:16px}
.flickr{background:url('https://www.flickr.com/favicon.ico') no-repeat 85% 50% #fff; background-size:16px}
.linkedin{background:url('https://www.linkedin.com/img/favicon_v2.ico') no-repeat 88% 50% #fff; padding-right:33px; background-size:16px}
/*.panoramio{background:url('https://www.panoramio.com/favicon.ico') no-repeat 91% 50% #fff; padding-right:30px; background-size:16px}*/
.soundcloud{background:url('https://soundcloud.com/favicon.ico') no-repeat 90% 50% #fff; padding-right:34px; background-size:16px}
.tv{background:url('https://www.tv.be/frontend/skins/tv/img/favicon.ico') no-repeat 82% 50% #fff; padding-right:34px; background-size:16px}
.www500px{background:url('https://500px.com/favicon.ico') no-repeat 91% 50% #fff; padding-right:30px; background-size:16px}
.www360cities{background:url('https://www.360cities.net/favicon.ico') no-repeat 91% 50% #fff; padding-right:30px; background-size:16px}

@media only screen and (max-device-width:1024px){
    /*#content{zoom:1;}*/
}