/******************************************************************************/
/* GENERAL                                                                    */
/******************************************************************************/

body {
	margin : 0;
  padding : 0;
  background-color : #ffffff;
  color : #000000;
  font-size: 8pt;
}

p, ul, ol, li {
  font : 8pt Arial,geneva,helvetica;
}
h1 {
  font : bold 14pt Arial, Helvetica, geneva;
}
h2 {
  font : bold 12pt Arial, Helvetica, geneva;
}

* {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
}
/*html, body {
	margin: 0;
	background-color: #200a20;
	color: #f0ff40;
}*/


#id4 {
        position: absolute;
        left: 120px;
        top: 190px;
        /*height: 264px;
        width: 400px;*/
}


#id1 {
	position: absolute;
	left: 220px;
	top: 420px;
    /*width: 300px;
	height: 231px;*/
}
#id2 {
	position: absolute;
	left: 520px;
	top: 120px;
	/*height: 264px;
	width: 400px;*/
}

#id3 {
        position: absolute;
        left: 420px;
        top: 220px;
        /*height: 264px;
        width: 400px;*/
}

#background {
  position : fixed;
  width : 100%;
  height : 100%;
  top : 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('img/smallcanvas.png');
  background-repeat: repeat
  
}
#header {
  position : fixed;
  width : 100%;
  height : 82px;
  top : 0;
  left: 202px;
  background-image: url('img/up.png');
  background-repeat: repeat-x
}
#leftnavigation {
    position : fixed;
    height : auto;
    top : 205px;
    bottom: 79px;
    left : 0;
    width : 75px;
    background-image: url('img/left.png');
    background-repeat: repeat-y
}
#footer {
  position: fixed;
  width: 100%;
  height: 79px;
  top: auto;
  right: 0;
  bottom: 0;
  background-image: url('img/down.png');
  background-repeat: repeat-x
}
#rightnavigation {
    position : fixed;
    height : auto;
    top : 206px;
    right : 0;
    width : 78px;
    bottom: 203px;
    background-image: url('img/right.png');
    background-repeat: repeat-y
}
#topleft  {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 205px;
    width: 202px;
    background-image: url('img/left_up.png');
}
#bottomleft  {
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 217px;
    width: 213px;
    background-image: url('img/left_down.png');
}
#topright  {
    position: fixed;
    top: 0px;
    right: 0px;
    height: 206px;
    width: 214px;
    background-image: url('img/right_up.png');
}
#bottomright  {
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 203px;
    width: 205px;
    background-image: url('img/right_down.png');
}
#signature {
    position: fixed;
    bottom: 86px;
    right: 95px;
    height: 54px;
    width: 200px;
    background-image: url('img/signatur_small.png');
}

#content {
  position : fixed;
  top : 82px;
  bottom : 80px;
  right: 80px;
  left: 80px;
  width : auto;
  height : auto;
  overflow : auto;
}
#content h1, #content h2 {
  color : #cc0000;
}