/* CSS Reset */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


strong,b { font-weight:bold;}
a{ color:#444; }
h3 { display:inline;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Layout styles */
body { background: #fff url(../images/layout/background2.jpg)  50% 40px repeat-x; text-align:center; font:normal 9pt/12pt Arial, Helvetica, sans-serif; color:#444;  }

div#outer-wrapper { width: 1250px; margin:0 auto; overflow:hidden; padding-top:10px; background: #fff url(../images/layout/background2.jpg) top center repeat-x; }
div#inner-wrapper { width: 980px; text-align:left; float:left; }
	div#top-banner { width:980px; height:120px; background:#009; float:left; overflow:hidden; }
	div#banner-col { padding-top:0px; padding-left:10px; width:250px; float:right; overflow:visible;  }
div#content { overflow:hidden; padding-bottom:10px; width:980px; float:left; }
	div#slider-box { height:365px; background:#ffffff; margin-bottom:10px; }
	div.main-col { width:650px; float:left; }
	.bigbox ul li{ 
	padding:5px 0;
	padding-left:30px;
	background:url(http://www.gefleiffotboll.se/images/layout/list_bullet.gif) 5px 5px no-repeat;
}
	div.right-col { width:320px; float:right; }
		div.left { float:left; }
		div.right { float:right; }

/* Header styles*/
div#header { height:140px; width:100%; float:left; position:relative; z-index:500 }
	h3#tillsammans { position:absolute; top:40px; right:0; display:block; width:220px; height:25px; overflow:hidden; text-indent:-99999em; background: transparent url(../images/layout/tillsammans.gif) no-repeat;  }
	a#logo { position:absolute; left:0; top:20px; display:block; width:102px; height:120px; overflow:hidden; text-indent:-99999em; background: transparent url(../images/layout/logo.gif) no-repeat; }
	a#rss { position:absolute; top:74px; right:0; display:block; width:50px; height:50px; overflow:hidden; text-indent:-99999em; background:transparent url(../images/layout/rss.gif) no-repeat; }
	div#nasta-match { width:728px; height:60px; position:absolute; top:5px; left:105px; }
		div#nasta-match2 { width:728px; height:90px;  clear:both; z-index:999; background-color:#003; }


/* Menu styles */
ul#menu { padding-left:110px; background:transparent url(../images/layout/menu.gif) no-repeat; height:60px; margin-top:74px; }
	ul#menu li { display:block; float:left; position:relative; }
	ul#menu li a { display:block; float:left; height:50px; font:bold 12pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; margin-right:20px; line-height:50px; position:relative;  }
	ul#menu ul li a span.hasChildren { position:absolute; display:block; top:6px; right:10px; height:14px; width:10px; overflow:hidden; }
	ul#menu ul { position:absolute; top:100%; left:0; display:none; z-index:600; width:170px; border:1px solid #437cb1; border-top:0; background:url(../images/layout/menu-dropdown-back.jpg); }
	ul#menu ul li { float:none; position:relative; }
	ul#menu ul li a { float:none; height:auto; font:normal 10pt/10pt Arial, Helvetica, sans-serif; padding:8px 14px; margin-right:0; border-bottom:1px solid #003a77; border-top:1px solid #004e97; }
	ul#menu ul li a:hover { background:#004181; }
	
	ul#menu ul ul { display:none; position:absolute; top:0; left:100%; border:1px solid #437cb1; }
	
	ul#menu li:hover > ul { display:block; }
	
	ul#menu ul li:hover > ul { display:block; }

/* Box styles */
div.box { width:320px;  margin-bottom:10px; position:relative; background: url(../images/layout/box-small-back.gif) repeat-y; }
	div.box h2 { height:30px; background:transparent url(../images/layout/box-small-top.gif) no-repeat; padding-left:10px; font:bold 9pt Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:30px;  }
	div.box h1 { padding-top:0; padding-left:10px; font:bold 10pt Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:32px;  }
	div.box div { padding:10px; font-size:8pt; line-height:10pt; }
	div.box div.everysport-puff { padding:4px; line-height:1em; }
	div.box div.everysport-puff div { padding:0; line-height:auto; }
	div.box span.bottom { display:block; width:100%; position:absolute; bottom:0; left:0; height:10px; background:url(../images/layout/box-small-bottom.gif) no-repeat; z-index:10; }

	/* grey boxes */
	div.main-col div.box h2 { height:30px; background:transparent url(../images/layout/box-grey-small-top.gif) no-repeat; padding-left:10px; font:bold 9pt Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; line-height:30px;  }
	div.main-col div.newsbox h2 { background:transparent url(../images/layout/box-grey-small-top.gif) no-repeat; color:#444; }

    div.bigbox { width:650px;  margin-bottom:10px; position:relative; background: url(../images/layout/box-big-back.gif) repeat-y; }
	div.bigbox div.top h2 { padding-left:10px; font:normal 9pt Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; line-height:30px; }
	div.bigbox div.top { height:30px; background:transparent url(../images/layout/box-grey-wide-top.gif) no-repeat; }
	div.bigbox span.bottom { display:block; width:100%; position:absolute; bottom:0; left:0; height:10px; background:url(../images/layout/box-big-bottom.gif) no-repeat; z-index:10; }

	div.content { padding:10px; font:normal 10pt/13pt Arial, Helvetica, sans-serif;  }

.paddingbox
{ padding-bottom:20px; padding-left:30px;padding-right:30px;padding-top:20px; text-align:justify; font:normal 9pt/13pt Arial, Helvetica, sans-serif; }


/* Text Styles */
div.bigbox h1 { padding-top:0; font:normal 18pt Arial, Helvetica, sans-serif; color:#003166; text-transform:uppercase; line-height:20pt; margin-bottom:16px; }
div.bigbox h2 { font:normal 12pt Arial, Helvetica, sans-serif; color:#444; line-height:12pt; }
a { text-decoration:none; color:#0d5499;  }
div.box h2 a { color:#fff; } 
div.main-col div.box h2 a, div.bigbox div.top h2 a { color:#444; }
 

p { margin-bottom:5px; }	
span.pris { font-weight:bold; font-style:italic; background:#eddfcb; color:#444; }

/* Form styles  */
ul.formlist label { display:block; margin-top:5px; }
form.fotbollsskola legend { font:bold 9pt/13pt Arial,Helvetica,sans-serif; }

/* Newsbox styles */
div.tabbed { height:355px; overflow:hidden; }
div.newsbox { background: url(../images/layout/box-small-back.gif) repeat-y; position:relative; margin-bottom:10px; padding-bottom:10px; overflow:hidden; width:320px; }
	div.newsbox h2 { height:30px; background:transparent url(../images/layout/box-small-top.gif) no-repeat; padding-left:10px; font:bold 9pt Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:30px;  }
	div.tabbed h2 a { display:block; float:left; height:30px; width:70px; color:#fff; text-decoration:none; margin-right:5px; text-align:center; }
	div.tabbed h2 a.selected { background: url(../images/layout/newsbox-tab.gif) bottom center no-repeat; }
	div.newsbox ul { margin:5px 5px 0 5px; }
	div.newsbox span.bottom {  display:block; width:100%; position:absolute; bottom:0; left:0; height:10px; background:url(../images/layout/newsbox-bottom.gif) no-repeat; z-index:10; }
		div.newsbox ul li { list-style:none; height:75px; margin-bottom:5px; background:url(../images/layout/news-item-back.gif) no-repeat; overflow:hidden; padding:0 4px; }
			div.newsbox ul li a { font:normal 8pt/10pt Arial, Helvetica, sans-serif; color:#444; text-decoration:none; }
				div.newsbox ul li a span.news-image { display:block; width:110px; height:69px; float:left; margin-top:3px; }
				div.newsbox ul li a span.frame { background: url(../images/layout/news-item-imgframe_wide.png) no-repeat; margin-top:0; }
				div.newsbox ul li a span.news-text { display:block; margin-left:120px; padding:6px 6px 0 0; color:#444; }
				div.newsbox ul li a span.news-text-you { display:block; margin-left:120px; margin-right:3px; padding:6px 6px 0 0; color:#444; }
				div.newsbox ul li a strong { font-weight:bold; }
div.main-col div.newsbox span.bottom {background:url(../images/layout/newsbox-grey-bottom.gif) no-repeat;}
div.newsfeed { background: url(../images/layout/box-small-back.gif) repeat-y; position:relative; margin-bottom:10px; padding-bottom:10px; overflow:hidden; width:320px; }
	div.newsfeed h2 { height:30px; background:transparent url(../images/layout/box-grey-small-top.gif) no-repeat; padding-left:10px; font:bold 9pt Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; line-height:30px;  }
	div.newsfeed ul { margin:5px 5px 0 5px; }
	div.newsfeed span.bottom {  display:block; width:100%; position:absolute; bottom:0; left:0; height:10px; background:url(../images/layout/newsbox-grey-bottom.gif) no-repeat; z-index:10; }
		div.newsfeed ul li { list-style:none; height:60px; margin-bottom:4px; background:url(../images/layout/newsfeed-item-back.gif) no-repeat; overflow:hidden; padding:0 4px; }
			div.newsfeed ul li { font:normal 8pt/10pt Arial, Helvetica, sans-serif; color:#444; text-decoration:none; }
				div.newsfeed ul li span.news-image { display:block; width:60px; height:60px; float:left; margin-top:3px; }
				div.newsfeed ul li span.news-text { display:block; margin-left:70px; padding:6px 6px 0 0; color:#444; }
				div.newsfeed ul li a strong { font-weight:bold; }
/* RSS liststyles */
ul.rsslist li { padding-left:100px; }
ul.rsslist li span.typ { margin-left:-100px; display:block; width:100px; float:left; font-weight:bold; }

	
/* Slider styles */
div#slider-box { width:650px; height:365px; overflow:hidden; }
div.slide-wrapper { position:relative; width:650px; }
ul.slide-container { 
	padding:0; 
	margin:0; 
	list-style:none; 
	margin:0 20px; /* Control button width */
	height:363px;
	position:relative;
	border-bottom:1px solid #c5c5c5;
	border-top:1px solid #c5c5c5;
}
ul.slide-container li { height:363px; width:100%; position:absolute; top:0; left:0; overflow:hidden; }
ul.slide-container li div.content { position:absolute; bottom:0; width:100%; background:url(../images/layout/slider-content-grey-back.png); color:#fff; border-top:1px solid #fff; } /* #004b92 */
ul.slide-container li div.content a { color:#444; text-decoration:none; } /* #004b92 */ 
div.slide-wrapper a.slide-control { display:block; position:absolute; width:20px; height:365px; top:0; background:#999; }
div.slide-wrapper a.prev { left:0; background: url(../images/layout/slider-control-grey-left.gif); }
div.slide-wrapper a.next { right:0; background: url(../images/layout/slider-control-grey-right.gif); }


div#slider-box div.content h2 { margin-bottom:5px;  padding:10px 10px 0 10px; font:normal 28pt Arial, Helvetica, sans-serif; }

ul.slide-container div.content p { margin:0; padding:0 10px 10px 10px;   margin-top:3px; font:normal 9pt Arial, Helvetica, sans-serif; }

.image_caption
{
	font:normal 8pt/11pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#414141;
	margin-top:0px;
	margin-bottom:5px;
	padding-bottom:0px;
	padding-top:0px;
	text-align:left;
}

.image_placeholder img
{
	border:1px solid #8a8b8d;
	padding:1px;
	margin-top:5px;
	margin-bottom:5px;
}


.image_caption_right
{
	font:normal 8pt/11pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#414141;
	margin:0;
	padding:0;
	text-align:left;
}

.image_placeholder_right img
{
	border:1px solid #8a8b8d;
	padding:1px;
	margin:0;

}


div.news_list {
	padding-left:70px;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
}

div.news_list span.news_date {
	position:absolute;
	margin-left:-70px;
	top:3px;
	display:block;
	width:52px;
	height:61px;
	background:url(../images/layout/cal.gif) no-repeat;
}

div.news_list span.news_date span.month{
	display:block;
	color:#666;
	text-align:center;
	font-size:0.9em;
	margin-top:3px;
}
div.news_list span.news_date span.day{
	display:block;
	text-align:center;
	font-size:2.1em;
	color:#7D7D7D;
	margin-top:-4px;
	font-style:italic;
	line-height:1.1em;
}

table
{ width:100%; background-image:url(../images/layout/tableback.jpg); background-position: 0px 0px; background-repeat:no-repeat;}