﻿html, body { 	margin: 0px; height: 100%;TEXT-ALIGN: center; } 

#page {
	TEXT-ALIGN: left; WIDTH: 800px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; 
}
#menu {
	LIST-STYLE-TYPE: none; MARGIN-TOP: 0px; WHITE-SPACE: nowrap; MARGIN-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 10px;
}
#menu UL {
	TEXT-ALIGN: center; MARGIN-TOP: 0px; MARGIN-BOTTOM: 30px;
}
#menu LI {
	DISPLAY: inline;
}
#menu LI A {
	PADDING-BOTTOM: 0.2em; PADDING-LEFT: 0.2em; PADDING-RIGHT: 0.8em; FONT: 13px Ariel, sans-serif; FLOAT: left; COLOR: #000; TEXT-DECORATION: none; PADDING-TOP: 0.2em;
}
#menu LI A:hover {
	COLOR: #52aeff;
}
#menu LI.selected A {
	COLOR: #52aeff;
}
#content {
	MARGIN-TOP: 20px; 
}


/* feestdag*/
.feestdagTextLeft{width: 100px; margin-left:15px; margin-right:20px;float:left; font: 0.7em Ariel, sans-serif; font-size: 12px; text-align:left;}	
.feestdagTextRight{float:left;font: 0.7em Ariel, sans-serif; font-size: 12px; width: 350px; }	

.textBold
{
	FONT-WEIGHT: bolder; 
}

.textBoldMainPage a
{
	FONT-WEIGHT: bolder; 
	color:black;
	text-decoration:none;
}

.textBoldMainPage a:hover 
{
	text-decoration: underline; color: #52AEFF;
}


.activity
{
	margin-top:5px;
	margin-bottom:0px;
	width:100%;
	text-decoration:none;
}

.activity a
{
	text-decoration:none;
	color:black;
}

.activity A:hover 
{
	text-decoration: underline; color: #52AEFF;
}


.seperatorActivity
{
	width:100%;
	float:left;
	height:2px;
	background-image:url(http://www.shivmandirrotterdam.nl/library/images/site/line.png);
}

.seperatorActivityPage
{
	width:100%;
	float:left;
	height:20px;
}

.seperatorSpaces
{
	width:100%;
	height:5px;
}

.seperatorHR
{
	width:100%;
	float:left;
	height:3px;
	background-image:url(http://www.shivmandirrotterdam.nl/library/images/site/blackline.jpg);
}

.seperatorHRFirst
{
	width:85%;
	float:left;
}

.articleTitle
{
	FONT-WEIGHT: bolder; 
}

.contentBlock
{
	WIDTH: 565px; FONT: 12px Ariel, sans-serif;  MARGIN-LEFT: 20px; float:left;
}

.contentBlocks
{
	MARGIN-BOTTOM: 5px;
}
.contentTitle {
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 0px; 
	BACKGROUND-COLOR: #cce6ff; 
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 5px; 
	MARGIN-LEFT: 10px; 
	FONT-WEIGHT: bolder; 
	width:100%px;
}
.article {
	WIDTH: 555px; margin-left:10px;
}
.articleImage {
	MARGIN-TOP: 10px; WIDTH: 100px; FLOAT: left;
}
.activityImage
{
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 100px; FLOAT: left;
}

.articleContent {
	WIDTH: 480px; FLOAT: right;
}
.articleTitle {
	MARGIN-TOP: 18px;
}
.activityTitle
{
	margin-top:5px;
	FONT-WEIGHT: bolder;
	margin-bottom:5px;
}

.articleMessage 
{
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 5px;
}

.activityMessage
{
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 5px;
}

.seperator {
	WIDTH: 470px; FLOAT: left; HEIGHT: 4px; COLOR: #cce6ff; MARGIN-LEFT: 100px;
}
.contentBlockArticleTitle {
	MARGIN-TOP: 18px; PADDING-LEFT: 5px; FONT-WEIGHT: bolder; PADDING-TOP: 5px;
}



.sideBar {
	BACKGROUND-COLOR: #52aeff; WIDTH: 180px; FLOAT: right; HEIGHT: 600px; MARGIN-LEFT: 15px; 
}

.sideBarTitleContainer
{
padding-left:10px;padding-right:10px;text-align:Center;
}

.sideBarTitle {
	MARGIN-TOP: 15px; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #00498a;   FONT: bolder 10px Ariel, sans-serif; FLOAT: left; COLOR: white;  WIDTH: 160px;
}

.sideBarTextBoldLeft {
	MARGIN-TOP: 15px;  
}
.sideBarTextBoldLeft ,
.sideBarTextLeft 
{
	TEXT-ALIGN: left; WIDTH: 40px; FONT: bolder 10px Ariel, sans-serif; FLOAT: left; COLOR: white; MARGIN-LEFT: 5px; MARGIN-RIGHT: 20px;
}

.sideBarTextBoldRight {
	MARGIN-TOP: 15px;
}
.sideBarTextBoldRight ,
.sideBarTextRight {
	WIDTH: 114px; FONT: bolder 10px Ariel, sans-serif; FLOAT: left; COLOR: white;text-align:left;
}



.photoImage{
padding-left:6px;width:150px;float:left; height:90px;
border:1px solid #CCCCCC;
margin:2px;
padding:5px;
vertical-align:middle;
text-align:center;
}

.photosImage
{
padding-left:6px;width:150px;float:left; height:120px;
border:1px solid #CCCCCC;
margin:2px;
padding:5px;
vertical-align:middle;
text-align:center;

}

.photoContainer{ 
margin-bottom:20px;
margin-top:18px;
/*float:center;*/

}


/* EMAIL */
.emailHeaderField
{
	margin-top:10px;
	float:left;
	width:520px;
	text-align:left;
	font-weight:bold;
}

.emailTextError
{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	float:left;
	margin-top:30px;
	margin-bottom:5px;
	width:520px;
	color:#FF0000;
}

.emailTextErrorLine
{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	width:520px;
	color:#FF0000;
}

.emailText
{
	margin-top:3px;
	width:520px;
}

.emailTextHeader
{
	margin-top:10px;
	margin-bottom:15px;
	width: 520px;
}

.emailTextHeader,
.emailField,
.emailText
{
	font-family:"Arial", Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	text-decoration:none;
	float:left;
}

.emailField
{
	width:520px;
	margin-top:10px;
}

.newLineEmailText
{
	float:left;
	margin-top:10px;
	width:520px;
	font-family:"Arial", Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	text-decoration:none;
}

.emailField,
.emailText
{
	float:left;
}

.inputField
{
	float:left;
	width: 520px;
}

.titleField
{
	float:left;
	width: 150px;

}

.submitButton
{
	margin-left:255px;
}

.emailInputField
{
	width:350px;
}

.contactPage
{
WIDTH: 520px;
}


.route
{
	TEXT-ALIGN: center;
}

.readmore {
background-image:url(http://www.shivmandirrotterdam.nl/library/images/site/arrow.gif);
background-position:right center;
background-repeat:no-repeat;
color:#31608E;
float:right;
font-size:10px;
font-weight:normal;
margin-top:5px;
padding:0 10px 0 5px;
text-decoration:none;
}
