/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Design Style Sheet

version: 1.02
author: Frenk T. Sedmak Nahtigal
email: frenk.ten@3fs.si <frenk.ten@3fs.si>
website:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BOX (body)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Proces.php, Pir.php, Pir_sel.php, Kontakt.php  //delete when finished
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BOX - right container (vertical aligned elements)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#box div.vertical
{
    margin: -55px 10px 0 0;
    float: right;
    clear: right;
    width: 300px;
}
#lightbox dl a
{
    display: inline;
}
/* BOX - DefinitionList
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#box dl
{
    margin: 0 5px 12px 5px;
    font-size: 12px;
    width: 300px;
    height: 80px;
    float: left;
    position: relative;
}
#box dl h4
{
    padding: 5px;
    color: #edd3a4;
}
#box dl dd h4
{
    padding: 0 10px 0 0;
}
#box dl p
{
    padding: 0;
}
#box dl a
{
    font-size: 15px;
    font-weight: bold;
    display: block;
}
#box dt
{
    float: left;
    margin: 0 10px 0 10px;
    height: 77px;
    width: 77px;
    position: relative;
}
#box dt a
{
    background: url(../img/thumb_bg_small.png) 5px 5px no-repeat;
    position: absolute;
    width: 77px;
    height: 77px;
    left: 0px;
    top: 0px;
}
#box dt img
{
    float: left;
    margin: 0;
    position: absolute;
    width: 63px;
    height: 63px;
    top: 7px;
    left: 7px;
}
#box dt a:hover
{
    position: absolute;
    width: 77px;
    height: 77px;
    background: url(../img/body3_thumb_bg.png) no-repeat;
}
/* BOX - FieldSet
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#box fieldset
{
    margin: 10px 0 10px 0;
    display: block;
    width: auto;
    padding: 0 0 10px 20px;
    float: left;
    max-width:230px;
}
#box fieldset legend
{
    color: #edd3a4;
    font-size: 20px;
    margin-left: -7px;
}
#box fieldset h5
{
    font-size: 18px;
    padding: 10px 0 10px 0;
}
#box fieldset p
{
    font-size: 14px;
    padding: 0;
}
/* BOX - middle container
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#box div.middle_content
{
    width: 310px;
    float: left;
    padding: 15px 0 15px 0;
}
#box div.middle_content p
{
    font-size: 12px;
    padding: 13px 3px 5px 0;
}
#box div.middle_content dl
{
    margin-left: -5px;
    width: 320px;
    height: auto;
}
#box div.middle_content dt
{
    margin: 10px 10px 0 0;
}
/* file://Kontakt.php
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FORM STYLE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#form_container
{
    width: 660px;
    float: right;
    overflow:hidden;
    color:#edd3a4;
    font-size: 0;
    margin: -35px 20px 0 0;
    position: relative;
}
#form_container span.error /*error reporting*/
{
    position: relative;
    float: left;
    clear: left;
    color: #e12025;
    margin-left: 100px;
    max-width: 400px;
}
#form_container span.img /* image validation container*/
{
    float: right;
    width:239px;
    height:27px;
    background:url(../img/form_input_validation.png) no-repeat;
    text-align: center;
}
#form_container img
{
    display: inline;
    float: right;
    width: 150px;
    height: 20px;
    position: relative;
    top: 3px;
    right: 39px;
}
/*Forms defaults*/
input, textarea {
    font-size:12px;
    color:#edd3a4;
    display: inline;
    margin-bottom: 10px;
}
label {
    clear: right;
    float: left;
    cursor:pointer;
    padding: 5px;
    line-height:15px;
    font-weight: normal;
    display: inline;
    max-width: 90px;
}
/*Text inputs*/
.textinput {
    clear: right;
    float: right;
    width:514px;
    height:27px;
    font-size: 12px;
    background:url(../img/form_input.png) no-repeat;
    padding:6px 0 5px 12px; /* BUG: Opera doesnt center text correctly */
}
.validation
{
    float: right;
    width:239px;
    height:27px;
    font-size: 12px;
    background:url(../img/form_input_validation.png) no-repeat;
    padding:6px 0 5px 0; /* BUG: Opera doesnt center text correctly */
    margin-right: 48px;
    text-align: center;
    letter-spacing: 5px;
}
.validdationLabel
{
    position: absolute;
    left: 0px;
    bottom: 61px;
}
/* TEXTAREA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Container --> KLUDGE: Fixes scroll bug in IE*/
#textarea_container
{
    background: url(../img/form_textarea.png) 12px 10px no-repeat;
    float: right;
    clear: right;
    width: 517px;
    height: 220px;
    margin-top: -10px;
    margin-bottom: 10px;
}
/* Texarea label correct off-set for paragraph */
#textarea_container label
{
    margin-top: -5px;
    margin-left: -103px;
}
.textarea {
    clear: right;
    float: right;
    width: 514px;
    height: 215px;
    background: transparent;
}
/*Button*/
.buttonSubmit {
    clear: both;
    float: right;
    bottom: 0;
    width:92px;
    height:29px;
    color:#edd3a4;
    font-weight:bold;
    padding:2px 5px;
    background:url(../img/form_button.png) no-repeat;
    cursor:pointer;
}
/*Seperator*/
#seperator
{
    background: url(../img/body_seperator.png) no-repeat;
    width: 2px;
    height: 431px;
    position: absolute;
    left: 260px;
    top: 5px;
}