/* CSS Document */

/* Allmänt */
	body {margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
	h1{font-family:Arial, Helvetica, sans-serif; font-size:16pt; margin:4pt 0pt 12pt 0pt; font-weight:normal;}
	h2{font-family:Arial, Helvetica, sans-serif; font-size:12pt; margin:2pt 0pt; font-weight:normal;}
	h3{font-family:Arial, Helvetica, sans-serif; font-size:10pt; margin:2pt 0pt 0pt 0pt; font-weight:bold;}
	

/* Top */
	
	#siteContainer {margin: auto;text-align:left;width:900px;}
	#siteContainer img{border:none;}
		
	table.siteContainerTable {width:100%;margin-bottom:10px;}
	
	img.toplogo{}
	
	#adminlink {font-size:10px; float:right; clear:right; padding-right:4px; margin:0px;}
	#adminlink a{text-decoration:none; color:black;}

	#toplinks {vertical-align:bottom;padding-bottom:0px; font-size:9pt; font-family:Arial, Helvetica, sans-serif}
	#toplinks ul {list-style:none; float:left; clear:left; margin:0px;}
	#toplinks li {display: inline;margin:auto 10px;}
	#toplinks li.firstLink {margin-left:0px;}
	#toplinks li.activeLink {color: #cc0000;}
	#toplinks li a{display: inline;color:black;text-decoration:none;}
	
	td.siteContainerCell{
		height:400px; padding:20px; vertical-align:top; border-left:2px solid #A6A6A6 ; border-right:2px solid #A6A6A6; border-bottom: 2px solid #A6A6A6;}
	
/* home (index.php) */
	#homeContainer {}
		#homeContainer div.headline{float:left; clear:both; width:100%; background-color:#B6B6B6;text-align:center; font-size:10pt; 
									border-top:1px solid black; font-weight:bold; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}		
	
	#homeLeft {width:540px;float:left; clear:left;}
	
	#homeRight {width:240px; float:right; clear:right; text-align:right}

	/* homeLeft */
		#homeNews{width:100%;}
		
			#homeNews div.topicText{width:310px;float: left; clear:left;}	
			#homeNews p.date{margin:0 auto;}
			#homeNews p.topicHeadline{margin:0 auto;font-size:16pt; font-family:Arial, Helvetica, sans-serif;}
			#homeNews p.intro{margin:0 auto;}
			#homeNews div.image{width:auto; float:right;clear:right;padding-right:20px;}
			#homeNews div.spacer{float:left; clear:both;width:100%}
			#homeNews hr.spacer{margin-top:15pt; margin-bottom:20pt;}
	
	
	
	/* homeRight */
		#calender {width:100%; float:left; clear:both;}
		#calender table{width:100%; float:left; clear:both; text-align:center;}
		#calender td.cal{text-align:left; padding-left:10px; width:50%;}
		#calender td.check{padding:0; width:15px;}
		#contact {width:100%;  float:left; clear:both; margin-top:20px; text-align:left;}
		#contact p{text-align:left;}
		#contact p.name{font-weight:bold; margin-top:0pt; margin-bottom:0pt;}
		#contact p{margin-top:0pt; margin-bottom:5pt;}
		#homeResults {width:100%; float:left; clear:both; margin-top:20px; padding-top:0px; text-align:center;}
		#homeResults table{width:80%; float:left; clear:both; margin-left:20px; border:none;}
		#homeResults td.rider{text-align:left; padding-left:10px;}

		

/* news */
	#newsContainer{}
	
	#newsLeftCol{width:500px;float:left; clear:left;}
	#newsLeftCol p.date{margin:0pt;}
	#newsLeftCol p.headline{font-size:16pt; margin:4pt 0pt; font-family:Arial, Helvetica, sans-serif}
	#newsLeftCol p.intro{margin:4pt 0pt; font-style:italic; font-size:10pt;}
	#newsLeftCol p.text{margin:0pt; padding-top:4pt;}
	#newsLeftCol div.image{float:right;clear:right; margin-top:20px; padding:10px;}
	
	
	#newsRightCol{width:auto; float:left; clear: right; margin-left:30px;}
	#newsRightCol ul{list-style:none;padding-left:0; margin-left:0;}
	#newsRightCol li.activeLink{font-weight:bold;}
	#newsRightCol li a{text-decoration:none; color:#CC0000;}	
	
/* riders */	
	#ridersLeftContainer{float: left; clear:left; width:620px; padding-right:20px;}
	#ridersLeftContainer table{width:370px;}
	#ridersLeftContainer td.infoSubject{border-bottom:1px solid #A6A6A6;font-weight:bold;padding:2pt 10pt 2pt 0pt;}
	#ridersLeftContainer td.info{border-bottom:1px solid #A6A6A6;}
	#ridersLeftContainer p.headline{font-weight:bold; margin-bottom:5px; padding:0px;}

	/* förarinfo */
		#rider{float:left; clear:left; margin-bottom:20px; width:100%;}
			#riderLongText 	{float:left; clear:left; margin:0px auto 5px auto; padding:0px; width:380px;}
			#riderImage 	{float:right; clear:right; margin-top:40px;}
			#riderImage img{border:none;}
		
	/* mcinfo */
		#mc{float:left; clear:left; width:100%;}
			#mc h2{margin-bottom:10px;}
			#mcLongText {float:left; clear:left; margin:0px auto 5px auto; padding:0px; width:380px;}
			#mcImage 	{float:right; clear:right; padding-top:40px;}
			#mcImage img{border:none;}


	#riderNotSetContent {width:500px; text-align:left;}
	/*#riderNotSetContent p{padding-bottom:20pt; margin-bottom:0px;}*/
	#riderNotSetContent img{padding-bottom:3px;}
	
	#ridersRightContainer{float:left; clear:right;  margin-top:30px;}
	#riderList {float:left; clear:left;}
	#riderList img{float:left; clear:left;margin-right:10pt;border:none;}
	#riderList ul{list-style:none; padding-left:0px; margin-left: 0px;}
	#riderList li{height:45px; width:200px;}
	#riderList p{}
	#riderList li:a{}
		
/* mc-sidan */	
	#mcPage {width:600px;}
	#mcPage h1.first{margin-top:4pt;}
	#mcPage h1{margin-top:30px;}
	#mcPage h2{margin-top:20px;}
	#mcPage h3{margin-top:20px; margin-bottom:0px;}
	#mcPage p{margin-top:5px;}


/* gallery */
	#galleryContainer{}
	#galleryLeft{width:660px;float:left; clear:left;}
	#galleryImage{}
		#galleryImage img{border:none;}
		#galleryImage td.galleryPrevCell{width:20%; text-align:left;}
		#galleryImage td.galleryHomeCell{width:60%; text-align:center;}
		#galleryImage td.galleryNextCell{width:20%; text-align:right;}
		#galleryImage td.galleryImageCell{text-align:center;}
		#galleryImage td.galleryInfoCell{text-align:left;}
		#galleryImage td.galleryImagePhotoby{width:25%; text-align:right;}
	#galleryGallery{text-align:center;}
		/*#galleryGallery img{padding:1px; border:2px solid #b6b6b6;}*/
		#galleryGallery img{border:none;}
		#galleryGallery img a{text-decoration:none;}
	div.galleryThumbnail{float:left; margin-right:20px; margin-bottom:20px; height:110px;}
	#galleryStart{padding-left:30px;}
	#galleryRight{float:left; clear:right;margin-left:20px;}
		#galleryRight ul{list-style:none; padding-left:0px; margin-left:0px;}
		#galleryRight li{padding:3px 0px; margin-left:0px; display:block}
		#galleryRight li.activeLink{font-weight:bold;}
		
/* results */
	#results {margin-top:0px;}
	#resultsLeft{width:760px;float:left; clear:left;padding-top:0px;}
	#resultsRight{float:left; clear:right;margin-left:20px;}	
	
	#resultsRight ul{list-style:none; padding-left:5px; margin-left:0px;}
	#resultsRight li{padding:5px 0px; margin-left:0px; display:block}
	#resultsRight li.activeLink{font-weight:bold;}
	
	/*#results td{padding:1pt 3pt; border:1px solid black;}*/
	#results table{border: 1px solid black; border-collapse:collapse; width:760px;}
	#results td {padding:0px 2px;}
	#results td.header {font-size:9pt; color:white; background-color:#0000FF;}
	#results tr.subHeader {font-weight:bold;}
	#results .cellResultat {font-weight: bold;}

	
/* welcome - OBS rubrik och bild utanför div */
	#welcome {width:550px;}


/* market */

	#market table{border-collapse:collapse; border:none;}
	#market td{padding: 2px 15px; border-top: 1px solid black; border-bottom: 1px solid black; }
	#market td.bild{width:168px;}
	#market td.text{width:300px;}
	#market td.kontakt{}
	#market th{height: 20pt;}
	#market p.annonsRubrik{font-weight:bold;}



/* admin */
	#admin {width:800px;}
	#admin p{margin:2pt;}
	#admin fieldset{padding: 4pt 10pt; margin: auto 40px 40px auto; vertical-align:top; width:150px; height:75px;}
	#admin legend{font-size:10pt;}
		div.adminContents {float:left; clear:left; width:550px;}
		
	/* logoutForm */
		#logoutForm {margin-top:0px; margin-bottom:10px;}
	
	/* adminRightColumn för alla som vill ha högerkolumn... */
		#adminRightColumn {float:right; clear:right; width:250px;}
		#adminRightColumn fieldset{ margin-right:10px;}
	
	/* fieldsets */
		fieldset.smallFieldset{margin-bottom:40px; float:left; clear:both;}
		fieldset.bigFieldset{margin-bottom:40px; float:left; clear:both;}
		
	/* codingComments (includefil) */
		#codingComments {}
	
	/* adminChangeList (listan med rader för att välja vilken man vill ändra) */
		table.adminChangeList{margin-left:8pt; margin-right:10px; border-collapse:collapse; padding:0px; width:100%; font-size:8pt;}
		td.dateFixWidth{width:70px;}

			
	/* adminNews */
		#adminNews td{padding:0px 5px;}
		#adminNews fieldset{margin-bottom:40px;  display:block;}
		#adminNewsContent {float:left; clear:left; width:550px;}/* sätt content-diven som class adminContents istället */
		
	/* adminNews */
		#adminNews td{padding:0px 5px;}
		#adminNews fieldset{margin-bottom:40px;  display:block;}
		#adminNewsContent {float:left; clear:left; width:550px;}/* sätt content-diven som class adminContents istället */
	
	/* adminTips */
		#adminTips td{padding:0px 5px;}
		#adminTips fieldset{margin-bottom:40px;  display:block;}
		#adminTipsContent {float:left; clear:left; width:550px;}/* sätt content-diven som class adminContents istället */
		
	/* adminRider */
		#adminRider td{padding:0px 5px;}
		#adminRider fieldset{margin-bottom:40px;  display:block;}



/* Gammalt, skall bort så småningom */

		
		/* admin 
			#admin {width:800px;}
			#admin p{margin:2pt;}
			#admin fieldset{display:inline; padding: 4pt 10pt; margin:10px; vertical-align:top;}
			#admin legend{font-size:10pt;}
		
			/* newsForm 
				#newsForm td{padding:0px 5px;}
				#newsForm fieldset{margin-bottom:40px;}
				#newsFormContent {float:left; clear:left; width:550px;}
				#newsFormComment {float:right; clear:right;}
					
			/* changeNews 
				#changeNews td{padding:0px 5px;}
				#changeNews fieldset{margin-bottom:40px;}
				#changeNewsContent {float:left; clear:left; width:550px;}
				#changeNewsComment {float:right; clear:right;}
				
			/* addRider 
				#addRider td{padding:0px 5px;}
				#addRider fieldset{margin-bottom:40px;}
				#addRiderContent {float:left; clear:left; width:550px;}
				#addRiderComment {float:right; clear:right;}
			
			/* changeRider 
				#changeRider td{padding:0px 5px;}
				#changeRider fieldset{margin-top:20px; margin-bottom:20px; clear:both;}*/
				#changeRiderContent {float:left; clear:left; width:550px;}
				#changeRiderComment {float:right; clear:right;}
