﻿html, body 
{
	height:100%;
}

html, body, form
{
	margin:0;
	padding:0;
}

body 
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:70%;
	color:Black;
	background-color:#f6f6f6;
}


a 
{
	color:#66146f;
	text-decoration:none;
}

a:hover 
{
	text-decoration:none;
}

a img 
{
	border:0;
}

h1 
{
	font-size:1.5em;
	color:#ee3e96;
	margin:0.8em 0 0.2em 0;
}

h2
{
	font-size:1.3em;
	color:#ee3e96;
	margin:0.6em 0 0.2em 0;
}

h3 
{
	font-size:1.1em;
	color:#000000;
	margin:0.4em 0 0.1em 0;
}

p 
{
	line-height:1.3em;
	margin:0.2em 0 0.6em 0;
}


/*områden */
#body 
{
	text-align:center;
}

#bodyPopup 
{
	background-color:#ffffff;
}

#bodyplaceholder
{
	width:988px;
	margin:2px auto 0 auto;
	text-align:left;
	background-color:#ffffff;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}

#top 
{
	margin:0 0 2px 0;
	text-align:center;
}

	#top .table 
	{
	}
	
	#top .table .leftcell
	{
		width:250px;
	}
	
	#top .table .centercell
	{
		width:488px;
		text-align:center;
	}
	
	#top .table .rightcell
	{
		width:250px;
	}
	

#content 
{
	
}
	
	#content .table 
	{
	}

	#content .table .leftcell 
	{
		width:250px;
		vertical-align:top;
	}

	#content .table .centercell
	{
		width:482px;
		vertical-align:top;
	}
	
	#content .table .centercell a
	{
		color:#ee3e96;
	}
	
	#content_mainplaceholder
	{
		padding:0px;
	}

	#content .table .rightcell
	{
		width:250px;
		vertical-align:top;
	}

	#content .table .rulercell 
	{
		width:3px;
		background: url('/images/public/ruler_ver.gif') repeat-y;
	}

#footer 
{
    width:988px;
	text-align:center;
	padding:4px 0 10px 0;
	font-size:smaller;
}


/* banner områden */
#bigbanner 
{
	clear:both;
	margin:5px 0;
	padding:0px;
	text-align:center;
}

#topbannerleft 
{
}

#topbannerright 
{
	margin-bottom:2px;
}

#topbannerright2
{
}

#menubanner1 
{
	margin-bottom:2px;
}

#menubanner2
{
	margin-bottom:2px;
}

#menubanner3
{
	margin-bottom:2px;
}

#menubanner4
{
	margin-bottom:2px;
}

#menubanner5
{
	margin-bottom:2px;
}

#preamblebanner 
{
	text-align:center;
}

#contentbanner 
{
	text-align:center;
}

#rightbanner1 
{
	margin-bottom:2px;
}

#rightbanner2
{
	margin-bottom:2px;
}

#rightbanner3
{
	margin-bottom:2px;
}

#rightbanner4
{
	margin-bottom:2px;
}

#rightbanner5
{
	margin-bottom:2px;
}


#eventsearch 
{
	margin:10px 0;
}

/* ------------------- */

.highlight
{
	background-color:#ffff00;
}

.hr 
{
	color:Black;
	background-color:Black;
	clear:both;
}

.hr_soft 
{
	color:#e0e0e0;
	background-color:#e0e0e0;
	clear:both;
}



.content 
{
	padding:0 9px;
	margin-bottom:20px;
}

.content .hr_soft
{
	height:3px;
}

.contentStartDate
{
    display:block;
    text-align:right;
    font-size:smaller;
    font-style:italic;
    padding:0 0 3px 0;
    color:#888888;
}

.module 
{
	padding:0 9px;
}


.module .ItemTemplate 
{
	background-color:#f6f6f6;
	padding:5px;
}

.module .AlternatingItemTemplate 
{
	background-color:#ffffff;
	padding:5px;
}


.preamble 
{
	padding:0 9px;
}

.preamble .readmore
{
	color:#ee3e96;
	font-style:italic;
	white-space:nowrap;
}

.preambleStartDate
{
    display:block;
    text-align:right;
    font-size:smaller;
    font-style:italic;
    padding:0 9px 3px 9px;
    color:#888888;
}

.menu 
{
	font-size:1.2em;
	margin:10px 0 20px 10px;
	color:#66146f;
	background-color:White;
}

.menu a
{
	color:#66146f;
	font-weight:700;
	display:block;
	margin-bottom:2px;
}

.eventpreamble 
{
	background-color:#ee3e96;
	color:#ffffff; /*color:#66146f;*/
	padding:0px;
	margin-bottom:0px;
}

.eventpreamble .HeaderTemplate
{
	padding:5px 5px 8px 5px;
}

.eventpreamble .HeaderTemplate a
{
	color:#ffffff; /*color:#66146f;*/
}

.eventpreamble .HeaderTemplate h2
{
	color:#ffffff; /*color:#66146f;*/
	margin:0;
}

.eventpreamble .ItemTemplate 
{
	background-color:#ee62a8;
	border-bottom:1px solid #ee3e96;
	/*border-bottom:1px solid #f4a1ca;*/
}

.eventpreamble .AlternatingItemTemplate 
{
	background-color:#f37eb8;
	border-bottom:1px solid #ee3e96;
}



.eventpreamble .date
{
	font-size:0.8em;
	display:block;
}

.eventpreamble .ItemTemplate .readmore
{
	display:block;
	color:#ffffff; /*color:#66146f;*/
	padding:5px;
	clear:both;
}

.eventpreamble .AlternatingItemTemplate .readmore
{
	display:block;
	color:#ffffff; /*color:#66146f;*/
	padding:5px;
	clear:both;
}

.eventpreamble .ItemTemplate .readmore:hover, .eventpreamble .AlternatingItemTemplate .readmore:hover
{
	background-color:#f696c6;
}

.eventpreamble .FooterTemplate 
{
	padding:5px;
}

.eventpreamble .FooterTemplate a
{
	color:#ffffff; /*color:#66146f;*/
	text-decoration:underline;
}

.eventpreamble .FooterTemplate a:hover
{
	text-decoration:none;
}

.eventpreamble .heading2 
{
	font-size:12px;
}



.newslettersignup 
{
	background-color:#6abe53;
	padding:10px;

}

.setAsStartPage 
{
	background-color:#6abe53;
	padding:0 10px 10px 10px;
}

.setAsStartPage hr 
{
	margin:0 0 5px 0;
	background-color:#d3dbab;
}

img.left 
{
	float:left;
	margin-right:6px;
}
img.right
{
	float:right;
	margin-left:6px;
}

.ErrMsg, .EmptyGridView
{
	padding:10px;
	margin:9px;
	background-color:#f8fbdc;
	border:1px solid #576080;
	clear:both;
}

.ToolTip
{
	background-color:#f8fbdc;
	border:1px solid #576080;
}





/* gridviews */
.GridView 
{
	width:100%;
	border:0;
	border-collapse:collapse;
	clear:both;
}

.GridView .HeaderStyle th
{
	background-color:#f4f4f4;
	border-bottom:1px solid #ffffff;
	padding:4px 2px;
}

.GridView .RowStyle td 
{
	border-bottom:1px solid #e0e0e0;
	padding:2px;
}

.GridView .AlternatingRowStyle td 
{
	border-bottom:1px solid #e0e0e0;
	padding:2px;
}




/* formulär */
input[type=button], input[type=submit]
{
	font-size:11px;
}

input[type=text], input[type=password], textarea
{
	border-top:1px solid #848ca6;
	border-right:1px solid #848ca6;
	border-bottom:1px solid #576080;
	border-left:1px solid #576080;
}

textarea 
{
	font-family:Verdana, Arial, Sans-Serif;
}

label 
{
	cursor:pointer;
}

.EditTable 
{
	width:100%;
}

.EditTable tr td 
{
	padding:2px;
	border-bottom:1px solid #ffffff; 
	background-color:#f4f4f4;
}

.EditTable table tr td 
{
	border:0;
}

.EditButtons 
{
	margin:5px 0 0 20%;
}



/*bredder */
.w50 
{
	width:50px;
}
.w100 
{
	width:100px;
}
.w120 
{
	width:120px;
}
.w150 
{
	width:150px;
}
.w200 
{
	width:200px;
}
.w300 
{
	width:300px;
}
.w400 
{
	width:400px;
}



/* färger */
.red
{
	color:Red;
}


.bold 
{
	font-weight:700;
}

.underline 
{
	text-decoration:underline;
}

.strikethrough 
{
	text-decoration:line-through;
}


.small 
{
	font-size:10px;
}

.i, .italic
{
	font-style:italic;
}


.left 
{
	text-align:left;
}

.center 
{
	text-align:center;
}

.right 
{
	text-align:right;
}

.clear 
{
	clear:both;
}

.fleft 
{
	float:left;
}

.fright 
{
	float:right;
}

.block 
{
	display:block;
}

.inine 
{
	display:inline;
}




#addcomment {margin:10px 0; border-top:1px solid #e1e1e1; border-bottom:0px solid #e1e1e1; padding:5px;}
#addcomment .heading{display:block; font-size:1.2em; font-weight:700;}

#addcomment .name{margin:5px 0;}
#addcomment .name .namelabel{display:block;}
#addcomment .name .nametextbox{width:300px;}

#addcomment .notes{margin:5px 0;}
#addcomment .notes .noteslabel{display:block;}
#addcomment .notes .notestextbox{width:300px;}
#addcomment .ip {font-size:0.96em; font-style:italic; display:block; margin:5px 0;}
#addcomment .submit{}


#contentcomment {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
#contentcomment table{width:100%;}
#contentcomment .heading {background-color:#39899f; color:#ffffff; padding:5px;}
#contentcomment .created{background-color:#e1e1e1; padding:5px; font-size:0.96em;}
#contentcomment .created .date{}
#contentcomment .created .name{}
#contentcomment .notes{padding:5px; font-size:0.96em;}
#contentcomment .addcomment{padding:5px; border-top:1px solid #e1e1e1;}




.facebook {
    
}


