/*******************************************************************************

    Project        :    Redaxo Demo
    Copyright    :    Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/


#site-content {
    color:#fff;
    text-align:left;
    background: inherit;
}

/* ### breadcrump ############################################################ */

#main-block p#breadcrumb {
font-size: 1em;
color: #90B0BF;
margin-bottom: 30px;
}


/* ### headlines ############################################################ */

#supportingText h1 {
color: #0099CC;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
}

#supportingText h2 {
color: rgb(196, 27, 75);
font-size: 13px;
font-weight: normal;
margin: 55px 0px 10px 31px;
padding: 0px;
text-transform: uppercase;
}

#supportingText h3 {
    color:#90B0BF;
    background: inherit;
    font-size:1.2em;
    font-weight:bold;
    line-height:1.4em;
}

#supportingText h4 {
    color:#c4c4c4;
    background: inherit;
    font-size:1.1em;
    font-weight:bold;
    line-height:1.2em;
}

#supportingText h5 {
    color:#c4c4c4;
    background: inherit;
    font-size:1.0em;
    font-weight:bold;
    line-height:1.0em;
}

#supportingText h6 {
    background: inherit;
    color:#c4c4c4;
    font-size:0.9em;
    font-weight:bold;
    line-height:1.0em;
}


/* ### Images ############################################################ */

#main-block img {
    display:block;
    margin:4px 0;
}

#main-block img.floatLeft {
    float:left;
    margin:4px 10px 4px 0;
}

#main-block img.floatRight {
    float:right;
    margin:4px 0 4px 10px;
}



/* ### Hyperlinks ######################################################### */

#main-block a, 
#main-block a:link {
    color:#90B0BF;
    text-decoration:underline;
}

#main-block a:hover {
    color:#90B0BF;
    text-decoration: none;
}

#main-block a.faq, 
#main-block a.faq:link {
    color:#eee;
    font-size:1.4em;
    text-decoration:none;
    text-transform:none;
    line-height: 2.0em;
}

#main-block a.faq:hover {
    color:#90B0BF;
    text-decoration:underline;
}


/* ### Paragraphs ########################################################## */

#main-block p {
    margin-bottom:1.6em;
    font-size:1.2em;
    line-height:1.6em;
}

#nav p {
    margin-bottom:1.2em;
}



/* ### Tables ############################################################## */

#main-block table {
    font-size:1.2em;
    line-height:1.6em;
}

#main-block td {
    padding:0 0 0 0;
}


/* ### Blockquotes ########################################################## */

#main-block blockquote {
    margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

#main-block ul, 
#main-block ol {
    margin-bottom:1.2em;
    font-size:1.2em;
    line-height:1.6em;
}

#main-block ol li {
    margin:0 0 0 30px;
    list-style-type:decimal-leading-zero;
} 
#main-block ul li {
    margin:0 0 0 20px;
    list-style-type:square;
}


/* ### Module ################################################################ */

#main-content-block div.floatLeft img {
    float:left;
    margin:4px 40px 4px 0;
}

#main-content-block div.floatRight img {
    float:right;
    margin:4px 0 4px 40px;
}
/*
#main-content-block a.more {
    clear:left;
    position: relative;
    left: 120px;
}
*/

/* ### Team ### */

#main-content-block div.txt-img {
    clear: both;
    padding: 12px 0;
}


/* ### Team ### */

#main-content-block div.team {
    clear: both;
    padding: 12px 0;
    margin-bottom: 0px ;
}

#main-content-block div.team div{
    width:100px;
}

#main-content-block div.team p {
    font-size: 1.3em;
    letter-spacing: 0.05em;
    margin-top: 0px;
}

#main-content-block div.team div.floatLeft img {
    margin:4px 0px 4px 0;
}

/* ### Bildgalerie ### */

#main-content-block div.galerie {
    clear: both;
}
#main-content-block div.galerie div.image {
    float: left;
    width: 270px;
}

#main-content-block div.galerie div.image img{
    padding: 5px;
    border:1px solid #aaa;
}


/* ### Formular ################################################################ */

#rex-xform {
    background: transparent url(/files/nav_background.png) repeat;
    margin: 0px 0px 20px -5px;
    padding: 5px 10px 10px 10px;
}

label.text,
label.textarea{
    color: rgb(255, 163, 23);
    font-size: 13px;
    font-weight: normal;
    margin: 30px 0 10px 0px;
    padding: 0px;
    display: block;
    text-transform: uppercase;
}

input.text {
    background-color: white;
    border: 1px solid rgb(187, 245, 129);
    color: rgb(63, 55, 39);
    font-family: 'Lucida Grande', tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 5px;
    width: 330px;
}

textarea.textarea {
    background-color: white;
    border: 1px solid rgb(187, 245, 129);
    color: rgb(63, 55, 39);
    font-family: 'Lucida Grande', tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 100px;
    line-height: 130%;
    padding: 5px;
    width: 330px;
}

.submit{
    background-color: #90b0bf;
    color:#fff;
    margin-top: 10px;
    border: none;
}

div.portfolio {
    width: 428px;
    background: transparent url(/files/port_background.png) repeat scroll 0 0;
    margin: 20px 0;
    padding: 4px;
    border: 1px solid #FFFFFF;

}

img.portfolio {
    border: none;
}