/**
 * CSS styles for Contenido sample client.
 * 
 * @author Julian-Vincent Ackermann
 * @copyright pixelwerk ackermann & co. <www.pixelwerk.ch>
 * @version 1.0.0
 * 
 * created 2008-09-10
 */
 
/* ###################################################### */
/* ####################### Site General ################# */
/* ###################################################### */

html, body, div, p, td, a, input, textarea, select {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#606060;
}

html, body {
    margin:0;
    padding:0;
    /*overflow:auto;*/
}

a {
color:#298DC8;
}

a:hover {
            color: #e48a43;
}

body {
    background-image:url(../_pix/bg2wbc.png);
    background-repeat:repeat-x;
    height:800px;
    margin:0;
}

h1 {
color:#000;
padding-left:10px;
font-size:16px;
font-weight:normal;
width:400px;
}

h3 {
color:#e48a43;
font-size:14px;
}

strong {
color:#e48a43;

}

#main {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

#site {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

#webMail {
float:left;
margin:40px 0 0 0;
padding:3px;
border:1px solid #ccc;
}

#webMail a{
text-decoration:none;
}

/* ###################################################### */
/* ####################### Site Header ################## */
/* ###################################################### */

#header {
margin-top:0px;
}

#headBody {
height:251px;
width:900px;
}

#logo {
padding-bottom:5px;
}



ul#metaNavigation {
    float:right;
    font-size:12px;
    margin-top:-20px;
    padding-right:10px;
}
ul#metaNavigation li {
    margin:0;
    padding:0 1px 0 8px;
    display:inline;

}
#metaNavigation a {
            color: #298DC8;
            text-decoration:none;
            }
            
#metaNavigation a:hover {
            color: #E58A44;
            text-decoration:none;
            }

#logoutText {
    position:relative;
    height:70px;
}
#logoutText a {
    position:absolute;
    right:10px;
    bottom:10px;
    text-decoration:none;
}

/* ###################################################### */
/* ####################### Site Content ################# */
/* ###################################################### */
#content {
    float:left;
    margin-top:70px;
    width:900px;
    padding-bottom:20px;
}

#content_big {
    float:right;
    margin-top:70px;
    width:750px;
    padding-bottom:20px;

}

#content_left {
position:relative;
z-index:50;
        margin-top:7px;
width:440px;
    float:left;

}

#content_box_left {
 /*   float:right;
color:#666;
font-size:12px;
width:420px;
height:275px;
border:1px solid #ccc;

padding: 0px 10px 10px 10px;*/
border:1px solid #ccc ;
background:#fff;
}

#content_right {
position:relative;
z-index:50;
width:440px;
    float:left;
        margin-left:20px;
        margin-top:-25px;

}

#content_box_right {
/*    float:right;
color:#666;
font-size:12px;
width:420px;
height:275px;


padding: 0px 10px 10px 10px;*/
border:1px solid #ccc;
background:#fff;
}

#content_inhalt {
position:relative;
z-index:1;
        margin-top:-25px;
margin-left:15px;
width:735px;
    float:right;

}

#content_box_inhalt {
/*    float:left;
color:#666;
font-size:12px;
width:727px;
height:275px;
border:1px solid #ccc;
background:#fff;
padding: 0px 0px 10px 10px;*/
border:1px solid #ccc;
background:#fff;
}

/* ###################################################### */
/* ####################### Site Print ################### */
/* ###################################################### */

#DruckBtn {
position:relative;
z-index:500;
width:17px;
height:17px;
float:right;
margin-top:15px;
}

#print_button
 {
 width:459px;
 text-align:right;








 left:0px;

 top:0px;
 }

#button{
margin-bottom:5px;}

