body {background: #ffffff url(http://www.proffsklungan.nu/images/185.gif) no-repeat fixed center; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica; font-size: 0.7em;}
h1 {margin-bottom:-8px; margin-top:0; font-size: 1.5em; font-family: Lucida Sans Unicode, Lucida Grande, Verdana; color: #336699;}
h2 {margin: 0 0 0 0; font-family: Lucida Sans Unicode, Lucida Grande, Verdana; font-size: 1.3em;}
h3 {margin: 0 0 10px; 0; font-size: 1.1em;}
h4 {margin: 0 0 0; 0; font-size: 1.1em;}
h5 {margin: 0 0 0; 0; font-family: Arial Black; font-size: 1.3em; font-size: 1.1em;}
p {line-height: 1.8em;}
a {color: #336699; text-decoration: none;}
a:hover {text-decoration: underline;}
.hr {font-size: 0; height: 0; margin: 6px 0 6px 2px; border-top: 1px dotted #cccccc; clear: both;}
.delare {font-size: 0; height: 0; margin: 0 0 10px 0; border-top: 1px dotted #cccccc; clear: both;}

#toppbannerbox {
background-color: transparent;
width: 980px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
}

/* Layout */
#container {width: 960px; margin-right: auto; margin-left: auto;  background: #ffffff; border-top: 10px solid #ffffff; border-right: 10px solid #ffffff; border-bottom: 10px solid #ffffff; border-left: 10px solid #ffffff;}
#kolumncontainer{float: none; width: 960px; background: #ffffff; display:inline;}
#kolumn1 {float: left; width: 470px; padding-right: 10px; margin-top: 10px; background: #ffffff; position:relative;}
#kolumn2 {float: left; width: 270px; padding: 10px; margin-top: 10px; background: #f7f7f7;}
#kolumn3 {float: right; width: 180px; margin-top: 10px; background: #ffffff; position:relative;}
#videosidfot {clear: both; padding: 0px; border-top: 5px dotted #99cccc;}
#sidfot {clear: both; padding: 0px; background-image: url(http://www.proffsklungan.nu/grafik/bg_menubar.jpg);}

.sidfotmeny
a {color: #ffff33; text-decoration: none;}
a:hover {text-decoration: underline;}

/*----MENY----*/

#menubox1  {
background-image: url(http://www.proffsklungan.nu/grafik/bg_menubar.jpg);
width : 55%;
padding : 0;
float : left;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
}
#menubox2 {
background-image: url(http://www.proffsklungan.nu/grafik/bg_menubar.jpg);
width : 45%;
padding : 0;
float : right;
height: 50px;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
}
.menu_bar ul {
list-style : none;
margin : 0;
padding : 0;
}
.menu_bar li {
float : left;
}
.menu_bar li a {
height : 50px;
font-family : tahoma, arial, verdana, sans-serif;
font-size : 12px;
color : #ffffff;
font-weight : bold;
padding : 0 15px 0 15px;
display : block;
line-height : 50px;
text-decoration : none;
}
.menu_bar li a:hover {
color : #f7f7f7;
}

.menu_bar li:hover ul {
display : block;
}
.menu_bar li li {
display : block;
float : none;
width : 225px;
}
.menu_bar li ul a {
display : block;
font-size : 12px;
font-style : normal;
color : #000000;
height : 30px;
line-height : 30px;
padding : 0 0 0 15px;
text-align : left;
}
.menu_bar li ul a:hover {
background : #cccccc;
color : #000000;
}
#page-wrap {
width : 100%;
}
ul {
margin-left : 0;
padding-left : 0;
list-style : none;
}
ul li a {
display : block;
padding : 4px;
color : #666;
}
ul li a:hover {
background : #ff99cc;
color : white;
}

.innertube{
margin: 0px;
margin-top: 0;
border-bottom: 10px solid #ffffff;
width: 100%;
}

/* Lightbox */
#lightbox{position: absolute; left: 0; width: 100%; z-index: 500; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:http://www.cykelnytt.se/lightbox/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.cykelnytt.se/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.cykelnytt.se/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}	

#overlay{ position: absolute; top: 0; left: 0; z-index: 300; width: 100%; height: 500px; background-color: #000;}

/* FooterMeny */
#footermeny { overflow: hidden; clear: both;}
#footermeny p#iv { position: absolute; bottom: 0; left: 0;}
#footermeny p#iv img { vertical-align: middle; margin-right: 10px;}
#footermeny ul a:hover { text-decoration: none; }
#footermeny p#iv, #footer p#iv a { color: #369;}
#detailwrapper, #detailwrapper a { color: #369;}
#detailwrapper { overflow: hidden; margin-left: 10px;}
#detailwrapper div { float: left; width: 180px; margin-right: 25px;}
#detailwrapper div.last { float: left; margin-right: 0px;}