@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#000000; }
body { margin:0; padding:24px 0; background:#ffffff; }
p { margin-bottom:15px; font-size:12px; }
img { border: 0; margin: 0; padding: 0; }

input.textfield { padding:1px 2px; border:1px solid #5d5d5d; font-size:11px; }
textarea { padding:2px 3px; border:1px solid #5d5d5d; font-size:11px; }

/*Horizontell rule*/
.hr-1, .hr-2, .hr-3 { clear:both; overflow:hidden; }
.hr-1 { height:50px; background:url(/gfx/hr-model-1.gif) no-repeat center; }
.hr-2 { height:50px; background:url(/gfx/hr-model-2.gif) no-repeat center; }
.hr-3 { height:50px; background:url(/gfx/pixel-grey.gif) repeat-x left center; }

.hr { height:35px; background:url(/gfx/pixel-grey.gif) repeat-x left center; }


/*Clear-fix*/
.clear-tag { clear:both; overflow:hidden; height:0; }
.clear-fix { clear:both; }


/*Hyperlinks*/
a { font-size:inherit; font-weight:bold; color:#9b9b56; text-decoration:none; }
a:hover { text-decoration:underline;  }

p.action-nav a { font-weight:normal; }


#page { width:958px; margin:auto; }
	#header { width:100%; height:225px; background:url(/gfx/bg-top.gif) no-repeat 0 0; }
		#logotype { width:136px; height:110px; padding:49px 50px 16px 91px; float:left; overflow:hidden; }
		#flash-quotation { width:681px; padding-top:70px; float:left; }
		#menu { padding:0 30px 15px; }
		#menu-lang { padding:0 32px; }
		#main { background: url(/gfx/bg-middle.gif) repeat-y center; width:950px; padding:0 4px 15px 4px; }
		#left { width:560px; padding: 0 25px 0 36px; float:left; }
		#right { width:294px; padding:0 35px 0 0; float:left; }
	#footer { width:100%; height:240px; background:url(/gfx/bg-bottom.gif) no-repeat 0 0; }
		#footerLeft { padding:75px 0 0 0; float:left; text-align:center; width:479px; }
		#footerRight { padding:75px 0 0 0; float:left; text-align:center; width:479px; }
			#footerRight a img { padding-top:5px; }
/*Menu*/
#menu ul { list-style:none; }
#menu ul li { display:block; width:auto; float:left; }
#menu ul li a { display:block; width:auto; padding:0 7px; text-transform:uppercase; color:#9b9b56; text-decoration:none; font-weight:bold; font-size:11px; }
#menu ul li a span { color:red; }
#menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  }
#menu ul li a.current img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  }

/*MouseOver*/
#menu ul li.hem { background:url(/gfx/menu-hem-white.gif) no-repeat center center; }
#menu ul li.nyheter { background:url(/gfx/menu-nyheter-white.gif) no-repeat center center; }
#menu ul li.forum { background:url(/gfx/menu-forum-white.gif) no-repeat center center; }
#menu ul li.blogg { background:url(/gfx/menu-blogg-white.gif) no-repeat center center; }
#menu ul li.stories { background:url(/gfx/menu-stories-white.gif) no-repeat center center; }
#menu ul li.projekt { background:url(/gfx/menu-projekt-white.gif) no-repeat center center; }
#menu ul li.kompisar { background:url(/gfx/menu-kompisar-white.gif) no-repeat center center; }
#menu ul li.om-oss { background:url(/gfx/menu-om-oss-white.gif) no-repeat center center; }

/*Menu-lang*/
#menu-lang ul { list-style:none; text-align:right; }
#menu-lang ul li { display:inline; width:auto; }
#menu-lang ul li a {padding:0 7px; text-transform:uppercase; color:#000000; text-decoration:none; font-weight:bold; font-size:11px; }
#menu-lang ul li a:hover { color:#9b9b56; }

ul.community-nav { list-style:none; padding-bottom:3px; }
ul.community-nav li { display:inline; width:auto; }
ul.community-nav li a img { padding-right:7px; }

/*Archive*/
.archive .text { width:560px; }
.with-image .image { width:180px; height:140px; padding-right:25px; float:left; }
.with-image .text { padding-top:10px!important; width:355px!important; float:left; }


/*icons*/
.icon-barbed-wire { width:100%; height:30px; background:url(/gfx/icon-barbed-wire.png) no-repeat 0 0; clear:both; margin-bottom:15px; behavior: url(javascript/iepngfix.htc);  }

/*Login-box*/
.box-login .field { width:240px; } 
.box-login .button { float:right; }

/*Registrering*/
.registrering .field { width:340px; float:left; }
.registrering label { width:200px; float:left; margin-right:10px; color:#9B9B56; font-size:12px; font-weight:bold; text-decoration:none; margin:4px 0; }
.registrering .radio, .registrering .checkbox { width:14px; height:14px; margin-right:5px; float:none; display:inline; vertical-align:0px; }
.registrering .label-radio { width:auto; margin:0; float:none; display:inline; margin-right:5px; vertical-align:1px; font-size:12px; color:#000000; font-weight:normal; }

.registrering .with-show-not-show { width:175px!important; margin-right:10px!important; }
.registrering .button { margin:auto; display:block; float:none; }



/*drops*/
.drop-right-1 { height:22px; width:100%; background:url(/gfx/drops-right-1.gif) no-repeat 0 0; margin-bottom:3px; margin-top:-15px; }
.drop-image-up-1 { height:12px; margin-top:-12px; width:100%; background:url(/gfx/drop-image-up-1.gif) no-repeat 0 0; }
.drop-image-down-1 { height:13px; width:100%; background:url(/gfx/drop-image-down-1.gif) no-repeat 0 0; margin-bottom:15px; clear:both; }

/*boxar*/
.box-forum { background:#000000 url(/gfx/bg-forum.gif) no-repeat right top!important; }
.box-blogg { position:relative; background:#000000 url(/gfx/bg-blogg.gif) left bottom!important; }
.box-blogg .icon-moon { width:43px; height:46px; position:absolute; bottom:14px; right:26px; background:url(/gfx/icon-moon.png) no-repeat 0 0; behavior: url(javascript/iepngfix.htc); }
.box-with-icon { padding-right:90px!important; }

.box-black { padding:23px 23px; background:#000000; margin-bottom:15px; }
.box-black p { color:#ffffff; }
.box-black h4, .box-black h4 a { color:#9b9b56; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.box-black h3, .box-black h3 a { color:#ffffff; font-size:12px; font-family:"Courier New", Courier, monospace; }
.box-black h2, .box-black h2 a { color:#ffffff; font-size:13px; font-family:"Courier New", Courier, monospace; letter-spacing:-1px; padding-bottom:3px; }

/*Comments*/
.comments { padding-top:10px; }
.comment { padding:0 0 0 25px; background:url(/gfx/bullet.gif) no-repeat 15px 4px; }
.avatar-name { font-weight:bold; color:#5e5d5d; }
.comment-login { padding:0 0 0 25px; }
.comment-login h2, .comment-logged-in h2 { padding-bottom:15px; font:bold 11px/normal Verdana, Arial, Helvetica, sans-serif; color:#5e5d5d; }
.comment-login label, .comment-logged-in label  { font-size:11px; font-weight:bold; color:#9b9b56; float:left; width:70px; padding-top:1px; }
.comment-login input { float:left; width:300px; }
.comment-login a, .comment-logged-in a { font-size:11px; }

.comment-logged-in { padding: 0 0 0 25px; }
.comment-logged-in textarea { width:298px; height:50px; }
.comment-logged-in input { width:230px; float:left; }

/*Headings*/
h1, h1 a { font-size:28px; font-family:"Courier New", Courier, monospace; color:#9b9b56; }
h2, h2 a { font-size:22px; font-family:"Courier New", Courier, monospace; color:#9b9b56; }
h4, h4 a { font-size:15px; font-family:"Courier New", Courier, monospace; color:#000000; padding-bottom:3px; }

span.punchline { font-size:12px; font-weight:normal; }

/*other small classes*/
.no-m-p { margin:0!important; padding:0!important; }
.f-left { float:left; }
.f-right { float:right; }

.pb-5 { padding-bottom:5px!important; }
.pb-10 { padding-bottom:10px!important; }
.pb-15 { padding-bottom:15px!important; }
.pb-20 { padding-bottom:20px!important; }