/* CSS-dokument for BpL, skapad av HuConn */

/* ro... = ram omslutning, ri... = ram innehall */
/* Huvudindelning */

.roYtter {
	text-align: left;
	width: 950px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.roInnehall {
	margin-top: 0;
	margin-right: 20px;
}

/* Knappar till vanster */

.roKnappar {
	margin-top: 15px;
	float: left;
	width: 195px;
	height: auto;
}
.roKnappar#riKnapp1 {
	position: relative;
	left: 0;
	top: 15px;
	width: 195px;
	height: 116px;
}
.roKnappar#riKnapp2 {
	position: relative;
	left: 0;
	top: 15px;
	width: 195px;
	height: 116px;
}
.roKnappar#riKnapp3 {
	position: relative;
	left: 0;
	top: 15px;
	width: 195px;
	height: 116px;
}
.roKnappar#riKnapp4 {
	position: relative;
	left: 0;
	top: 15px;
	width: 195px;
	height: 116px;
}
.roKnappar#riKnapp5 {
	position: relative;
	left: 0;
	top: 15px;
	width: 195px;
	height: 116px;
}

/* Data till hoger, mellan huvud och fot indelas pa olika satt */
/* Ej  overflow: hidden;  i .roData for att logon skall visas */

.roData {
	float: right;
	width: 725px;
	height: auto;
}
.roData#riDHuvud {
	height: 25px;
	overflow: hidden;
}
.roData#riDFot {
	height: 25px;
}

/* ---------------------------------------------------- 1 ----- */
/* Indelning 1, bild - meny - data */

.roData#riD1Bild {
	width: 721px;
	height: 253px;
	background: no-repeat center top;
	background-image: url(../a_systembilder/bakgrunder/bkgD1_upp.png);
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
	background-color: transparent;
}
.roData#riD1Bild #riD1Foto {
	width: 721px;
	height: 253px;
	overflow: hidden;
	background-color: transparent;
}
.roData#riD1Meny {
	width: 721px;
	height: 25px;
	background: no-repeat center top;
	background-image: url(../a_systembilder/bakgrunder/bkgD1_meny.png);
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
}
.roData#riD1Data {
	width: 721px;
	height: 288px;
	background: no-repeat center top;
	background-image: url(../a_systembilder/bakgrunder/bkgD1_ner.png);
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
}

/* 1. Indelning data nedre delen */

#riD1Data #riD1Text  {
	height: 215px;
	margin-left: 40px;
	margin-right: 2px;
	margin-top: 15px;
	overflow: auto;
	padding-right: 40px;
}
#riD1Data #riD1Text_knappar  {
	width: 575px;
	height: 30px;
	margin-left: 40px;
	margin-top: 5px;
	overflow: hidden;
}

/* 1. Data till vanster och hoger, den vanstra ar hogre an den hogra */

#riD1Data #riD1Text_v  {
	float: left;
	width: 330px;
	height: 245px;
	margin-left: 40px;
	margin-top: 15px;
	overflow: auto;
	padding-right: 25px;
}
#riD1Data #riD1Text_h  {
	float: right;
	width: 250px;
	height: 215px;
	margin-right: 2px;
	margin-top: 15px;
	overflow: auto;
	padding-right: 20px;
}

/* ---------------------------------------------------- 2 ----- */
/* Indelning 2, meny - data */

.roData#riD2Meny {
	width: 721px;
	height: 26px;
	background: no-repeat center top;
	background-image: url(../a_systembilder/bakgrunder/bkgD2_meny.png);
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
}
.roData#riD2Data {
	width: 721px;
	height: 540px;
	background: no-repeat center top;
	background-image: url(../a_systembilder/bakgrunder/bkgD2_ner.png);
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
}

/* 2. Indelning data nedre delen */

#riD2Data #riD2Text  {
	height: 468px;
	margin-left: 40px;
	margin-right: 2px;
	margin-top: 15px;
	padding-right: 40px;
	overflow: auto;
}
#riD2Data #riD2Text_knappar  {
	width: 575px;
	height: 30px;
	margin-left: 40px;
	margin-top: 5px;
	overflow: hidden;
}

