body { margin: 0; padding: 0; background-color:  #e6e6e6;}


/* --------------- Huvudsidan(div) med topmenu och content-sida(div)  --------------  */

#top {
position: relative; left: 0px; top: 0px; z-index:2;
/*height: 20%; */
background-image: url(../img/mas6.jpg); background-repeat:repeat-x; border: 0px; 
padding: auto; margin: auto; width:100%; 
text-align: left;
}


#bodybg {
position: absolute;  top: 139px; z-index:1; 
width: 100%; height: 100%;
background-color:  #e6e6e6;
background-image: url(../img/bg.jpg); background-repeat:repeat-x; top:left;
background-color:  #e6e6e6;
}



#container_main {
margin: 0 auto; width:64em;

}


#container { 
position: relative; left: 0px; top: -50px; z-index: 1;
float: left; float:top; 
width: 62em; height: auto; /*  defined height = 40em enables the scrollbar below, or auto workss perfect here */ 
background-color:  #ffffff; 
color: #333333;
border: transparent;


/*border: 1px solid #CCCCCC;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #000000; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff; */ 


}

#links {
position: relative; width: 170px; height: 190px;  z-index: 1; left: 8px; top: -100px;
}

#news {
position: relative; width: 170px; height: 160px;  z-index: 1; left: 182px; top: -290px;
}

#football {
position: relative; width: 170px; height: 400px; z-index: 1; left: 0px; top: 5px;
}

#alpine {
position: absolute; width: 200px; height: 40px; z-index: 1; left: 204px; top: 0px; 
}

#formula {
position: absolute; width: 200px; height: 40px; z-index: 1; left: 175px; top: -50px;

}

#search {
position: absolute; width: 200px; height: 0px;  z-index: 1; left: 1px; top: 92px;
}

#searchbox {
position: relative; width: 200px; height: 155; z-index: 2; left: 1px; top: 30px;
border: transparent;
}

/* all flash-movies */ 

#movie { /* flash-movie on start page */ 
position: relative; /*width: 200px; height: 150px;*/ z-index: 1; left: 0px; top: 4px; /* -390px; */
}

#leaderboards {
position: absolute; width: 344px; height: 190px;  z-index: 1; left: -174px; top: 155px;
}



#florence { /* flash-movie on Robins site */ 
position: absolute; z-index: 1; left: 13px; top: 28px; 
}

#paul { /* flash-movie on Pauls site */ 
position: absolute;  z-index: 1; left: 13px; top: 28px; 
}

#golf { /* flash-movie on golfmanual */ 
position: absolute;  z-index: 1; left: 13px; top: 28px; 
}

#manuals { /* flash-movie on html-manual */ 
position: absolute;  z-index: 1; left: 26px; top: 55px; 
}

/* end flash-movies */ 

#topp { 
position: relative; 
width: 750px; height: 100px; z-index: 1; left: 10px; top: -105px; 

background-image: url(../img/topp.gif);
/* 
background-repeat: no-repeat;
margin-left:auto; margin-right:auto;
*/
}

#bottom { 
position: absolute; 
width: 750px; height: 100px; z-index: 1; left: -550px; top: 300px; 

background-image: url(../img/topp.gif);
/*
background-repeat: no-repeat;
margin-left:auto; margin-right:auto;
*/
}

#bottomline { 
position: absolute; 
width: 750px; height: 1px; z-index: 1; left: -550px; top: 420px; 
background-image: url(../img/line.gif);

}

#contentbox { 

position: relative; z-index: 1; left: 0px;  top: -80px;  /* left: 370px  top: -490px; */
padding: 0px;
width: 62em; 
height: auto; /* 380px;   defined height = 380px enables the scrollbar below, auto however works perfect here */ 

}
/*
border: 1px solid #000000;  
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #000000; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
*/


/*
#validator { 
position: relative; left: 350px; top: 0px; z-index:1; 
width: auto; height: auto; 
border: transparent;


}

*/

/* --------------- slut på Huvudsidan med topmenu och content-sida  --------------  */


/* --------------- nu kommer div properties för sub-divs som laddas i content-div --------------  */




.rubrik {position: absolute; width: 100px; height: 20px; z-index: 1; filter:Shadow(color:gray, strength:3, direction:135);
  left: 3px; 
  top: 0px;
  font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:sans-serif;
  color:#333333;
}

.top-left, .top-right, .bottom-left, .bottom-right { z-index: 1;
	background-image: url(../img/corner.gif); /* CHANGE: path and name of your image */
	height: 28px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { z-index: 1;
	margin-right: 28px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { z-index: 1;
	margin-left: 28px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -28px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right { z-index: 1;
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { z-index: 1;
	background-position: 0 -28px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { z-index: 1;
	background-position: 100% -28px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside { z-index: 1;
	border-left: 1px solid #cccccc; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #cccccc;     /* YCC: color & properties of the right-borderline */
	border-bottom: 1px solid #cccccc;
	background: #F1F1F1;            /* YCC: background-color of the inside */
	color: #333333;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right: 5px;             /* YCC: all texts at some distance of the right border */
	}

.notopgap    {  margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */


.nopic { z-index: 1;

padding-left: 2px; 
border-top: thin solid #333333; 
border-bottom: 1px solid #cccccc; /*filter:shadow(color:gray); */
border-right: 1px solid #cccccc; /*border-style: outset;*/
border-left: 1px solid #cccccc; 
position:absolute; filter:shadow(color:gray, strength:2, direction:135);
}


/*background-image: url(bakgrundsbild.gif); background-repeat: repeat-x; background-attachment: fixed


/*.shadow { 
 position:absolute; border:1px, solid #cccccc; filter:Shadow(color:gray, strength:2, direction:135);
}


/*<div style="position: absolute; width: 170px; height: 82px; z-index: 1; filter:shadow(color:gray, strength:4, direction:135);">

/*  
filter-shadow(color:gray, strength:10, direction:135);

/*
.shadow{
	background-color: #666; 
	color: inherit;
	}

*/

/*
div {position:relative; left:10; top:0px; 
background-image: url(../images/ch.gif);  background-repeat: repeat-x; background-color: #cccccc;  
border-top: thin solid #333333; 
border-bottom: url(../images/cf.gif)repeat-x;  
border-right: thin solid #333333; 
border-left: thin solid #333333; 
}
/*border-style:double;
*/