/** Perustyylit **********************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #46433e;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	font-size: 12px;
}
p {
	margin: 0px;
	padding: 0px;
        margin-bottom: 9px;
}
h2 {
	margin: 0px;
	padding: 0px;
        font-size: 1.5em;
}
.alaotsikko {
	height: 30px;
	float: left;
	width: 700px;
}

a
{
    color: #ffffff;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


/** Taustat ***********************/

#taustaypD3 {
	height: 20px;
	font-size: 12px;
	font-weight: 900;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: right;
	letter-spacing: 0.1em;
	padding-top: 170px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-transform: none;
	width: 700px;
}
#kuva {
	border: 10px solid #FFFFFF;
	width: 680px;
        margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	height: 260px;
	background-color: #333333;
}
#D0 {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0;
	height: 696px;
	width: 996px;
	border: 2px solid #FFFFFF;
	background-color: #000000;
	color: #FFFFFF;
	background-image: url(../filmiteollisuus/ftlogo.jpg);
	background-repeat: no-repeat;
	background-position: 148px 85px;
}

/** Tuotanto ************************************************/

#D0.tuotannot
{
    min-height: 696px;
    height: auto;
    overflow: auto;
    padding: 0 0 40px 0;
}

#D0.uutiset
{
    min-height: 696px;
    height: auto;
    overflow: auto;
    padding: 0 0 40px 0;
}


div#yla
{
    clear: both;
    width: 700px;
    height: 25px;
    margin-right: auto;
    margin-left: auto;
}

div.selection
{
    float: right;
    width: 280px;
    height: 25px;
    padding: 5px 0 0 10px;
    border-left: 1px dotted #ffffff;
}
div.selection h2
{
    display: inline;
    font-size: 1.3em;
}

div.selection select{
    font-size: 12px;
    color: #ffffff;
    background-color: #000000;
    border: 0;
}

#ala.dotted
{
    border-top: 1px dotted #ffffff;
    padding-top: 20px;
    margin-top: 5px;
}

div.tuotanto-left
{
        float: left;
	width: 380px;
        padding-left: 5px;
        padding-right: 5px;
}

div.tuotanto-left div.info
{
        float: left;
        padding-right: 15px;
}

div.tuotanto-left div#kuvat
{
    float: left;
    width: 370px;
    margin-bottom: 15px;
}

div.tuotanto-left div#kuvat div.kuva
{
    float: left;
    margin-right: 20px;
}

div.tuotanto-left div.header
{
    width: 360px;
}

div.tuotanto-left div.header h2
{
    margin-bottom: 15px;
    color: #CCCC66;
}

div.tuotanto-right
{
        float: right;
	width: 290px;
        border-bottom: 1px dotted #ffffff;
        background-color: #060606;
}

div.tuotanto-right div.header
{
    padding: 5px 0 5px 20px;
    border-top: 1px dotted #ffffff;
    border-bottom: 1px dotted #ffffff;
    background: #290000 url(dotts.gif) 0 50% no-repeat;
}

div.tuotanto-right div.credits
{
    padding: 8px 10px 8px 10px;
}

div.tuotanto-right div.header h2
{
    font-size: 1.1em;
}

div.pikkujuliste {
	width: 100px;
        height: 160px;
	float: left;
	background-color: inherit;
	color: #999999;
}

div.tuotanto-list
{
        float: left;
	width: 350px;
        height: 160px;
}

div.tuotanto-list div.pikkujuliste img
{
    border: 2px solid #CCCC66
}

div.tuotanto-list div.info
{
    float:right;    
    padding: 0 10px 0 10px;
    width: 210px;
}

h5 {
	color: #CCCC66;
	margin: 0px;
	padding: 0 0 10px 0;
	font-size: 14px;
}

h5 a
{
    color: #CCCC66;
}


#ala {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#osoite {
	width: 240px;
	margin-left: 460px;
}

.vasen {
	width: 340px;
	float: left;
}
.oikea {
	width: 340px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	margin: 0px;
	height: 170px;
}

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

/** Navigointi ******************************************/

#taustaypD3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
        padding-bottom:3px;
}
#taustaypD3 li {
	display: inline;
}
#taustaypD3 a:link, #taustaypD3 a:visited, #taustaypD3 a:active {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	margin: 7px;
}
#taustaypD3  a:hover, #taustaypD3 a.current:link, #taustaypD3 a.current:visited  {
	color: #FFFFFF;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-right: 2px;
	margin-left: 2px;
}

/** Form *********************************************/

label
{
    float: left;
    width: 100px;
    line-height: 18px;
/*    display: block;
    margin-bottom: 6px;*/
}

input
{
    margin-bottom: 10px;
    padding: 0 2px 0 2px;
    width: 200px;
    height: 18px;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #bababa;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0 2px 0 2px;
    width: 200px;
    height: 64px;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #bababa;
}

input.btnSubmit
{
    position: relative;
    top: -34px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #bababa;
    width: 68px;
    height: 24px;
}

input.btnSubmit:hover
{
    color: #bababa;
    border: 1px solid #999999;
}

span.required
{
    position: absolute;
    top: 700px;
}