/* CSS Document for UochM 2010 Font-size 12 */

html {
	background-color:#ececec;
	height: 100%;
	width: 100%;	
}

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	margin: 0 auto; /* Needed for IE8 to set margins to 0 */
}

a:link {text-decoration: underline;	color: #333333;}
a:visited {text-decoration: underline; color: #333333;}
a:hover {text-decoration: none; background-color: #000000; color: #FFFFFF;}
a:active {text-decoration: underline; color: #333333;}

h1 {font-size: 16px;color:#0000cc;font-weight:bold;}
h2 {font-size: 12px;color:#3366ff;font-weight:bold;}
h3 {font-size: 11px;color:#000000;font-weight:bold;}
h4 {font-size: 10px;color:#333333;}

#left_tabs{
	position:fixed;
	left:0px;
	top:0px;
	width:50px;
	height:800px;
	padding-top:250px;
	background-color:transparent;
	text-align:left;
	z-index:100;
}

#right_tabs{
	position:fixed;
	right:0px;
	top:0px;
	width:50px;
	height:800px;
	padding-top:250px;
	background-color:transparent;
	text-align:right;
	z-index:100;
}

/* --------------- START of the TOP CONTAINER ------------------ */

#top_container{
	position:relative;
	width:1020px;
	height:100px;
	margin-top:0px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	margin-bottom:0px;
	z-index:1;
}

#top_logo{
	position:absolute;
	width:100px;
	height:100px;
	top:0px;
	left:65px;
	z-index:2;
}

/* --------------- END of the TOP CONTAINER --------------------- */
/* --------------- START of the MAIN CONTAINER ------------------ */

#main_container{
	position:relative;
	width:1020px;
	min-height:700px;
	height:auto;
	margin-top:0px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	margin-bottom:0px;
	border-left:1px #666666 solid;
	border-right:1px #666666 solid;
	z-index:1;
}

/* --------------- Start of the Menu System ---------------------- */

#main_top_menu{
	position:relative;
	height:40px;
	width:1000px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	background-image:url(../structure/main_top_menu_bg.gif);
	z-index:2;
}

#main_top_menu_1{
	position:absolute;
	left:220px;
	top:0px;
	height:40px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/menu_startpage_nonactive.gif);
	z-index:3;
}

#main_top_menu_1:hover { 	background-image:url(../images/menu_startpage_active.gif); }

#main_top_menu_2{
	position:absolute;
	left:320px;
	top:0px;
	height:40px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/menu_ebusiness_nonactive.gif);
	z-index:3;
}

#main_top_menu_2:hover { background-image:url(../images/menu_ebusiness_active.gif); }

#main_top_menu_3{
	position:absolute;
	left:420px;
	top:0px;
	height:40px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/menu_search_nonactive.gif);
	z-index:3;
}

#main_top_menu_3:hover { background-image:url(../images/menu_search_active.gif); }

#main_top_menu_4{
	position:absolute;
	left:520px;
	top:0px;
	height:40px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/menu_webbsolution_nonactive.gif);
	z-index:3;
}

#main_top_menu_4:hover { background-image:url(../images/menu_webbsolution_active.gif); }

#main_top_menu_5{
	position:absolute;
	left:620px;
	top:0px;
	height:40px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/menu_webbplatser_nonactive.gif);
	z-index:3;
}

#main_top_menu_5:hover { background-image:url(../images/menu_webbplatser_active.gif); }

#main_top_menu_6{
	position:absolute;
	left:720px;
	top:0px;
	height:40px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/menu_warranties_nonactive.gif);
	z-index:3;
}

#main_top_menu_6:hover { background-image:url(../images/menu_warranties_active.gif); }

#main_top_menu_7{
	position:absolute;
	left:820px;
	top:0px;
	height:40px;
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/menu_kontaktaoss_nonactive.gif);
	z-index:3;
}

#main_top_menu_7:hover { background-image:url(../images/menu_kontaktaoss_active.gif); }

/* --------------- End of the Menu System ------------------------ */

#main_top_image_large{
	position:relative;
	height:250px;
	width:1000px;
	margin-top:5px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	margin-bottom:5px;
	background-color:#ffffff;
	z-index:2;
}

/* --------------- Start of the Subcontainer Startpage_center ---- */

#main_subcontainer_startpage_center{
	position:relative;
	height:200px;
	width:1000px;
	margin-top:5px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	margin-bottom:5px;
	z-index:2;
}

#main_startpage_center_left{
	position:absolute;
	top:0px;
	left:0px;
	height:200px;
	width:320px;
	background-color:#ffffff;
	z-index:3;
}

#main_startpage_center_right{
	position:absolute;
	top:0px;
	left:325px;
	height:140px;
	width:640px;
	padding-top:50px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:10px;
	text-align:left;
	background-image:url(../structure/window_right_bg.jpg);
	z-index:3;
}

/* --------------- End of the Subcontainer Startpage_center ------ */
/* --------------- Start of the Subcontainer Window -------------- */

