/*--------------------------------------------------------------*/
/* Editor styles												*/
/*--------------------------------------------------------------*/
.heading1, h1
{
	font-weight: bold;
	font-size: 1.5em;
	color: #333; 
	padding-bottom:0;
	EditMenuName: Heading 1;
}
.heading2, h2
{
	font-weight: bold; 
	font-size: 1.2em;
	color: #333;
	padding-bottom:0;
	EditMenuName: Heading 2;
}
.heading3, h3
{
	font-weight: bold; 
	font-size: 1em;
	color: #333;
	padding-bottom:0;
	EditMenuName: Heading 3;
}
.introduction
{
	font-weight: bold;
	color: #333;
	EditMenuName: Introduktion;
}
.imagetext 
{
	font-style: italic; 
	font-size: 0.9em; 
	color: #333;
	EditMenuName: Bild text;
}

/*-------------------------------------------------------------*/
/*  Common styles for Västerviks kommun                        */
/*-------------------------------------------------------------*/
/*ul
{
	margin-top:1em;
	margin-left:3.3em;
}
*/
ol
{
	margin-top:1em;
}

hr
{
	height:0.1em;
	color:#000;
	margin: 5px 0 5px 0;
}

img
{
	display:block;
}

html
{
	background-image: url(/images/vvkommun/bg.gif);
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 62.5%;
	color: #333;
	padding: 0; 
	margin: 0;
	height: 100%;
}

body
{
	padding:0;
	margin: 0;
	height: 100%;
}

form
{
	padding: 0px;
	margin: 0px;
	height: 100%;
}

a
{
	color: #990000;
	text-decoration:none;
}

select 
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 1em;
}

input, textarea
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 1em;
}

.leftfloating
{
	float: left;
}

.rightfloating
{
	float: right;
}

.uppercase
{
	text-transform:uppercase;
}

/*-------------------------------------------------------------*/
/*  Divs used for page structure                               */
/*                                                             */
/*  Used in container div VVKommun_DefaultFramework.ascx         */
/*-------------------------------------------------------------*/


#containerdiv
{
	background-color: #fff;
	min-height: 100%;
	_height: 100%; /* för IE */
	margin: auto;
	padding-left: 29px;
	padding-right: 29px;
	width: 788px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 730px;
}

/*---------------------------------------------------------*/
/*  Used in header div VVKommun_DefaultFramework.ascx        */
/*---------------------------------------------------------*/

#headerdiv 
{ 
	float: left;
	margin-top:10px;
}

/*---------------------------------------------------------*/
/*  Used in header div VVKommun_DefaultFramework.ascx        */
/*---------------------------------------------------------*/

#logodiv
{
	height:88px;
	text-align:left;
	background-color:#F9DE8F;
	clear:both;
	margin:0;
	padding:0;
}

/*---------------------------------------------------------*/
/*  Gymnasie																			         */
/*---------------------------------------------------------*/

#gymneftcontent {
	width:149px;
	float:left;
	margin-right:10px;
	text-align:left;
	border-right:solid 1px #eee;
}

#gymneftcontent h3 {
	padding-left:10px;
}

#splash {
	height:152px;
	background-color:#828384;
	clear:both;
}

#splash img {
	width:730px;
	height:152px;
	display:block;
}

.current {
	margin:0;
	padding:0;
}

.current li {
	list-style:none;
}

.current a {
	background: transparent url(/images/gymnasium/arrow.gif) no-repeat left center;
	border-top:solid 1px #eee;
	padding:10px 0 10px 10px;
	display:block;
	height:1%;
}

#gymnmain {
	float:left;
	width:371px;
	text-align:left;
}

#gymnmain hr {
	border-top:solid 1px #eee;
	height:1px;
}

#secondarycontent {
	 width:179px;
	 float:right;
	 text-align:left;
}

.teaser {
	margin:10px auto;
	background:url("/images/gymnasium/tsr-foot.gif") bottom center no-repeat;
	padding-bottom:5px;
	line-height:16px;
}

.teaser h3 {
	margin:0;
	padding:7px 10px 3px 10px;
	background:url("/images/gymnasium/tsr-head.gif") top left no-repeat;
}
.teaser .inner {
		margin:0;
		padding:0 4px 0 10px;
		background:url("/images/gymnasium/tsr-bg.gif") top left repeat-y;
}

