/* Stilstandard för CK Hymer */

/* Innehållet i <div> sidhuvud  */
#sidhuvud { 
	position: relative;
	width: 880px;
	margin: 0 auto;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #B4B4B8;
	background-color: #fff;
}
#sok { /* Sök div placering*/
	position: absolute;
	left: 707px;
	top: 60px; 
	width: 210px;
}

#pagelayout { /* Innehållsramen */
	position: relative;
	width: 880px;
	background-color: #fff;
	margin: 0 auto;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #B4B4B8;
	text-align: left;
}


.slogan { /* Texten under loggan */
	color: #929292;
	font-size:12pt;
	font-weight:bold;
	font-family: Arial, Helvetica, Geneva, Sans-serif;
}

/* För utseendet i administration av Nyheter, Artiklar mm */
.cat-ny { /* För huvudalternativen i administrationen av Nyheter, Länkar, Forum, Kontakter mm */
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #000000;
	background-color: #D8D8D8;
	border:1px solid #B4B4B8;
	vertical-align:bottom;
}

a:link.cat-rubrik {
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #000000;
	background-color: inherit;
}
a:visited.cat-rubrik {
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #000000;
	background-color: inherit;
}
a:hover.cat-rubrik {
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 9pt;
	text-decoration: underline;
	color: #D12421;
	background-color: inherit;
}

.cat-n { /* För den röda kolumnrubriken med vit text */
	font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #D12421;
	border:1px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 8px;
}

.cat-b { /* De olika gråa nyanserna i tabell bakgrunderna */
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
	background-color: #D8D8D8;
	border:1px solid #FFFFFF;
}

.cat-w { /* De olika gråa nyanserna i tabell bakgrunderna */
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
 	border:1px solid #FFFFFF;
}

.cat-white { /* Lite bakgrunder i inloggningsrutor och editeringsrutor */
	font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 1px 0px 1px 1px;
	margin: 0px 0px
}

.black-bg { /* Lite bakgrunder i inloggningsrutor och editeringsrutor */
	background-color: #AA1C1C;
	color: inherit;
}

.cat-c { /* Lite bakgrunder i inloggningsrutor och editeringsrutor */
	font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	background-color: #EEEEEE; 
	border:1px solid #FFFFFF;
	padding: 1px 0px 1px 2px;
	margin: 0px 0px
}

.cat-b2 { /* Lite bakgrunder i inloggningsrutor och editeringsrutor */
	font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	background-color: #D1D7DC;
	padding: 1px 0px 1px 2px;
	margin: 0px 0px
}

/* ----------------------------- */
/* Utseendet på hela Nyhetsrutan  */


.nyhetpil{ /* Endast utseendet på den vita pilen vid nyhettexten */
	font-size: 12pt;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 4px;
}

.nyhettext { /* Utseendet på texten i rubriken Nyheter */
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	/* font-family:"Century Gothic","Trebuchet MS",Arial,Verdana,Helvetica,Sans-Serif; */
	font-size: 9pt;
	font-weight: bold; 
	color: #2B2B2B;
	background-color: inherit;
	line-height: 19px;
	padding-left: 8px;
}

#nyhet_top { /* Innehållet i <div> endast för rubriken Nyheter*/
	position: relative;
	left: 4px;
	top: 15px;
	width:464px;
	height: 19px;
}

.nyhet_top_l { /* Innehållet i <div> ruta som visar senaste blogg eller forum */
	float:left;
	background-image: url('../images/meny_nav.png');
	width: 17px;
	height: 20px;
}

.nyhet_top_r { /* Innehållet i Nyheter */
	float:left;
	/* background-color: #DEE3E7;
	 background-image: url('http://www.ckhymer.com/images/nyhet_top.png');
	border-left: 1px #AA1515 solid; 
	border-right: 1px #661212 solid;*/
	width: 444px;
	height: 20px;
	/* background-color: #EFEFEF;  */
	background-image: url('../images/ruta_top.gif');
	/*
	border-top:1px solid #B4B4B8;
	border-right: 1px #B4B4B8 solid; */
}

#nyheter { /* Innehållet i <div> nyheter*/
	position: relative;
	left: 4px;
	top: 15px;
	width:455px;
	min-height:1023px;
	height:auto !important;
	height: 1023px;
	padding-left: 3px;  
	padding-top: 3px;
	margin-right: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
	border-right: 1px #B4B4B8 solid;
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
}

/* Texten i Nyhetsrutan */
.rubrik {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	background-color: inherit;
}

a:link.rubrik {
	font-size: 12pt;
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	color: #000000;
	text-decoration: none;
	background-color: inherit;
}

