/* 
    Document   : style_vocativadressen
    Created on : 31.12.2013, 17:14:37
    Author     : sif
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

p, li, h1, h2, h3, h4, td, label, legend, input, label {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;

}





/* 
* Navigation 
*/
nav {
    margin-right: 1em;
    height: 6em;
}

nav li {
    list-style: none;
    float: left;
    margin-left: 0.5em;
    width: 10em;
    height: 6em;
    border-right: 1px solid black;
}



nav li ul li {
    margin-left: -1000em;
}

nav li:hover {
    height: auto;
}

nav li:hover ul li {
    margin-left: -2em;
    border: none;
    margin-top: 0.5em;
    height: auto;
}

nav a {
    text-decoration: none;
}



/* 
* Hauptteil 
*/

main {
    clear: both;
    margin-top: 3em;
}

main a {
    text-decoration: none;
    color: #CC0000;
}

main a:hover {
    text-decoration: none;
    color: #FF0000;
}

p.close {
    font-weight: bold;
    margin-top: 2em;
    cursor: pointer;
    color: #CC0000;
    
}

main h1 {
    font-size: medium;
}

main h2 {
    margin-top: 2em;
    margin-bottom: 0.5em;
}


/*
* Alles fuer Formulare
*/


form p {
    clear: both;
    float: none;
}

label {
    float: left;
    /*width: 10em;*/
}

input:invalid {
    border: 2px solid red;
}
input.invalid {
    border: 2px solid red;
}

input.inOrdnung {
    border: 2px solid green !important;
}

select.inOrdnung {
    border: 2px solid green;
    background-color: #CCFFCC;
}

/*
* Listen-Elemente
*/

span.adressangaben {
    /*
    position:absolute;
    display: inline-block;
    left: 8em;
    */
}

span.incorrect {
    font-weight: bold;
    color: red;
}

p.fanadresse:hover {
    background-color: #CCCCCC;
}

p.neuverbunden {
    color:darkgreen;
    font-weight:bold;
}

span.linkImage {
    display:inline-block;
    width: 3em;
}

img.delete, img.edit, img.link {
    margin-bottom: -2px;
    margin-right: 1em;
    cursor: pointer;
}

img.link {
    /*position: absolute;
    left: 700px;*/
    width: 20px;
    margin-left: 0.2em;
}

img.unlink{
    width: 20px;
    margin--left: 0.2em;
}