/* Formatmall för Lucky Dogs */

body {margin:0px; padding:0px; background-color:#000000; font-family:Verdana; font-size:1em; line-height:110%; behavior:url(css/csshover.htc);}

a:link {text-decoration:none; color:#990000}
a:visited {text-decoration:none; color:#660000}
a:active {text-decoration:none; color:#990000}
a:hover {text-decoration:underline; color:#990000}

h1 {margin:0px; color:#333333; font-size:1.5em; line-height:normal;}
h2 {margin:0px; color:#333333; font-size:1.2em; line-height:normal;}
h3 {margin:0px; color:#000000; font-size:1em; line-height:normal;}
h4 {margin:0px; color:#ffffff; font-size:1em; line-height:normal; text-align:center;}
h5 {margin:0px; color:#fff; font-size:4em; line-height:normal;}

#sidbox {width:800px; margin-left:auto; margin-right:auto; font-size:.8em; margin-top:0px;}
#logga {float:left; margin-left:50px; width:300px; height:105px;}
#backtop {float:left; width:450px; height:105px; background-image:url(images/bakgr_fans2.jpg);}
#banner {float:left; top:65px; height:60px; width:360px; padding:0px;}
#meny {float:left; clear:both; top:105px; width:800px;}
#top {float:left; width:800px; padding:0px; height:131px; text-align:center;}

#kolbox {float:left; width:800px; background-color:#ebebeb;}

#left {float:left; padding:10px 10px 10px 10px; width:170px; margin-right:10px;}

#mitten {float:left; padding:15px 10px 10px 0; width:400px; height:auto; line-height:160%;}
#mittbred {float:left; margin:10px 0; padding:0; width:580px; height:auto; line-height:160%; text-align:center;}

#right {float:left; padding:10px 10px 10px 5px; width:175px; height:auto;}
#rightbox { padding:10px; width:160px; height:auto; background-color:#cccccc; border:1px solid #666666;}

#shadow {filter: DropShadow(color=000000 offx=4 offy=4 positive=1); width:100%; height:210px;}
#fender {bottom:0px; z-index:3;}
#bottom {float:left; clear:both; width:800px; height:20px; padding:3px 0px 0px 0px; text-align:center; background-color:#CCCCCC;
background-image:url(images/strata130x22px.jpg); background-repeat:no-repeat; border-top:2px solid #000000;}

#felmedd {position:absolute; top:50px; left:50px; padding:10px; width:180px; height:auto; font-size:.7em; 
background-color:#cccccc; border-top:solid 1px #666666; border-right:solid 1px #666666; border-bottom:solid 1px #666666;}

#bildvanster {float:left; padding:0px 10px 0px 0px;}	
#bildhoger {float:right; padding:0px 0px 0px 10px;}	

#popada {padding:10px; position:absolute; left:50%; top:10px; z-index:5; height:550px; 
width:335px; display:none; font-size:1em; background-color:#FFFFFF; border:2px solid #999999;}

#popadb {padding:10px; position:absolute; left:50%; top:10px; z-index:5; height:550px; 
width:335px; display:none; font-size:1em; background-color:#FFFFFF; border:2px solid #999999;}

#popadligga {padding:10px; position:absolute; left:40%; top:10px; z-index:5; height:390px; 
width:500px; display:none; font-size:1em; background-color:#FFFFFF; border:2px solid #999999;}

#popadliggb {padding:10px; position:absolute; left:40%; top:10px; z-index:5; height:390px; 
width:500px; display:none; font-size:1em; background-color:#FFFFFF; border:2px solid #999999;}

#popup {padding:15px; width:290px; background-image:url(images/skugga.gif);}

.ruttext {color:#FFFFFF;}
.loptext {font-family:Verdana; font-size:8pt; line-height:11pt;}
.menytext {font-family:Verdana; font-size:8pt; line-height:12pt;}
.formular {font-size:1em;}
.formknapp {font-size:.9em; width:110px;}
.citatstycke {font-size:8pt; color:#333333; line-height:10pt;}
.knapp {height:20px; width:100px; color:#000000; font-family:verdana; font-size:8pt; font-weight:normal; display:inline;}

/* den vågräta menyn börjar här */
#listmenu {
	width:100%; 	/* ger div-elementet full bredd */
	height:23px;
	float:left; 	/* gör att div-elementet omsluter listan */
	clear:both;
	border-top:1px solid #000000;		/* skapar en linje i div-elementets övre kant */
	border-bottom:2px solid #000000;	 	/* skapar en linje i div-elementets nedre kant */
	font-size:1.2em;		/* ANGE TECKENSTORLEKEN HÄR */
	background-color:#999999; 			/* ger div-elementet färg */
	margin-top:0px; 	/* TILLFÄLLIGT - knuffar ner div-elementet en bit i webbläsarfönstret för att göra 
					det här exemplet tydligare */
	}
#listmenu ul {margin:0px 0px 0px 118px; /* drar in ul från behållarens kant */
	}
#listmenu li {
	float:left;	/* får listan att justeras vågrätt i stället för lodrätt */
	position:relative; /* positioneringskontext för den absolut positionerade listmenyn */ 
	height:20px;
	padding-top:3px;
	list-style-type:none; /* tar bort punkterna för varje listpost */
	background-color:#cccccc; /* anger bakgrunden för menyalternativen */
	border-right:1px solid #666666; /* skapar linjer som separerar listposterna */
	}
#listmenu li:first-child {
	border-left:1px solid #666666; /* den första lodräta linjen på menyn */
	}
#listmenu li:hover { 
	background-color:#FFFFFF; /* anger bakgrunden för menyalternativen */
	}
#listmenu a {
	display:block; /* alternativen på listmenyn ändrar färg */    
	/*padding:0 6px;*/ /* skapar luft på varje sida om menyalternativen */
	width:120px; /*bredd på alternativen*/
	text-decoration:none; 	 /* tar bort understrykningen av länken */
	color:#000000;	/* anger teckenfärgen */
	}
#listmenu a:hover {
	color:#990000;
	}
/* den vågräta menyn slutar här */

/* HACK-ZON - */
/* hack för IE (alla modeller) så att menyn får en vågrät linje längst ut till vänster */
* html div#listmenu ul {
	float:left; /* får ul att omsluta alla li-elementen */
	border-left:1px solid #666666; /* lägger till linjen längst ut till vänster i ul-elementet */
	margin-left:80px; /* IE fördubblar värdet som angivits - varför? */
	}
/** html a {display:block;} /* får IE5 & 5.5 att acceptera padding för länken */
/* lägger till en topplinje på listmenyer och popupmenyer i IE-webbläsarna - kan inte läsa :first-child */ 
* html  div#listmenu ul li ul {
	border-top:1px solid #666666;
	border-left:0px; /* gör att listmenyn inte ärver kantlinjen för ul-elementet */ 
	}
/* slut på hack-zon */
/* SLUT PÅ LISTBASERAD MENY */

/* här följer den briljanta "ingen-extra-kod"-metoden för friläggning (clearing) som 
uppfunnits av Tony Aslett - www.csscreator.com */
/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */
/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.html */ 
.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
	display: block;          /* inline-element reagerar inte på egenskapen clear */ 
    height: 0;                 /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     	/* försäkrar ytterligare att punkten inte är synlig */
}
.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade giljotinbuggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */

#ruta {margin:0px 0px 10px 0px; padding:0px; width:173px; border:1px solid #333333;}
#ruth {margin:3px; padding:5px; width:157px; background-color:#333333; font-size:1.2em;}
#rutp {margin:3px; padding:5px; width:157px; background-color:#CCCCCC;}

* html #logga {margin-left:25px;}
* html #left {margin-right:5px;}