* {
  margin:0; 
  padding:0; 
  font-family: Arial, Helvetica, sans-serif;
  
  line-height: 1.7em;
}

h1 {
  font-size: 16px;
  color: #FF8000;
  padding-top: 10px;
  padding-bottom: 10px;
}

h2 {
  font-size: 14px;
  color: #3399FF;
}

p, ul {
  padding-top: 5px;
  padding-bottom: 15px;
  color: #555555;
}

ul {
  padding-left : 35px;
}

span p {
  font-size: 14px;
  
}

.blue {
  font-size: 14px;
  color: #3399FF;
}

body {
  font: 12px Arial, Verdana, sans-serif;
  background-color: #217dac;
  background-image: url(/images/background.gif);
  background-repeat:repeat-x;
}


#raamwerk {
  height:100%;
  position:absolute;
  left:50%;
  margin-left:-329px;
  top:0px;
  width:658px;
}

.spacer {
  clear:both;
  height:10px;
}  

#top {
  height:97px;
  background-image:url(/images/top.gif);
  background-repeat:no-repeat;
}

#middle {
  height:auto;
  width:658px;
  background-image:url(/images/contentbackground.gif);
  background-repeat:repeat-y;
}

#left {
	position:absolute;
	top:97px;
	left:0px;
	width: 20px;
	height: 316px;
	background-image:url(/images/left.gif);
}

#right {
	position:absolute;
	top:97px;
	right:0px;
	width: 20px;	
	height: 316px;
	background-image:url(/images/right.gif);
}

#content {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  min-height:430px;
  height:auto !important;
  height:430px;
  background-position:bottom;
  background-repeat:no-repeat;
}

#content.bw {
  background-image:url(/images/bottomimagebw.gif);
}

#content.color {
  background-image:url(/images/bottomimage.gif);
}

#bottom {
	clear:both;
	height:41px;
}

#bottom.bw {
  background-image:url(/images/bottombw.gif);
}

#bottom.color {
  background-image:url(/images/bottom.gif);
}

.ddcolortabs {
  width: 100%;
  background: transparent;
  voice-family: "\"}\"";
  voice-family: inherit;
}

.ddcolortabs ul{
  font: bold 11px Arial, Verdana, sans-serif;
  margin:0;
  padding:0;
  list-style:none;
}

.ddcolortabs li{
  display:inline;
  margin:0 2px 0 0;
  padding:0;
  text-transform:uppercase;
}

.ddcolortabs a{
  float:left;
  color: white;
  background-image: url(/images/color_tabs_left.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin:0 2px 0 0;
  padding:0 0 1px 3px;
  text-decoration:none;
  letter-spacing: 1px;
}

.ddcolortabs a span{
  float:left;
  display:block;
  background: transparent url(/images/color_tabs_right.gif) no-repeat right top;
  padding:4px 9px 2px 6px;
}

.ddcolortabs a span{
  float:none;
}

.ddcolortabs.main a{
  background-color: #3399FF;
}

.ddcolortabs.main a:hover,
.ddcolortabs.main a:hover span,
.ddcolortabs.main .current a,
.ddcolortabs.main .current span
{
  background-color: #FF8000;
}

.ddcolortabs.sub a{
  background-color: #AAAAAA;
}

.ddcolortabs.sub a:hover,
.ddcolortabs.sub a:hover span,
.ddcolortabs.sub .current a,
.ddcolortabs.sub .current span
{
  background-color: #FF8000;
}

table {
  border-collapse: collapse;
  border-spacing: 1px;
}

td, th {
  font-size: 12px;
  padding:6px 6px;
  border-bottom:solid 1px #eee;
  vertical-align:top;
}

img.floatLeft { 
    float: left; 
    margin: 5px; 
    margin-right: 14px;
    /* border: 1px;
    border-style : solid; */
}
img.floatRight {
    float: right; 
    margin-top: 0px; 
}

img.floatRightUp {
    position: absolute;
    top: 100px;
    left: 500px;
    
}

div.col1 {
  float:left;
  width: 230px;
  margin-right: 40px;
  padding: 0px;
  
}

div.col2 {
  float:right;
  width:240px;
  margin: 0px;
  padding: 0px;
}

div.clear {
  clear: both;
}