/* Content CSS voor dienstveiling.nl */



input,select,textarea{
	padding:2px;
	/* margin:3px; */
	font-size:12px;
	font-family:Arial;
	border:1px #000000 solid;
}

small {
    font-size:11px;
    font-style:normal;
}

.inputXS{
	width:100px;
}

.inputS{
	width:150px;
}

.inputM{
	width:230px;
}

.inputL{
	width:350px;
}

select option, select optgroup option, select optgroup {
    font-size:12px;
    font-family:Arial;
}
select optgroup {
    color:#1962c6;
}
select optgroup option {
    color:#000;
}
select optgroup option {
    padding:0 0 0 12px;
}

ul{
	list-style-type: square;
}


/* General styling */

#main #middle h1{
	font-size:16px;
	color:#ee1b1b;
}
#main #middle h2{
	font-size:12px;
	color:#1962c6;
}

#main #middle h2.open{
	color:#1962c6;
}

#main #middle h2.deal{
	color:#adadad;
}

#main #middle h2.verlopen{
	color:#adadad;
}

#main #middle h2.gesloten{
	color:#adadad;
}


#main #middle h3{
	font-size:13px;
	color:#ee1b1b;
}

a{
	color:#2a74da;
	cursor:pointer;
}

#main #middle p, #main #middle li{
	line-height:19px;
}

a:hover{
	color:#000;
}

#main #middle p#formresult{
	color:#ee1b1b;
}

#main #middle p#message, #main #middle p.message{}
.alert{
	color:#1962c6;
	font-weight:bold;
}

#main #middle table{
	
}

	#main #middle table tr th{
		text-align:left;
		padding-bottom:2px;
		border-bottom:1px #000000 solid;
	}
	
	#main #middle table tr td{
		padding-right:20px;
		padding-top:3px;
		padding-bottom:3px;
	}
	#main #middle fieldset {
	    border:1px solid #ccc;
	    margin:0;
	    padding:10px;
	    width:640px;
	}
	#main #middle fieldset legend {
	    margin:5px 0 5px 0;
	    color:#ee1b1b;
	}
	
	#main #middle div.textonly a{
	    
    }
    #main #middle div.textonly a:hover{
    	
    }

/* Different pages */	
#main #middle div#fotoblock{
	float:left;
	margin-left:0px;
	margin-bottom:5px;
}

#main #middle div#fotoblock div.foto{
	border:1px #e3e3e3 solid;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
}

/* Bedrijven gids */
#bedrijvengids{}
    #bedrijvengids .item {
        border:1px solid #ccc;
        float:left;
        margin:0 0 20px 0;
        padding:8px;
        width:644px;
    }
        #bedrijvengids .item .logo {
            float:right;
            margin:0 0 0 8px;
        }
        #bedrijvengids .item table tr td {
            line-height:12px;
            float:left;
        }
    #bedrijvengids p.omschrijving{
        font-size:12px;
        color:#333;
    }

#bedrijvengidsCatList {
    list-style:none;
    padding:0;
    margin:0;
}
    #bedrijvengidsCatList li{
        display:inline;
        padding:0 2px 0 2px;
    }
        #bedrijvengidsCatList li a.active{
            font-weight:bold;
        }

/* Top opdrachten */
#container #middle div.block div.topopdrachten {
    padding:10px 0 10px 10px;
    height:106px;
    width:666px;
}
#container #middle div.block div.topopdrachten div.topopdrachtitem{
	border:1px solid #ccc;
    margin:0px 12px 0px 0px;
    padding:2px 2px 2px 2px;
    cursor:pointer;
    width:115px;
    height:100px;
    overflow:hidden;
    float:left;
}

#container #middle div.block div.content div.topopdrachtitem h2{
	margin:0;
	display:block;
    height:70px;
}

#container #middle div.block div.content div.topopdrachtitem p{
	line-height:1;
	margin:0;
	font-size:10px;
}

#container #middle div.block div.content div.topopdrachtitem a{
	font-size:10px;	
}

