﻿body {
    font-family: Arial;
}

#contentbuchung {
    width: 1024px;
    position: relative;
    margin: 0 auto;
    height: auto;
    top: 0px;
    left: 0px;
}

#wrapperinner {
    width: 984px;
    margin: 40px;
}

#buttonbereich {
    width: 900px;
    height: 20px;
    display: block;
    float: right;
}

#buttonlinks {
    width: 200px;
    display: block;
    position: relative;
    float: left;
}

#buttonrechts {
    width: 500px;
    display: block;
    position: relative;
    float: right;
    top: 0px;
    left: 0px;
}

.breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 14px Helvetica, Arial, Sans-Serif;
}

    .breadcrumb li {
        float: left;
    }

        .breadcrumb li.last-child {
            color: black;
            pointer-events: none;
            cursor: default;
            padding: 10px 70px 12px 15px;
            background: #DCDFE2;
            position: relative;
            display: block;
            float: left;
            margin-right: 40px;
        }

        .breadcrumb li.last-child2 {
            color: black;
            pointer-events: none;
            cursor: default;
            padding: 10px 70px 12px 15px;
            background: #073163;
            position: relative;
            display: block;
            float: left;
        }

        .breadcrumb li a {
            color: white;
            text-decoration: none;
            padding: 12px 50px 10px 100px;
            /*background: #10a3be;*/
            background: #C3C6C9;
            position: relative;
            display: block;
            float: left;
        }

            .breadcrumb li a.activ {
                color: white;
                text-decoration: none;
                padding: 12px 50px 10px 100px;
                background: #073163;
                position: relative;
                display: block;
                float: left;
                top: 0px;
                left: 0px;
            }

                .breadcrumb li a.activ:after {
                    content: " ";
                    display: block;
                    width: 0;
                    height: 0;
                    border-top: 50px solid transparent;
                    border-bottom: 50px solid transparent;
                    border-left: 30px solid #073163;
                    position: absolute;
                    top: 50%;
                    margin-top: -50px;
                    left: 100%;
                    z-index: 2;
                }

        .breadcrumb li.before {
            color: white;
            text-decoration: none;
            padding: 12px 50px 10px 100px;
            background: #DCDFE2;
            position: relative;
            display: block;
            float: left;
        }

            .breadcrumb li.before:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                /*border-top: 50px solid transparent;          
	            border-bottom: 50px solid transparent;*/
                border-left: 30px solid #DCDFE2;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

        .breadcrumb li a:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 50px solid transparent;
            border-bottom: 50px solid transparent;
            /*border-left: 30px solid  #10a3be;*/
            border-left: 30px solid #c3c6c9;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            left: 100%;
            z-index: 2;
        }

        .breadcrumb li a:before {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 50px solid transparent;
            border-bottom: 50px solid transparent;
            border-left: 30px solid white;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            margin-left: 1px;
            left: 100%;
            z-index: 1;
        }

        /*.breadcrumb li a:before {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 50px solid transparent;
            border-bottom: 50px solid transparent;
            border-left: 30px solid white;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            margin-left: 1px;
            left: 100%;
            z-index: 1;
        }*/

        /*.breadcrumb li a:hover {
            background: #ffffff;
            color: #073163;
        }

            .breadcrumb li a:hover:after {
                border-left-color: #FFFFFF !important;
            }*/


h1 {
    font-family: Arial;
    font-size: 24px;
    color: #073163;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 100;
}


.morespace {
    height: 25px;
    padding-top: 5px;
}
