/*
 * Information om style
 * Överst i stil.css finns all "orginal css"
 * Neders i css´en hittar du strukturen på sidan, det är denna du ändrar för att style om temat.
 * // Mikael Åkesson 
 */

body {
	margin:0px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(grafik/bg.png) repeat-x #fff;
	color: #3c3c3c;
}
a {
	color: #cc0000;
}
a:hover {
    text-decoration:none;
}

input.button {
	border: 2px solid #333;
	background: #1a1a1a;
	font-size: 10px;
	font-family: verdana;
	color: #FFF;
	font-weight: bold;
	margin:10px 0;
}

input.button-dark {
	border: 0px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background:url(gfx/button-dark.png) no-repeat;
	width: 117px;
	height: 26px;
	padding: 0px;
}

input.blue {
	width: 200px;
	padding: 2px;
	font-size: 11px;
	border: 1px solid #7f9db9;
	background: #FFF;
	margin: 5px 0 5px 0;
	color: #333;
}

input.text {
	width: 175px;
	padding: 2px;
	font-size: 11px;
	border-top: 1px solid #b2b2b2;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #b2b2b2;
	background: #fafafa;
	margin: 3px 0 3px 0;
	color: #333;
}

select {
	width: 175px;
	padding: 2px;
	font-size: 11px;
	border-top: 1px solid #b2b2b2;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #b2b2b2;
	background: #fafafa;
	margin: 3px 0 3px 0;
	color: #333;
}

select.blue {
	width: 205px;
	padding: 2px;
	font-size: 10px;
	font-family: verdana;
	border: 1px solid #7f9db9;
	background: #FFF;
	margin: 3px 0 3px 0;
	color: #333;
}

textarea.blue {
	width: 600px;
	margin: 0px 0 10px 0;
	padding: 3px;
	font-size: 11px;
	font-family: verdana;
	height: 100px;
	border: 1px solid #7f9db9;
}

h1 {
    font-size:24px;
    font-weight:bold;
    color:#333333;
}


h2 {
    font-size:18px;
    font-weight:bold;
    color:#333333;
    margin:0;
}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 18px;
	margin: 0 0 10px 0;
	font-weight: normal;
}

hr {
    border: none;
    height: 0px;
    font-size: 0px;
    background: transparent;
    border-bottom: 1px dotted #adadad;
    margin: 5px 0 5px 0;
    padding: 0px;
}

a img {
	border: none;
	cursor: pointer;
}
p {
	margin: 0;
	padding: 0;
	color: #3c3c3c;
}

div.site {
	width: 1014px;
	margin: auto;
	margin-top: 0px;
}

div.header {
	width: 1004px;
	padding: 0 5px;
}
div.logo{
	float: left;
	margin: 0px 0 10px 0;
	padding-top: 9px;
}
div.contact {
	float: right;
	padding-top:20px;
	color: #fff;
	font-weight: bold;
}
div.topMenu {
	margin-top: 6px;
	margin-left: 5px;
}


div.topMenu ul {
	padding: 5px;
	margin: 0;
	list-style: none;
	float: left;
}

div.topMenu ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 7px;
}

div.topMenu ul li a {
	text-decoration: none;
	float:left;
	color: #fff;
	cursor: pointer;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
}

div.topMenu ul li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 5px 5px 15px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}
div.topMenu ul.red li a.current, ul.red li a:hover {
	background: url(grafik/red.png) no-repeat top right;

}

div.topMenu ul.red li a.current span, ul.red li a:hover span {
	background: url(grafik/red.png) no-repeat top left;
}

div.cont {
	width: 999px;
	padding: 0 7px;
	background: url(grafik/contBg.png) repeat-y;
	margin-top: 3px;
}

div.innerCont {
	width: 979px;
	padding: 0 10px;
	padding-bottom: 35px;
}
div.contFooter {
	width: 999px;
	height: 15px;
	padding: 0 7px;
	
	background: url(grafik/contFooter.png) no-repeat;
}

div.box {
	float: left;
	margin: 10px 7px;
}
div.box p {
	font-size: 10px;
}
div.boxLeft {
	float: left;
	width: 3px;
	height: 180px;
	background: url(grafik/boxLeftBg.png) no-repeat;
}
div.boxMiddle {
	float: left;
	height: 160px;
	background: url(grafik/boxMiddleBg.png) repeat-x;
	padding: 10px 5px;
}
div.boxRight {
	float: left;
	width: 3px;
	height: 180px;
	background: url(grafik/boxRightBg.png) no-repeat;
}

div.referens {
    float:left;
    margin-left:35px;
}
div.footer {
    width:100%;
    height:236px;
    background:url(grafik/footer.png) repeat-x;

}

div.inner_footer {
    width:1014px;
    margin:auto;
}

div.inner_footer a {
    font-size:11px;
    color:#999999;
    text-decoration:none;
}

