﻿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 0 0.4em 0;
}

h2
{
	font-size:1.3em;
	color:#ee3e96;
	margin:0 0 0.4em 0;
}

h3 
{
	font-size:1.1em;
    line-height:1.5em;
	color:#000000;
	margin:0 0 0.2em 0;
}

p 
{
	line-height:1.5em;
	margin:0 0 1em 0;
}


/*områden */
#body 
{
	text-align:center;
    background: url('/Content/Images/bodyBackground.jpg') center;
    background-attachment:fixed;
}

#bodyPopup 
{
	background-color:#ffffff;
}

#bodyplaceholder
{
	width:988px;
	margin:20px auto 0 auto;
	text-align:left;
	background-color:#ffffff;
	border:10px solid #ffffff;
}

#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;
    vertical-align:top;
}
	

.top-menu {
    width:100%;
    height:26px;
    margin:5px 0 0 0;
    background-color:#fce9f3;
    text-align:left;
}

.top-menu .item {
    display:block;
    float:left;
    padding:5px 10px;
    font-size:13px;
    font-weight:700;
    color:#ee3e96;
}

.top-menu .item:hover {
    background-color:#f9d5e8;
}

.top-menu .selected {
    background-color:#f9d5e8;
}


.sub-menu {
    width:100%;
    height:26px;
    background-color:#f9d5e8;
    text-align:left;
}

.sub-menu .item {
    display:block;
    float:left;
    padding:5px 10px;
    font-size:11px;
    color:#ee3e96;
}

.sub-menu .item:hover {
    text-decoration:underline;
}

.sub-menu .selected {
    text-decoration:underline;
    font-weight:700;
}

.sub-menu span {
    display:block;
    float:left;
    padding:5px 0;
    font-size:11px;
    color:#ee3e96;
}


#content 
{
	
}
	
#content .table 
{
    
}

#content .table .leftcell 
{
	width:245px;
	vertical-align:top;
}

#content .table .leftcell .leftcell-placeholder {
    margin-right:5px;
}


#content .table .centercell
{
	width:488px;
	vertical-align:top;
}
	
#content .table .centercell a
{
	color:#ee3e96;
}
	
#content_mainplaceholder
{
	padding:0px;
}



#rightcell
{
	width:255px;
	vertical-align:top;
}

#rightcell .rightcell-placeholder {
    margin-left:5px;
}

#content .table .rulercell 
{
	width:3px;
	background: url('/images/public/ruler_ver.gif') repeat-y;
}

#footer 
{
    margin:0 auto;
    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;
    margin:5px 0 10px 0 !important;
}



.content 
{
	padding:0 9px;
	/*margin-bottom:20px;*/
}

/*.content .hr_soft
{
	height:3px;
}
*/

.contentStartDate
{
    display:block;
    font-size:smaller;
    font-style:italic;
    padding:5px 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:#ee62a8; /*#ee3e96;*/
	color:#ffffff; /*color:#66146f;*/
	padding:0px;
	margin:5px 0 11px 0;
}

.eventpreamble .HeaderTemplate
{
	padding:5px 5px 8px 5px;
    text-align:center;
}

.eventpreamble .HeaderTemplate a
{
	color:#ffffff; /*color:#66146f;*/
    text-decoration:underline;
}

.eventpreamble .HeaderTemplate a:hover
{
	text-decoration:none;
}


.eventpreamble .HeaderTemplate h2
{
	color:#ffffff; /*color:#66146f;*/
	margin:0;
    font-size:2em;
}

.eventpreamble .ItemTemplate 
{
	background-color:#ffffff; /*#ee62a8;*/
	border-bottom:0px solid #ee3e96;
	/*border-bottom:1px solid #f4a1ca;*/
    margin:0 5px;
}

.eventpreamble .AlternatingItemTemplate 
{
	background-color:#fce9f3; /*#f37eb8;*/
	border-bottom:0px solid #ee3e96;
    margin:0 5px;
}



.eventpreamble .date
{
	font-size:0.8em;
	display:block;
}

.eventpreamble .ItemTemplate .readmore
{
	display:block;
	color:#000000; /*color:#66146f;*/
	padding:5px;
	clear:both;
}

.eventpreamble .AlternatingItemTemplate .readmore
{
	display:block;
	color:#000000; /*color:#66146f;*/
	padding:5px;
	clear:both;
}

.eventpreamble .ItemTemplate .readmore:hover, .eventpreamble .AlternatingItemTemplate .readmore:hover
{
	background-color:#f7bedb; /*#f696c6;*/
}

.eventpreamble .FooterTemplate 
{
	padding:5px;
    text-align:center;
}

.eventpreamble .FooterTemplate a
{
	color:#ffffff; /*color:#66146f;*/
	text-decoration:underline;
}

.eventpreamble .FooterTemplate a:hover
{
	text-decoration:none;
}

.eventpreamble .FooterTemplate h3 {
    color:#ffffff;
}


.eventpreamble .heading2 
{
	font-size:12px;
}



.newslettersignup 
{
	background-color:#6abe53;
	padding:5px;

}

.newslettersignup .header{margin:0; padding:0px 0px 8px 0px; text-align:left; color:#ffffff;}


.setAsStartPage 
{
	
}

.setAsStartPage hr 
{
	margin:0 0 5px 0;
	background-color:#d3dbab;
}

img.left 
{
	float:left;
	margin-right:6px;
    margin-bottom:6px;
}
img.right
{
	float:right;
	margin-left:6px;
    margin-bottom: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 {
    
}

.facebookRecommend {
    clear:both;
    margin-bottom:5px;
}


.contest {
    margin:10px;
}

.contest .form {
    clear:both;
    padding-top:20px;
}

.contest .form .label {
    display:block;
    margin:10px 0 0 0;
}

.contest .form .textbox {
    width:350px;
}

.contest .form textarea {
    width:350px;
    height:100px;
}

.contest .form .button {
    display:block;
    margin:10px 0 0 0;
}
