/* css door Pieter Viktor Kindt op 08.IV.2008 exclusief voor StudentenClub Salamander Lokeren */

/** BODY**/
* { margin: 0; 
	padding: 0;
	}
body {
	color: #333;
	background-color: #FFFFFF;
	font-family: "Georgia", "Arial", "Helvetica", sans-serif;
	font-size: .75em;
	text-align: center;
	background-image: url(../prentjes/salamander_bg.jpg);
	background-attachment:fixed;
}
noscript {
		position: absolute;
		top: 0px;
		padding: 8px;
		background-color: #000;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		}

img { 
		border-style: none;}
img.linksafb 	{
				float: left;
				padding: 7px 10px 2px 5px;
				}
img.linksafbrand {
				float: left;
				margin: 1px 10px 2px 3px;
				border-left: none; 
				border-top: none;
				border-bottom: 1px #BDC4C4 solid;
				border-right: 1px #BDC4C4 solid;
				padding: 5px;
				background-color: white;
				}
img.rechtsafb 	{
				float: right;
				padding: 7px 5px 2px 10px;
				}
img.rechtsafbrand {
				float: right;
				margin: 1px 3px 2px 10px;
				border-left: none; 
				border-top: none;
				border-bottom: 1px #BDC4C4 solid;
				border-right: 1px #BDC4C4 solid;
				padding: 5px;
				background-color: white;
				}
img.centerafb 	{
				display: block;
				margin-left: auto;
    			margin-right: auto;
				border-left: none; 
				border-top: none;
				border-bottom: 1px #BDC4C4 solid;
				border-right: 1px #BDC4C4 solid;
				padding: 5px;
				margin-top: 5px;
				margin-bottom: 5px;
				background-color: white;
				}			

h1 {
	display: none;
	}	
h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
p {
	
	}

hr {
	color: #f3f3f3; 
	background-color: #f3f3f3; 
	border: 2px dotted #666666; 
	border-style: none none dotted;
	font-size: 24px;
	margin: 15px 0;
	}
/** MAIN CONTAINERS **/
div#container {
	width: 923px;
	margin: 0 auto;
	text-align: left;
	}
	div#header {
		margin-top: 5px;
		}
		div#header-in {
			text-align: center;
			border: none;
			}
			div#header-in div#topafbeeld {
				clear: both;
				}
			div#header div#broodkruimel {
				text-align: left;
				margin-left: 20px;
				font-weight: bold;
				color: #000;
				margin-top: -5px;
				margin-bottom: 6px;
				}
				
				#broodkruimel a:link, #broodkruimel a:visited {
				color: #000;
				text-decoration: none;
				}
				
				#broodkruimel a:hover, #broodkruimel a:active {
				color: #fff;
				text-decoration: underline;
				}
				
	div#content {
		
		}
		div#center {
			margin: 0 209px 0 12px;
			}
			/*div#center-in {
				
				}*/
				
				
			div.itemwrapper {
				width: 683px;
				
				}
				div.itemtitel h3 {
								background: url(../prentjes/item_heading_sala.png);
								height: 51px;
								color: #fff;
								font-weight: bold;
								font-size: 12px;
								padding: 10px 5px 0px 12px;
								}
				div.itemfull {
								background-image: url(../prentjes/bg_item_sala.jpg);
								background-repeat: repeat-y;
								padding: 0 20px;
								text-align: justify;
								}
				/*div.itemfull p	{padding-top: 15px;}
				div.itemfull p:first-letter {
								float: left;
								font-family: "Edwardian script itc", Georgia, "Times New Roman", Times, serif;
								font-size: 60px;
								margin: -15px 5px 0 -5px;
								padding-right: 4px;
								color:#999999;
								font-weight:lighter;
								}*/
			/*	.TitelEersteLetter {
								font-family: "Edwardian script itc", Georgia, "Times New Roman", Times, serif;
								font-size: 60px;
								margin-top: -30px;
								largin-right: -18px;
								padding-right: -14px;
								color:white;
								font-weight: lighter;
								width: 1.5em;
								float: left;
								}	*/					
				div.itemintro	{position: relative;
								 padding-top: 1.5em;
								
								
								}
				div.itembody	{
								
								}

/* MARKEER */
#content div.itemintro .markeer {
	background-color: #FFFF00;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
							
.meer {
	font-size:11px;
	margin: 1.5em 0 0 0;

	text-align:right;
	clear: both;
	position: relative;
	bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	}
.meer a:link, .meer a:visited {
	border: none;
	background-color: #CCCCCC;
	text-decoration: none;
	padding: 5px;
	color:#333333;
	}
