﻿
body{
	font-family: Verdana, Arial, Helvetica,Geneva, sans-serif;
	font-size: 0.7em;
	color: #222222;
	/*background-color: #E2D69C;*/
	background-color: #ffffff;
	font-weight: normal;
	margin:0em;
	padding:0em;
	background-image: url(images/bodyBg2.gif);
	background-repeat: repeat-y;
}

/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
	* html body {
		height: 100%;	overflow: auto; 
	}

a
{
	margin:0em;
	padding:0em;
	color: #4B4B47;
	text-decoration: none;
	display: inline;
}

img
{
	border: 0px;
	/*border-right: 5px solid #ffffff;*/
}

img.AlignLeft{border-right: 5px solid #ffffff;}
img.AlignRight{border-left: 5px solid #ffffff;}

.SearchTextInput
{
	/*height: 13px;*/
}
.SearchButton
{
	position: relative;
	top: 2px;
	padding-left: 5px;
}
/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
	* html .SearchButton {
		position:static;
	}

.ErrorText
{
	color: red;
}
.SuccessText
{
	color: Green;
}

/* different float left size classes */
.floatLeft{float:left;}
.floatLeftA{float: left;}
.floatLeftB{float: left;width: 100px;}
.floatLeftC{float: left;width: 150px;}
.floatLeftD{float: left;width: 200px;}
.floatLeftE{float: left;width: 250px;}
.floatLeftF{float: left;width: 300px;}
.floatLeftG{float: left;width: 350px;}

.floatRight{float:right;}

/* class to use when floating needs to break */
.floatbreak{
	height:1px;
	width: 1px;
	overflow:hidden;
	clear:both;
	
}

.button
{
	border: 1px solid black;
	background-color: #ffffff;
	color: #000000;
	font-size: 1em;
}

h1{font-size: 1.5em;color: #4B4B47;}
h1.StreamingTitle{position:relative; top:-1em; font-size:1.2em;color: #4B4B47; width: 800px;}
/* IE 7 kompatibelt, men ej övriga moderna webbläsare */
*+html h1.StreamingTitle{top:-1.3em;}
/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
* html h1.StreamingTitle{top:-1.3em;}


h2{font-size: 1.2em;color: #4B4B47;}

#pageContainer
{
	width: 858px;
}
#headerContainer
{
	width: 850px;
	height: 70px;
	background-color:#ffffff;
	border-bottom: 1px solid #B89600;
	background-image: url(images/head_top.gif);
	background-repeat:no-repeat;
	padding: 22px 0px 0px 0px; /*top, right, bottom, left */
}

	#headerContainer #headerLeft
	{
		float: left;
		margin-left: 20px;
	}
	/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
	* html #headerContainer #headerLeft
	{
		margin-left: 10px;
	}
	
	#headerContainer #headerRight
	{
		float: right;
		margin-right: 20px;
	}
	/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
	* html #headerContainer #headerRight
	{
		margin-right: 10px;
	}


#menyContainer
{
	float: left;
	width: 140px;
	height: 200px;
	margin-left: 20px;
	margin-top: 20px;
}
	/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
	* html #menyContainer
	{
		margin-left: 10px;
	}
	
	#menyContainer a
	{
		display: block;
		padding-top: 2px;
		padding-left: 4px;
		padding-bottom: 5px;
	}
	
	
	#menyContainer a.CurrentLink
	{
		background-image: url(images/leftmenu_arrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		padding-left: 15px;
	}
	
	#menyContainer a.SubLevel2
	{
		position: relative;
		left: 10px;
	}
	
	/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
	* html #menyContainer a.SubLevel2
	{
		position:static;
		margin-left: 10px;
	}
	

#mainContainer
{
	
	float: left;
	width: 400px;
	height:300px;
	margin-left: 40px;
	margin-top: 20px;
}
	#mainContainer img
	{
		border-bottom: 10px solid #ffffff;
	}
	
	#mainContainer .articleBreaker{
	height:1px;
	width: 100%;
	background-color:#B89600; 
	overflow:hidden;
	clear:both;
	margin-bottom: 10px;
	
}
	#mainContainer .articleLeft
	{
		width: 400px;
		padding-bottom: 8px;
		margin-bottom: 5px;
		/*border-bottom: 1px solid #B89600;*/
	}
	
	#mainContainer .articleSearch
	{
		width: 400px;
		margin-bottom: 5px;
		display: block;
	}
	#mainContainer #SearchPager a
	{
		padding: 0px 3px 0px 3px;
	}

#smallMainContainer
{
	float: left;
	width: 200px;
	height:300px;
	margin-left: 30px;
	margin-top: 20px;
}
	#smallMainContainer img
	{
		border-bottom: 10px solid #ffffff;
	}
	
	#smallMainContainer .articleRight
	{
		width: 200px;
		padding: 5px;
		margin-bottom: 15px;
		border: 1px solid #B89600;
	}

#mainAdminContainer
{
	float: left;
	width: 600px;
	height:300px;
	margin-left: 40px;
	margin-top: 20px;
}

#logotypeBottomContainer
{
	position: fixed;
	bottom: 28px;
	width:150px;
	/*margin-left: 20px;*/
	background-color:#ffffff;
}
	/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
	* html #logotypeBottomContainer
	{
		/*margin-left: 10px;*/
		position:absolute;
	}
#logoRightBottomContainer
{
	position: fixed;
	bottom: 10px;
	left: 857px;
	width:150px;
	background-color:#ffffff;
}



/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */

* html #logoRightBottomContainer
	{
		position:absolute;
	}


#footerContainer
{
	position:fixed;
	bottom: 0px;
	width: 850px;
	background-color: #ffffff;
	height:22px;
	border-top: 1px solid #B89600;
	text-align:center;
	padding-top: 8px;
	color: #4b4b47;
	font-size: 0.8em;

	
}
/* IE 6 och 5.5 kompatibelt, men ej övriga moderna webbläsare */
* html #footerContainer
{
	height: 30px;
	position:absolute;
}


/* code for admin */
#AdminPager a
{
	padding: 0px 3px 0px 3px;
}



