/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/*    HEADER + TOP MENU    */
#header-container {background: url(../img/comviqMenu/background_top.png) left bottom repeat-x; height: 98px;}
#header {width:850px; height: 98px; margin: 0 auto; }
#login, #logout {float: left; width: 100%; height: 22px;}
#login a {float: right; width: 80px; margin-right: 5px; height: 22px; margin-right: 30px; text-indent: -999em; background: #fff url(../img/comviqMenu/login.png) left top no-repeat;}
#logout a {float: right; width: 80px; margin-right: 5px; height: 22px; text-indent: -999em; background: #fff url(../img/comviqMenu/logout.png) left top no-repeat;}    
#login a:hover, #logout a:hover {background-position: left -40px;}
#top-menu {float: left; width: 100%; margin-top: auto;height: 66px; overflow: hidden;}
#top-menu li{float: left;}    
#top-menu li.tabb a{display: block; width: 85px; height: 44px; margin: 0 14px;text-indent: -999em; background: url(../img/comviqMenu/top-menu-new.png) left top no-repeat;}
#top-menu li#kontantkort a {background-position: left top; }
#top-menu li#kontantsurf a {background-position: -85px top; }
#top-menu li#tjanster a {background-position: -172px top; }
#top-menu li#tanka a {background-position: -258px top; }
#top-menu li#kundservice a {background-position: -344px top; }
#top-menu li#mittkonto a {background-position: -430px top; }
#top-menu li#kontantkort a:hover, .top-menu li#kontantkort .selected a {background-position: left -76px; }
#top-menu li#kontantsurf a:hover, .top-menu li#kontantsurf .selected a {background-position: -85px -76px; }
#top-menu li#tjanster a:hover, .top-menu li#tjanster .selected a {background-position: -172px -76px; }
#top-menu li#tanka a:hover, .top-menu li#tanka .selected a {background-position: -258px -76px; }
#top-menu li#kundservice a:hover, .top-menu li#kundservice .selected a {background-position: -344px -76px; }
#top-menu li#mittkonto a:hover, .top-menu li#mittkonto .selected a {background-position: -430px -76px; }
#top-menu #logo {float: left; width: 160px; }

/*    CLEARFIX */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: "\0020";}
.clearfix { display: block; }




/* --------------------------------------- */
body {background-image: url("../img/mcdonalds/top_bg.png");	background-repeat: repeat-x;}

#center {margin-left: auto;margin-right: auto;width: 850px;}

div.content {width: 820px; height: auto; float: right; margin-top: 20px;}

#top {background-image: url(../img/bounce/bounce-top.png);width: 928px; height: 421px; margin-left: -40px; }

#top .content-left {float: right;width: 300px;margin-top: 39px;margin-right: 82px;}

.motivering {background-image: url(../img/bounce/textarea.png);background-attachment: fixed;background-repeat: no-repeat;width: 280px;height: 92px;
	overflow:auto;
	color: #666666;
	padding: 5px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: italic;
	position: relative;
	z-index: 1;
}

#ribbon-compete {float: right;margin-right: -8px;margin-top: -19px;z-index: 99;position: relative;}

/* JN START */
p{font-family: Arial; font-size: 14px;}
div.content #colleft{width: 444px; margin-right: 33px; float: left;}
h1 { margin-bottom: 20px; }
   .content #colleft p{font-family: Arial; font-size: 14px;line-height: 19px; color: #717171;}
div.content #colright{width: 343px;float: left;}
div.image-container{margin-top: 30px;}
h2{margin-bottom: 20px;  }
   .image-container ul li{float: left; margin-right: 3px; margin-bottom: 15px;}
div.footer{width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px;height: 100px;}   
div.footer p{font-size: 10px; color: #717171; width: 600px; margin: 40px auto; line-height: 14px;background-color: #fff;}
object#flashMovie{margin-bottom: 17px;}
div#colright h2{margin-bottom: 20px;}

div.error-popup{position: absolute; width: 300px; height: 100px; background-color: #e6eae9; display: none; border: 3px solid #fff;
box-shadow:0px 0px 20px #000; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; padding: 30px;}
.black-overlay{background-color: #000000; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;
    -moz-opacity:.40; filter:alpha(opacity=40); opacity:.40; display: none; z-index: 998;}

div.register-form{position: absolute; width: 500px; height: auto; background-color: #e6eae9; display: none; border: 3px solid #fff;
box-shadow:0px 0px 20px #000; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; padding: 30px;}

div.register-form .textfield{margin-bottom: 20px; width:100%; height: 15px; padding: 5px;}
div.register-form .left-column{width: 200px; float: left; margin-right: 55px;}
div.register-form .right-column{width: 200px; float: left;}
div.register-form label{font-family: Arial; font-size: 12px; margin-bottom: 7px; display: block;}

div.register-form input#ort{width: 100px; float: left;}
div.register-form input#pNummer{width: 50px; float: left; margin-right: 25px;}
div.register-form .close-btn{position: absolute; right: 0; cursor: pointer;}

div.register-form .postnr-ort label{float: left; width: 50%;}

span.checkbox-text{font-family: Arial; font-size: 11px;float: left;}
input#skicka{float: right;margin-right: 35px;}
.fields-ort{width: 215px;}

div.ingress-container{min-height: 169px;}
div.ingress-container p { line-height: 19px; }
div.error-container{margin-top: 20px;}
div.error-popup .close-btn{position: absolute; top: 0; right: 0;cursor: pointer;}
div.error-container ol li{color: Red;}

.error-container p{font-family: Arial; font-size: 12px; color: Red;}

div.ajaxLoader{position: absolute; display: none;}
div.tack-popup{position: absolute; width: 500px; height: auto; background-color: #e6eae9; display: none; border: 3px solid #fff;
box-shadow:0px 0px 20px #000; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; padding: 30px;}

div.tack-popup h2{font-family: Arial; font-size: 16px;margin-bottom: 10px; line-height: 20px;}
div.tack-popup p{font-family: Arial; font-size: 12px;}
div.tack-popup .close-btn{position: absolute; cursor:pointer; display: block; top: 0; right: 0;}
/* JN END */

.small-picture, .small-picture-last { width: 166px; height: 145px; margin-right: 16px; }
.small-picture-last { margin-right: 0px; }
.image-container2 {margin-right: -5px; float: left; }
.image-container2 ul li{float: left; margin-bottom: 15px; }

.col-center { margin: auto; width: 715px; }
.col-left { float: left; width: 350px; }
.col-right{ float: left; width: 350px; margin-left: 15px; /* margin-top: 42px; */}

.col-right h2 { margin-right:4px; display: none;}