/* CSS Document */
* { margin:0; padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: #96A3AB url(../images/gradient-bg.gif) repeat-x;
}
img { border: 0; }
p { line-height: 14px; color: #333; }

/* HYPERLINKS */
a { color: #f39c2b; font-weight: normal; text-decoration: none; outline: none; }
a:hover { color: #ce8525; text-decoration: none; }

/* HEADINGS */
h1, h1 a { 
	padding-bottom:14px; 
	font-size:24px; 
	font-weight:normal; 
	letter-spacing: -1px; 
	color:#919691; 
}

h2, h2 a {
	color: #b1814b;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:14px;
}

h3, h3 a {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

h4, h4 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#919691; }

/* FORMS */
.form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; margin-bottom:3px; padding:3px 5px 0 5px; width:210px; height:18px; border:1px solid #cccccc; background:#f4f5f4; vertical-align:middle; }
.buttom { padding: 2px 5px 2px 5px; margin-top: 7px; }

input.img { width:auto !important; height:auto !important; border:0; padding:0; }
textarea { padding:10px 0 5px 10px !important; height:395px; width:410px; }
select { padding:2px 1px 2px 4px; width:180px; height:20px; border:1px solid #e1e1e1; font-size: 9px;}
option { padding:2px 1px 2px 4px; }
label { width:120px; display:block; float:left; padding-top: 4px; }

fieldset { border: 0; }

.button { 
	margin-top:10px; 
	padding:0 8px 2px 8px; 
	width:auto !important; 
	height:22px; 
	font-family: "Verdana";
	font-weight:normal; 
	font-size: 11px; 
	color:#fff; 
	background: #5db6b7; 
	border: 0;
	cursor: pointer; 
}

.button.tipp { 
	background: #d7bac4;
	cursor: pointer; 
}

.button.tipp:hover { 
	background:#c0a2aa;
}

.button:hover { 
	background:#4ea1a2;
}

.submitklubb { 
	font-family: "Verdana"; 
	background: #b14b97; 
	font-size: 10px; 
	color: #fff; 
	border: 0; 
	margin-top:8px; 
	padding:0 7px 2px 7px; 
	width:auto; 
	height:22px; 
}

.submitklubb:hover {
	background: #c477b0;
	cursor: pointer;
}

.submitsearch { 
	font-family: "Verdana"; 
	background: #aaa; 
	font-size: 10px; 
	color: #fff; 
	border: 0; 
	margin-top:8px; 
	padding:0 7px 2px 7px; 
	width:auto; 
	height:22px; 
}

.submitsearch:hover {
	background: #999;
	cursor: pointer;
}



.standardform { 
	font-family: "Verdana"; 
	font-size: 10px; 
	margin-bottom:3px; 
	padding:3px 5px 0 5px; 
	height:16px;
	width: 160px;
	border:1px solid #cccccc; 
	background:#fff;
	color: #666;
} 

.standardform_long { 
	font-family: "Verdana"; 
	font-size: 10px; 
	margin-bottom:3px; 
	padding:3px 5px 0 5px; 
	height:16px;
	width: 190px;
	border:1px solid #cccccc; 
	background:#fff;
	color: #666;
} 

/* PAGE */
#home {
	background: #96A3AB url(../images/gradient-bg.gif) repeat-x;
}
#home #page {
	background: url(../images/main-bg.jpg) no-repeat center top;
}

#home #header {
	height: 226px;
}

#page {
	background: url(../images/inner-bg.gif) repeat-x;
}

#main { 
	width:860px; 
	margin: auto; 
	padding: 40px 30px 0 30px; 
	background: #fff url(../images/middle-bg.gif) repeat-x top left;
}

#footer {
	border-top: 1px solid #ebebeb;
	width: 850px;
	margin-top: 40px;
	padding: 20px 0 20px 0;
}

#footer p {
	font-size: 9px;
	color: #999;
	line-height: 13px;
}

#maincontent { 
	width:760px; 
}

#leftcontain { 
	width: 350px; 
	float: left; 
	margin-right: 40px; 
}

#leftcontain.big { 
	width: 760px; 
	float: none; 
}

