@media screen

{

/*************************************************************************************************

 * <APPLICATIE TITEL> CSS

 *************************************************************************************************/



/*************************************************************************************************

 * STYLE RESETS

 *************************************************************************************************/

 

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td

{ 

        margin:0;

        padding:0;

    }

    

    table {

        border-collapse:collapse;

        border-spacing:0;

    }

    

    fieldset,img { 

        border:0;

    }

    

    ol,ul {



    }

    

    li {

		margin-left:22px;

        list-style-image:url('../images/bullet_red.gif');

    }

    

    caption,th {

        text-align:left;

    }

    

    h1,h2,h3,h4,h5,h6 {

        font-size:100%;

        font-weight:normal;

    }

    

    abbr,acronym { 

        border:0;

    }

    

/*************************************************************************************************

 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)

 *************************************************************************************************/

 

    html, body {

    	padding:0px;

    	margin:0px;

    }

 

    body, td, input, select, textarea {

    	font-family:verdana,arial;

    	color:white;

    	font-size:11px;

    	line-height:20px;

    	color:#505050;

    }

    

    body {

    	text-align:center;

    }



    a {

    	color:#266da6;

    }

    

    a:hover {

    	text-decoration:underline;

    	color:#005496;

    }

    

  

    h1 {

    }

    

    #columnLeft h1 {

    	color:#5f9ac9;

    	font-size:14px;

    	border-bottom:1px solid white;

    	padding-bottom:10px;

    	margin-bottom:10px;

    	margin-left:-30px;

    	padding-left:30px;

    }

 

    #columnRight h1 {

    	color:#5f9ac9;

    	font-size:14px;

    	border-bottom:1px solid white;

    	padding-bottom:10px;

    	margin-bottom:10px;

    	margin-right:-30px;

    }

    

    #columnMiddle h1 {

    	color:#005496;

    	font-size:14px;

    	padding-bottom:10px;

    }

    

    h2 {

    	color:#005395;

    	font-size:112%;

    	font-weight:bold;

    }

    

    h3 {

    	color:#58AB41;

    	font-size:125%;

    	font-weight:bold;

    }

    

    p {

        margin-bottom: 10px;

    }



    #columnLeft hr, #columnRight hr {

    	height:2px;

    	background:#c6d8e7;

    	border-top:1px solid white;

    	border-bottom:1px solid #c6d8e7;

    	margin-top:20px;

    	margin-bottom:20px;

    } 

    

    

    #columnRight hr {

    	margin-right:-30px;

    	width:120%;

    }

    

    #columnLeft hr {

    	margin-left:-30px;

    	width:120%;

    }

    

/*************************************************************************************************

 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)

 *************************************************************************************************/



 #container {

 	width:1000px;

 	position:relative;

 	margin:0 auto;

 	

 	text-align:left;

 	

 	background:url("../images/bg.jpg") top left repeat-y;

 }

 

  #container_wide {

 	width:1000px;

 	position:relative;

 	margin:0 auto;

 	

 	text-align:left;

 	

 	background:url("../images/bg_wide.jpg") top left repeat-y;

 }

 

 #header {

 	background:url("../../cms/domainfiles/1/layout/header_1.jpg") top left no-repeat;

 	height:187px;

 	width:1000px;

 }

 

 #header img

 {

 	position:absolute;

	z-index:1;

 }

 

 #header a.logolink{

 	position:absolute;

	left:35px;

	top:75px;

	z-index:9999; 

	width:200px;

	height:75px;

	display:block;


 }

 

 #overflow {

 	overflow:hidden;

 	background:url("../images/bgOverflow.jpg") 415px bottom no-repeat;

 	

	min-height:460px;

	height:auto !important;

	height:460px;

 	/*padding-top:20px;*/

 	

 	_overflow:visible;

 }

 

  #overflowbreed {

 	overflow:hidden;

 	

	min-height:460px;

	height:auto !important;

	height:460px;

 	/*padding-top:20px;*/

 	

 	_overflow:visible;

 }

 

 #columnLeft {

 	width:190px;

 	float:left;

 	padding-left:30px;

 	padding-right:30px;

 	_width:250px;

    	display:inline;

    padding-top: 20px;

 }

 

 #columnMiddle {

 	width:430px;

 	float:left;

    	display:inline;

    	margin-left:30px;

    padding-top: 20px;

 }

 

 #columnRight {

 	width:190px;

 	float:right;

    	display:inline;

 	padding-left:30px;

 	padding-right:30px; 	

 	_width:250px;

 	padding-top: 20px;



 } 

 #columnBreed {

 	background-color:white !important; 

 	width:687;

 	min-height:480px;

 	float:right;

    display:inline;

 	padding-left:30px;

 	padding-right:30px; 	

 	_width:747;

 	border-right:1px solid #C6D7E7;

 	padding-top: 20px;



 }

 

 #menu {

 	background:url("../images/bgMenu.jpg") top left no-repeat;

 	height:28px;

 	width:1000px;

 }

 

 

 #footer {

 	background:url("../images/footer.jpg") top left no-repeat;

 	height:46px;

 	width:1000px;

 	color:white;

 	font-size:11px;

 }

 

 #footer a {

 	color:white;

 }

 

 #footer .left {

 	float:left;

    	display:inline;

 	margin-top:23px;

 	margin-left:20px;

 }

 

  #footer .right {

 	float:right;

    	display:inline;

 	margin-top:23px;

 	margin-right:20px;

 }

 

 