a:visited.rubrik,a:hover.rubrik  {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 12pt;
	text-decoration: none;
	color: #000000;
	background-color: inherit;
}


a:hover.rubrik {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 12pt;
	text-decoration: none;
	color: #838383;
	background-color: inherit;
}


.bildtext {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	color: #444444;
	background-color: inherit;
}

.brodtext {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 9pt;
}

.datum {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	color: #838383;
	background-color: inherit;
}

.lasmer { /* Texten i Läs mer */
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
}

:link.lasmer { /* Texten i Läs mer */
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #D12421;
	background-color: inherit;
}

.lasmerpil { /* Själva » pilen i Läs mer */
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 10pt;
}

:link.lasmerpil { /* Själva » pilen i Läs mer */
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color: #D12421;
	background-color: inherit;
}

/* Mittenkolumnen ----------------------------- */

#troja { /* Bilden på tävlingströjan */
	position: absolute;
	left: 518px;
	top: 41px;
}

#java_top { /* Innehållet i <div> java>_top */
	position: absolute;
	left: 488px;
	top: 684px;
	height: 119px;
	width: 200px;
}

#java_text { /* Innehållet i <div> java */
	float: left; 
	height: 100px;
	width: 200px;
	background: url('../images/ruta_bg.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.InfoBar{ /* javabannern  */
	filter:progid:DXImageTransform.Microsoft.GradientWipe(GradientSize='0.25',wipestyle='0',motion='forward',duration='1');
}

.javatext { /* javabannern */
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	margin-left:4px;
	margin-top:4px; 
	height: 94px;
}

