/* CSS Document www.bohuslan.org */

BODY 			{ height: 1100px; background-color:#CCCCCC;font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}

H1				{
			
				font-family: Helvetica, Arial, sans-serif;
			
				color:#3399CC; 
				
				text-align: center;
			
				font-size:18px;
				
				font-style:italic;			
			
				}	
H2				{
			
				font-family: Helvetica, Arial, sans-serif;
			
				color:#3399CC; 
				
				text-align: center;
			
				font-size:18px; 
				
				font-style:italic;								
			
				}

				
H3				{
			
				font-family: Helvetica, Arial, sans-serif;
			
				color: #999999; text-align: left;
			
				font-size:14px; 				
			
				}
H4				{
			
				font-family: Helvetica, Arial, sans-serif;
			
				color: #003399; text-align: left;
			
				font-size:12px; 				
			
				}

P				{ 
				text-align: justify;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				font-size:11px;
				color: #333333;
				margin-left:5px;
				margin-right:5px;				
				}
UL				{ 				
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				font-size:11px;
				color: #333333;						
				}
				
A:link 			{
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;				
				color: #333333;
				text-decoration: none;
	   			}

a:visited		{
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;				
				color: #333333;
				text-decoration: none;
				}

a:hover			{
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;				
				color: #0066FF;
				text-decoration: none;

				}
/* DIV positionering */
#container		{
				position:absolute; left:25px; top:10px;
				width: 956px;
				height: 1000px;										
				border: 2px solid #A9A9A9;			
				background-color:#FFFFFF;
				}

#logga			{
				position:absolute; left:17px; top:17px;
				width: 120px;
				height: 53px;										
				border: 0px;						
				}
#top_intro		{
				position:absolute; left:4px; top:5px;
				width: 950px;
				height: 133px;										
				border: 0px;				
				background-repeat:no-repeat;			
				background-color:#FFFFFF;
				}
#top			{
				position:absolute; left:2px; top:2px;
				width: 950px;
				height:135px;										
				border: 0px;
				background-image: url(navigation/edsten_traktorslatter.jpg);
				background-repeat:no-repeat;					
				}
#global_nav		{
				position:absolute; left:200px; top:143px;
				width: 350px;
				height: 20px;										
				border: 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;						
				background-color: #FFFFFF;
				color:#999999;
				}
#global_lang	{
				position:absolute; left:600px; top:145px;
				width: 75px;
				height: 20px;							
				}
#tru-date		{
				position:absolute; left:15px; top:143px;
				width: 150px;
				height: 20px;										
				border: 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;						
				background-color: #FFFFFF;
				color:#999999;						
				}
#google_box		{
				position:absolute; left:704px; top:143px;
				width: auto;
				height: 25px;										
				border: 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;						
				background-color: #FFFFFF;
				color:#999999;
				overflow:hidden
				}

#main_nav		{
				width:950px;	
				position:absolute;
				left:2px;
				top:175px;
				font: Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				text-align:center;
				background-color:#3399CC;
				height: 25px;
				}


#box-a	{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 287px;
				background: #FFFFFF;
				position:absolute;
				left:5px;
				top:210px;
				height:330px;
				}
#box-b		 	{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 287px;
				background: #FFFFFF;
				position:absolute;
				left:322px;
				top:210px;
				height:330px;
				}
				
#box-c		{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 287px;
				background: #FFFFFF;
				position:absolute;
				left:639px;
				top:210px;
				height:330px;
				}
#box-d		{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 287px;
				background: #FFFFFF;
				position:absolute;
				left: 5px;
				top: 578px;
				height: 330px;
				}
#box-e		 	{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 287px;
				background: #FFFFFF;
				position:absolute;
				left: 322px;
				top: 578px;
				height: 330px;
				}
				
#box-f			{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 287px;
				background: #FFFFFF;
				position:absolute;
				left: 639px;
				top: 578px;
				height: 330px;
				}

#box-large		{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 595px;
				background: #FFFFFF;
				position:absolute;
				left:9px;
				top:210px;
				height: 690px;
				overflow:auto;
				}
#box-right		{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 287px;
				background: #FFFFFF;
				position:absolute;
				left:639px;
				top:210px;
				height: 690px;
				overflow:auto;
				}
				
#extra_nav		{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 922px;
				background: #FFFFFF;
				position:absolute;
				left: 5px;
				top:940px;
				height: 15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;						
				background-color: #FFFFFF;
				color:#999999;
				}
#base			{
				position:absolute; left: 2px; top:983px;
				width: 952px;
				height: 15px;										
				border: 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;						
				background-color: #3399CC;
				color:#ffffff;
				text-align:center;				
				}
#counter		{
				position:absolute; left: 25px; top: 1050px;
				}
#box-xxl		{
				padding: 10px;
				margin: 0px;
				border: 2px dotted #DFDFDF;
				width: 925px;
				background: #FFFFFF;
				position:absolute;
				left:6px;
				top:210px;
				height: 690px;
				overflow:auto;
				}
#approval		{
				position:absolute; left: 150px; top: 1040px;
				}
				
#google			{
				position:absolute; 
				left: 1010px; 
				top: 10px; 
				height: 1000px;
				width: 230px;
				border: 2px solid #A9A9A9;			
				background-color:#FFFFFF;
				}
					
/* Stylade länkar */

a.fejk:link, a.fejk:visited {
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 80px;
  background-color: #4682B4;
  color: #ffffff;
  padding: 2px 0px;
  line-height: 20px;
  margin-right: 3px;
  text-decoration: none;
}

