/* ------------------------------------------------------------------------------------------------------- */
/* THE USUAL RESET */
/* ------------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
p,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,big,small { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; }
.wrap { clear: both; display: block; }
.clear { clear: both; visibility: hidden; }



/* ------------------------------------------------------------------------------------------------------- */
/* GENERAL */
/* ------------------------------------------------------------------------------------------------------- */
html, body { background-color: #efefef; background: url('/img/bg.jpg'); background-repeat: repeat; background-position: top center; }

/* Width */
.master, .legal { width: 900px; _height:1%; overflow: hidden; margin-left: auto; margin-right: auto; clear: both; }
.master { margin-top: 35px; background-color: white; }

.cl1 {  }
.cl2 {  }
.cl3 {  }
.cl4 {  }



/* ------------------------------------------------------------------------------------------------------- */
/* FONTS */
/* ------------------------------------------------------------------------------------------------------- */

/* Families */
html, body { font-family: Arial, Helvetica, sans-serif;  font-style: regular; font-weight: normal; }
small, .legal p { font-style: regular; font-weight: normal; }

/* Sizes */
p  { font-size: 12px; line-height: 17px; margin-top: 10px; text-align: justify; }
h1, .big { font-size: 14px; line-height: 18px; }
h2, .biggish { font-size: 24px; line-height: 32px; margin-top: 30px; }
h3 { font-size: 12px; line-height: 16px; }
small, .klein p, .legal p { font-size: 10px; line-height: 13px; }



/* ------------------------------------------------------------------------------------------------------- */
/* FIRST PART */
/* ------------------------------------------------------------------------------------------------------- */

p { color: #7e7f81; }
h1 { color: #7e7f81; font-weight: bold; text-transform: uppercase; }
h2 {  }
h3 {  }
big {  }
strong, b { font-weight: bold; }
em {  }
i {  }
u {  }
small {  }
hr {  }

/* General Links */
a { color: #474749; background-color: transparent; text-decoration: underline; }
a:hover { color: #474749; text-decoration: none; }
.nodeco a, .nodeco a:hover, a.nodeco, a:hover.nodeco, .nav a, .nav a:hover { text-decoration: none; }
.nodeco a, .nodeco a:hover, a.nodeco, a:hover.nodeco, .nav a, .nav a:hover { background: transparent; }

/* Sprites */
.sprites, a.logo, a.button,  a.button:hover, .button a, .home-txt, a.nav-home-button { display: block; float: left; background: url('/img/sprites.png') no-repeat; text-indent: -9999px; overflow: hidden; }

/* Logo */
a.logo { display: block; clear: both; width: 250px; height: 100px; margin: 30px 0px 0px 30px; } /* sprited */

/* Nav */
.nav { clear: both; padding: 20px 30px 40px 30px; }
a.button { width: 160px; height: 20px; margin-right: 10px; } /* sprited */
a.button-licensing { background-position: -0px -420px; } /* sprited */
a.button-licensing:hover, a.button-licensing-active, a.button-licensing-active:hover { background-position: -0px -440px; } /* sprited */
a.button-facts { background-position: -160px -420px; } /* sprited */
a.button-facts:hover, a.button-facts-active, a.button-facts-active:hover { background-position: -160px -440px; } /* sprited */
a.button-philosophy { background-position: -320px -420px; } /* sprited */
a.button-philosophy:hover, a.button-philosophy-active, a.button-philosophy-active:hover { background-position: -320px -440px; } /* sprited */
a.button-service { background-position: -480px -420px; } /* sprited */
a.button-service:hover, a.button-service-active, a.button-service-active:hover { background-position: -480px -440px; } /* sprited */
a.button-contact { background-position: -640px -420px; } /* sprited */
a.button-contact:hover, a.button-contact-active, a.button-contact-active:hover { background-position: -640px -440px; } /* sprited */

/* Content */
.content { clear: both; height: 380px; padding: 10px 30px 0px 30px; }
.content-intro { clear: both; height: 520px; padding: 30px; }
.content-fine { float: left; width: 330px; }
.content-txt { float: right; width: 480px; }

/* Legal */
.legal p { text-align: center; }
.legal p, .legal a, .legal a:hover { color: #9e9e9e; }

/* Page: Home */
.home-txt { clear: both; width: 840px; height: 100px; background-position: -0px -100px; margin: 30px 0px; }
a.nav-home-button { float: left; width: 160px; height: 220px; margin-right: 10px; opacity: 1.0; filter: alpha(opacity=100); }
a.nav-home-button:hover { opacity: 0.6; filter: alpha(opacity=60); }
a.nav-home-button-licensing { background-position: -0px -200px; } /* sprited */
a.nav-home-button-facts { background-position: -160px -200px; } /* sprited */
a.nav-home-button-philosophy { background-position: -320px -200px; } /* sprited */
a.nav-home-button-service { background-position: -480px -200px; } /* sprited */
a.nav-home-button-contact { background-position: -640px -200px; } /* sprited */



/* ------------------------------------------------------------------------------------------------------- */
/* Overrides */
/* ------------------------------------------------------------------------------------------------------- */
.cl { float: left; }
.last, a.last { margin-right: 0px; padding-right: 0px; border-right: 0px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {  padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }