/* CSS euro-umrechner.eu - (c) online1.ch */
body { font-family: Verdana, Arial, Geneva, sans-serif; margin:0px; color:#222; font-size:14px;}

h1 { font-size:22px; line-height:22px; color: #162F68; font-weight:normal; margin:6px 0px 0px 0px;}
hr { color:#ccc; background-image:url(_img/line4-gray.gif); background-repeat:repeat-x; height:6px; margin:10px 0px 10px 0px; border:0px; clear:both; width:570px;}
a:link, a:visited, a:active, a:hover { text-decoration:none; color:#1a59aa ;}
a:active, a:hover {	text-decoration:underline; color:#3070B6;}


/* Logo und Datum oben */
#logo { margin:-50px 0px 0px -10px; }
#headdate { border:0px solid yellow; width:200px; float:right; font-size:10px; color:#999; text-align:right; margin:1px 15px 0px 0px;}

/* Umrechner-Hüllen mit bgs */
#o0 { border:0px solid yellow; width:640px; height:auto; margin:100px auto;}
#o1 { border:0px solid red; width:570px; height:50px; background-image:url(_img/p1.png); background-repeat:no-repeat;padding:0px 35px;}
#o2 { border:0px solid orange; width:570px; min-height:300px; background-image:url(_img/p2.png); background-repeat:repeat-y; padding:0px 35px;}
#o3 { border:0px solid violet; width:570px; height:75px; background-image:url(_img/p3.png); background-repeat:no-repeat;padding:0px 35px;}

/* Hintergrundbild 100% */
div#content { position: absolute; top:0px; left:0px; z-index: 1; width:100%; height:100%;}
img#backgroundImage { position: fixed; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background-image:url(_img/rainbow1.png); background-size:100% 100%; height:100%; width:100%;}

/* Umrechner objects */
#eu1 { width:116px; float:left; margin:10px 0px 0px 0px; border:0px solid red; padding:10px 8px 0px 0px; height:122px;}
#eu2 { width:206px; float:left; margin:10px 0px 0px 0px; border:0px solid red; padding:10px 12px 0px 5px; height:122px;}
#eu3 { width:206px; float:left; margin:10px 0px 0px 0px; border:0px solid red; padding:10px 10px 0px 6px; height:122px;}

#but { margin-top:22px; font-weight:bold; height:38px; width:123px; font-family:Verdana, Geneva, sans-serif;}
#bet { border:2px solid #ebe9e7; padding:5px 6px 2px 6px; margin:4px 0px 0px 0px; font-size:18px; font-weight:bold; color:#333; text-align:center;}
#aus { border:2px solid #ebe9e7; padding:5px 0px 0px 5px; margin:4px 0px 0px 0px; font-size:14px; font-family:Verdana, Geneva, sans-serif;}
#zie { border:2px solid #ebe9e7; padding:5px 0px 0px 5px; margin:4px 0px 0px 0px; font-size:14px; font-family:Verdana, Geneva, sans-serif;}

/* Contentbereich unten und Footer */
#cont3 { border:0px solid red; width:auto; height:38px; margin:0px 0px 0px 0px; clear:both; padding:10px 0px 0px 0px;}
#foot { border:0px solid green; width:400px; height:12px; margin:30px auto 0px auto; text-align:center; font-size:10px; color:#999;}
#foot a{color: #999; text-decoration:none;}
#foot a:hover{ color: #222222; text-decoration:underline;}

/* StyleSwitcher */
.swi { width:160px; height:auto; text-align:center;}
.swi1 { float:left; margin:0px 20px 0px 0px;}
.swi2 { float:left; margin:0px 0px 0px 0px;}
#swibg { width:570px; height:auto; padding:10px; background-image:url(_img/bg_switcher.gif); background-repeat:no-repeat;}

/* Schriftgrössen etc. */
.s9 { font-size:9px;}
.s10 { font-size:10px;}
.s11 { font-size:11px;}
.s12 { font-size:12px; line-height:18px;}
.s13 { font-size:13px; line-height:18px;}
.s14 { font-size:14px; line-height:18px;}
.lh8 { line-height:8px;}
.lh12 { line-height:12px;}



/* end bereinigt */



.flr { float:right; margin:0px 0px 0px 20px;}
.fll { float:left; margin:0px 20px 0px 0px;}

.imgr { float:right; margin:0px 0px 0px 20px;}
.imgl { float:left; margin:0px 20px 0px 0px;}