.inner .first {
	background: url(/images/gymnasium/flower.gif) no-repeat bottom left;
	min-height:60px;
	padding-top:5px;
}

.inner .second {
	background: url(/images/gymnasium/mac.gif) no-repeat bottom left;
	min-height:74px;
	padding-top:5px;
}

.second ul {
	list-style:none;
	margin:0;
	padding:0;
}
.second a {
	background: transparent url(/images/gymnasium/arrow.gif) no-repeat left center;
	padding:0 10px;
	display:block;
}

.third {
	min-height:102px;
	padding-top:5px;
}

/*-------------------------------------------------------*/
/*  Used in breadcrumb div VVKommun_DefaultFramework.ascx  */
/*-------------------------------------------------------*/

#breadcrumbdiv
{
	width:100%;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
}

/*-------------------------------------------------------*/
/*  Used in leftlisting div VVKommun_DefaultFramework.ascx */
/*-------------------------------------------------------*/

#leftlistingdiv
{
	width: 149px;
	float: left;
	text-align: left;
}

/*-----------------------------------------------------*/
/*  Used in main area div VVKommun_DefaultFramework.ascx */
/*-----------------------------------------------------*/

#mainareadiv
{
	width: 341px;
	float: left;
	text-align: left;
	height:100%;
}

/*-----------------------------------------------------*/
/*  Used in right menu div VVKommun_DefaultFramework.ascx*/
/*-----------------------------------------------------*/

#rightmenudiv
{
	width: 218px;
	float: right;
	text-align: left;
}

#rightmenudiv dl
{
	background-color:#F9DE8E;
	width:218px;
	text-align:left;
	border:solid 1px #000;
	margin:0;
	margin-bottom:8px;
}

#rightmenudiv dt
{
	font-size:1.1em;
	font-weight:bold;
	padding:5px;
	margin:0;
}
#rightmenudiv dd
{
	margin:0;
}
#rightmenutext
{
	background-color: #B8C3E5;
	padding:5px;
	width:210px;
	margin-bottom:0.8em;
}
#rightmenutextyellow
{
	background-color: #F9DE8E;
	padding:5px;
	width:210px;
	margin-bottom:0.8em;
}

/*--------------------------------------------------------------------*/
/*  Used for main container div styles in VVKommun_DefaultFramework.ascx*/
/*--------------------------------------------------------------------*/


#maincontainerdiv
{
	float: right;
	width: 100%;
}

/*-------------------------------------------------------------*/
/*  Used for content div styles in VVKommun_DefaultFramework.ascx*/
/*-------------------------------------------------------------*/

#contentdiv
{
	width: 571px;
	float: right;
	text-align: left;
}

/*-------------------------------------------------------------*/
/*  Used for footer div styles in VVKommun_DefaultFramework.ascx */
/*-------------------------------------------------------------*/

#footerdiv
{
	padding-top: 2.5em;
	padding-bottom:2em;
	text-align: left;
	clear:both;
	height:1%;
}

/*-------------------------------------------------------------*/
/*  Used for topmenu div styles in VVKommun_TopMenu.ascx         */
/*-------------------------------------------------------------*/

#topmenudiv {
	background:#93A1C7;
	padding: .1em 0 .1em 0;
	height:36px;
}


#topmenudiv a {
	font-weight:bold;
	color: #fff;
	font-size:1.1em;
}

#topnavigation {
	margin:0;
	width:710px;
	padding:0 10px;
}

#topnavigation li {
	float:left;
	list-style-type:none;
	padding:0;
	margin:3px 17px 0 0;
}

#topnavigation li span {
	display:block;
}


/*-------------------------------------------------------------*/
/*  Startpage																									 */
/*-------------------------------------------------------------*/

#startPageRightContainer
{
	text-align:justify;
	float:right;
	width:218px;
}

#startPageMainContainer
{
	 width:335px;
	 float:left;
	 text-align:left;
}

#startPageMainContainer ul
{
	margin:0;
	margin-bottom:0.8em;
	list-style-type:none;
	
}

#startPageMainContainer li
{
	font-size:1.1em;
	margin:0;
}

#startPageMainContainer a
{
	font-size:1em;
	font-weight:normal;
}