#leftcontain.big input {
	padding: 3px;
}

#leftcontain h1 { 
	padding-bottom:14px; 
	font-size:24px; 
	font-weight:normal; 
	letter-spacing: -1px; 
	color:#919691;
}

#leftcontain .news {
	padding-bottom: 5px;
	margin-bottom: 14px;
	border-bottom: 1px solid #e1e1e1;	
}

#leftcontain .news img {
	display: block;
	margin-bottom: 10px;
}

#leftcontain .news h2 {
	color: #b1814b;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

#leftcontain .news p {
	margin-bottom: 14px;
}

#leftcontain .news .date {
	font-size: 9px; color: #999;		
}

#rightcontain { 
	width: 220px; 
	float: left;
}

#rightcontain2 { 
	width: 220px; 
	float: right; 
	padding-right: 10px;
}

#newsticker { width:850px; margin: 0 0 25px 0; padding-bottom: 6px; border-bottom: 1px solid #ebebeb; }
#ajaxticker1{ width: 850px;}
#ajaxticker1 div { /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ }

#header {
	height: 112px;
	width: 922px;
	margin: 0 auto;
	position: relative;
}

#logo {
	position: absolute;
	top: 28px;
	left: 577px;
}

#stats {
	position: absolute;
	top: 96px;
	left: 625px;
	width: 198px;
	text-align: right;
	font-size: 9px;
	color: #666;
	line-height: 13px;
}

/* NAVIGATION */
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	left: 20px;
	font-weight: bold;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left;
}
#nav a {
	float: left;
	background: url(../images/navleft-inner.gif) no-repeat left top;
	margin: 0;
	padding: 0 4px 0 10px;
	text-decoration: none;
	color: #fff;
}
#nav a span {
	float:  left;
	display: block;
	background: url(../images/navright-inner.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #fff;
	text-transform: uppercase;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {
	float: none;
}
#nav .current, #home #nav .current {
	background-position: 0% -36px;
	color: #333;
}
#nav a:hover, #nav a:hover span {
	color: #333;
}
#nav .current span, #home #nav .current span {
	background-position: 100% -36px;
	color: #333;
}
#nav a.current :hover, #nav a.current span :hover {
	color: #333;
}

/* PUFFS DESIGN */
.pufftop, .pufftop_pink, .pufftop_bronze, .pufftop_blue, .pufftop_grey {
	width: 190px;
	height: 22px; 
	line-height: 22px; 
	padding: 0 0 0 10px; 
	margin-bottom: 10px;
	color: #fff; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	font-size: 9px; 
	font-weight: bold; 
}

.pufftop {  
	background:url(../images/bg_heading.gif) repeat-x;
	padding: 0 0 0 6px; 
}

.pufftop_pink { 
	background:url(../images/bg_heading_pink.gif) repeat-x; 
	width: 200px;
}

.puff { width: 200px; margin: 0 0 14px 0; font-size: 10px; }
.puff p { font-size: 10px; line-height: normal; }

.puffblogg p { font-size: 10px; line-height: normal; }

.pufftop_grey { 
	background:url(../images/bg_heading_grey.gif) repeat-x;
	width: 200px;
}

.pufftop_blue { 
	background:url(../images/bg_heading_blue.gif) repeat-x;
	width: 210px;
	margin-bottom: 0;
}

