﻿/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/

#containerdiv
{
	width: 772px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#containerdiv:after
{
	content: ""; 
	width: 772px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 1px;
}

#headerdiv
{
	text-align: center;
	width: 100%;
}
#leftmenudiv
{
	width: 22%;
	float: left;
	text-align: left;
}
#mainareadiv
{
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
}
#rightmenudiv
{
	width: 190px;
	float: right;
	text-align: left;
	padding-left: 10px;
}
#footerdiv
{
	border-top: solid 1px #ddd;
	margin-top: 10px;
	padding: 10px 0px 0px 10px;
	text-align: left;
	float: right;
	width: 100%;
}
#maincontainerdiv
{
	float: right;
	width: 100%;
}
#contentdiv
{
	width: 77%;
	float: right;
}

#logodiv
{
	float: left;
	width: 100%;
	text-align: left;
}

#breadcrumbsdiv
{
	float: left;
	clear: left;
	height: 25px;
	width: 100%;
	text-align: left;
	padding: 5px 0px 0px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#topmenudiv
{
	height: 36px;
	width: 545px;
	float: left;
	clear: left;
	background-color: #0A5DA9;
}

#topmenu
{
	margin-top: 1.6em;
	padding: 0.4em 0em 0.3em 1em;
	width: 100%;
}
#quicksearchdiv
{
	height: 36px;
	width: 200px;
	float: right;
	background-color: #EDEBEC;
	padding: 8px 0px 0px 17px;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#quickbar
{
	border-width: 0.1em 0em;
	border-style: solid;
	border-color: #ddd; 
	margin: 0.5em 0em;
	padding: 0.5em 0em;
	text-align: center;
}
#cookielink
{
	border-width: 0.1em 0em;
	border-style: solid;
	border-color: #ddd;
	padding: 0.5em 0em;
	margin-top: 1em;
	display: block;
}

.pagetoparea
{
	width: 100%;
	height: 60px;
}

.designelement
{
	float: right;
	width: 250px;
}

.logo
{
	float: left;
	text-align: left;
}

.iconarea
{
	width: 200px;
	float: right;
}

.productbodydiv
{
	width: 375px;
	float: left;
}

/* -- Start page -- */
.leftarea
{
	width: 552px;
	float: left;
}

.rightarea
{
	width: 200px;
	float: right;
}

div.localmaparea
{
	width: 100%;
	height: 242px;
	padding: 0px 5px 5px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.productcategoryarea
{
	width: 100%;
	float:left;
	margin-bottom: 15px;
}

.bottomarea
{
	width: 177px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.bottombody
{
	padding: 8px 0px 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

div.rightareapadding
{
	padding: 5px 5px 0px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* --- Intranet startpage, bottom left area---*/

.intranettoparea
{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.intranetbottomarea
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.intranetrightarea
{
	float: left;
	width: 200px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.bottomleftarea
{
	width: 361px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.intranetFirstPageArticle
{
	padding: 0px 5px;
}

/* -- Standard divs --*/

.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}

.fullwidth
{
	width: 100%;
}

.centered
{
	text-align: center;
}
.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}
img.borderless
{
	border: 0;
}
div.tablerow
{
	width: 99%;
	padding: 0.5em;
}
div.description
{
	float: left;
	width: 20%;
}
div.content
{
	float: right;
	width: 79%;
}
div.content2
{
	float: left;
	width: 79%;
}
#message
{
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	margin: 0px auto;
}
#message .error
{
	color: red;
}
#message .ok
{
	color: green;
}
.justified
{
	text-align:justify;
}
.heading
{
	font-variant: small-caps;
	font-weight: normal;
}
.topalign 
{
	vertical-align: top;
}

.bottomalign 
{
	vertical-align: bottom;
}

.gridpadding_top
{
	padding-top:25px;
}
.gridpadding_bottom
{
	padding-bottom:50px;
}
.gridpadding_right
{
	padding-right:20px;
}
.gridpadding_hor
{
	padding-right:20px;
	padding-left:20px;
}
.padding_bottom_little
{
	padding-bottom:5px;
}

.hasKobling
{
}

.hasNoKobling
{
	color: #ff0000;
}