/*
 * Alpaca Lokeren
 * SCREEN
 * datum 20090304
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 * Geel: #B28541;
 * Rood: #78081E;
 * Bruin Menu2: #4E2109;
 * Lichtbruin menu2: #7F360F;
 * titels: #87001B;
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/

/* Horizontaal menu 1 niveau */
ul.menuHor1  {
	position:relative;
    list-style: none;
} 
.menuHor1  li { /*float the main list items*/
    display: block;
    float: left;
    list-style: none;
}
.menuHor1 li a {
    display: block;
	white-space: nowrap; /* Nodig voor IE anders zonder breedte op 2 regels */
	/* width: 93px; uncomment when fixed width needed */
    text-decoration: none;
	background: #ccc;
	color:#000;
}
.menuHor1 li.selected a,
.menuHor1 li a:hover {
	background: #999;
	color:#f00;	
}


/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/

body{
	text-align:center;
	background:url(/site/images/bg_body.jpg) repeat center top;
	font-family:Georgia,"Times New Roman", serif;
}
	#bodyInner{
		background:url(/site/images/bg_bodyInner.png) repeat-x center top;
		min-height:100%;
	}
 #container{
 	width:798px;
	margin:0 auto;
	text-align:left;
}
 
/* Header */
#header{
	background:url(/site/images/bg_header.png) no-repeat left top;
	height:170px;
	padding:25px 15px 0 15px;
}
#logo{
	width:180px;
	height:79px;
	margin: 0 0 0 25px;
	padding:0;
}
	/* Menu1 = hoofdmenu boven */
	#menu1{
		float:left;
		width:655px;
		padding:32px 0 0 2px;
		overflow:hidden;
	}
		#menu1 li{
			margin:0 5px 0 0;
		}
		#menu1 a{
			background:none;
			text-transform:uppercase;
			color:#B28541;
			font-size:1.4em;
			letter-spacing:1px;
			padding:0 10px;
			height:22px;
		}
		#menu1 a:hover,
		#menu1 .selected a{
			background:#B28541;
			color:#78081E;
		}
	/* menu3 = taalmenu */
	#menu3{
		padding:32px 0 0 0;
		float:left;
		width:110px;
	}
		#menu3 li{
			margin:0 5px 0 0;
		}
		#menu3 a{
			background:none;
			text-transform:uppercase;
			color:#B28541;
			font-size:1.4em;
			letter-spacing:1px;
			padding:0 5px;
			height:22px;
		}
		#menu3 a:hover,
		#menu3 .selected a{
			background:#B28541;
			color:#78081E;
		}
	/* menu2 = submenu*/
	#menu2{
		clear:left;
		padding: 12px 0 0 2px;
		overflow:hidden;
	}
		#menu2 a{
			background:none;
			color:#4E2109;
			font-size:1.5em;
			padding:0 10px;
			height:22px;
		}
		#menu2 a:hover,
		#menu2 .selected a{
			color:#7F360F;
		}

/* Middle */
#middle{
	background:url(/site/images/bg_middle.png) repeat-y bottom left;
	padding:20px 65px 0 45px;
	overflow:hidden;
	font-size:1.4em;
}
	#middle h1{
		color:#87001B;
		font-size:1.6em;
		padding: 0 0 0 185px;
	}
	#middle .contentRow{
		padding: 0 0 0 185px;
	}
	#middle .contentRow h1{
		padding:0;
	}
	#middle .contentRow h2{
		color:#87001B;;
		font-size:1.5em;
	}
	#middle .contentRow h3{
		color:#87001B;;
		font-size:1.4em;
	}
	#middle .contentRow ul{
		padding:0 0 0 1.5em;
	}
	#middle .contentRow ol{
		padding:0 0 0 1.8em;
	}
	#middle a{
		color:#87001B;
	}

/* Footer */
#footer{
	background:url(/site/images/bg_footer.png) no-repeat left top;
	padding:50px 0 0 170px;
	font-size:1.4em;
	color:#4E2109;
	overflow:hidden;
}
	#footer a{
		color:#4E2109;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}

/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/
/* template1 = afbeeldingen van dieren links */
.template1{	
}
	.template1 #middle .contentRow{
		overflow:hidden;
		padding:0;
		margin-bottom: 25px;
	}
	/* col1 */
	.template1 .contentRowCol1 {
	    float: left; 
	    width: 185px;
		padding: 0 0 0 0;
	}
	/* col2 */
	.template1 .contentRowCol2{
		float:left;
		width:500px;
	}
	.template1 .contentRowCol1 img{
		border:solid 1px #4E2109;
	}