#main_subcontainer_window{
	position:relative;
	min-height:455px;
	height:auto;
	width:1000px;
	margin-top:5px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	margin-bottom:5px;
	background-image:url(../structure/windows_container_bg.jpg);
	z-index:2;
}

#window_right{
	position:relative;
	width:630px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	padding-top:40px;
	padding-left:350px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:left;
	z-index:2;
}

#windows_printer{
	position:absolute;
	top:10px;
	left:945px;
	height:30px;
	width:30px;
	background-image:url(../structure/printer.gif);
	z-index:4;
}

#window_image{
	position:absolute;
	top:0px;
	left:55px;
	height:255px;
	width:265px;
	text-align:left;
	background-image:url(../structure/windows_image_bg.jpg);
	z-index:4;
}

#window_submenu{
	position:absolute;
	top:255px;
	left:55px;
	height:200px;
	width:265px;
	text-align:left;
	z-index:4;
}

#submenu_1{
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	width:265px;
	text-align:left;
	background-image: url(../images/submenu_garantier_nonactive.gif);
	z-index:5;
}

#submenu_1:hover { background-image: url(../images/submenu_garantier_active.gif);}

#submenu_2{
	position:absolute;
	top:40px;
	left:0px;
	height:40px;
	width:265px;
	text-align:left;
	background-image: url(../images/submenu_support_nonactive.gif);
	z-index:5;
}

#submenu_2:hover { background-image: url(../images/submenu_support_active.gif);}

#submenu_3{
	position:absolute;
	top:80px;
	left:0px;
	height:40px;
	width:265px;
	text-align:left;
	background-image: url(../images/submenu_avtal_nonactive.gif);
	z-index:5;
}

#submenu_3:hover { background-image: url(../images/submenu_avtal_active.gif);}

#submenu_4{
	position:absolute;
	top:120px;
	left:0px;
	height:40px;
	width:265px;
	text-align:left;
	background-image: url(../images/submenu_test_nonactive.gif);
	z-index:5;
}

#submenu_4:hover { background-image: url(../images/submenu_test_active.gif);}


/* --------------- End of the Subcontainer Window ---------------- */
/* --------------- Start of the Subcontainer Infobox ------------- */

#main_subcontainer_infobox{
	position:relative;
	height:200px;
	width:1000px;
	margin-top:5px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	margin-bottom:5px;
	z-index:2;
}

#main_infobox_left{
	position:absolute;
	top:0px;
	left:0px;
	height:145px;
	width:265px;
	padding-top:45px;
	padding-bottom:10px;
	padding-left:45px;
	padding-right:10px;
	text-align:left;
	background-image:url(../structure/infobox_left_bg.jpg);
	z-index:3;
}

#main_infobox_center{
	position:absolute;
	top:0px;
	left:325px;
	height:145px;
	width:300px;
	padding-top:45px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:10px;
	text-align:left;
	background-image:url(../structure/infobox_center_bg.jpg);
	z-index:3;
}

#main_infobox_right{
	position:absolute;
	top:0px;
	left:665px;
	height:145px;
	width:300px;
	padding-top:45px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:10px;
	text-align:left;
	background-image:url(../structure/infobox_right_bg.jpg);
	z-index:3;
}

/* --------------- End of the Subcontainer Infobox --------------- */
/* --------------- END of the MAIN CONTAINER --------------------- */
/* --------------- START of the BOTTOM CONTAINER ----------------- */

#bottom_container{
	position:relative;
	width:1020px;
	height:100px;
	margin-top:0px;
	margin-left:auto; /* Needed for Firefox to center layer */
	margin-right:auto; /* Needed for Firefox to center layer */
	margin-bottom:0px;
	background-image:url(../structure/bottom_container.gif);
	z-index:1;
}

#bottom_link_privacypolicy{
	position:absolute;
	top:78px;
	left:25px;
	height:15px;
	width:190px;
	z-index:2;
}

#bottom_link_w3c{
	position:absolute;
	top:61px;
	left:353px;
	height:30px;
	width:83px;
	z-index:2;
}

/* --------------- END of the BOTTOM CONTAINER ------------------- */

.bild_lankar{}
a.bild_lankar:link {text-decoration: none; background: transparent;	color: #FFFFFF;}
a.bild_lankar:visited {text-decoration: none; background: transparent; color: #FFFFFF;}
a.bild_lankar:hover {text-decoration: none; background: transparent;  color: #FFFFFF;}
a.bild_lankar:active {text-decoration: none; background: transparent; color: #FFFFFF;}
.bild_lankar img{ border-color:#000000;}

.bild_text{text-align:left;font-size:10px; color:#999999;}
a.bild_text:link {text-decoration: underline; color: #999999;}
a.bild_text:visited {text-decoration: underline; color: #999999;}
a.bild_text:hover {text-decoration: none; background-color: #000000;  color: #FFFFFF;}
a.bild_text:active {text-decoration: underline; color: #999999;}

.brand_U{color:#cd34cd;}
.brand_och{color:#cccccc;}
.brand_M{color:#333333;}

.red_bold {font-weight:bold; color:#FF0000;}