/*-------------------------------------------------------------*/
/*  Startpage												   */
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*  START Guestbook											   */
/*-------------------------------------------------------------*/
#guestbookleftdiv
{
	 width:468px;
	 float:left;
}
#guestbookleftdiv ul
{
	list-style-type:none;
	margin:0;
	margin-top:-6px;
	
}
#guestbookleftdiv #litop
{
	margin:0;
	background: #fff url(/images/vvkommun/gbook_top.gif) no-repeat bottom;
}
#guestbookleftdiv #limiddle
{
	background-color: #ffcc33;
	margin:0;
	padding:10px;	
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
}
#guestbookleftdiv #libottom
{
	margin:0;
	background: #fff url(/images/vvkommun/gbook_bottom.gif) no-repeat top;	
} 
#guestbookrightdiv
{
	 width:90px;
	 float:right;
}
#guestbookrightdiv img
{
	float:right;
}
.guestbooknotpublished
{
	color: #aaaaaa;
}
.guestbooknotpublished a
{
	color: #aaaaaa;
}
.guestbookadmin img
{
	display:inline;
	margin-left:10px;
}
/*-------------------------------------------------------------*/
/*  END Guestbook											   */
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*  START Postcard											   */
/*-------------------------------------------------------------*/
#postcardimagelist ,#postcardimagelist li {list-style-type:none;padding-left:0;}
#postcardimagelist li {display:inline;float:left;padding-left:19px;width:175px;margin:0;margin-bottom:23px;}
#postcardimagelist input {
	display:block;
	padding-bottom: 3px;
	padding-right: 3px;
	border-bottom:1px solid #B8C3E5;
	border-right:1px solid #B8C3E5;
}
#postcardimagelist {margin-left:-19px;margin-top:10px;margin-right:0;width:594px;}

#postcardselectedimage img
{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom: 3px;
	padding-right: 3px;
	border-bottom:1px solid #B8C3E5;
	border-right:1px solid #B8C3E5;
}
#postcardviewcard
{
	width:262px;	
}
/*-------------------------------------------------------------*/
/*  END Postcard											   */
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*  START Toolbar											   */
/*-------------------------------------------------------------*/

#toolbar
{
	float:left;
	font-size:1em;
	padding:0;
	margin:0;
	width:100%;
	clear:both;
}
    
#toolbar a 
{
    display:block;
    padding: 0 0.5em 0 0;
}

#toolbar #quicksearch
{
	float:right;
	/*margin-top:30px;*/
	text-align:right;
}

#toolbar #quicksearch a
{
	color: #000;
	/*margin-left:65px;*/
}

#toolbar #toolbarlist
{
	margin:0;
	margin-left:60px;
	margin-top:8px;
	float:left;
	list-style-type:none;
}
    
