/* RAMIN & ROUSSEL GmbH */

/* Template CSS */

body, html {
background-color: #404041;
margin: 0px;
font-family: arial;
font-size: 11px;
color: #000;
}

a {
text-decoration: none;
outline: none;
color: #666666;
}

a:hover {
text-decoration: none;
outline: none;
color: #313131;
}

.main {
position: absolute;
z-index: 2;
top: 0px;
left: 50%;
margin-left: -304px;
width: 608px;
}

.header {
position: absolute;
z-index: 3;
left: 0px;
top: 0px;
width: 608px;
height: 138px;
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
background-position: 0px 35px;
}

.sprachauswahl {

}

.header_image {
position: absolute;
z-index: 3;
left: 0px;
top: 138px;
width: 608px;
height: 203px;
margin-left: 3px;
margin-top: 3px;
}

.navigation {
position: absolute;
z-index: 3;
top: 341px;
left: 0px;
width: 608px;
height: 192px;
background-color: #e7e7e7;
}

ul.navigation_menu {
list-style:none;
display: block;
padding-left: 0px;
margin: 0px;
}

li.navigation_menu {
list-style-type:none;
text-transform: uppercase;
font-weight: bold;
display: block;
background-color: #e66b0b;
color: #fff;
margin-top: 1px;
margin-left: 3px;
margin-right: 3px;
padding: 5px;
}

li.navigation_menu:hover {
list-style-type:none;
text-transform: uppercase;
font-weight: bold;
display: block;
background-color: #414142;
color: #fff;
margin-top: 1px;
margin-left: 3px;
margin-right: 3px;
padding: 5px;
}

li#active.navigation_menu {
list-style-type:none;
text-transform: uppercase;
font-weight: bold;
display: block;
background-color: #414142;
color: #fff;
margin-top: 1px;
margin-left: 3px;
margin-right: 3px;
padding: 5px;
}

li.navigation_menu a {
text-decoration: none;
color: #fff;
display: block;
outline: none;
}

.main_body_box {
position: fixed;
z-index: 1;
left: 50%;
margin-left: -308px;
width: 616px;
background-image: url(images/main_body_box_bg.gif);
background-repeat: repeat-y;
height: 100%;
}

.main_body {
position: absolute;
z-index: 4;
top: 569px;
line-height: 18px;
padding: 20px;
}

ul.referenzen_list_l {
list-style:none;
display: block;
padding-left: 0px;
margin: 0px;
font-weight: bold;
}

ul.referenzen_list_r {
list-style:none;
display: block;
padding-left: 0px;
font-weight: bold;
margin-top: -252px;
margin-left: 270px;
}

h1 {
color: #666666;
text-transform:uppercase;
font-weight: bold;
font-size:11px;
background-image: url(images/h1.gif);
background-repeat:no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

.footer {
position: absolute;
z-index: 4;
left: 3px;
height: 45px;
width: 608px;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
}

.copyright {
position: absolute;
right: 20px;
top: 20px;
}

/* Online-Formular */

.formular {
width: 503px;
}

.pflichtangaben input  {
display: block;
}

.steuernummer {
float: right;
margin-top: -80px;
}

.name, .email, .plz, .geburtsdatum, .geschlecht {
float: right;
}

.einsatzbereiche, .einsatzorte {
width: 540px;
}

.einsatzbereiche input, .einsatzorte input {
display: inline;
}

.weitere_angaben {
display: block;
}

.sedcard input {
display: block;
}

.hauttyp, .konfektion, .gewicht, .kopfumfang, .kragenweite, .haarfarbe {
float: right;
}

input.sedacard, input.pflichtangaben {
width: 210px;
}