a.fejk:hover {
	color:#FFFFFF;	
	background-color:#99CCFF;
}

a.fade:link, a.fade:visited {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  color: #cccccc;
  margin-right: 3px;
  text-decoration: none;
  }

a.fade:hover {
	color: #990066;	
	
}
/* Stylade länkar global_nav och extra_nav */

a.stylish:link, a.stylish:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #CCCCCC;
  text-decoration: none;
  white-space: nowrap;

}

a.stylish:hover {
	color: #DCDCDC;	
	background-color: #99ccff;
}
/* Class taggar */
.linje1 	{
			background-image: url(navigation/linje1.gif);
			height: 2px;
			background-repeat: repeat-x;
			}
/*taggar för "calender" */
.event_name 
{
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-weight:bold; 
	font-size:12px;
	float: left;
	width: 360px;
	}
	
.event_place {font-family: Tahoma, Arial, Helvetica, sans-serif; color:#006633; font-weight:bold; font-size:12px;}
.small 		{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:8pt; }
.main_area {width:400px;  margin-left:auto; margin-right:auto;}
.separator {width:400px; margin-top:10px; margin-bottom:15px; margin-left:1px; border-bottom-width:1px; border-bottom-color:#000000;  border-bottom-style:solid; }


/* Ny css från björn */

.eventLeftPlaceHolder {
	float: left;
	width: 140px;	
}

.clear {
	clear: both;
	
}

.eventHolder {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 3px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #f3f4f4;
	width: 460px;
	height: auto;
	border-bottom: 3px solid #ccc;
}

.eventLeft {
	float: left;
	width: 148px;
	border-right: dotted 1px;
	
}

.eventLeftWithPictures {
	float: left;
	width: 250px;
	border-right: dotted 1px;
}

.eventLeftWeekdayHolder{
	width: 100px;
	float: left;
}

.eventRight {
	float: left;
	width: 200px;
height: auto;
	padding-left: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:8pt; 
}

.eventSpecialRight {
	float: left;
	width: 170px;
height: auto;
	padding-left: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:8pt; 
	border-left: dotted 1px;
}

.eventClear {
	clear: both;
}

.eventHR {
	margin-left: 15px;
	width: 380px;
}

.eventLeftDateHolder {
	float: left;
	width: 100px;
	height: auto;
	padding-top: 5px;
}

.eventWeekday {
	font-weight: bold;
	font-size: 14px;
	color: #3399CC;
	margin-bottom: 4px;

}

.eventDate {
	font-weight: bold;
	font-size: 13px;
	color: #333;
}

.eventTime {
	font-weight: bold;
	font-size: 13px;
	margin-top: 10px;
		color: #333;
}

#searchHolder {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 3px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #f3f4f4;
	width: 440px;
	height: auto;
	border-left: 20px solid #3399CC;
	
}

.searchBtn {
	
	background-image: url(../images/searchBtn.jpg);
	background-repeat: no-repeat;
	width: 62px;
	height: 22px;
	color:#fff;
   cursor: pointer;
	border:0px;
	margin:0px;
	font-size: 10px;
	font-family: Tahoma;
	font-weight: bold;
	padding-bottom:3px;

}

.viewEventHeader {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 3px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #f3f4f4;
	width: 550px;
	height: auto;
	border-left: 20px solid #3399CC;
	font-size: 18px;
}

#viewEventLeftHolder {
	float: left;
	width: 230px;
	margin-right: 20px;
	background-color: #f3f4f4;
	margin-left: 3px;
	padding-left: 15px;
	padding-top: 3px;
}

#viewEventRightHolder {
	float:left;
	width: 295px;
	background-color: #f3f4f4;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	font-size: 12px;
	border-left: 1px dotted;
}

.viewEventDate {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.listPictures {
	margin-top: 10px;
}

.listPicture {
	margin-right: 17px;
}

.listPictureDetail {
	margin-right: 10px;
}


#viewEventPlace {
	margin-top: 15px;
	color:#006633; 
	font-weight:bold; 
	font-size:12px;
}

#viewEventRightLeftHolder {
	width: 590px;
	background-color: #f3f4f4;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.viewEventInfoHeader {
	color:#000000; 
	font-weight:bold; 
	font-size:12px;
}

#pageNavigatorDiv {
	width: 460px;
}

.eventDateLog
{ 
	margin-top: 10px;
	font-size: 12px;
}

.eventListPictureHolder {
	float:left;
	width: 80px;
	margin-top: 3px;
	margin-left: 10px;
}

.eventListInfoHolder {
	float: left;
	width: 350px;
	margin-left: 10px;
}

.eventListInfoDateHolder {
	font-weight: bold;
	font-size: 14px;
	color: #3399CC;
	margin-bottom: 4px;
	float: left;
	width: 100px;
	padding-top: 5px;
}

.eventListInfoDateHolderPackage {
	font-weight: bold;
	font-size: 14px;
	color: #3399CC;
	margin-bottom: 4px;
	float: left;
	width: 200px;
	padding-top: 5px;
}

.eventListInfoNameHolderPackage {
	float: left;
	padding-top: 6px;
	padding-bottom: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-weight:bold; 
	font-size:12px;
	width: 240px;
}

.eventListInfoNameHolder {
	float: left;
	padding-top: 6px;
	padding-bottom: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-weight:bold; 
	font-size:12px;
	width: 340px;
}
.eventListInfoPlaceTimeHolder {
	float: left;
	width: 150px;
}