/*
    Document   : registration
    Created on : 10.06.2011, 08:56:37
    Author     : stefan
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div{
    vertical-align:top;
}

p{
    line-height: 120%;
}

#headerregistration{
    height:78px;
    background: url(/files/images/headerreg950.png);
}

ul.errors{
    margin:0;
}
ul.errors li{
    list-style-type:none;
    color:#AE2421;
    margin:0;

}

.greyback{
    background-color: #E6E7EC;
    padding:5px 8px;

}

span.red{
    font-size:inherit;
}

label.standard{
    background:#FFE0B2;
    padding:5px 10px;
    width:170px;
    display:inline-block;
    font-size:12px;
    font-weight:normal;
}
label.required{
    font-weight:bold;
}

div.formfield{
    background:#E6E7EC;
    border-bottom:2px solid #fff;
}
div.formfield input{
    height:20px;
}

input.methoden-selected{
    width:180px;
}


#pdfselection label{
    width:30px;
}

input[type=submit]{
    font-size:14px;
    padding:5px;
}

input.submitsmall{
    font-size:11px;
    padding:2px;
}

#methods-therapies, #methods-therapies_selected, #therapies, #therapies_selected{
    width:260px;
    height:330px;
    font-size:12px;
}

div.methodsfields input{
    font-size:14px;
}

td.methods-singlefields{
    padding-top:20px;
}

#methodsselection{
    padding:10px 0;

}

#methodsselection dd{
    margin:10px 0;
}

.message{
    font-size:14px; color:#B22222; padding:5px;
}

a.filename{
    margin:3px 10px;
    font-size:12pt;

}

#vorstellung h3{
    margin-top:10px;
}

#info h3{
    margin-top:10px;
}

#vorstellung input[type="text"], #vorstellung textarea{
    margin:0 0;
}
#vorstellung textarea{
    width:450px;
    height:30px;
}



#vorstellung #moreinfo-vorstellung,
#vorstellung #moreinfo3-schwerpunkt,
#vorstellung #moreinfo4-schwerpunkt,
#vorstellung #moreinfo5-schwerpunkt,
#vorstellung #moreinfo6-schwerpunkt,
#vorstellung #moreinfo7-schwerpunkt{
    height:150px;
}

#vorstellung #moreinfo3-information,
#vorstellung #moreinfo4-information,
#vorstellung #moreinfo5-information{
    height:60px;
}

#mafo textarea {
    width: 450px;
    height:60px;
}

#mafo label.standard{
    padding:0 5px;
}

.biglabel label{
    font-size:12pt;
}

input[type="radio"], input[type="checkbox"]{
    margin-right:5px;
}

a.textbutton{
    display:block;
    border:1px solid #990000;
    background:#E6E7EC;
    padding:3px 5px;
    margin:5px 0;
    width:60px;
    text-align:center;
}

div.angebotsbox{
    min-height:170px;
}

p.margin1{
    margin-bottom:3px;
}

select{
    font-size:10pt;
    width:80px;
}

/* für AGB akzeotiert */
.extendedlabel label{
    width:350px;
}

/* spezielles Format um Input in Text zu integrieren, siehe 'Arbeitsschwerpunkte' */
input.textlink{
    border:0px;
    padding:0px;
    display:inline;
    font-size: 11px;
    background:transparent;
    color:#B42225;
}

.examplebutton{
    margin-left:10px;
}

div.methodsfields{
    border:0px solid green;
    margin-bottom:2px;
}
div.methodsfields dd, div.methodsfields dt, div.methodsfields input {
    display:inline;
    margin:0px;
}

.registrationbox{
    padding:10px;
}

/* jQuery */

.tooltip {
    display:none;
    background:transparent url(/files/images/th_hint1.png);
    font-size:12px;
    height:85px;
    width:160px;
    padding:15px 25px;
    color:#fff;
}

/* use a semi-transparent image for the overlay */
#overlay {
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
    color:#efefef;
    height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    height:441px;
    overflow-y:auto;
}

/* Accordion */
/* Toggler - default style */
@media projection, screen {
    .toggler {
        margin:0px 0 25px 0;
        cursor:pointer;
        text-decoration: none;
        font-size: 11px;
        font-weight:bold;        
        line-height:30px;
        display: block;
    }
    .toggler-closed {
        color:#B32124;
        padding-left:10px;
        height:30px;
        background: #efefef;
        border: solid 1px white;
    }
    .toggler-closed:hover {
        color:#B32124;
        padding-left:10px;
        height:30px;
        background: #fff;
        border: solid 1px #e3e3e3;
    }
    .toggler-opened {
        color:#333;
        padding-left:10px;
        height:30px;
        background: #E69EA5;
        border: solid 1px white;
    }
    .toggler-opened:hover {
        color: #000;
        padding-left:10px;
        height:30px;
        background: #fff;
        border: solid 1px #e3e3e3;
    }

    /* Container - default style */
    .toggler-c {
    }
    .toggler-c-closed {
        background:transparent;
        border:solid 1px #e3e3e3;
        margin:-25px 0px 0px 0px;
        padding:10px;
    }
    .toggler-c-opened {
        margin:-25px 0px 0px 0px;
        padding:10px;
        background:#efefef;
        border:solid 1px #fff;
    }

    a.home  {
        height: 30px;
        width:146px;
        display: block;        
        padding: 0px;
        margin: 10px 5px 0px 5px;
    }

    a.home {
        background: url(../../images/home.jpg)
    }
    a.home:hover {
        background-position: left bottom;
        text-decoration: none;
    }



    div.anmeldetabs2{
        position:relative;        
    }

    #menuehilfe{
        position:relative;
        width:20px;        
        left:500px;
        top:-30px;
        height:5px;
    }

    #clientdata-land{
        width:100px;
    }

    ul.errors li{
        border: 1px solid #CCC;
        background: #FF6;
        background-image: url("/files/images/hint.png");
        background-repeat: no-repeat;
        background-position: 10px 50%;
        padding: 5px 5px 5px 40px;
    }
}

}
@media print {

    .toggler-c { margin-bottom:25px; }
    .toggler { display: none; }

}