/* COLORS */
/*
Light Green: 8cc53d
Green: 005c39
Dark Green: 01432a
Light Gray: efefef
*/

/* CUSTOM CSS FOR SKOGSTRANSPORT 2015 */
.gardsbruk p, .gardsbruk h1, .gardsbruk h2, .gardsbruk h3{margin-bottom:15px;color:#000000;}
.gardsbruk h1{font-size:30px;margin-top:15px;color:#005c39; font-family:Cooper, "Cooper Black", "Arial Black", Arial;}
.gardsbruk h2{font-size:22px;color:#005c39; font-family:Cooper, "Cooper Black", "Arial Black", Arial;}
.gardsbruk h3{font-size:16px;color: #005c39;}
.gardsbruk p{font-size:14px; font-family:Tahoma, Geneva, sans-serif;line-height: 1.5em;}
.gardsbruk a:hover {color: #005c39;}

.gardsbruk .gardsbruk-header {width:624px; height: 160px;clear: both;background-color: #005c39;}
.gardsbruk .gardsbruk-header .logo {max-width:430px;float:left;}
.gardsbruk .gardsbruk-header .arrangorer{max-width:170px; float:right;}
.gardsbruk .gardsbruk-header .header-logo {margin: 10px 0 10px 0;}
.gardsbruk .gardsbruk-header .arrangorer-logo {margin: 10px 0 10px 0;}

.gardsbruk .facebook-btn {max-width:170px;
	-webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
	border-radius: 0px 15px 0px 0px; 
	-moz-border-radius: 0px 15px 0px 0px; 
	-webkit-border-radius: 0px 15px 0px 0px; 
	}

/* MENU */
.gardsbruk .menu{
	color:#ffffff;
	padding:10px 10px 0 10px;
	width:150px;
	margin-bottom:15px;
	border-radius: 0px 15px 0px 0px; 
	-moz-border-radius: 0px 15px 0px 0px; 
	-webkit-border-radius: 0px 15px 0px 0px; 
	border: 0px solid #800000;
	-webkit-box-shadow: 3px 3px 1px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 1px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 1px 0px rgba(50, 50, 50, 0.75);
}
.gardsbruk .menu-extra {margin-bottom:15px;}
.gardsbruk .menu h2{background-color:#01432a;font-size:14px;color:#efefef;margin:-10px -10px 0px -10px;padding:10px;border-radius: 0px 15px 0px 0px; -moz-border-radius: 0px 15px 0px 0px; 	-webkit-border-radius: 0px 15px 0px 0px; 	border: 0px solid #800000; text-transform:uppercase;}
.gardsbruk .menu ul{list-style-type:none;}
.gardsbruk .menu li a{background-color:#005c39;color: #efefef;padding: 10px;display: block;width: 150px;margin-left: -25px;font-size: 12px;font-weight:bold;}
.gardsbruk .menu a:hover{background-color:#efefef;color:#005c39;text-decoration:none;}
.submenu{background-color:#01432a!important;border-left:10px solid #005c39;width: 140px!important;}
.submenu:hover{background-color:#efefef!important;}

/* MENU MÄSSPROGRAM */
.massprogram-image {width: 98%;background: #ffffff;border: 1px solid #000000;clear: both;margin-top: 10px;}

/* MENU FACEBOOK */
.gardsbruk .facebook{padding: 0px 10px 0 10px;}
.gardsbruk .facebook{-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;}

/* HOME BOXES */
.gardsbruk .homebox-container{clear:both; width:100%;overflow: auto;}
.gardsbruk .homebox-outer{width:32%;    margin: 0 0.6%;float:left; display:block;}
.gardsbruk .homebox-inner .menu h2 {min-height: 34px;}
.gardsbruk .homebox-inner .menu h2, .gardsbruk .homebox-inner .menu {-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;width: 175px;}
.gardsbruk .homebox-inner .menu a {width: 175px;min-height: 130px; text-align:center;}

/* FORMS AND ONLINE-BOKNING */
/*.gardsbruk .formfield { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; padding: 5px; border: 1px solid #000000;width: 94%; }
.gardsbruk label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; padding: 5px;width: 94%; }
.gardsbruk legend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; padding: 5px; }
.gardsbruk .onlinebokning-price{font-size: 11px;font-style: italic;margin-top: -15px;}
*/

/* UTSTÄLLARFÖRTECKNING */
.comp-row{padding: 5px 0px 5px 0px;overflow: auto;}
.comp-container{width:629px;border-bottom:1px solid #000000;font-size:10px;overflow: auto;color:#000000;}
.comp-container:hover{background-color:#E9E9E9;}
.comp-container a{color:#000000;}
.comp-company{width:55%;float:left;font-weight:bold;font-size: 13px;}
.comp-monter{width:20%;float:left;font-weight:bold;}
.comp-person{width:20%;float:right;font-weight:bold;}
.comp-config{width:24%;float:right;text-align:right;font-size:10px;}
.comp-logos{width:100%;}
.comp-description{width:100%;font-size:10px;}


/* DOWNLOADS */
.container-downloads{
width:290px;
float:right;
text-align:center;
border: 3px solid #000000;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
background-color:#fff8d3;
padding: 6px;
}

.container-downloads h2{
color: #000000;
margin:2px;
font-weight: bold;
font-size: 24px;
}

.container-downloads .title{
	font-size:13px;
	font-weight:bold;
}
.container-downloads p{}

.container-downloads a, .container-downloads a:visited, .container-downloads a:active{
background-color: #fadc30;
display: block;
font-size: 11px;
float: left;
margin: 2px;
height:55px;
width: 120px;
padding: 10px;
color: #000000;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}

.container-downloads a:hover{
background-color: #000000;
color: #fadc30;
}

.container-downloads .container-form{
width: 370px;
float:left;
}

.container-downloads .container-form .textarea-information{
width: 300px;
height: 130px;
}

.textarea-information{
width: 280px;
height: 140px;
}

.utsold{
	width:49%;
	float:left;
}
.utsold p{
	margin: 0 0 6px 0;
	font-size: 13px;
}

.massprg-container {width:100%; clear:both; display:inline-block; margin:0 0 20px 0;border-bottom: 10px #e3e3e3 solid;}
.massprg-inside {padding:0;}
.massprg-half {width:50%;float:left;}
.massprg-fullwidth {width: 100%;}
.massprg-half-even {float:right}
.massprg-date p {font-size:12px;}
.massprg-text {padding:0 10px 0 0;}
.massprg-half-even .massprg-text {padding:0 0 0 10px;}
.massprg-image img {width:100%; padding: 0 0 10px 0;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}