body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
img {
border : 0;
}
a {
outline : none;
}
ol, ul {
list-style : none;
}
h1, h2, h5 {
font-size : 100%;
font-weight : normal;
}
html {
width : 100%;
height : 100%;
}
* html .feature {
display:inline
}
body {
color : #000;
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
background-image : url(elements/bkg.png);
background-color : white;
position : relative;
overflow : hidden;
min-width : 1000px;
}
.clr {
clear : both;
}
::selection {
background : transparent; 
color : none;
}
::-moz-selection {
background : transparent;
color : none;
}
.userselect {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor:default
}
#chart {
background-image : url(elements/gaarn_bkg3.gif);
height : 5400px;
width : 4500px;
position : fixed;
top : 500px;
left : 500px;
}
#head {
margin : 0 auto;
}
#diagram {
width : 2562px;
height : 1459px;
}
#container {
position : absolute;
}

/* -------------------END SETTINGS /// START CONTENT--------------------------- */

#content {
top : 1450px;
position : absolute;
width : 100%;
}
.features {
margin : 0 auto;
width : 770px;
}
h1 {
clear : left;
margin-left : 20px;
font-family : Georgia;
font-style : italic;
font-weight : bold;
font-size : 32px;
color : #ec8a78;
}
.feature_de, .feature_en {
width : 345px;
float : left;
margin : 20px;
padding : 20px 0 20px 0;
color : #939597;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 17px;
border-top : 1px dashed #939597;
border-bottom : 1px dashed #939597;
}
.feature_en {
color : silver;
}
#head {
font-family : Georgia;
font-style : italic;
font-size : 14px;
line-height : 20px;
color : #ec8a78;
}
#content a:link, #content a:active, #content a:visited {
color : #ec8a78;
text-decoration:none;
}
#content a:hover {
color : #ec8a78;
text-decoration : underline;
}
.features_2 {
margin : 0 auto;
width : 770px;
margin-top : 910px;
}
.features_4 {
margin : 0 auto;
width : 770px;
margin-top : 1020px;
}
.home {
margin : -3660px auto;
width : 600px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #939597;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 40px;
font-weight : bold;
color : #939597;
text-transform : uppercase;
margin-top : 18px;
}



/* --------------------------------------NAVIGATION----------------------------- */

#nav {
height : 140px;
width : 100%;
position : fixed;
top : 0;
left : 0;
background : #dfe0e1;
z-index : 5;
border-bottom : 1px dashed #939597;
}
#nav ul {
width : 940px;
margin : 25px auto;
color : #939597;
}
#nav li {
float:left;
padding-right : 26px;
margin : 13px;
}
#nav li:first-child {
padding-right : 180px;
}
#nav li:last-child {
padding-right:0px;
}
#nav p {
font-size : 11px;
line-height : 15px;
}
#nav h5 {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
color : #fff;
height : 37px;
line-height : 37px;
}
#nav h5 a:link, #nav h5 a:visited, #nav h5 a:active {
color : #ec8a78;
text-decoration : none;
-webkit-transition: color 0.2s ease-in;
-moz-transition: color 0.2s ease-in;
-ms-transition: color 0.2s ease-in;
-o-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
#nav h5 a:hover {
color : #fff;
text-decoration : none;
}

/* --------------------------------------INFOBOX-------------------------------- */

.infobox {
position:fixed;
margin-left:710px;
width : 200px;
height : 200px;
margin-top : 20px;
-webkit-transition-property: opacity, margin-top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, margin-top;
-moz-transition-duration: 300ms;
-ms-transition-property: opacity, margin-top;
-ms-transition-duration: 300ms;
-o-transition-property: opacity, margin-top;
-o-transition-duration: 300ms;
transition-property: opacity, margin-top;
transition-duration: 300ms;
opacity:0;	
background: url(elements/infobox.png) no-repeat;
padding : 50px 10px 0px 10px;
font-size : 11px;
line-height : 15px;
color : #fff;
}
#nav:hover .infobox {
margin-top : 40px;
opacity: 1;
}

/* --------------------------------------FOOTER-------------------------------- */

#footer {
width : 100%;
position : fixed;
bottom : 0;
left : 0;
z-index : 5;
}
#footer ul {
width : 940px;
margin : 25px auto;
color : #939597;
}
#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
padding : 15px;
font-size : 11px;
color : #939597;
text-decoration:none;
}
.fb-like {
background:red;
float:right;
}