#menu #taal {	

	height:20px;

	float:right;

    display:inline;

	margin-top:5px;

	_margin-top:8px;

	color:#090909;

	width:170px;

	text-align:right;

	margin-right:20px;

}



#menu #taal ul {	

	display:inline;	

	padding:0px;

	margin:0px;

}



#menu #taal ul li {

	display:inline;	

	margin-left:4px;

}



#menu a img {

	border:none;	

}



#menu #links {

	float:right;

	margin-top:6px;

	display:inline;

}



#menu #links a {

	float:left;

	display:block;

	text-indent:-900000px;

	width:25px;

	height:18px;

}



#menu #links a.search {

	background:url("../images/btn_search.jpg") top left no-repeat;

}



#menu #links a.home {

	background:url("../images/btn_home.jpg") top left no-repeat;

}





#menu #links a.contact {

	background:url("../images/btn_contact.jpg") top left no-repeat;

}



#menu #links a.print {

	background:url("../images/printer.jpg") top left no-repeat;

}



/*************************************************************************************************

 * PAGINA SPECIFIEKE LAYOUT + OPMAAK

 *************************************************************************************************/



        /*****************************************************

         * PAGINA VOORBEELD 1

         *****************************************************/

        /** VACATURES **/

         

        

        .



        /*****************************************************

         * PAGINA VOORBEELD 2

         *****************************************************/



/*************************************************************************************************

 * FORMULIER OPMAAK

 *************************************************************************************************/

 div.vaczoek .text

{

	font-family:	verdana, arial;

	font-size:		11px;

	

	border:			1px solid #000000;

	background:		url("../cms/images/bg_textfield.jpg") top left repeat;

	

	width:			189px;

	height:			20px;

}



 div.vaczoek .dropdown

{

	font-family:	verdana, arial;

	font-size:		11px;

	

	border:			1px solid #000000;

	

	width:			189px;

	height:			20px;

}



 div.vaczoek .multi-select

{

	font-family:	verdana, arial;

	font-size:		11px;

	

	border:			1px solid #000000;

	

	width:			189px;

	height:			190px;

}



 div.vaczoek .button

{

	font-family:	verdana, arial;

	font-size:		11px;

	font-weight:	bold;

	color:			white;

	

	border:			1px solid #000000;

	background:		#58AB41;

	

	width:			189px;

	height:			20px;

	padding-bottom:3px;

	_height:24px;

}



		/*****************************************************

		* FORMULIER ALGEMEEN

		*****************************************************/

		

		table.form

		{

			font-family:			Trebuchet MS, arial, verdana;

			color:					#505050;

			line-height:			18px;

			font-size:				11px;

			

			border-collapse:		separate;

			border-spacing:			5px;

		}

		

		.req

		{

			color:					#DE1645;

		}

		

		.text

		{

			font-family:			verdana, arial;

			font-size:				11px;

			

			border:					1px solid #000000;

			background:				url("../../cms/images/bg_textfield.jpg") top left repeat;

			

			width:					245px;

			height:					20px;

		}

		

		.button

		{

			font-family:			verdana, arial;

			font-size:				11px;

			font-weight:			bold;

			color:					white;

			

			border:					1px solid #000000;

			background:				#55AB40;

			

			width:					250px;

			height:					20px;

		}

		

		.textarea

		{

			font-family:			verdana, arial;

			font-size:				11px;

			

			border:					1px solid #000000;

			

			width:					250px;

			height:					150px;

		}

		

		.clsInfBlock

		{

			font-family:			Trebuchet MS, arial, verdana;

			color:					#505050;

			line-height:			18px;

			font-size:				11px;

			

			width:					384px;

			

			display:				block;

			padding:				15px;

			background-color:		#C6D7E7;

			border:					1px solid #55AB40;

			border-top:				3px solid #55AB40;

		}



 

/*************************************************************************************************

 * OVERIGE OPMAAK

 *************************************************************************************************/

 

 	a.solli

 	{

 		background-color:#015496;

 		height:23px;

 		width:200px;

 		display:block;

 		

 		color:#FFFFFF;

 		font-weight:bold;

 		text-align:center;

 		text-decoration:none;

 	}

 	

 	a.solli:hover

 	{

 		color:#FFFFFF;

 		font-weight:bold;

 		text-align:center;

 		text-decoration:underline;

 	}

 	

/*************************************************************************************************

 * MODIFIERS

 *************************************************************************************************/

 

    .spacer {

        clear: both;

    }

    

    .floatLeft {

    	float:left;

    	display:inline;

    }

   }