/* reset and clearing stuff */
* { margin:0; padding:0; }
.hidden { display: none; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */

.right { float: right; }
.left { float: left; }



body { background: #fff url(../../i/bg.jpg) 0 0 repeat; font-family: verdana, arial, sans-serif; }
#container { width: 982px; margin:0 auto;margin-top: 0px; }

#header { background: white url(../../i/header-bg.jpg) 0 0 no-repeat; height: 136px; width: 982px; position: relative; }
	#header h1.logo { position: absolute; top: 55px; left: 40px; }
	#header h1.logo a { height:72px; width:363px; display: block; cursor: pointer; padding-top: 25px; color: white; font-size: 30px; font-family: arial, sans-serif; text-decoration: none; letter-spacing: 1px; }
	
	#header ul.navigation { background: url(../../i/header-menu.png) repeat-x; position: absolute; height: 30px; bottom: -7px; right: 7px; list-style-type: none; list-style-position: outside; width:580px; margin-right: 10px; padding-top: 7px;}
	#header ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.9em; letter-spacing: 1px; font-weight: normal; font-family: verdana, arial, sans-serif; border-left: 1px solid #505050; padding-left: 15px; }
	#header ul.navigation li a { color:#FFFFFF; font-size: 13px; text-decoration: none; }
	#header ul.navigation li a:hover { color:#fece02; }
	#header ul.navigation li.first { border-left: none; padding-left: 8px; margin-left: 8px; }

#contenttop { width: 922px; background: white url(../../i/content-bg.png) 0 0 repeat-y; padding: 20px 30px 20px; }
#content { width: 922px; background: white url(../../i/content-bg.png) 0 0 repeat-y; padding: 10px 30px 20px; }

	#content .content-left { width: 600px; float: left;}
		#content .content-left h1 { font-size: 20px; margin-bottom: 10px; color: #497aab; padding-top: 20px; }
		#content .content-left h3 { font-size: 18px; margin-bottom: 10px; color: #497aab; padding-top: 20px; }

		#content .content-left p { margin-bottom: 15px; font-family: verdana, arial, sans-serif; font-size: .8em; line-height: 1.5em; }
		#content .content-left .image-model { height:340px; width:209px; background: #ccc url(../../i/model.png) 0 0 no-repeat; text-indent:-9999px; margin: 10px; }
		#content .content-left a { color:#0077b9; text-decoration: none; }
		#content .content-left a:hover { color:#0077b9; text-decoration: underline; }
		#content .content-left strong { color: #434343; }

	#kampanjbox { width: 922px; height: 230px; background: transparent url(../../i/offerbg.jpg) 0 0 no-repeat; float: left;}
	#kampanjbox h1 { font-size: 24px; color: #ffffff; font-weight: normal; padding-left: 15px; padding-top: 10px;}
	#kampanjboxleft { width: 290px; height: 100px; float: left; padding-top: 15px; }
	#kampanjboxleft .links { float: left; width: 125px; margin-top: 5px; color: white; font-size: 14px; }
	#kampanjboxleft .links a { color: white; font-size: 14px; }
	#kampanjboxleft .links a:hover { color: white; text-decoration: underline; }

	#kampanjboxright { width: 500px; height: auto; float: left; padding-top: 15px;}
	#kampanjboxright p { color: white; margin-right: 10px; font-size: 13px;}

	#news {width: 570px;}
	#news h2 { margin-top: 30px; font: normal 20px verdana; color: #0d74b3; margin-bottom: 12px; }
	#news p {}

	#content .content-right { width: 300px; float: right; }
		#content .content-right ul.right-menu { width: 300px; margin:0 auto; background-color: #f7f6f6; list-style-type: none; list-style-position: outside; margin-top: 19px; margin-bottom: -4px; }
		#content .content-right ul.right-menu li { height:18px; font-family: verdana, arial, sans-serif; font-size: .7em; font-weight: none; color:#404040; font-weight: bold; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:4px 10px 0; }
		#content .content-right ul.right-menu li.header { background: transparent url(../../i/right-menu-header-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 8px; border-right: none; border-left: none; }
		#content .content-right ul.right-menu li h3 { font-size: 12px;}
		#content .content-right ul.right-menu li.bottom { background: transparent url(../../i/right-menu-bottom-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 3px; border-right: none; border-left: none; border-bottom: none; } 
		#content .content-right ul.right-menu li a { color:#0077b9; text-decoration: none; }
		#content .content-right ul.right-menu li a:hover { color:#404040; text-decoration: underline;}
		
		#rightboxbody { color: black; font-size: 12px; width: 300px; height: auto; background-image:url('../../i/right-menu-bg.png'); }
		#rightboxbody p { padding-left: 10px; padding-right: 10px; padding-top: 10px; color: #434343;}
		#rightboxbody a { color:#0077b9; text-decoration: none; }
		#rightboxbody a:hover { color:#0077b9; text-decoration: underline; }

		#rightboxbodybig { color: black; width: 600px; font-size: 13px;  height: auto; background-image:url('../../i/right-menu-bg-big.png'); }


#footer { background: white url(../../i/footer-bg.png) 0 0 no-repeat; height: 73px; width: 982px; padding: 15px 22px 0; margin-bottom: 0px; position: relative; }
	#footer ul.navigation { position: absolute; top: 21px; left: 25px; list-style-type: none; list-style-position: outside; width:480px; }
	#footer ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.7em; letter-spacing: 1px; font-weight: normal; font-family: "Myriad Pro", verdana, arial, sans-serif; border-left: 1px solid #505050; padding-left: 15px; }
	#footer ul.navigation li a { color:#ffffff; font-size: .9em; text-decoration: none; }
	#footer ul.navigation li a:hover { color:#fece02; }
	#footer ul.navigation li.first { border-left: none; padding-left: 0; margin-left: 0; }

	#footer p.copyright { padding-right: 50px; text-align: right; float: right; color:#ffffff; font-size: .7em; font-family: verdana, arial, sans-serif; width: 500px; position: relative; top: 0px; }
	#footer p.copyright a { font-weight:bold; color: #fece02; text-decoration: none; }
	#footer p.copyright a:hover { color: #fee67e; }
	
img.right {
	float: right;
	margin: 0px 0px 10px 10px;
}

img.leftbooks {
	float: left;
	margin: 0px 10px 0px 0px ;
}

.btnbutton { padding:4px 10px 3px 7px; margin-top: 10px;}
.articleTitle { font-size: 19px; margin-bottom: 10px; color: #497aab; font-weight: normal; }

#short_dots { height: 1px; width: 600px; background-color: #497aab; margin-top: 30px; margin-bottom: 30px;}


div.pagination {
	padding: 3px;
	margin: 3px;
	font-size: 14px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
		
	font-weight: bold;
	background-color: #497aab;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	
	color: #DDD;
}