body{
font-family: arial, tahoma, verdana, sans-serif;
font-size: 12px;
color: #666666;
background-image: url(img/tlo.jpg); 
background-repeat: repeat-x; 
background-color: #749cde;
text-align: center;
margin: 0px;
padding: 0px;
}

#head{
position: relative;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 953px;
height: 276px;
background-image: url(img/top_background.jpg);
background-repeat: no-repeat;
text-align: left;
}

#animation{
position: absolute;
left: 319px;
top: 42px;
}

#content{
position: relative;
margin-left: auto;
margin-right: auto;
width: 953px;
background-image: url(img/content_background.jpg);
background-repeat: repeat-y;
text-align: left;
min-height: 400px;
height: auto !important;
height: 400px;
min-height: 700px;
}

#menu{
position: absolute;
left: 17px;
right: 0px;
width: 300px;
text-align: left;
}

#menu p {margin-left: 35px; width: 250px;}

#devisen table{margin-left: 150px; width: 400px;}
#display_copyright_contentCurrencies p {margin-left: 150px; width: 100%;}

table.tinc_content{margin-left: 150px; width: 400px;}

div.display_copyright_contentCurrencies p {margin-left: 200px; width: 100%;}

#news{
position: absolute;
top: 0px;
right: 19px;
width: 220px;

border-bottom: 1px solid #999999;
}


#news p, h2, h3{margin-left: 0px; width: 210px; text-align: left;}
#news ul{margin-left: 0px; width: 220px; padding-left: 15px;}
#news li{margin-left: 0px; width: 200px; vertical-align: top;}

#footer{
position: relative;
margin-left: auto;
margin-right: auto;
width: 953px;
height: 115px;
background-image: url(img/footer.jpg);
background-repeat: repeat-y;
text-align: left;
}

.bookmark{
position: absolute;
text-align: right;
top: 17px;
right: 19px;

}

.illustration{
margin-top: 42px;
margin-left: 18px;
}

.words{
height: 21px;
width: 112px;
background-color: #eeedef;
border: none;
padding: 0px;

}

.submit{
background: url(img/search_button.gif);
background-repeat: no-repeat;
width: 56px;
height: 21px;
border: none;
padding: 0px;
}

.subscribe{
background: url(img/subscribe_button.gif);
background-repeat: no-repeat;
width: 73px;
height: 21px;
border: none;
padding: 0px;
margin-left: 5px;
color: white;
font-size: 10px;
font-weight: normal;
text-align: center;
}

.unsubscribe{
background: url(img/unsubscribe_button.gif);
background-repeat: no-repeat;
width: 73px;
height: 21px;
border: none;
padding: 0px;
color: white;
font-size: 10px;
font-weight: normal;
text-align: center;
}


h2{color: #c80808; margin-left: 330px; width: 350px; font-size: 18px;}
h3{margin-left: 330px; width: 350px; color: #0099CC;}

p, ul, ol {margin-left: 330px; width: 350px;}
li {margin-left: 20px; width: 300px; margin-top: 10px;}
p{text-align: justify;}
strong{color: black;}

p table{margin-left: 0px;}
table{margin-left: 330px;}
td{padding: 3px;}


td p{width: 40px;}

a{color: #FF9900;}
a:hover{color: #666666;}

td.dodaj{padding: 3px; font-weight: bold;}

td input{ }
td input:active, td input:hover{background-color: #e9eff4; }

legend{font-weight: bold; color: #0099CC;}

input.special{width: 102px; height: 24px; background-color: transparent; background-image: url(img/button_step.gif); border: none;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('img/button1.gif') no-repeat top left;
display: block;
float: right;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('img/button2.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
position: relative;overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 500px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('img/oval-green-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('img/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper2{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 350px;
}


li{vertical-align: top;}

strong{color: inherit;}