@charset "UTF-8";

/*
@font-face {
	font-family: 'LatinModernRoman10Regular';
	src: url('../fonts/lmroman10-regular-webfont.eot');
	src: local('☺'), url('../fonts/lmroman10-regular-webfont.woff') format('woff'), url('../fonts/lmroman10-regular-webfont.ttf') format('truetype'), url('../fonts/lmroman10-regular-webfont.svg#webfontg3VAmqr8') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LatinModernRoman10Italic';
	src: url('../fonts/lmroman10-italic-webfont.eot');
	src: local('☺'), url('../fonts/lmroman10-italic-webfont.woff') format('woff'), url('../fonts/lmroman10-italic-webfont.ttf') format('truetype'), url('../fonts/lmroman10-italic-webfont.svg#webfont1YvZMafy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DubielItalic';
	src: url('../fonts/DubielItalic-webfont.eot');
	src: local('☺'), url('../fonts/DubielItalic-webfont.woff') format('woff'), url('../fonts/DubielItalic-webfont.ttf') format('truetype'), url('../fonts/DubielItalic-webfont.svg#webfontlZ7YRwmj') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 14px 'LatinModernRoman10Regular', Times New Roman, serif;
	color:#000000;
	line-height:15pt;
	height: 100%;
	background-color:#1a4cf7;
	text-align: center;
}
a {
	color: red;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 20px;
	font-size:14px;
	font-weight:normal;
}

p.explanation{

}

p.example{
	font-style:italic;
}

p.links{
	padding: 0px 0px 0px 40px;
}

h1 {
	font-size:65px;
	padding-top: 26px;
	font-weight:bold;
	display:block;
	letter-spacing:-3px;
	padding-bottom: 15px;
}
h2 {
	font-size:14px;
	font-weight:normal;
	display:block;
}

.slogan {
	display:block;
	width:350px;
	padding: 25px 0px 20px 30px;
	text-align: left;
	
	font: 21px 'DubielItalic', Times New Roman, serif;
	font-weight:normal;
	/*font-style:italic;*/
	color: #ca1615;
	line-height: 27px;
	/*border:#FF77FF thin solid;*/
}

img {
	border: none;
}
input {
	vertical-align: middle;
}

.mwxlogo {
	padding: 20px 0px;
}

/*#wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align:center;
}*/


/* Middle
-----------------------------------------------------------------------------*/
/*#content {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: auto;
	min-height:200px;
	width:100%;
	text-align:center;
	border:none;
	overflow:visible;
	float:left;
}*/

#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-332px;
	width:1px;
}

#content_box {
	clear:both;
	margin:auto;
	padding: 0px 0px 0px 0px;
	width:1200px;
	height: 665px;
	height: auto;
	position:relative;
	text-align: left;
	
}

#content_box_navi {
	margin:auto;
	padding: 0px 0px 0px 0px;
	width:950px;
	height:665px;
	background:#1a4cf7 url('../img/squares.png') no-repeat top center;
	position:relative;
	/*top: 50px;*/
	text-align: left;
}

#logo{
	margin:auto;
	padding: 0px 0px 0px 0px;
	width:454px;
	height:68px;
	position: absolute;
	top: 463px;
	left: 621px;
	text-align: left;
	/*border:#FF77FF thin solid;*/
}

/* Text boxes
-----------------------------------------------------------------------------*/

#txt_aesthetics{
	width: 232px;
	height: 115px;
	position: absolute;
	left: 389px;
	top: 416px;
	text-align: left;
}

#txt_archetype{
	width: 292px;
	height: 82px;
	position: absolute;
	left: 621px;
	top: 100px;
	text-align: left;
}

#txt_box{
	width: 263px;
	height: 89px;
	position: absolute;
	left: 52px;
	top: 182px;
	text-align: left;
}

#txt_cat{
	width: 84px;
	height: 183px;
	position: absolute;
	left: 262px;
	top: 348px;
	text-align: left;
}

#txt_cbr{
	width:114px;
	height:100px;
	position: absolute;
	left: 836px;
	top: 0px;
	text-align: left;
}

#txt_clarity{
	width: 152px;
	height: 77px;
	position: absolute;
	left: 194px;
	top: 271px;
	text-align: left;
}

#txt_curiosity{
	width: 215px;
	height: 100px;
	position: absolute;
	left: 621px;
	top: 0px;
	text-align: left;
}

