@charset "utf-8";

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
    line-height:1.5;
    background:#E6E6E6;
}

/******************************************************************************/
/* Grid                                                                       */
/******************************************************************************/

#Grid {
    width:1050px;
    margin:0px auto;
    background:#FFFFFF url(/source/layout/mkarchitektinde_bg_main.png) repeat-y left top;
}

#GridHeader {
}

#GridMain {
    margin:0px 21px 0px 21px;
    padding:0px 14px 0px 14px;
    background:#FFFFFF;
}

#GridFooter {
    height:94px;
    padding:35px 35px 0px 35px;
    background:#FFFFFF url(/source/layout/mkarchitektinde_bg_footer.png) no-repeat center top;
}

/******************************************************************************/
/* Header                                                                     */
/******************************************************************************/

#HeaderMenu {
    height:55px;
    padding:0px 35px 0px 35px;
    background:#E6E6E6 url(/source/layout/mkarchitektinde_bg_header.png) no-repeat center bottom;
}

#HeaderHeadline {
    height:35px;
    margin:0px 21px 0px 21px;
    padding:20px 14px 0px 14px;
    background:#FFFFFF;
}

#HeaderHeadline h1 {
    width:441px;
    height:25px;
    background:url(/source/layout/mkarchitektinde_headline.png) no-repeat left center;
    font-size:0em;
    text-indent:-8000px;
}

#HeaderImage {
    height:406px;
    margin:0px 21px 0px 21px;
    padding:0px 3px 0px 3px;
    background:#FFFFFF;
}

#HeaderImage .HeaderImageBlank {
    position:relative;
    height:406px;
    background:#E6007D;
}

#HeaderImage .HeaderImageStart {
    background:url(/source/layout/mkarchitektinde_bg_header_start.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageServices {
    background:url(/source/layout/mkarchitektinde_bg_header_services.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageConcept {
    background:url(/source/layout/mkarchitektinde_bg_header_concept.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageApplication {
    background:url(/source/layout/mkarchitektinde_bg_header_application.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageImplementationPlanning {
    background:url(/source/layout/mkarchitektinde_bg_header_implementation_planning.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageAssignmentPreparation {
    background:url(/source/layout/mkarchitektinde_bg_header_assignment_preparation.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageConstructionManagement {
    background:url(/source/layout/mkarchitektinde_bg_header_construction_management.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageConstructionTasks {
    background:url(/source/layout/mkarchitektinde_bg_header_construction_tasks.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageHouseBuilding {
    background:url(/source/layout/mkarchitektinde_bg_header_house_building.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageIndustrialBuildingCommercialBuilding {
    background:url(/source/layout/mkarchitektinde_bg_header_industrial_building_commercial_building.jpg) no-repeat left top;
}

#HeaderImage .HeaderImagePublicWorks {
    background:url(/source/layout/mkarchitektinde_bg_header_public_works.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageReference {
    background:url(/source/layout/mkarchitektinde_bg_header_reference.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageReferenceMFHBonnerStrasse {
    background:url(/source/layout/mkarchitektinde_bg_header_reference_mfh_bonner_strasse.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageReferenceHausPinnau {
    background:url(/source/layout/mkarchitektinde_bg_header_reference_haus_pinnau.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageReferenceEcoleaGuestrow {
    background:url(/source/layout/mkarchitektinde_bg_header_reference_ecolea_guestrow.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageReferenceListerTor {
    background:url(/source/layout/mkarchitektinde_bg_header_reference_lister_tor.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageReferenceRheintowerLudwigshafen {
    background:url(/source/layout/mkarchitektinde_bg_header_reference_rheintower_ludwigshafen.jpg) no-repeat left top;
}

#HeaderImage .HeaderImagePortrait {
    background:url(/source/layout/mkarchitektinde_bg_header_portrait.jpg) no-repeat left top;
}

#HeaderImage .HeaderImagePress {
    background:url(/source/layout/mkarchitektinde_bg_header_press.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageContact {
    background:url(/source/layout/mkarchitektinde_bg_header_contact.jpg) no-repeat left top;
}

#HeaderImage .HeaderImageImprint {
    background:url(/source/layout/mkarchitektinde_bg_header_imprint.jpg) no-repeat left top;
}

#HeaderLogo {
    position:absolute;
    top:14px;
    right:-24px;
    width:217px;
    height:158px;
    background:url(/source/layout/mkarchitektinde_logo.png) no-repeat left center;
}

#HeaderLogo a {
    display:block;
    width:217px;
    height:140px;
    font-size:0em;
    text-indent:-8000px;
}

#HeaderBottom {
    height:42px;
    margin:0px 21px 0px 21px;
    background:#FFFFFF url(/source/layout/mkarchitektinde_bg_header_bottom.png) no-repeat center top;
}

/* Menu                                                                       */

#Menu {
    position:absolute;
    top:14px;
    left:-24px;
    width:805px;
    height:35px;
    padding:0px 0px 18px 0px;
    background:url(/source/layout/mkarchitektinde_bg_menu.png) no-repeat left center;
    z-index:100;
}

#Menu ul {
    margin-left:21px;
}

#Menu ul li {
    float:left;
    width:196px;
}

#Menu ul li a {
    display:block;
    margin-left:14px;
    font-size:1.2em;
    font-weight:bold;
    line-height:35px;
    color:#FFFFFF;
}

#Menu ul li a.MenuSeparator {
    border-right:1px solid #6D625E;
}

#Menu ul li ul {
    display:none;
    width:196px;
    margin:0px;
    background-color:#FFFFFF;
    opacity:0.75;
    -moz-opacity:0.75;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    filter:alpha(opacity=75);
}

#Menu ul li ul:after {
    display:block;
    clear:both;
    height:0px;
    content:'.';
    font-size:0em;
    text-indent:-8000px;
}

#Menu ul li:hover ul {
    display:block;
}

#Menu ul li ul li {
    width:196px;
    padding:5px 0px 5px 0px;
}

#Menu ul li ul li a {
    display:block;
    font-size:1em;
    font-weight:normal;
    line-height:14px;
    color:#000000;
}

#Menu ul li ul li a span {
    display:block;
    float:left;
    width:10px;
}

#Menu ul li ul li a span.SubMenu {
    display:block;
    float:right;
    width:170px;
}

#Menu ul li ul li a:hover span.SubMenu {
    font-weight:bold;
    text-decoration:underline;
}

/******************************************************************************/
/* Main                                                                       */
/******************************************************************************/

/* Content                                                                    */

.ContentLeft {
    float:left;
}

.ContentRight {
    float:right;
}

.Content770 {
    width:770px;
}

.Content378 {
    width:378px;
}

.Content182 {
    width:182px;
}

.ContentSeparator {
    padding-right:28px;
    background:url(/source/layout/mkarchitektinde_bg_separator.png) repeat-y right top;
}

h2 {
    padding:0px 0px 5px 0px;
    font-size:1.9em;
    font-weight:normal;
    line-height:normal;
    color:#101D32;
    text-transform:uppercase;
}

h3 {
    padding:0px 0px 20px 0px;
    font-size:1.6em;
    font-weight:bold;
    line-height:normal;
    color:#6F9ACD;
}

p {
    padding:0px 0px 20px 0px;
    color:#101D32;
}

#GridMain ul {
    margin:0px 0px 20px 20px;
    list-style-type:disc;
}

#GridMain ul li {
    color:#101D32;
}

label {
    display:block;
    color:#101D32;
}

input.FormInputText {
    width:340px;
    color:#101D32;
}

textarea.FormTextarea {
    width:340px;
    height:196px;
    color:#101D32;
}

input.FormInputSubmit {
    width:155px;
    height:32px;
    margin:0px;
    padding:0px;
    font-size:0em;
    text-indent:-8000px;
    background-image:url(/source/layout/mkarchitektinde_bg_submit.png);
    border:none;
}

#WidgetServices {
    width:770px;
    height:525px;
    background:url(/source/layout/mkarchitektinde_bg_widget_services.png) no-repeat left top;
}

#WidgetServices h3 {
    padding:10px 0px 17px 10px;
    color:#FFFFFF;
}

#WidgetServices ul {
    margin:0px 10px 0px 10px;
    list-style-type:none;
}

#WidgetServices ul li {
    margin-top:18px;
}

#WidgetServices ul li span.Bullet {
    display:block;
    float:left;
    width:65px;
    height:65px;
    font-size:2em;
    text-align:center;
    line-height:65px;
    color:#FFFFFF;
    border:1px solid #FFFFFF;
}

#WidgetServices ul li span.BulletText {
    display:block;
    float:right;
    width:655px;
    padding:5px;
    text-align:center;
    background-color:#FFFFFF;
}

#WidgetServices ul li span.BulletText span {
    font-size:1.5em;
    font-weight:bold;
}

#WidgetApplication {
    width:770px;
    height:261px;
    background:url(/source/layout/mkarchitektinde_bg_widget_application.png) no-repeat left top;
}

#WidgetApplication h3 {
    padding:10px 0px 17px 10px;
    color:#FFFFFF;
}