/* 2. Data till vanster och hoger, lika hoga om tva listor */

#riD2Data #riD2Text_v  {
	float: left;
	width: 330px;
	height: 468px;
	margin-left: 40px;
	margin-top: 15px;
	padding-right: 25px;
	overflow: auto;
}
#riD2Data #riD2Text_h  {
	float: right;
	width: 260px;
	height: 468px;
	margin-right: 2px;
	margin-top: 15px;
	padding-right: 10px;
	overflow: auto;
}

/* ---------------------------------------------------- 2 ----- */
/* Indelning 3, meny - data, special for resultat sok gardar. */
/* OBS! Utgar fran indelning 2 med vissa korrektioner */

/* 2 -> 3. Data till vanster och hoger, ej lika hoga */

#riD2Data #riD3Text_v  {
	float: left;
	width: 260px;
	height: 525px;
	margin-left: 10px;
	margin-top: 5px;
}
#riD2Data #riD3Text_h  {
	float: right;
	width: 420px;
	height: 468px;
	margin-right: 2px;
	margin-top: 15px;
	padding-right: 10px;
	overflow: hidden;
}

/* 3. Resultatlista till vanster och map till hoger */

#riD3Result_vh {
	width: 275px;
	height: 21px;
	text-align: center;
	background: no-repeat left top;
	background-image: url(../a_systembilder/bakgrunder/bkgD3_rHuvud.png);
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}
#riD3Result_vd {
	width: 270px;
	height: 476px;
	background: repeat left top;
	background-image: url(../a_systembilder/bakgrunder/bkgD3_rData.png);
	padding-left: 10px;
	padding-right: 0px;
	overflow: auto;
}
#riD3Result_vf {
	width: 275px;
	height: 26px;
	text-align: center;
	background: no-repeat left top;
	background-image: url(../a_systembilder/bakgrunder/bkgD3_rFot.png);
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}
#riD3Result_hr {
	width: 400px;
	height: 54px;
	text-align: center;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}
#riD3Result_hm {
	width: 400px;
	height: 400px;
	overflow: hidden;
	border:solid 1px #000000;
}

/* --------------------------------------------------------- */
/* Indelning xForm18_1h - Sverige-kartan. */

#Sverige_h {
	width: 200px;
	height: 40px;
	text-align: center;
	margin-top: 100px;
	overflow: visible;
}
#Sverige_k {
	width: 140px;
	height: 200px;
	padding-left: 60px;
	overflow: hidden;
	visibility: visible;
}
#Sverige_f {
	width: 200px;
	height: 60px;
	text-align: center;
	padding-top: 10px;
	overflow: hidden;
}

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

/* Indelning foten */

#riDFot .logo  {
	position: relative;
	height: 85px;
	width: 95px;
	top: -50px;
	left: 660px;
	background: no-repeat right top;
	background-image: url(../a_systembilder/logo.png);
	z-index: 1;
}

/* Textlankar */

#riDHuvud a, a:visited, a:link {
	font-weight: bold;
	font-size: 9px;	
	color: #FFFFFF; 
	text-decoration: none; 
}
#riDHuvud a:hover {
	text-decoration: underline;
}

#riDFot a, a:visited, a:link {
	font-weight: bold;
	font-size: 9px;	
	color: #FFFFFF; 
	text-decoration: none; 
}
#riDFot a:hover {
	text-decoration: underline;
}

/* Indelning 1, bild - meny - data */

#riD1Meny a, a:visited, a:link {
	font-size: 9px;	
	color: #888888; 
	text-decoration: none; 
}
#riD1Meny a:hover {
	color: #000000; 
	text-decoration: underline;
}
#riD1Data a, a:visited, a:link {
	font-size: 9px;	
	color: #444444; 
	text-decoration: none; 
}
#riD1Data a:hover {
	color: #000000; 
	text-decoration: underline;
}
#riD1Data .riD1Data_knapptext {
	color: #888888; 
}

/* Indelning 2, meny - data */