.button_print
 {
 cursor: pointer;
 border: #000000;
 border-style: solid;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 background-color: #ffffff;font-family:verdana,tahoma,arial, sans-serif;
 font-size:10px;
 font-weight: normal;
 text-decoration:none;
 }
 
 /* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
}
#contactForm .contactRow {
float:left;
    margin:4px 0;
    padding-right:20px;
}
#contactForm label {
    display:block;
    float:left;
    padding-right:0px;
    padding-left:0px;
    width:150px;
}

#scroll .contactRow {
float:left;
    margin:4px 0;
    padding-right:20px;
}

#scroll label {
    display:block;
    float:left;
    padding-right:0px;
    padding-left:0px;
    width:150px;
}

#scroll .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:140px;
}

#scroll .contactRow select {
    border:1px solid #ccc;
    width:172px;
}

#scroll .contactRow input {
    height:14px;
    padding-right:20px;
}

#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:140px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:140px;
}

#contactForm .contactRow input {
    height:14px;
    padding-right:20px;
}

#contactForm .contactRow textarea {
    height:80px;
    width:494px;
    font-size:10px;
}

* html #contactForm .contactRow textarea {
    height:80px;
    width:494px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}

* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}

#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
    margin-right:55px;
    margin-top:10px;
}

* html #contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
    margin-right:15px;
    margin-top:8px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 0px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:58%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

/* ###################################################### */
/* ####################### Site Footer ################## */
/* ###################################################### */

#footer {
    float:left;
    padding-top:5px;
    border-top:1px solid #298DC8;
    width:900px;
    height:25px;
    font-size:12px;
    color:#666;
    text-align:center;
}

#logoutText {
float:left;
}

#content_box_inhalt input {
    width:150px;
    height:12px;
    border:1px solid #ccc;
    font-size:10px;
    margin:0 0 4px 0;
}
* html #content_box_inhalt input {
    width:142px;
}

#content_box_inhalt label {
    display:block;
    width:100px;
    float:left;
    margin:0 0 4px 0;
}

#content_box_inhalt input#loginBtn {
    
    background-color:#fff;
    border:0;
    color:#298DC8;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil_klein.gif);
    background-repeat:no-repeat;
    background-position:right 6px;
    font-size:12px;
    width:auto;
    height:auto;
    float:left;
    margin-left:200px;
}
* html #content_box_inhalt input#loginBtn {
    margin:0 14px 0 0;
}

 
#logoutBtn {
float:left;
}
.pixelwerk {
margin-top:0px;
float:right;
color:#ccc;
}

.pixelwerk a {
color:#ccc;
text-decoration:none;
}

.pixelwerk a:hover {
color:#666;
text-decoration:none;
}

#team {
width:900px;
height:251px;
}

#pflichtFelder {
float:left;
margin-left:150px;
}

* html #pflichtFelder {
float:left;
margin-left:75px;
}

#anrede {
width:312px;
}
/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author Frederic Schneider
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2008-04-11
 */

.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
        width:700px;


}


.sitemap li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

.sitemap .level1 {

        background-color: #e6f1fb;
        padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
        background-color: #f4f9fd;
        padding: 3px 3px 3px 30px;
}


.sitemap .level3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/* Only for IE */













*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}





/* ###################################################### */
/* ####################### CONTACT Newsletter ########### */
/* ###################################################### */
#contactForm1 {
    font-size:11px;
}
#contactForm1 .contactRow {
    margin:4px 0;
}
#contactForm1 label {
    display:block;
    float:left;
    width:80px;
}
#contactForm1 .contactRow1 input, #contactForm1 .contactRow1 textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm1 .contactRow1 select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm1 .contactRow1 input, * html #contactForm1 .contactRow1 textarea {
    width:343px;
}

#contactForm1 .contactRow1 input {
    height:14px;
}

#contactForm1 .contactRow1 textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit1 #contactFormSubmitLeft1 {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit1 #contactFormSubmitLeft1 {
    margin:0 0 0 26px;
}
#contactFormSubmit1 #contactFormSubmitRight1 {
    margin-left:350px;
    float:left;
    width:174px;
}

#contactFormSubmit1 #contactFormSubmitLeft1 input, 
#contactFormSubmit1 #contactFormSubmitRight1 input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:left;
    margin:0;
}
#contactFormSubmit1 #contactFormSubmitLeft1 input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm1 table {
    width:100%;border-collapse:collapse;
}
#contactForm1 table td {
    padding:0;
}
#contactForm1 table td.pt {
    padding-top:2px;
}
* html #contactForm1 table td.pt {
    padding-top:0;
}
#textNewsletter {
float:left;
margin-top:20px;
width:600px;
}