@import "common.css";

body{background:#384b88 none;font:normal normal normal 1em/1em "Trebuchet MS","Square721 BT","Microsoft Sans Serif", sans-serif; color:#000;margin:0;}

/*banner*/
#banner{position:absolute; top:0; left:0;}
#ylaotsikko{font:italic normal normal 2.8em serif; color:#fff;margin:0 0 0 0;padding:0;}
#ingressi{font:italic normal normal 1.3em serif; color:#fff;clear:both;margin:20px 0 0 5em;}

#wrapper{max-width:1100px; background-color:transparent;background-image:url('tuulensieppaaja/bgr1dark.gif');
background-repeat:no-repeat;background-position: 100% 10px;border:1px solid #384b88;} 




#sieppariMenu{float:right; width:200px;margin:200px 0 0 0; width:190px;}
/*content*/
#content{margin:160px 198px 0 20px; background:#7EA7F5 url('tuulensieppaaja/bgr1light.gif') no-repeat 100% 0;border:1px solid white;padding-left:20px;}
p, ul, dl{margin-left:5px;}
ul, dl {padding: 0;}
li{list-style-type:square;list-style-position:inside;}
dt{margin:1em 0 0 0;}
#menu1{margin:1em 0 0 0em;padding:0;}
ul #menu2{margin:-1em 0 0 -1em;padding:0 0 0 2em;}
#menu1 li{list-style-type:none;color:#fff;}

a{text-decoration:underline;}
a:link{color:#50f;}
a:visited{color:#164}
a:hover{color:#f00;}
a:active{color:#ff0;}

#sieppariMenu UL{list-style-type:none;}
#sieppariMenu li{list-style-type:none;}
#sieppariMenu img{margin-left:1em;}


#sieppariMenu a{text-decoration:none;background-color:transparent}
#sieppariMenu a:link{color:#ff0;}
#sieppariMenu a:visited{color:#cc3}
#sieppariMenu a:hover{color:#f00;}
#sieppariMenu a:active{color:#ff0;}
h1{font:normal normal normal 1.5em/1.5em "Lucida Sans Unicode",Haettenschweiler,sans-serif; color:#330;}
h2{font:normal normal normal 1.2em/1.2em sans-serif; color:#330;}
h3{font:italic normal normal 1em/1.2em sans-serif; color:#330;}

.kuvitus{display: block; float: right; margin: 10px 3px 10px 20px; border:1px solid #666; border-color:#888 #333 #fff #fff;}
#content img{display: block; float: right; margin: 10px 3px 10px 20px; border:1px solid #666; border-color:#888 #333 #fff #fff;}
#content img a{border-width:2px; border-color: #33a #005 #a4f #a4f}
.separator{text-align:center}
#date{color:#b8c9e6;font:italic normal normal 0.6em serif;}
.copyright{font-size:0.8em; text-align:right;}
/*palautelomakkeen elementit*/
input, textarea, select, label{float:left; clear:left;font:normal normal normal 0.8em sans-serif; color:#000}
/*input[type="text"], textarea, select{float:left; clear:left;background-color:#ffd;width:300px;}*/
input[type="text"], textarea, select{background-color:#ffd;width:300px;}
label, input[type="radio"]{margin-top:0.5em;}
.radiolabel{clear:none;}
.submit{clear:none;color:#cc3; background-color:#384b88; font:normal normal bold 12px 'courier'; width:80px; margin: 20px 40px 0 0;}
.submit:hover{color:#f00}
/*Tästä eteenpäin mozillan tyylit*/
li{list-style-type:square;list-style-position:inside;}
#perus>#content{width:595px; background-color:#b8c9e6;background-image:url("bgr1light.gif");background-repeat:no-repeat; background-position:right top;padding:10px; border:1px solid #fff; border-color:#ff0 #ff0 #660 #330; margin:0 0 100px 0px; border-width: 1px 1px 1px 1px;}
#perus>#navi{width:135px; padding:0 0 0 10px; margin:0 0 0 10px; float:right; }

li>ul#menu2{margin-top:0;}