#txt_design{
	width: 385px;
	height: 38px;
	position: absolute;
	left: 40px;
	top: 627px;
	text-align: left;
}

#txt_disambiguate{
	width: 207px;
	height: 62px;
	position: absolute;
	left: 621px;
	top: 401px;
	text-align: left;
}

#txt_flow{
	width: 154px;
	height: 96px;
	position: absolute;
	left: 40px;
	top: 531px;
	text-align: left;
}

#txt_glocal{
	width:131px;
	height:68px;
	position: absolute;
	left: 490px;
	top: 348px;
	text-align: left;
}

#txt_jack{
	width: 158px;
	height: 87px;
	position: absolute;
	left: 792px;
	top: 236px;
	text-align: left;
}

#txt_mind{
	width: 144px;
	height: 145px;
	position: absolute;
	left: 346px;
	top: 271px;
	text-align: left;
}

#txt_natural{
	width: 219px;
	height: 49px;
	position: absolute;
	left: 314px;
	top: 91px;
	text-align: left;
}

#txt_paneuropean{
	width: 207px;
	height: 53px;
	position: absolute;
	left: 621px;
	top: 348px;
	text-align: left;
}

#txt_perception{
	width: 221px;
	height: 42px;
	position: absolute;
	left: 400px;
	top: 140px;
	text-align: left;
}

#txt_rethinking{
	width:262px;
	height:148px;
	position: absolute;
	left: 0px;
	top: 383px;
	text-align: left;
}

#txt_slow{
	width: 122px;
	height: 54px;
	position: absolute;
	left: 828px;
	top: 182px;
	text-align: left;
}

#txt_sustainable{
	width: 296px;
	height: 96px;
	position: absolute;
	left: 194px;
	top: 531px;
	text-align: left;
}

#txt_works{
	width: 86px;
	height: 68px;
	position: absolute;
	left: 314px;
	top: 140px;
	text-align: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Content windows
-----------------------------------------------------------------------------*/

.cwindow{
	width:610px;
	height:440px;
	overflow:auto;
	text-align: left;
	padding: 20px 30px 0px 40px;
}

.cwindow2{
	width:610px;
	height:540px;
	overflow:auto;
	text-align: left;
	padding: 20px 30px 10px 40px;
}

.cwindow3{
	width:610px;
	height:480px;
	overflow:auto;
	text-align: left;
	padding: 20px 30px 10px 40px;
}

#aesthetics{
	background-color:#ef7f0f;
}

#archetype{
	background-color:#ff6e5c;
}

#box{
	background-color:#e45d00;
}

#cbr{
	background-color:#e81515;
	color:#FFFFFF;
}

#clarity{
	background-color:#fff851;
}

#curiosity{
	background-color:#f23496;
}

#design, #designmanagement{
	background-color:#ff4e4f;
}

#disambiguate{
	background-color:#ee684a;
}

#flow{
	background-color:#32bb5d;
}

#glocal{
	background-color:#811912;
	color:#FFFFFF;
}

#mind{
	background-color:#0ad9f5;
}

#mindworks{
	background-color:#1a4cf7;
	color:#FFFFFF;
}

#natural{
	background-color:#ec1360;
}

#paneuropean{
	background-color:#f5cb0a;
}

#perception{
	background-color:#ff6418;
}

#rethinking{
	background-color:#f5eb0a;
}

#slow{
	background-color:#ac078e;
	color:#FFFFFF;
}

#sustainable, #sustainablebusiness, #sustainableeconomy, #sustainableliving, #sustainabledesign, #sustainabledesign2{
	background-color:#ed1266;
	color:#FFFFFF;
}

#works{
	background-color:#ff33c0;
}

/* Links
-----------------------------------------------------------------------------*/
.navitem {
	z-index: 1;
	
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.navitem:hover{
	z-index: 50;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	
	/*-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);*/
}

a.txtlink {
	text-indent: 40px;
	font-weight:bold;
	line-height: 20px;
	font-size:20px;
	color: #fff;
}
a.txtlink:hover {
	color: #000;
	text-decoration:underline;
}

a.txtlinkblack {
	text-indent: 40px;
	font-weight:bold;
	line-height: 20px;
	font-size:20px;
	color: #000;
}
a.txtlinkblack:hover {
	color: #fff;
	text-decoration:underline;
}

/*
a {

}

a:hover .navi_img{

}

.navi_img:hover {
	
	}
*/