.meer a:hover, .meer a:active {
	background-color: #666666;
	color: #fff;
	/*background-color: #FDF7EC;*/
	text-decoration: none;
	}
								
				div.itemonderkont {
								background-image: url(../prentjes/item_voeter_sala_orig.png);
								height: 13px;
								background-repeat: no-repeat;
								background-position: 100% 100%;
								margin-bottom: 20px;
								}
								
		div.column {
			width: 209px;
			}
			div#right {
				float: right;
				top: 0;
				background-image: url(../prentjes/bg_menu_sala.png);
				background-repeat: no-repeat;
				height: 435px;
				}
				/*div.column-in {
					}*/
					div#menu {
						
						}
						div#menuhoofd {
							margin-bottom: 5px;
							}
/*						div#menu ul li {
							list-style: none;
							font-family:Arial, Helvetica, sans-serif;
							color: black;							
							}*/
					
	div#footer {
		clear: both;
		}
		div#footer-in {
			
			}

/* links */

#content div.itemintro a:link, #content div.itemintro a:visited,
#content div.itembody a:link, #content div.itembody a:visited
{
	background-color: #adfe00;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#content div.itemintro a:hover, #content div.itemintro a:active,
#content div.itembody a:hover, #content div.itembody a:active 
{
	background-color: transparent;
	color: #333333;
	text-decoration: underline;
	}
#menu {
		font-family: Arial, Helvetica, sans-serif;
		/*text-transform: uppercase;*/
		font-weight: bolder;
		font-size: 1.2em;
		background-repeat: no-repeat;
		}
#menu ul {
	display: block;
	margin-top: 100px;
	}
#menu li {
	list-style: none;
	display: block;
	margin-bottom: -10px;
	}
#menu a:link, #menu a:visited , #menu a:active {
	text-decoration: none;
	display: block;
	color: #6A6A6A;
	font-weight: bold;
	padding-left: 15px;
	height: 25px;
	}
#menu a:hover {
	background-image: url(../prentjes/bg_menu_sala_hover.png);
	background-position: 4px 0 ; 
	color: white;
	background-repeat: no-repeat;
		}

/*   hopla { wat zegt de koe ??  }   */
#menu .hopla {
	padding: 6px 10px 5px 15px;
	}
#menu a.actieveling, #menu a.actieveling:link, #menu a.actieveling:visited {
	height: 25px;
	padding: 6px 10px 5px 40px;
	background-image: url(../prentjes/bg_menu_sala_hover.png);
	background-position: 4px 0 ; 
	color: white;
	background-repeat: no-repeat;
	}

#footer {
	clear: both;
	margin: -15px 0 -6px 15px;
	font-size: 11px;
float: right;
	}
#footer a:link, #footer a:active {
text-decoration: none;
color: #333;
}
#footer a:hover, #footer a:visited {
text-decoration: underline;
color: #333;
}
#Sadowskin {
margin: -12px -25px 0px 10px;
float: right;
}

.naarboven {
	right: 0px;
	margin-right: -20px;
	margin-top: -45px;
	float: right;
	}

.itemdatum {
float: left;

padding: 5px 8px 1px 18px;
background-image: url(../prentjes/sala_datum_bg.png);
background-position: 0 100%;
background-repeat: repeat-x;
height: 22px;
font-size: 11px;
/*margin: -15px 0 0 0;*/
margin: -18px 0 0 0px;
font-family: Arial, Helvetica, sans-serif;
color: white;
display: block;
}
.itemauteur {
padding: 5px 8px 1px 25px;
background-image: url(../prentjes/sala_auteur_bg.png);
background-position: 0% 100%;
background-repeat: repeat-x;
height: 22px;
font-size: 11px;
/*margin: -15px 0 0 0;*/
/*margin: 10px 0 0 0px;*/
margin: 10px 0 20px 0;
font-family: Arial, Helvetica, sans-serif;
color: white;
width: 210px;
text-align: center;
/* onderaan */
position: relative;
top: 9px
}

/** SUB CONTAINERS **/
* { }




/** LISTS **/
* { }



/** TYPOGRAPHY **/
/** .x {
	display: none;
	}
div#uhoh {
	width: 400px;
	margin: 100px auto;
	padding: 20px 30px;
	line-height: 1.5em;
	text-align: left;
	}
	div.unauthorized-401, div.forbidden-403,
	div.notfound-404, div.internalerror-500 {
		color: #333;
		background-color: #ffc;
		border: 1px solid #ff0;
		}
	div.unauthorized-401 a, div.forbidden-403 a,
	div.notfound-404 a, div.internalerror-500 a {
		color: #00f;
		background-color: #ffc;
		}


*/



/** FORMS **/
* { }


/** END **/