#blogg { /* Innehållet i <div> blogg som visar senaste inlägget*/
	position: absolute;
	left: 488px;
	top: 543px;
	height: 120px;
	width: 200px;
	background: url('../images/ruta_bg.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

#kalender { /* Innehållet i <div> kalender som visar Arrangemangen */
	position: absolute;
	left: 488px;
	top: 261px;
	height: 120px;
	width: 200px;
	background: url('../images/ruta_bg.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

/*
#rideofhope{  Innehållet i <div> rideofhope som visar logotypen
	position: absolute;
	left: 517px;
	top: 818px;
}
*/

#counter { /* Innehållet i <div> counter som visar räknaren  från sitemeter.com*/
	position: absolute;
	left: 599px;
	top: 818px;
	/* top: 948px; */
	height: 32px;
	width: 88px;
}

.ruta_top_l { /* Innehållet i <div> ruta som visar senaste blogg eller forum */
	float:left;
	background-image: url('../images/meny_nav.png');
	width: 17px;
	height: 20px;
}

.ruta_top { /* Innehållet i <div> ruta som visar senaste blogg eller forum */
	float:left;
	background-image: url('../images/ruta_top.gif');
	width: 179px;
	height: 20px;
}

.ruta_top_r { /* Innehållet i <div> ruta som visar senaste blogg eller forum */
	float:left;
	background-image: url('../images/ruta_top_r.gif');
	width: 3px;
	height: 20px;
}


/* ----------------------------- */

/* För Artikel hanteringen */

/*
div.artikelpos {
	position: relative;
	left:10px;
	top:99px;
	width:460px;
	border-right:1px solid #B4B4B8; 
}*/

.artikelrubrik,h1 {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color: #2B2B2B;
}

.artikelingress {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 11pt;
 	font-weight: bold;
 	line-height: 130%;
	color: #333333;
}

.artikel {
	/* color: #585858; provade lite*/
	font-size: 1.0em;
	line-height: 130%;
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
}

.artikel p {
 	margin-bottom: 0.7em;
}
.artikel br {
	line-height: 100%;	
}

.artikelcyklist { /* Specialare för cyklistpresentationerna anropade från cyklist.php */
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 9pt;
	font-style:normal;
}

/* ----------------------------- */

/* Används i Artikel skrivningsverktyget */
.MojText { font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif; font-style:normal; font-size: 10pt;}
.MojText1,.MojText2,.BoxText {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
}
.BoxText {padding-left: 5pt;}

input.text { font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif; font-size: 8pt;border: 1px #B4B4B8 solid;}
textarea.text { font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif; font-size: 8pt;border: 1px #B4B4B8 solid;}

input.news    { font-family:Arial, Helvetica, Verdana, Geneva, Sans-serif; font-size: 8pt;border: 1px #B4B4B8 solid;}
input.newsrubrik    { font-family:Arial, Helvetica, Verdana, Geneva, Sans-serif; font-size: 12pt; font-weight: bold;border: 1px #B4B4B8 solid;}
input.newsbildtext    { font-family:Arial, Helvetica, Verdana, Geneva, Sans-serif; font-size: 8pt;color: #444444; background-color: #FFFFFF;border: 1px #B4B4B8 solid;}
textarea.news { font-family:Arial, Helvetica, Verdana, Geneva, Sans-serif; font-size: 8pt;border: 1px #B4B4B8 solid;}
textarea.newsingress {
	font-family:Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	border: 1px #B4B4B8 solid;
}

body {
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	background-color: inherit;
	background: #fff url('../images/bkgnd.gif') repeat-x;
}

/* ----------------------------- */

/* För att ge utseendet på citatet från forumet på framsidan */

#citat { /* Innehållet i <div> citat  som visar senaste inlägget på forumet*/
	position: absolute;
	left: 488px; 
	top: 402px;
	height: 120px;
	width: 200px;
	background: url('../images/ruta_bg.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.citat,a:link.citat,a:visited.citat,a:hover.citat {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	line-height: 131%;
	background-color: inherit;
}

.citat {
	color: #000000;
	/* color: #444444; */
	font-weight: normal;
}

a:link.citat {
	color: #000000;
	/* color: #444444; */
	text-decoration: none;
	font-weight: normal;
}

a:visited.citat {
	color: #000000;
	/* color: #444444; */
	text-decoration: none;
	font-weight: normal;
}

a:hover.citat {
	color: #838383;
	text-decoration: none;
	font-weight: normal;
}

/* ----------------------------- */

body2 { /* Texten i Forumet och kontakter */
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	background-color: inherit;
}

.body2 { /* Texten i Forumet och kontakter */
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 9pt;
}

.forumrubrik {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	background-color: inherit;
}

forum {
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background-color: inherit;
}

.forum {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
}

:link.forum {
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	color: #D12421;
	background-color: inherit;
	text-decoration: none;
}

.forumdatum,.forumrow1,.forumrow2,.forumrow3 {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.forumdatum {
	background-color: inherit;
}

.forumrow1 { /* Den mörkare gråa nyansen i forum inläggen */
	/* background-color: #E6EBEE; */
	/* background-color: #F9F9F7; Provade väldigt ljus */
	background-color: #EFEFEF;
	padding-left: 2px;
}

.forumrow2 { /* Den ljusare gråa nyansen i forum inläggen */
	/* background-color: #EFEFEF; */
	background-color: #FFFFFF;
	padding-left: 2px;
}

.forumrow3 { /* Den mörkare gråa nyansen i forum inlägget som man kan svara på */
	background-color: #DEE3E7;
	border-left: 1px #B4B4B8 solid;
	border-right: 1px #B4B4B8 solid;
	padding-left: 2px;
}

/* ----------------------------- */

.button {
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D12421;
	background: #FFFFFF url('../images/buttonBg.gif') repeat-x top left;
	border-top: 1px solid #E9E9E9;
	border-right: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
	border-left: 1px solid #E9E9E9;
	/* min-height: 24px;
	height:auto !important;*/
	height: 24px;
	cursor: pointer
}

/* ----------------------------- */

a:link,a:visited,a:active,a:hover {
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-serif;
	font-weight: bold;
	color: #D12421;
	background-color: inherit;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ----------------------------- */

.input,.inputrubrik,.inputforum,.inputforumfocus,.inputepost,.inputepostfocus,.inputfocus {
	font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF;
}

.input {
	font-weight: bold;
	color: #444444;
	border: 1px #B4B4B8 solid;
}

.inputrubrik {
	font-weight: bold;
	color: #000000;
	border: 1px #B4B4B8 solid;
}

.inputforum {
	font-weight: normal;
	color: #000000;
	border: 1px #B4B4B8 solid;
}

.inputforumfocus {
	font-weight: normal;
	color: #000000;
	border: 1px #444444 solid;
}

.inputepost {
	font-weight: bold;
	color: #D12421;
	border: 1px #B4B4B8 solid;
}

.inputepostfocus {
	font-weight: bold;
	color: #D12421;
	border: 1px #444444 solid;
}

.inputfocus { 
	font-weight: bold;
	color: #000000;
	border: 1px #444444 solid;
}

/* ----------------------------- */

textarea {
	font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	background-color: #FFFFFF;
	border: 1px #B4B4B8 solid;
}

select {
	font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, Sans-serif;
	font-size: 8pt;
	font-weight: bold;
        color: #444444;
	background-color: #FFFFFF;
	border: 1px #B4B4B8 solid;
}

.asterix { /* För den asterix som visar obligatoriskt vid registrering av ny medlem */
	font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D12421;
	background-color: inherit;
}

li {
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: inherit;
	list-style-image:url('../images/rodprick.png');
}

hr {
	color: #B4B4B8;
	background-color: inherit;
	border: 0px none;
	width: 95%;
	height: 1px;
}