@charset "utf-8";
/* CSS Document */

@import url('form.css');

* {
    margin:0px;
    padding:0px;
}


HTML, BODY {
    width:100%;
    height:100%;
}


BODY {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:20px;
    color:#666666;
}


A {
    color:#D2232A;
    text-decoration:underline;
}
A:hover {
    text-decoration:none;
}
A IMG {
    border:none;
}


#mainContent UL LI, #mainContent OL LI, #editContent1 UL LI, #editContent1 OL LI, .editContentSmall UL LI, .editContentSmall OL LI {
    margin:0 0 0 15px;
}


H1 {
    color:#d2232a;
    font-family:serif;
    font-size:2.0em;
    margin:0 0 10px 0;
}
H2 {
    font-size:1.2em;
    color:#ef3b30;
    margin:7px 0 3px 0;
}
H3 {
    font-size:1.4em;
}

#container {
    width:980px;
    margin:0 auto;
}


#header {
    background:#58585a;
    height:90px;
    width:980px;
    }
    #header A {
        border-right:2px solid #CCC;
        color:#CCC;
        float:left;
        font-size:15px;
        height:55px;
        padding:35px 0 0 0;
        text-align:center;
        text-decoration:none;
        width:153px;
    }
    #header A#logo {
        width:266px;
        float:left;
        border:none;
        margin:0;
        padding:0;
    }
    #header A#logo IMG {
        display:block;
        border:none;
    }
    #header #flags {
        float:left;
        width: 171px;
        margin:0 39px;
    }
    #header #flags A {
        border:none;
        padding:15px 0 0 0;
        height:35px;
        margin:0 10px;
        width:auto;
    }
    form#searchForm {
        /*float: right;*/
        float:left;
        text-align:center;
        padding:0 48px;
        _padding:0 47px;
        width:153px;
        }/*
        form#searchForm .formTextfield {
            background: url(../images/layout/searchFormTextfield.gif) no-repeat;
            height: 24px;
            float:left;
            width: 125px;
        }*/
        form#searchForm INPUT#searchString {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #AAA;
            padding: 4px;
        }
        form#searchForm #searchString {
            width: 113px;
            float:left;
            padding:1px 0 0 0;
        /*
            background: #EF4035;/
            height: 15px;
            font-size: 11px;
            padding: 2px 3px 0 3px;
            color: #FFF;
            border: 1px solid #ff0000;
            float: left;
        */
        }
        


#sidebar-left {
    background:#e7e7e8;
    float:left;
    width:980px;
    }
    #sidebar-left UL {
        float:left;
        list-style:none;
        padding:13px 0 0 30px;
    }
        #sidebar-left UL LI A:LINK, #sidebar-left UL LI A:VISITED {
            clear:left;
            color:#888;
            display:block;
            font-size:15px;
            /*font-weight:bold;*/
            margin:9px 0;
            padding:0;
            text-decoration:none;
            width:236px;
        }
        #sidebar-left UL LI UL {
            float:left;
            list-style:none;
            padding:0 0 0 45px;
            margin:0;
        }
        #sidebar-left UL LI UL LI A:LINK, #sidebar-left UL LI UL LI A:VISITED {
            clear:none;
            color:#888;
            display:block;
            font-size:15px;
            font-weight:bold;
            margin:0 0 5px 0;
            padding:0;
            text-decoration:none;
            width:191px;
        }
        #sidebar-left UL LI A.active, #sidebar-left UL LI A:HOVER, #sidebar-left UL LI UL LI A.active, #sidebar-left UL LI UL LI A:HOVER {
            color:#333;
        }


#sfeer {
    float:left;
    width:714px;
    height:325px;
}
#depots {
    background:#fbfbfa;
    float:left;
    text-align:center;
    width:714px;
    height:325px;
    /*padding:32px 0 0 0;*/
}


#main {
    float:left;
    padding:25px;
    width:930px;
    }
    #mainContent {
        float:left;
        padding:25px;
        width:684px;
        margin:0 0 0 246px;
        _margin: 0 0 0 123px;
    }
    #mainDepots {
        float:left;
        padding:10px;
        width:684px;
        margin:0 0 0 246px;
    }
    #editContent1 {
        float:left;
        width:440px;
    }
    table#adressen {
        width:100%;
    }
    table#adressen tr td {
        padding:20px 10px 10px 0;
    }


