﻿@media screen {

	/* Achtergrondkleur */
	BODY, INPUT, SELECT, .Melding, .Grid
	{
		background-color :White ;
	}	
	/* Achtergrondkleur */

	/* Breedte website */
	DIV, TABLE, .Titel, .Knoppen, .Melding, .Grid
	{
		width: 830px;
	}	
	.LogoBedrijf
	{
		width: 960px;
	}
	.ContentKolom
	{
		left: 130px;
		width: 830px;
	}
	/* Breedte website */

	BODY
	{
		font-size: 10pt;
		font-family: Arial;
	}

	DIV
	{
		height: 1px;
		text-align: center;
	}

	INPUT
	{
		font-size: 10pt;
	}

	SELECT
	{
		font-size: 9pt;
	}

	.Textbox
	{
		border-right: #7b9ebd 1px solid;
		border-top: #7b9ebd 1px solid;
		border-left: #7b9ebd 1px solid;
		border-bottom: #7b9ebd 1px solid;
	}

	.Titel
	{
		font-size: 12pt;
		font-weight: bold;
		height: 20px;
		text-align: center;
		vertical-align: middle;
		border-bottom: gray thin solid;
		border-top: gray thin solid;
		color: white;
	}

	.MenuKolom
	{
		width: 130px;
		height: 180px;
		text-align: left;
		/*border-right: gray thin solid;*/
	}	

	.ContentKolom
	{
		position: relative;
		top: -180px;
		height: 368px;
		text-align: left;
	}

	.Knoppen
	{
		height: 30px;
		vertical-align: middle;
		/*border-bottom: gray thin;*/
		/*border-top: gray thin;*/
		border-bottom: gray thin solid;
		border-top: gray thin solid;
	}

	.Melding
	{
		font-size: 11pt;
		font-weight: bold;
		height: 40px;
		text-align: center;
	}

	.LogoBedrijf
	{
		height: 95px;
		background-repeat: no-repeat;
	}

	.Knop, .Knop_Vorige
	{
		height: 30px;
		font-size: 11pt;
		font-weight: bold;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		border-bottom-style: none;
		color: white;
		width: 107px;
        font-style: normal;
        text-decoration: none;
	}

    /* is een linkbutton ipv button*/
    .Knop_Vorige
    {
        padding: 6px 3% 5px 3%;
    }

	.MenuKnop 
	{
		height: 30px;
		font-size: 11pt;
		font-weight: bold;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		border-bottom-style: none;
		color: white;
		width: 107px;
	}

	.Grid
	{
		border-color: #fcf7dd;
	}

	.Koerhuis
	{
		color: white;
	}

	.Inloggen
	{
		color: white;
	}
	

	/*Klant afhankelijk */

	BODY
	{
		font-size: 10pt;
		font-family: Arial;
	}

	INPUT
	{
		font-size: 10pt;
		font-family: Arial;
	}

	SELECT
	{
		font-size: 9pt;
		font-family: Arial;
	}

	.Titel
	{
		color: white;
		background-color: #319A6B;
        font-family: Arial;
        font-weight: normal;
	}
	.Knoppen
	{
		background-color: #319A6B;
	}
	
	.LogoBedrijf
    {
        background-image: url(App_Themes/0140/header.png);
        background-size: 25%;
        background-repeat: no-repeat;
        height: 110px;
    }
	
	.Knop, .Knop_Vorige
    {
        background-color: #00843E;
        cursor: hand;
        border-radius: 0px;
        margin-left: 0px;
        color: white;
        font-family: Arial;
        font-weight: normal;
    }
	.LogoBestel
	{
		/*background-image: url(App_Themes/vakkenverdeling.jpg);
		background-repeat: no-repeat;
		height: 80px;*/
	}

	.MenuKnop
	{
		color: white;
        background-color: #00843E;
		cursor: hand;
		width: 140px; 
        border-radius:0px; 
        font-family: Arial;
        font-weight: normal;
    }
	.MenuKolom
	{
		background-color:  white;
	}

	.ContentKolom
	{
	    left: 175px;
	}

	.Koerhuis
	{
		color: black;
	}

	/*Klant afhankelijk */
}

@media print {
	BODY
	{
		font-size: 10pt;
		font-family: Zurich BT, Arial;
	}
	DIV
	{
		height: 1px;
		width: 700px;
		text-align: center;
	}
	INPUT
	{
		font-size: 10pt;
		border-right: white 0px none;
		border-top: white 0px none;
		border-left: white 0px none;
		border-bottom: white 0px none;
	}
	SELECT
	{
		font-size: 9pt;
	}
	TABLE
	{
		width: 700px;
	}
	
	.Textbox
	{
		border-right: white 0px none;
		border-top: white 0px none;
		border-left: white 0px none;
		border-bottom: white 0px none;
	}

	.Titel
	{
		font-weight: bold;
		font-size: 12pt;
		vertical-align: middle;
		text-align: center;
		background-color: white;
		border-bottom: gray thin solid;
		height: 20px;
		width: 700px;
	}

	.MenuKolom
	{
		display:none ;
	}	

	.ContentKolom
	{
		text-align: left;
	}

	.Knoppen
	{
		vertical-align: middle;
		background-color: inactiveborder;
		border-bottom: gray thin solid;
		border-top: gray thin solid;
		width: 700px;
		height: 25px;
	}
	.Melding
	{
		font-weight: bold;
		font-size: 11pt;
		width: 700px;
		height: 40px;
		text-align: center;
	}
	.Toevoeging
	{
		font-size: 7pt;
	}
	.LogoBestel
	{
		background-image: url(App_Themes/vakkenverdeling.jpg);
		background-repeat: no-repeat;
		height: 80px;
	}

}