#WidgetApplication ul {
    margin:0px;
    list-style-type:none;
}

#WidgetApplication ul li {
    display:block;
    float:left;
    width:233px;
    height:140px;
    margin:18px 0px 0px 10px;
    padding:5px;
    text-align:center;
    background-color:#FFFFFF;
}

#WidgetApplication ul li span {
    font-size:1.5em;
    font-weight:bold;
}

.WidgetReference {
    width:357px;
    height:216px;
    padding:10px;
    background:url(/source/layout/mkarchitektinde_bg_widget_reference.png) no-repeat left top;
}

.WidgetReference h3, .WidgetReference p, .WidgetReference ul li {
    color:#FFFFFF ! important;;
}

.WidgetLargeBlack {
    width:168px;
    height:312px;
    padding:7px;
    background-image:url(/source/layout/mkarchitektinde_bg_widget_large_black.png);
}

.WidgetSmallBlack {
    width:168px;
    height:149px;
    padding:7px;
    background-image:url(/source/layout/mkarchitektinde_bg_widget_small_black.png);
}

.WidgetLargeBlack h3, .WidgetSmallBlack h3 {
    padding-bottom:10px;
    border-bottom:1px dotted #FFFFFF;
    color:#FFFFFF;
}

.WidgetLargeBlack p, .WidgetSmallBlack p {
    padding-top:10px;
    color:#FFFFFF;
}

.WidgetSmallBlack a {
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:underline;
}

/******************************************************************************/
/* Footer                                                                     */
/******************************************************************************/

#GridFooter p {
    margin:0px 0px 15px 0px;
    padding:0px;
    font-size:0.9em;
    line-height:1.3em;
    color:#FFFFFF;
}

#GridFooter p span {
    text-transform:uppercase;
}

#GridFooter p a.Imprint {
    float:right;
    width:84px;
    color:#FFFFFF;
    text-align:right;
    text-decoration:underline;
}

/******************************************************************************/
/* General                                                                    */
/******************************************************************************/

.Error {
    color:#FF0000;
}

.Active {
    color:#2ADF55;
}

.Inactive {
    color:#FF0000;
}

.CursorPointer {
    cursor:pointer;
}

.Clear {
    display:block;
    clear:both;
}