#toolbar #toolbarlist li
{
    float:left;
    margin:0;
    padding:0.5em 0.5em 0.5em 0.5em;
    background-image: url(/images/vvkommun/flapend.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #93A1C7;
}
    
#toolbar #toolbarlist #en
{
	background:none;
	padding: 0 0 0 1px;
	margin-top: 3px;
}

#toolbar #toolbarlist #de
{
	background:none;
	padding:0;
	margin-top: 3px;
}

#toolbar #toolbarlist #se
{
	background:none;
	padding:0;
	margin-top: 3px;
}

#toolbar #linklist
{
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
}

#toolbar #linklist li
{
	margin:0;
	background-image: url(/images/vvkommun/arrow.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	text-align:left;
	background-position: left;
}

#toolbar #linklist a
{
	display:inline;
	text-align:left;
	color: #000;
}

/*-------------------------------------------------------------*/
/*  END Toolbar												   */
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*  START vänster meny										   */
/*-------------------------------------------------------------*/
#leftmenulist
{
	padding:0;
	margin:0;
	text-align:left;
	list-style: none;
}

#leftmenulist .header
{
	margin:0;
	padding: 1px 3px 2px 4px;
	background-color: #93A1C7;
	background-image:none;
	color: #FFF;
	font-weight:bold;
	font-size:1em;
	padding-top:1px;
	text-align:left;
}

#leftmenulist li
{
	margin:0;
	padding-left: 15px;
	background-image: url(../images/vvkommun/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-bottom:0.3em;
	background-color:#B8C3E5;
	font-size:1em;
}

#leftmenulist a
{
	color: #000;	
}
#leftmenulistyellow
{
	padding:0;
	margin:0;
	text-align:left;
	list-style: none;
}

#leftmenulistyellow .header
{
	margin:0;
	padding: 1px 3px 2px 4px;
	background-color: #ffcc33;
	background-image:none;
	color: #FFF;
	font-weight:bold;
	font-size:1em;
	padding-top:1px;
	height:13px;
}

#leftmenulistyellow li
{
	margin:0;
	padding-left: 15px;
	background-image: url(../images/vvkommun/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-bottom:0.3em;
	background-color:#F9DE8F;
	font-size:1em;
}

#leftmenulistyellow a
{
	color: #000;	
}
/*-------------------------------------------------------------*/
/*  END för dig som är... länkar startsidan				       */
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*  START snabblänkar vänsterkant startsidan				           */
/*-------------------------------------------------------------*/

#navigationlist
{
	padding:0;
	margin:0;
	list-style: none;
}

#navigationlist li
{
	margin:0;
	padding-left:30px;
	padding-top:4px;
	height: 25px;
	text-align:left;
}

#navigationlist a
{
	color: #000;
	font-size: 1.1em;

}

#leftmenudiv a
{
	color: #000;
}

/*-------------------------------------------------------------*/
/*  END snabblänkar startsidan						           */
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*  START för dig som är... länkar startsidan		           */
/*-------------------------------------------------------------*/
#interestlist
{
	padding:0;
	margin:0;
	text-align:left;
	list-style: none;
	margin-top:10px;
}

#interestlist .header
{
	margin:0;
	background-color: #93A1C7;
	background-image:none;
	color: #fff;
	font-weight:bold;
	font-size:1em;
	padding: 1px 3px 2px 4px;
	height:13px;
}

#interestlist li
{
	margin:0;
	padding-left: 15px;
	background-image: url(../images/vvkommun/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-bottom:0.3em;
	background-color:#B8C3E5;
}

#interestlist a
{
	color: #000;	
}
/*-------------------------------------------------------------*/
/*  END för dig som är... länkar startsidan				       */
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*  START presslänkar startsidan							   */
/*-------------------------------------------------------------*/
#presservicelist
{
	padding:0;
	margin:0;
	text-align:left;
	list-style: none;
	margin-top:15px;
}

#presservicelist .header
{
	margin:0;
	background-color: #93A1C7;
	background-image:none;
	color: #FFF;
	font-weight:bold;
	font-size:1em;
	padding: 1px 3px 2px 4px;
}

#presservicelist li
{
	margin:0;
	padding-left: 15px;
	background-image: url(../images/vvkommun/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-bottom:0.3em;
	background-color:#B8C3E5;
}

#presservicelist a
{
	color: #000;	
}
/*-------------------------------------------------------------*/
/*  END presslänkar startsidan							   */
/*-------------------------------------------------------------*/
#startpagelist ,#startpagelist li {list-style-type:none;padding-left:0;}
#startpagelist li {display:inline;float:left;padding-left:7px;width:135px;}
#startpagelist img {
	width:135px; 
	display:block;
	margin-bottom:7px;
}

#startpagelist a {font-weight:bold;}
#startpagelist {margin-left:-7px;margin-top:7px;margin-right:0;margin-bottom:7px; width:568px;}

/*-------------------------------------------------------------*/
/*  Used for top menu styles in VVKommun_TopMenu.ascx            */
/*-------------------------------------------------------------*/
a.menuhead
{
	text-decoration: none;
	margin: auto;
	padding: 0px 5px 0px 5px;
	color: #FFF;
}

a.menuhead:hover
{
	color:#FFF;	
}

a.activemenuhead
{
	text-decoration: none;
	margin: auto;
	padding: 0px 5px 0px 5px;
	color: #FFF;
}

a.activemenuhead:hover
{
	color:#FFF;	
}

/*-------------------------------------------------------------*/
/*  Used for ustomize link styles in VVKommun_ToolBar.ascx       */
/*-------------------------------------------------------------*/


.customizelink
{
	color: #FFF;
}

.customizelink:hover
{
	color: #FFF;
}


/*-------------------------------------------------------------*/
/*  Used for index page link styles in VVKommun_ToolBar.ascx      */
/*-------------------------------------------------------------*/

.indexpagelink
{
	color: #FFF;
}

.indexpagelink:hover
{
	color: #FFF;
}


.quicksearch
{
	width: 10em;
	border: 1px solid #000000;
	font-size: 1em;
}

.quickschbutton
{
	height: 1.6em;
	background: #FFFFFF;
	border: 1px solid #000000;
	font-size: 1em;
}

/*-------------------------------------------------------------*/
/*  Used for submenu styles in VVKommun_LeftListing.ascx         */
/*-------------------------------------------------------------*/

.listheading
{
	font-weight: bold;
	color: #FFF;
	background: #7198B7;
}

.listheading:hover
{
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
}

.menuitem
{
	width: 100%;
	float: left;
}

.menulink
{
	color: #000;
}

.menulink:hover
{
	color: #000;
}

/*---------------------------------------------------------------------------------------*/
/*  Used by VVKommun_Links.aspx, VVKommun_AlphanumericListing.ascx, VVKommun_LeftListing.ascx  */
/*---------------------------------------------------------------------------------------*/

.linklist
{
	color: #000;
	font-weight: bold;
	text-transform:uppercase;	
}
.linklist:hover
{
	color: #000;
}

/*-------------------------------------------------*/
/*  Used in form tag VVKommun_DefaultFrameWork.ascx  */
/*-------------------------------------------------*/

.centered
{
	/*text-align: center;*/
}

/*-------------------------------------------------*/
/*  Used in VVKommun_Search.ascx                     */
/*-------------------------------------------------*/

.hidden
{
	display:none;
}

/*-------------------------------------------------*/
/*  Used in VVKommun_Page.aspx                     */
/*-------------------------------------------------*/

.pagelistitemimageleft{padding:0 3px 5px 0; margin:0px; overflow:auto;float:left;}
.pagelistitemimageright{padding:0 0 5px 3px; margin:0px; overflow:auto;float:right;}
.bglistalternate{background-color:#EFEFEF;}
.bglistwhite{background-color:#FFF;}

.pagelisting{width:341px; margin-top:3px; padding:0px; overflow:auto;}
.pagelisting img {border:0px;}
.pagelistingheading{margin-bottom:3px; font-weight: bold; color: #000000; padding:3px; overflow:auto;}
.pagelistingitemtext{padding:5px; overflow:auto;}









/*-------------------------------------------------*/
/*  Used in VVKommun_LeftListing.ascx                */
/*-------------------------------------------------*/

img.borderless
{
	border: 0;
}

img.whiteboarder
{
	border: solid 2px #FFF;
	EditMenuName: White boarder;
}

.bglistdarkgreen{background-color:#93A1C7;}
.bglistlightgreen{background-color:#B8C3E5;}
.pagebodyblock {width: 312px; text-align: left; padding:7px; margin-bottom:10px; border: 1px solid #5F5D5D;}
.pagelist{width:328px; margin-top:3px; padding:0px; overflow:auto;}
.pagelistheading{width:322px; margin-bottom:3px; font-weight: bold; color: #FFF; padding:3px; overflow:auto;}
.pagelistitemtext{width:216px;padding:5px; overflow:auto;}
.pagelistitemimage{width:100px; text-align:right; padding:0px; margin:0px; overflow:auto;}

/*-------------------------------------------------*/
/*  Used in VVKommun_IFrameDestinatorPage.aspx     */
/*-------------------------------------------------*/

img.noleftmargin
{
	margin: 0 5px 5px 0;
}

#rightbody-iframe
{
	background-color:#F9DE8E;
	float:right;
	padding:5px;
	width:210px;
}

/*-------------------------------------------------*/
/*  Used in VVKommun_PublicJobs.aspx     */
/*-------------------------------------------------*/
#job-list 
{
    list-style:none;
    margin:0;
    padding:0;
}
#job-list h2 { margin: 0 0 .5em; }
#job-list h3 {
    margin: 0; 
    display: inline-block;
}
#job-list img {
    display: inline;    
    position:relative;
    top: 1px;
    left: 2px; 
}
#job-list li { margin: 0 0 2em; }
#job-list li.department { margin: 0 }
#job-list .date { display:block; }
#job-list p { margin:0 0 .5em; }

/*-------------------------------------------------*/
/* Not used in project                             */
/*-------------------------------------------------*/

.rightaligned
{
	text-align: right;
}

.leftaligned
{
	text-align: left;
}

div.tablerow
{
	width: 99%;
	padding: 0.5em;
}
div.description
{
	float: left;
	width: 20%;
}
div.content
{
	float: right;
	width: 79%;
}