#riD2Meny a, a:visited, a:link {
	font-size: 9px;	
	color: #888888; 
	text-decoration: none; 
}
#riD2Meny a:hover {
	color: #000000; 
	text-decoration: underline;
}
#riD2Meny .D1Meny_avdelare {
	color: #888888; 
}
#riD2Data a, a:visited, a:link {
	font-size: 9px;	
	color: #444444; 
	text-decoration: none; 
}
#riD2Data a:hover {
	color: #000000; 
	text-decoration: underline;
}
#riD2Data .riD1Data_knapptext {
	color: #888888; 
}


/* Textformat */

p {
	margin-bottom: 4px;
}

strong {
}

h1 {					/* Stor rubrik */
	font-size: 24px;
	font-weight: bold;
	line-height: 2em;
}
h2 {					/* Normal rubrik */
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
}
h3 {					/* Underrubrik 1 */
	font-size: 15px;
	font-weight: bold;
	line-height: 2em;
}
h4 {					/* Underrubrik 2 */
	font-size: 12.5px;
	font-weight: bold;
	line-height: 2em;
}
h5 {					/* Som h4 utan extra radhojd */
	font-size: 12.5px;
	font-weight: bold;
}
h6 {					/* Underrubrik..., samma som ovrig text */
	font-size: 11px;
	font-weight: bold;
	line-height: 2em;
}

.D1Meny_avdelare {
	color: #888888; 
}
.fDistans {	/* Anvands i datablocket for att separera knappar mm */
	font-weight: bold;
	color: #EDF4D7;
}
.fDistans_vit {	/* Anvands i datablocket for att separera knappar mm */
	font-weight: bold;
	color: #FFFFFF;
}

ul.cirkel {
	list-style-type: circle;
}
ul.alpha {
	list-style-type: lower-alpha;
}
ul.ingen {
	list-style-type: none;
}

/* Maste ligga efter riMeny */
a, a:link, a:visited, a:hover { font-weight: normal; color:#7D94A1; text-decoration:underline; }

/* Textformat - formular */

.ledtext {
	font-size:10px;
	color: #777777;
}
.textBox1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	font-weight:normal;
	color: #333333;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
}
.menyBox1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	font-weight:normal;
	color: #333333;
	background-color:#FFFFFF;
	border:solid 1px #333333;
}
.knappSubmit1 {
	font-size: 10px;	
	color: #222222; 
	cursor: auto;
}

/* Textformat - ovriga */

.ingress {
	font-size:11px;
	color: #777777;
	font-weight:bold;
}
.vitText {
	color: #FFFFFF; 
}
.graText {
	color: #777777; 
}
.graTextFet {
	color: #777777; 
	font-weight:bold;
}
.knappText {			/* Anvands bla i resultatlistan s23 */
	font-size: 9px;	
	color: #444444; 
}
.knappTextVit {			/* Anvands bla i resultatlistan s23 */
	font-size: 9px;	
	color: #FFFFFF; 
}
.symbolText {			/* Anvands bla i gardsdata s24 */
	font-size: 10px;	
}
.listTextHuvud {
	font-size:9px;
	color: #777777;
}
.listText {				/* Anvands bla i iNet */
	font-size: 10px;	
}
.listTextLiten {
	font-size:9px;
	color: #777777;
}
.ledig {				/* Anvands bla for helgerna i weekendpaketen */
	font-size:11px;
	font-weight:normal;
	color: #29A700; 
}
.varning {
	font-size:10px;
	font-weight:normal;
	color: #FF0000; 
}
.varningLiten {
	font-size:9px;
	font-weight:normal;
	color: #FF0000; 
}
.demo {
	font-size:10px;
	font-weight:bold;
	color: #FF0000; 
}
.demoStor {
	font-size:14px;
	font-weight:bold;
	color: #FF0000; 
}

/* Tabellformat */

.cellram {
	border: 1px solid #000000;
}
.cellramBottom {			/* Anvands av trafflista wp och gastnatter */
	border-bottom: thin #CCCCCC solid;
}
.cellbkgVit {				/* Anvands av gastnatter */
	background-color:#FFFFFF;
}



/* Anvands, vet dock inte funktionen */
.clear { clear:both; }