/*
 *	--- frolanderentreprenad.css ---
 *
 *	Author: Alexander Velander
 *
 *	CSS för frolanderentreprenad.se
 */
	/*
******	Generella element  ******
	 */
	html, body {
		width: 100%;
	}
	body {
		margin: 30px 0;
		background: #FFF url(../img/bg.jpg) repeat scroll 50% 0;
	}
	img, a, object, form {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
    th, td {
        padding: 0 10px;
        text-align: left;
    }
	/*
******	Typografi  ******
	 */
	body, div, p, span, a, table, td, input, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 15px;
		font-weight: normal;
		color: #666;
		cursor: default;
	}
	h1,h2,h3 {
		padding: 0;
		font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
		font-weight: normal;
        letter-spacing: -1px;
		color: #CC7520;
		cursor: default;
	}
	h1 {
		margin: 10px 0 15px;
		font-size: 32px;
        line-height: 36px;
	}
	h2 {
		margin: 15px 0 10px;
		font-size: 22px;
	}
	h3 {
		margin: 15px 0 10px;
		font-size: 15px;
	}
	p {
		width: 300px;
		margin: 0 0 15px;
		padding: 0;
		cursor: default;
	}
	strong {
		color: #000;
	}
	small, label {
		font-size: 10px;
		color: #333;
	}
	a {
		color: #963;
		text-decoration: underline;
		cursor: pointer;
	}
	a:hover {
		color: #642;
	}
	small a {
		font-size: 10px;
	}
	ul {
		margin: 0;
		padding: 0;
		list-style: none inside;
	}
		li {
			margin: 0;
			padding: 0;
		}
	ul.bull {
		list-style: disc outside;
		margin: 0 0 15px 30px;
	}
        ul.bull li.space {
            margin: 0 0 15px;
        }
        ul.bull li ul.bull {
            margin-top: 0;
        }
	table {
		margin: 0 0 15px;
	}
		table td {
			text-align: left;
			vertical-align: top;
		}
	/*
******	Specifika element  ******
	 */
	#underKonstruktion {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 170px;
		height: 170px;
		background: transparent url(../img/under_konstruktion.png) no-repeat scroll 0 0;
	}
	#bg {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 300px;
		background: transparent url(../img/bg_top.png) repeat-x scroll 50% 0;
	}
	#main {
		width: 800px;
		margin: 0 auto;
		overflow: hidden;
	}
		#head {
			width: 800px;
			height: 80px;
			background: transparent url(../img/top.png) no-repeat scroll top center;
		}
			#logo {
                position: absolute;
				left: 50%;
				height: 60px;
				top: 40px;
				margin-left: -375px;
                font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 40px;
				font-weight: bold;
                color: #000;
			}
		#slideshow {
			padding: 0 1px;
			background: #FFF;
		}
		#menu {
			float: left;
			width: 180px;
			padding: 0 0 40px;
			background: transparent url(../img/menu_bottom.png) no-repeat bottom;
		}
			#menu ul {
				padding: 10px 0 0 25px;
				background: #FFF;
			}
				#menu li {
					padding: 10px 0 0;
				}
			#menu a, #menu span {
				font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
				font-size: 16px;
				text-decoration: none;
			}
				#menu a {
					color: #999;
				}
				#menu a:hover {
					color: #642;
				}
				#menu a.selected, #menu span {
					font-weight: bold;
					color: #642;
				}
			#menu ul#submenu {
				margin: 5px 0 0;
				padding: 0 0 0 10px;
			}
				#menu ul#submenu li {
					padding: 0 0 4px;
				}
				#menu ul#submenu a, #menu ul#submenu span {
					font-size: 13px;
				}
	#content {
		float: right;
		width: 620px;
		background: transparent url(../img/content_bottom.png) no-repeat bottom;
	}
		#content #text {
			min-height: 250px;
			margin: 0 0 40px;
			padding: 20px 40px 0; 
			background: #FFF;
		}
			#content #text #foot {
				position: relative;
				top: 25px;
				font-size: 10px;
			}
                #content #text #foot #logo_mkr {
                    float: right;
                    padding-left: 20px;
                }
				#content #text #foot p, #content #text #foot p a {
                    width: auto;
                    font-family: Arial;
					font-size: 9px;
                    line-height: 11px;
				}
	/*
	 *	Klasser
	 */
	table.personal, table.maskinpark {
		width: 100%;
	}
		table.personal td {
			padding: 0 0 20px;
		}
			table.personal td img {
				width: 70px;
				height: 80px;
				float: left;
				margin: 0 5px 0 0;
				border: 1px solid #000;
			}
		table.maskinpark td {
			width: 262px;
			padding: 0 0 20px;
		}
			table.maskinpark td img {
				display: block;
				margin: 0 0 5px 0;
				border: 1px solid #000;
			}