#items {
    background:#e7e7e8;
    float:left;
    padding:25px 0 25px 25px;
    width:955px;
    }
    .item {
        float:left;
        width:208px;
        margin:0 30px 0 0;
    }
    .item A:LINK, .item A:VISITED {
        color:#666;
        font-style:italic;
        text-decoration:none;
    }
    .item A:HOVER {
        color:#333;
        text-decoration:underline;
    }
    .item UL LI {
        margin:0 0 0 15px;
    }


.clear {
    clear: both;
}
.editContentSmall {
    float:left;
    margin-left:25px;
    width:220px;
}
.editContentSmall IMG {
    display:block;
    margin:0 auto 5px auto;
}


#footer {
    background:#c7c8ca;
    color:#666;
    font-size:12px;
    margin:0 auto;
    padding:8px 50px 8px 0;
    text-align:right;
    width:930px;
}

/* Klanten front-end */
#loginCustomer {
	position: absolute;
	width: 384px;
	padding: 10px;
	margin-left: 576px;
	background-color: #58585A;
	overflow: auto;
	display: none;
}

#loginCustomer .field {
	overflow: auto;
	float: left;
	margin-bottom: 5px;
}

#loginCustomer .field label {
	display: block;
	float: left;
	width: 100px;
	color: #cccccc;
	text-align: right;
	padding: 0px 5px;
}

#loginCustomer .field input {
	width: 165px;
}

#loginCustomer .controls {
	float: right;
}

#loginCustomer .controls input {
	background-color: #EFEFEF;
	border: 1px solid #AAAAAA;
	color: #333333;
	font: 14px Arial,sans-serif;
	height: 55px;
	padding: 5px;
	width: 85px;
	cursor: pointer;
}

.distribution-details {
	background-color: #E7E7E8;
	float: left;
	padding: 33px;
	width: 199px;
}

.distribution-content {
	background-color: #ffffff;
	float: left;
	padding: 30px 15px;
	width: 685px;
}

.distri-data {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000000;
}

.distri-data thead th {
	background-color: #58585A;
	color: #cccccc;
	font-weight: bold;
	text-align: left;
	padding: 3px;
}

.distri-data tbody td {
	padding: 3px;
	border: 1px solid #000000;
}

.distri-data .attached-files {
	background-image: url(../images/layout/attachment-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: help;
}

.distribution-content .controls {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #888888;
	overflow: auto;
	height: 25px;
}

.distribution-content input {
	padding: 2px;
	border: 1px solid #888888;
}

.distribution-content a {
	outline: none;
}

.distribution-content .controls-left {
	float: left;
}

.distribution-content .controls-left input {
	background-color: #efefef;
	cursor: default;
}

.distribution-content .controls-right {
	float: right;
}

.loggedin-panel {
	color: #cccccc;
	font-size: 14px;
	padding-top: 35px;
	margin-left: 15px;
	float: left;
}

#header div.loggedin-panel a {
	float: none;
	display: inline;
	border: none;
	color: #aaaaaa;
	text-decoration: underline;
}

#header div.loggedin-panel strong a {
	text-decoration: none;
}

#header div.loggedin-panel a:hover {
	color: #efefef;
}

.filter-button {
	background-color: #cfcfcf;
	border: 1px solid #888888;
	font: 12px Arial, sans-serif;
	padding: 0px 5px;
	cursor: pointer;
}

.distri-details dl {
	margin-bottom: 3px;
	overflow: auto;
	clear: both;
	height: 25px;
}

.distri-details dl dt {
	float: left;
	width: 150px;
	display: block;
}

.distri-details dl dd {
	float: left;
	font-weight: bold;
}

.distri-details .list-files {
	border-top: 1px solid #888888;
	padding-top: 10px;
	margin-top: 10px;
	overflow: auto;
}

.distri-details .list-files li {
	margin-bottom: 2px;
}

#sidebar-left ul#attachedfiles {
	padding: 10px 20px;
	list-style: circle outside
}

#sidebar-left ul#attachedfiles li a {
	display: inline;
	color: #0000c2;
	margin: 5px 0px;
	font-size: 12px;
	text-decoration: underline;
}

.controls .summary-link {
	font-weight: bold;
	padding: 1px;
	display: block;
	outline: none;
}

#filterform input {
	float: none;
	font-style: normal;
	padding: 2px;
	position: static;
	width: auto;
	-moz-border-radius: 0px;
}

.result-notice {
	margin: 0px;
}

.result-notice span {
	background-color: #ffff97;
	font-weight: bold;
	padding: 2px;
}

#pagecontrols select {
	font: 12px Arial, sans-serif;
	width: 45px;
}