div.inner_footer a:hover {
    text-decoration:underline;
}
div.f_contact {
    float:left;
    width:240px;
    font-size:11px;
    color:#999999;
    padding:15px 0 0 20px;
}
div.f_contact p{
	color:#999999;
}
div.f_contact a {
    color:#999999;
    text-decoration:none;
}
div.f_contact a:hover {
    text-decoration:underline;
    color:#fff;
}

div.f_menu {
    float:right;
    padding:5px 20px 0 0;
}
div.f_menu td {
    color:#999999;
    margin-right:10px;
    width:100px;
    font-size:11px;
}

div.f_menu table{

}
div.over_footer {
    width:1014px;
    height:62px;
    margin:auto;
    background:url(grafik/over_footer.png) no-repeat;
}
div.border {
    width:100%;
    height:2px;
    background:url(grafik/border.png) repeat-x;
    border:none;
}

div.menubox-top {
    width: 180px;
    padding: 8px 15px 0 15px;
    height: 26px;
    font-family: Trebuchet MS, Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    background:url(grafik/menubox-top.png) repeat-x;
}
div.menubox {
    border-left: 1px solid #e3e1d4;
    border-right: 1px solid #e3e1d4;
    width: 178px;
    padding: 15px;
    margin: 0px;
    color:#333;
}

div.menubox a {
    text-decoration:none;
}

div.menubox a:hover {
    text-decoration:underline;
}

div.menubox-bottom {
    width: 210px;
    padding: 0px;
    margin: 0 0 15px 0;
    font-size: 0px;
    height: 15px;
    background:url(grafik/menubox-bottom.png);
}


div.support {
    float:right;
    padding:0px 30px 0 0;
	margin-bottom:15px;
}

div.support a {
    margin-left:10px;
    color:#fff;
    font-size:12px;
    text-decoration:none;
	background:url(grafik/hover_bg.png) repeat-x;
	padding:5px;
}

div.support a:hover {
    text-decoration:underline;
    color:#fff;
}

div.wrap_right {
    float:right;
    text-align:right;
}

div.yes {
    width:15px;
    height:15px;
    background:url(grafik/check.png) no-repeat;
    border:none;
    float:right;
}

table.ebutik {
    width:100%;
    border:0;
}

#ingar {
    border-collapse:collapse;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    width:600px;
}
#ingar th {
    background:#fff url(grafik/table_header.png) repeat-x scroll center left;
    color:#fff;
    padding:6px 15px;
    text-align:left;

}
#ingar td {
    background:#f3f3f3;
    color:#000;
    padding:5px 15px;
    border-bottom:1px dotted #ccc;
}


#report {
    border-collapse:collapse;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    width:600px;
}
#report h4 {
    margin:0px; padding:0px;
}
#report img {
    float:right;
}
#report ul {
    margin:10px 0 10px 40px;
    padding:0px;
}
#report th {
    background:#fff url(grafik/table_header.png) repeat-x scroll center left;
    color:#fff;
    padding:6px 15px;
    text-align:left;

}
#report td {
    background:#fff;
    color:#000;
    padding:5px 15px;
}
#report tr.odd td {
    background:#f3f3f3;
    cursor:pointer;
    border-bottom:1px dotted #ccc;
}
#report div.arrow {
    background:transparent url(grafik/arrows.png) no-repeat scroll 0px -16px;
    width:16px;
    height:16px;
    display:block;
}
#report div.up {
    background-position:0px 0px;
}
div.left {
    float:left;
    width:210px;
    padding: 0px 20px 20px 20px;
    margin: 0px 0 0 0;
}

div.textCont {
	float: left;
	width: 690px;
	border-left: 1px dotted #ccc;
	padding: 0 15px;
}
div.pageCont {
	width: 979px;
	padding: 15px 10px;
	padding-bottom: 35px;
}
div.pageCont h1 {
	margin-top: 0;
}

ul.menu-item {
    margin: 0;
	padding: 0;
}
ul.menu-item li {
	border-bottom: 1px dotted #adadad;
    width: 148px;
    margin: 0px;
    padding: 5px 0 5px 0;
    width: 100%;
	list-style: none;
}
ul.menu-item a {
    color: #333;

}

div.where {
	width: 939px;
	padding: 10px 30px;
	background: url(grafik/whereBg.png) repeat-x;
}

div.errorBox {
	background:#FEF1EC;
	padding:10px;
	border:1px solid #CD0A0A;
	color:#CD0A0A;
}
div.errorBox a {
	color:#CD0A0A;
	font-weight:bold;
	text-decoration:underline;
}
div.errorBox a:hover {
	text-decoration:none;
}

div.errorBox ul
{
	list-style: none;
}

div.successBox {
	width: 90%;
	padding: 10px;
	margin: 10px auto 10px auto;
	font-size: 12px;
	font-family: Tahoma;
	color: #006600;
	background:#DBFDD9;
	border: 1px solid #009900;
}

div.newsBox {
	padding: 10px;
	border: 1px dotted #ccc;
	margin: 0px 0 15px 0;
}