/* opdrachten */
div#opdrachten {
    width:100%;
    float:left;
    background-image:url(http://www.dienstveiling.nl/userfiles/content/opdrachten_background.jpg);
}

    div.opdrachtenrow {
        float:left;
        clear:both;
        border-bottom:1px solid #ccc;
        width:678px;
        margin:0 0 0 0;
        cursor:pointer;
    }
    .opdrachtHover{
        background-image:url(http://www.dienstveiling.nl/userfiles/content/opdrachten_background_hover.jpg);
    }
        div.opdrachtenrow.th {
            height:auto;
            border-bottom:0px solid #000;
            background:#ccc;
        }
    div.opdrachtenrow div {
        float:left;
        font-size:11px;
        padding:3px 4px 6px 3px;
    }
        div.opdrachtenrow.th div {
            height:auto;
            font-weight:bold;
            line-height:14px;
            color:#000;
        }
    div.opdrachtenrow .col_a{width:82px;
        width:84px;
    }
        div.opdrachtenrow .col_a img{
            width:82px; border:1px solid #ccc;
        }
    div.opdrachtenrow div.col_b{width:211px;}
        div.opdrachtenrow .col_b h2{
            padding:0 0 5px 0;
            margin:0;
        	color:#1962c6;
        	font-size:12px;
        	line-height:1;
        	font-weight:bold;
        }
    div.opdrachtenrow .col_c{width:64px;}
    div.opdrachtenrow .col_d{width:64px;}
    div.opdrachtenrow .col_e{width:49px;}
    div.opdrachtenrow .col_f{width:70px;}
    div.opdrachtenrow .col_g{width:78px; border-right:0;}

    div.opdrachtenitem {
        border:1px solid #ccc;
        float:left;
        clear:both;
        margin:0 0 10px 0;
        padding:5px;
        width:650px;
        cursor:pointer;
    }
        div.opdrachtenitem .left {
            float:left;
            width:455px;
            padding:0 5px 0 0;
        }
        div.opdrachtenitem .left .opdrachtfoto {
            float:left; 
            margin-right:5px; 
            padding:0px; 
            border:1px solid #ccc;
        }
        
        div.opdrachtenitem .right {
            float:right;
            text-align:right;
            width:190px;
            font-size:11px;
        }
        
    div.opdrachtenitem .left h2 {
        line-height:1;
        padding:0 0 5px 0;
        margin:0;
    }
    
div.showbedrijf {
	border-bottom:5px dashed #ccc;
	background:#efefef;
	border:1px solid #ccc;
	width:600px;
	padding:10px;
}
div.showbedrijf img.logo{
	float:right;
}
div.showbedrijf table.bedrijfsgegevens{
	margin:0 0 20px 0;
	width:320px;
}
div.showbedrijf table.factuurgegevens{
	margin:0 0 20px 0;
	width:320px;
}

div#opdracht {
    width:100%;
}
    div#opdracht fieldset legend {
        cursor:pointer;
    }
    div#opdracht fieldset legend:hover {
        text-decoration:underline;
    }
fieldset#opdrachtFotos {
    
}
#opdrachtFotos img {
    border:1px solid #000;
}
div#opdrachtBiedingen .closed{
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    padding:5px;
}
div#opdrachtBiedingen table {
    border-bottom:1px solid #ccc;
}
div#opdrachtBiedingen table tr.info td {
    border-top:1px solid #ccc;
}

div.bericht {
    border:1px solid #ccc;
    margin:0 0 10px 0;
}

    div.bericht div.berichtItem {
        padding:10px 10px 0 0;
        margin:0 10px 0 10px;
    }
    
        div.bericht div.berichtItem .creator{
            font-size:11px;
        }
        div.bericht div.berichtItem.opdrachtgever .creator{
            color:#ee1b1b;
        }
        div.bericht div.berichtItem .created{
            font-style:italic;
            color:#444;
            font-size:11px;
        }
        div.bericht div.berichtItem .message{
            padding:10px;
            background:#efefef;
            border:1px solid #ccc;
        }
    
    div.bericht div.berichtConversatie {}
    
        div.bericht div.berichtConversatie div.berichtItem {}
        
        div.bericht div.berichtConversatie div.berichtItem.opdrachtgever{
            margin-left:40px;
        }
        div.bericht div.berichtConversatie div.berichtItem.opdrachtnemer{
            margin-left:60px;
        }
div.bericht div.reageer {
    margin:10px;
}

table tr.verlengen td{
	background-color:#efefef;
}

/* Jquery */
#container .open{
    cursor:pointer;
}
#container .closed{
    display:none;
}

.button, #main #middle a.button{
	color:#FFFFFF;
	background-color:#1962c6;
	padding:3px;
	border:1px #000000 solid;
	text-decoration:none;
	cursor:pointer;
}

.buttonhover, #main #middle a.buttonhover{
    color:#FFFFFF;
	background-color:#2a74da;
}

.JQopenmultiple {
    background:url(http://www.dienstveiling.nl/userfiles/content/iconClosed.gif) no-repeat left;
    padding-left:15px;
}
.multipleClosed{
    background:url(http://www.dienstveiling.nl/userfiles/content/iconOpen.gif) no-repeat left;    
}

/* textarea comment */
textarea.textarea_JQdescription {
    color:#333;
    font-style:italic;
}

/* tool tip */
#tooltip {
    font-family:arial;
    font-size:12px;
	position: absolute;
	z-index: 3000;
	border: 1px solid #1962c6;
	background-color: #fff;
	padding: 5px;
	width:300px;
}
    #tooltip h2 {
        margin:0;
        color:#1962c6;
        line-height:1;
    }
    #tooltip em.what {
        font-size:12px;
        color:#666;
    }
    #tooltip table {
    	width:300px;
    }
    #tooltip table tr th{
		text-align:left;
		padding-bottom:2px;
		border-bottom:1px #000000 solid;
	}
	
	#tooltip table tr td{
		padding-right:20px;
		padding-top:3px;
		padding-bottom:3px;
	}

    .tooltiphidden {
        display:none;
    }

#topvraag{
	float:left;
	height:30px;
	width:678px;
	text-align:right;
}

#topvraag a{
	font-size:10px;	
}

.lightHover{
    background-color:#f5f5f5;
}
.inputHover {
    border-color:#2a74da;
}
.linkHover {
    border:1px solid #2a74da;
}
input.error, select.error, textarea.error {
    border:1px solid #f00;
}
label.error {
    padding:0 0 0 10px;
    color:#f00;
}