.puff_blogg { width: 200px; padding: 10px; font-size: 10px; border-bottom: 1px solid #ebebeb; }
.puff_blogg p { font-size: 10px; color: #666; line-height: normal;}
.puff_blogg:hover { background: #f1f1f1; cursor: pointer; display: block; }

.puff_blogg h3 { 
	padding-bottom: 0;
	margin-bottom: 3px;
}


.pufftop_bronze { 
	background:url(../images/bg_heading_bronze.gif) repeat-x;
	width: 210px;
}

.puff_annons { width: 210px; margin: 0 0 14px 0; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; font-size: 10px; }
.puff_annons p { font-size: 10px; color: #808080; line-height: normal; }


/* NO LIST RSS */
.puff_blogg li {
	list-style: none !important;
}

.puff li, .puffblogg li {
	list-style: none !important;
	margin-bottom: 4px;
}

/* CLASSES */
.clear { width:0; height:0; overflow:hidden; clear:both; font-size: 0px; }
.hr { display:block; clear:both; height:20px; background:url(../studio/images/hr.gif) repeat-x center; overflow:hidden; }
.imgnone { display: block; }
.imgleft { float:left; padding: 0 35px 10px 0; }
.imgright { float:right; padding: 0 0 10px 35px; }

.logohover {
	margin-bottom: 10px;
	display: block;
	width: 132px;
	height: 16px;
	background: url(../images/logo_small_grey.png) no-repeat;
}

.logohover:hover { 
	background: url(../images/logo_small.png) no-repeat; 
}

.datefield {
	color:gray;
	font-size: 9px;
}
.abuse a { width: 50px; height: 15px; margin-top: 8px; background:url(../images/abuse_button_50x31.gif) no-repeat; float: left;  }
.abuse a:hover { background:url(../images/abuse_button_50x31_on.gif) no-repeat; cursor: pointer; }

.rubrik_left { width: 400px; float: left; }
.knappar_right { width: 200px; float: right; text-align: right;}
.knappar_right_2 { float: right; text-align: right; margin-left: 5px;}
.knappar_right_3 { float: right; text-align: right; margin: 8px 0 0 5px;}
.knappar_left_3 { float: left; text-align: left; margin: 8px 0 0 0;}

.forum_right { width: 200px; float: right; margin-bottom: 5px; text-align: right; }
.forum_left { width: 550px; float: left; padding: 5px 0 0 0; }

/* MENUS */
#menu a	{ width:auto; float:left; padding:0 10px 0 10px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#9d9e9f; border-right:1px solid #9d9e9f; }
#menu a.current { color:#003366; font-weight: bold; }
#menu a:hover { color:#003366; }

#breadcrumbs a { color:#888888; text-decoration:none; font-size:9px; font-weight: normal; }
#breadcrumbs a:hover { text-decoration:underline; }

/* MASTER DESIGN */
.forumsection { width: 180px; height: 210px; margin: 0 10px 20px 0; float: left; }
.forumsection_text { width: 167px; margin: 146px 0 0 0; padding-left: 13px; color: #fff; font-size: 9px; line-height: 12px; }
.forumsection_text a { color: #cccccc; font-size: 9px; text-decoration: underline; }
.forumsection_text a:hover { color: #fff; text-decoration: underline; }
.forumsection_knapp { width: 170px; margin-top: 13px; padding-right: 10px; text-align: right; } 

#copyrights { padding-left:20px; font-size:9px; color:#555;  }
#copyrights a { font-weight: normal !important; font-size:9px !important; }

#breadcrumbs { width:617px; float:left; padding:16px 73px 0 30px; color:#888888; }
#parents { margin:0 0 30px 0; color:#888888; font-size:9px; font-weight: normal; }
#content { width:350px; line-height:14px; padding-bottom: 40px; }

/* TOPICS */
.topics { width:760px; margin-bottom: 1px; }
.topics_status_top { width:37px; height: 32px; margin-right: 1px; background: #88cacb; float: left; color:#333; }
.topics_title_top { width:360px; height: 23px; padding: 9px 0 0 12px; margin-right: 1px; background: #88cacb; float: left; color:#fff; }
.topics_reply_top { width:45px; height: 23px; padding: 9px 0 0 0; text-align: center; margin-right: 1px; background: #88cacb; float: left; color:#fff; }
.topics_author_top { width:130px; height: 23px; padding: 9px 0 0 10px; margin-right: 1px; background: #88cacb; float: left; color:#fff; }
.topics_latest_top { width:150px; height: 23px; padding: 9px 0 0 10px; margin-right: 1px; background: #88cacb; float: left; color:#fff; }

.topics_status { width:35px; height: 28px; padding-top: 2px; margin-right: 1px; border: 1px solid #efefef; text-align: center; float: left; }
.topics_title { width:360px; height: 23px; padding: 9px 0 0 12px; margin-right: 1px; background: #efefef; float: left; }
.topics_title a { color: #333; font-weight: bold; }
.topics_reply { width:45px; height: 23px; padding: 9px 0 0 0; text-align: center; margin-right: 1px; background: #dee3e7; float: left; }
.topics_author { width:130px; height: 23px; padding: 9px 0 0 10px; margin-right: 1px; background: #d1d7dc; float: left; }
.topics_latest { width:150px; height: 29px; padding: 3px 0 0 10px; margin-right: 1px; background: #d1d7dc; float: left; font-size: 9px; }
.topics_latest a { font-size: 9px; text-decoration: underline; }

/* TIPP */
.tip { width:760px; border-bottom: 3px solid #e1e1e1; margin-bottom: 1px; background: #efefef; position: relative;}
.tip.space { margin-bottom: 20px; }
.tip_top { width:367px; height: 23px; padding: 9px 0 0 12px; margin-right: 1px; background: #7daabd; float: left; color:#fff; }
.tip_my_top { width:368px; height: 23px; padding: 9px 0 0 12px; background: #7daabd; float: left; color:#fff; }

.tip_collape a { width: 15px; height: 14px; top: 8px; right: 10px; position: absolute; background:url(/images/ico-arrow-expand-collapse.png) no-repeat 100% 0; }
.tip_collape a.active { background-position: 100% -14px; }

.tip_all { width:367px; padding: 15px 0 15px 12px; float: left; border-right: 1px solid #fff; }

.tip ul.numbers { list-style: none; margin-bottom: 14px; float: left; margin-right: 1px; }
.tip ul.numbers li { width:22px; height: 13px; background: #bacfd7; color:#fff; padding: 5px 0 5px 5px; margin-bottom: 1px;}

.tip ul.teams { list-style: none; margin-bottom: 14px; float: left; }
.tip ul.teams li { background: #b3c8d1; padding: 5px 5px 5px 8px; margin-bottom: 1px; width: 250px; color:#fff; cursor:default; }

.tip_my { width:368px; padding: 15px 0 15px 12px; float: right; }

.tip ul.numbers2 { list-style: none; margin-bottom: 14px; float: left; margin-right: 1px; }
.tip ul.numbers2 li { width:22px; height: 13px; background: #d7bac4; color:#fff; padding: 5px 0 5px 5px; margin-bottom: 1px;}

.tip ul.teams2 { list-style: none; margin-bottom: 14px; float: left; }
.tip ul.teams2 li { background: #d1b3bb; padding: 5px 5px 5px 8px; margin-bottom: 1px; width: 250px; color:#fff; cursor:move; }
.tip ul.teams2 li.mouse-on { background: #d7bac4;}

.tip ul.teams3 { list-style: none; margin-bottom: 14px; float: left; }
.tip ul.teams3 li { background: #d1b3bb; padding: 5px 5px 5px 8px; margin-bottom: 1px; width: 250px; color:#fff; cursor:default; }

.litentext { font-size: 9px; color: #666; font-style: italic; display: block; margin-top: 2px; }

/* COMMENTS */
.comments { width:760px; border-bottom: 3px solid #d1d7dc; margin-bottom: 1px; background: #efefef; }
.comments_author_top { width:160px; height: 23px; padding: 9px 0 0 12px; margin-right: 1px; background: #88cacb; float: left; color:#fff; }
.comments_message_top { width:575px; height: 23px; padding: 9px 0 0 12px; background: #88cacb; float: left; color:#fff; }

.comments_author { width:140px; padding: 9px 10px 20px 12px; float: left; font-weight: bold; }
.comments_message { width:430px; padding: 14px 142px 20px 15px; border-left: 1px solid #fff; float: right; }

/* DROP DOWN */
#dropmenudiv { position:absolute; margin: 2px 0; line-height:12px; z-index:100; }
#dropmenudiv a { background: #555; color: #cccccc; font-size: 9px; width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #fff; padding: 1px 0; text-decoration: none; }
#dropmenudiv a:hover{ background-color: #555; color: #fff; }

.mceContentBody { margin:0; background:#fff; }