/** Css mall för hubbealgovik.se **/
@import url("/styles/reset.css");

body { background: #000 url(/img/BgBlue.jpg) no-repeat scroll center top; color:#444; font:85% Georgia, "Times New Roman", Times, serif; text-align:center; }

/* Layout & bakgrunder */
#wrapper { margin: 0 auto; width:960px; background: #fff; }
#header { background: #fff url(/img/headerBgHi.jpg) no-repeat; height: 400px; width:960px; clear:both; }
#menu { margin: 0 auto; background: #000; width:960px; height: 60px; clear:both; text-align:left; }
#main { padding: 0 10px 10px 10px; }
#indexmain { position:relative; height:573px; padding: 0 10px 10px 10px; }
#indexleftcol { position:relative; font-size:1.2em; line-height:1.5em; width:880px; text-align:left; padding: 0 10px; margin: 10px 0 10px 0; z-index:999; }
#leftcol, #formcol { font-size:1.2em; line-height:1.5em; width:580px; text-align:left; padding: 0 10px; margin: 10px 0 10px 0; }
#moviecol { width:940px; padding-top:10px; }
#maincol { font-size:1.2em; line-height:1.5em; width:940px; text-align:left; padding: 10px; margin: 10px 0 10px 0; }
#gallericol { font-size:1.2em; line-height:1.5em; width:920px; text-align:left; padding: 10px; margin: 0 0 10px 0; }
#bildcol{ text-align:left; width:940px; padding: 10px; margin: 10px 0 10px 0; }
#midcol { background: #ccc; width:180px; margin: 10px 0 10px 0; }
#rightcol { text-align:left; line-height:1.5em; width:300px; margin: 10px 0 10px 0; }
#indexrightcol { position:absolute; z-index:2; top:0; right:-22px; width:375px; height:583px; background: transparent url('/img/hubbebilder/hubbeBw.jpg') no-repeat top center; }
.aboutimage { width:290px; margin-bottom:10px; }
.aboutpage { height: 500px; background: transparent url(/img/hubbe/hubbe.jpg) no-repeat top left; }
#footer { clear:both; }
.indexfooter { background-color: #fff; height: 110px; width:940px; padding: 0 10px 10px 10px; }
#copy { margin: 0 auto; width:960px; color:#ccc; }
.gallericol { background: transparent url(/img/galleriBg.jpg) no-repeat top center ; }

#aktiv { position:relative; top:0px; right:30%; width: 200px; height: 200px; background-color: #BDE5F8; }

.cover { width:600px;  text-align: left; font-size:11px; line-height: 1.2em}
.cover img { padding-right: 5px; }
.cover h4 { margin-top:1em; font-size:1.2em; line-height: 2.2em}
.cover > div { vertical-align:top; }
.covertext { width:300px; height:200px }

/* Meny & Länkar */
#menu ul{ background-color: #000; float:left; width: 100%; font: bold 1.4em Georgia,serif; }
#menu li{ display: inline; }
#menu ul a{ float: left; text-decoration: none; padding: 1em 2em; }

#menu a:link { color: #ffffff; }
#menu a:visited { color: #ffffff; }
#menu a:hover { background-color: #00488e; }
#menu a.current { background-color: #00488e; color: #fff; }

#menu > ul > li#last > a{ float: left; text-decoration: none; padding: 1em 1em; }

 p.htabs {  }
.htabs a:link { text-decoration: none; }
.htabs a:visited { }
.htabs a:hover { text-decoration: underline; }
.htabs a.current { text-decoration: underline;  }




#copy a:link, a:link.dl {color: #ccc; text-decoration:none; }
#copy a:visited, a:visited.dl {color: #ccc; text-decoration:none; }
#copy a:hover, a:hover.dl { text-decoration:underline; }

.icons a:link { font: bold 10px Verdana , sans-serif; text-decoration:none; }
.icons > a > img { padding: 0 5px; margin-right:10px ;}

/* Typografi */
p { text-align: justify; }
h1 { font-size:1.8em; margin: 15px 0 ;}
h1 span { font:60% Georgia, serif; }
h2 { }
h3 { }
h4 { }
h5 { }
em { font-style:normal; font-weight:bold; }

/* block & listor */
blockquote { display: block; width:615px; padding: 0.3em 0; font-size: 1em; margin: 1.8em 0; }
blockquote:before, blockquote:after { color: #ccc; display: block; font-size: 350%; }
blockquote:before { content: '\201C'; height: 0; margin: 0 0 -14px 0 ; }
blockquote:after { content: '\201D'; height:0; margin: -0.17em 0 0 3.7em; }
#om > blockquote:after { content: '\201D'; height:0; margin: -0.17em 0 0 3.25em; }

p.quote:first-child { text-indent:26px; font-size: 1.0em; }

.fbtext { text-align:left; font-size: 1.2em; line-height:1.5em; }
.fotocred { font:70% Arial, verdana, sans-serif;  color: #666; }
ul#aktuellt { display:block; width:600px; }
li.ingress { cursor:pointer; margin-bottom:12px; }
ul#aktuellt > li.ingress >  a.infolink { color: #666; text-decoration:none; }

/* meddelandeblock */
.info, .success, .warning, .error, .validation { display:none;  border: 1px solid;  margin: 10px 0px; padding:10px 0 0 10px; }
.info { color: #00529B; background-color: #BDE5F8; }
.error { color: #D8000C; background-color: #FFBABA; }
.success { color: #4F8A10; background-color: #DFF2BF; }
.warning { color: #9F6000; background-color: #FEEFB3; }
.validation { color: #D63301; background-color: #FFCCBA; }

.info ul, .success ul, .warning ul, .error ul, .validation ul { list-style-type:none; }
.info li, .success li, .warning li, .error li, .validation li { height: 40px; display:block; padding: 5px 0 0 45px; }


li.icons {
background-color: #eee;
}

.info li { background:transparent url('/img/icons/info.png') no-repeat 0 0; }
.error li { background:transparent url('/img/icons/error.png') no-repeat 0 0;  }
.success li { background:transparent url('/img/icons/success.png') no-repeat 0 0; }
.warning li { background:transparent url('/img/icons/warning.png') no-repeat 0 0; }
.validation li { background:transparent url('/img/icons/info.png') no-repeat 0 0; }
#fmsg {display:none;}

/* formulär & sånt */
#hubbeform input { display: block; }
#hubbeform label { font-weight:bold; }
#hubbeform > fieldset > #name, #hubbeform > fieldset > #mail { font:100% Georgia, serif; margin-bottom: 10px; width: 500px; height: 30px; }
#hubbeform > fieldset > #username, #hubbeform > fieldset > #pass { font:100% Georgia, serif; margin-bottom: 10px; width: 500px; height: 30px; }
#hubbeform textarea { font:100% Georgia, serif; height: 120px; width: 560px; }
#hubbeform > fieldset > #send, #hubbeform > fieldset > #reset { display:inline; font:100% Georgia, serif; font-weight:bold; margin-right: 15px; }
#hubbeform > fieldset > #send{ display:inline; font:100% Georgia, serif; font-weight:bold; margin-right: 15px; }

textarea.area { width:595px}


/* diverse */
.fullwidth { width: 100% }
.nofloat { float:none; }
.leftitem { float:left; }
.rightitem { float:right; }
.clear { clear:both; }
.inline { display:inline; }
.inline img { vertical-align:top; }
.hidden { display:none; }
.lm10 { margin-left:10px; }
.lm20 { margin-left:20px; }
.tm20 { margin-top:20px; }