/*
Design för Särvsjöns hemsida
*/

p{margin: 0;}
h1{padding: 0px;margin: 0 0 5px 0;color: #B05128;background-color: transparent;}
h2{padding: 0px;margin: 0 0 5px 0;color: #333333;background-color: transparent;}
h3{padding: 0px;margin: 0 0 5px 0;color: #76b7d7;background-color: transparent;}
h4{padding: 0px;margin: 0 0 5px 0;color: #333333;background-color: transparent;}
h5{padding: 0px;margin: 0 0 5px 0;color: #9ad5f3;background-color: transparent;}

table{background-color: white;}
div{background-color: transparent;padding: 0; margin: 0;}
a{color: #AD4C21;}
/*a {color: #EC5600;}*/
a:hover{color: #000000;}
/*a:hover {text-decoration: none;}*/
img{border: none;}
/*img {border: none;}*/
hr{border: 0px;border-bottom: 1px #F0EBE7 dashed;height: 1px;}

/*slut särvsjön egna*/

body {
	margin: 30px 0;
	padding: 0; 
	background: #EFEFEF; 
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 90%; 
	color: #6B6B6B;
}

/*
ul {margin-left: 0;	padding-left: 0; list-style: none;}
*/


/*Container till att hålla ihop sidan*/
#container{margin: 0 auto; width: 917px; display: block;}

/* Header */
#head {text-align: right; width: 917px; height: 115px; margin: 0 auto; background: url(../design/img2.gif) repeat-x;}


#headLeft{float: left; height: 115px; width: 300px;	padding: 0 25 0 0; background: url(../design/img1.gif) no-repeat top left; padding: 0; margin: 0 auto;}
#head #headLeft #vapenSarvsjon{float: left; padding:17px 0 0px 22px; width: 270px; height: 92px;}

#headRight{float: right; padding: 0 25px 0 0; background: url(../design/img3.gif) no-repeat right top;}
#head #headRight #user{margin-top: 13px; padding: 0 0 24px 0; color:#000000;height: 45px; font-size:11px;}
#head #headRight #user p{padding: 0 5px 0 0;color:#B05128;text-align: right; font-weight: bold;}
#head #headRight #notUser{margin-top: 13px; padding: 0 0 39px 0;color:#B05128;text-align: right; font-weight: bold; height: 30px;}

/* Menu */
#headMenu {float: right; font-size: 14px;}
#headMenu ul {margin: 0;padding: 0;white-space : nowrap; }
#headMenu ul li {margin: 0 2px 0 0;padding: 0;display: block;float:left;text-align: center; border-left: 1px solid #ccc; }
#headMenu ul li a {color : #0c0c0c;background-color: transparent;text-decoration : none;font-weight: bold; font-size:95%; border-style:none;}
#headMenu ul li a:link, #headMenu ul li a:visited {height: 29px;padding: 7px 5px 3px 7px;margin: 0 0 0 0;}
#headMenu ul li a:hover, #headMenu ul li a:active {height: 29px;padding: 7px 5px 3px 7px;margin: 0 0 0 0;}
#headMenu ul li.active a:hover, #headMenu ul li.active a:active, #headMenu ul li.active a:link, #headMenu ul li.active a:visited 
	{height: 29px; padding: 7px 5px 5px 7px; margin: 0;	color: #B05128;}


/* Splash  Bilden och området direkt under header*/
#splash {width:	877px; height: 170px; margin: 0 auto; background: url(../design/img5.gif) repeat-x left bottom;	border-right: 20px solid #FFFFFF; border-left: 20px solid #FFFFFF;}

/* Content */
#body_wrapper{margin: 0 auto; width: 917px;	display: block; background: #FFFFFF}
#bodyContainer{width: 875px; margin: 0 auto; padding: 30px 21px 0 21px;	background: #FFFFFF url(../design/img8.gif) no-repeat left bottom; display: block;}

.whiteSpace{float: left; width: 1px; _width: 1px;}


/*Om det inte finns någon columnLeftMenu används div id all*/
#all{float: left; width: 875px; _width: 870px; margin: 0 auto; background-color: white; /*border:thin solid;*/}
#all .content{width: 870px; _width: 865px; float: left;padding: 0; background-color: white; /*border:thin solid;*/}
#all .innerContent{float:left; width: 875px; _width:865px; background-color: transparent; /*border:thin solid;*/}
#all .contentItem {float: left; width:860px; _width: 849px; background-color: #FFFFFF ; margin:0; padding:5px 5px 5px 5px;}
/*Har inte ändrat nedan två samt tagit bort .top och .bottom*/
#all .selects{width: 145px;}
#all select{width: 250px;}

#columnLeftMenu {float: left; width: 185px;	padding: 0 0 0 0; margin: 0 0 0 0; font-size: 80%; }
#columnLeftMenu .top{background: url(../design/left_top_rund.png) no-repeat top left;padding: 0px;margin: 0px;width: 185px;height: 11px; line-height:11px; }
#columnLeftMenu .bottom{background: url(../design/left_bottom_rund.png) no-repeat bottom left;padding: 0px;margin: 0px;width: 185px;height: 11px;float: left;}
#columnLeftMenu .content{float: left; width: 185px;background-color:#C8C8C8; }
#columnLeftMenu a{display: block; width: auto;height:100%;}
#columnLeftMenu ul li ul{width: 100%;}
#columnLeftMenu .content li.unLinkedTitle span{font-size: 1.3em;font-weight: bold;padding: 0;margin: 0;color: #ffffff;}
#columnLeftMenu  span.unLinkedTitle{font-size: 1.3em;font-weight: bold;padding: 0;margin: 0;color: #ffffff;}
#columnLeftMenu .content ul.leftMenu {margin: 0;padding: 0;}
#columnLeftMenu .content ul.leftMenu li {margin: 0;list-style: none;}
#columnLeftMenu .content ul.leftMenu li a{color: #ffffff;text-decoration: none;margin: 0px;display: block;width: auto;height:100%;}
#columnLeftMenu .content ul.leftMenu li a:hover{background-color: #888888;}
#columnLeftMenu .content ul.leftMenu li {font-weight: normal;}
#columnLeftMenu .content ul.leftMenu li.selectedSectionMenu {font-weight: bold;background-color: #d6c9bb;}
#columnLeftMenu .content ul.leftMenu li.selectedSectionMenu a{color: black;}
#columnLeftMenu .content ul.leftMenu li.selectedSectionMenu a:hover{color: black;}
#columnLeftMenu .content ul.leftMenu li.selectedSectionMenu li{font-weight: normal;background-color: #f2eae2;}
#columnLeftMenu .content ul.leftMenu li.selectedSectionMenu li a{color: black;}
#columnLeftMenu .content ul.leftMenu li ul li.selectedSectionMenu{font-weight: bold;background-color: #d6c9bb; }
#columnLeftMenu .content ul.leftMenu li ul li.selectedSectionMenu li{font-weight: normal;background-color: #f2eae2;}
#columnLeftMenu .content ul.leftMenu li ul li ul li.selectedSectionMenu{font-weight: bold;background-color: #d6c9bb;}
#columnLeftMenu .content ul.leftMenu li ul li ul li.selectedSectionMenu li{font-weight: normal;background-color: #f2eae2;}
#columnLeftMenu .content ul.leftMenu li ul li ul li ul li.selectedSectionMenu{font-weight: bold;background-color: #d6c9bb;}
#columnLeftMenu .content ul.leftMenu li ul li ul li ul li.selectedSectionMenu li{font-weight: normal;background-color: #f2eae2;}
#columnLeftMenu .content .menuItem ul li a{margin: 0;	list-style: none;display: block;width: auto;height:100%;}

#columnLeftMenu .content ul.leftMenu li.selected a { color: #822C0F;  }
#columnLeftMenu .content ul.leftMenu li.title-level1 { padding-left: 10px; font-size: 14px; font-weight: bold; padding-bottom: 3px; padding-top: 6px; }
#columnLeftMenu .content ul.leftMenu li.title-level1.first { padding-top: 0 !important; }

#columnLeftMenu ul.leftMenu li a:hover {color: #822C0F;}

#content-box {
    /*background-color: #f6f7f2;*/
    margin-bottom: 10px;
    width: 200px;
}

#content-box .header-text {
	background:url(../design/content-box-header.png) repeat scroll 0px 0px transparent;
    color: #000000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 8px 9px 9px;
    border-bottom: 4px solid #DDDDDD;
}

#content-box .content {
	padding: 10px;
	width: 178px !important;
	float: none !important;
	border: 1px solid #DDDDDD;
}

/* Nytt ej anpassat*/
#left hr, #all hr{margin: 10px 0px;}
/*slut nytt*/

/* Om columnLeftMenu finns så används columnRight*/
#columnRight{float: left; width: 675px; _width: 675px; padding: 0 0 0 0; margin: 0 0 0 15px; background-color: white;}
#columnRight .top{width: 675px;height: 18px; padding: 0px;	margin: 0px; float: left;}
#columnRight .content{float: left; width: 675px; _width:673px; /*border:thin solid;*/}
#columnRight .innerContent{float: left; width: 672px; _width: 667px; /*border:thin solid;*/}
#columnRight .contentItem {float: left; width:648px; _width: 623px;  background-color: #FFFFFF; margin: 0px 5px 0px 15px; padding:0px; /*border:thin solid;*/}
#columnRight .bottom{width: 670px; height: 21px; padding: 0px; margin: 0px;float: left;}

/*nytt ej anpassat*/
/*
.rightContentContainer{padding: 5px 0 0 2px; float: left; width: 730px;}
.rightContentDivLeft{float: left; width: 120px; padding-top: 2px; }
.rightContentDivMiddle{float: left; width: 200px; padding-top: 2px; }
.rightContentDivRight{float: left; width: 180px; padding-top: 2px;}
.rightContentAsterix{float: left; width: 20px; padding-top: 2px; color: red;}
*/
/*slut nytt*/


.floatRight{float: right;padding: 0; margin: 0;}
.clearer{clear: both;height: 1px;}

/*Om jag behöver skapa formulär med inputfält,
detta är en div med tre fält som fungerar
.rightContentContainer{padding: 5px 0 0 2px; float: left; width: 730px;}
.rightContentDivLeft{float: left; width: 120px; padding-top: 2px; }
.rightContentDivMiddle{float: left; width: 200px; padding-top: 2px; }
.rightContentDivRight{float: left; width: 180px; padding-top: 2px;}
.rightContentAsterix{float: left; width: 20px; padding-top: 2px; color: red;}
*/

#hhImage{width: 185px; height: 70px; background-color: transparent;}

/* Footer */
#footer {}
#footer p {text-align: center; color: #777777;}
#footer a {color: #5D5D5D;}


/* Nytt Ej anpassat*/
.seekConcent{width:730px; padding-top: 30px;}
.adminPolicyRules{width:300px; padding: 10px 0 30px 0;float: left;}
.floatLeft{width: 100px; float: left; padding: 90px 10px;}
.adminRules{width:500px; padding: 30px 0;}
.text{width: 500px;background-color: transparent;padding-bottom: 10px;}
.formText{padding-top: 2px;}
.checkBox{padding: 6px 0 0 7px; float: left;}
.trBackground{background-color: #f2f2f2;}
.leftButton{width: 150px; padding-top: 10px;}
.request{font-size: 120%; color:  #cc3300; padding-bottom: 10px;}
/* slut nytt*/

/* Nytt nedan för första sidan*/

.baseBoxLeft{
width: 630px;
float: left;
}

.baseBoxLeftDiv{
border: 5px;
/*padding: 20px;*/
margin: 0px 10px 0px 10px;
} 

.baseBoxRight{
width: 215px;
float: left;

}



/* slut nytt för första sidan*/

/*Hierarchy stuff inside contentitem div*/

/*menuadmin*/
.background{background-color: #c8b9a6;}
.lightbackground{background-color: #f2eae2;}
.hover:hover{background-color: #ae9e89;}
.dbx-box p{color:#ffffff;}

/* Generella */
.border {border:1px solid #c7b8a4;}
.full {width: 99%;}
.hidden {display: none;}
.margintop{margin-top: 2px;}
.margintop10{margin-top: 10px;}
.margintop20{margin-top: 20px;}
.marginTop30{margin-top: 30px;}
.marginbottom{margin-bottom: 3px;}
.marginright{margin-right: 2px;}
.marginleft{margin-left: 2px;}
.half{width: 50%;}
.seventy{width: 70%}
.disabledtext{color: gray;}
.bordertop {border-top: 1px solid #c7b8a4;}
.borderbottom {border-bottom: 1px solid #c7b8a4;}


/*textareas*/
textarea.small{display: block; height: 45px; border:1px solid #c7b8a4;margin: 0 auto;width:99%;}
textarea.medium{display: block; height: 90px; border:1px solid #c7b8a4;}
textarea.large{display: block; height: 180px; border:1px solid #c7b8a4;}

/*Tabeller*/
table{border: none;font-size: 90%;}
th, td {display: table-cell; margin:0; padding:3px; vertical-align:top; text-align:left;}
table.border {display:table; border-collapse:collapse; margin:15px 0; padding:0; font-size:100%;}
table.border tr {display:table-row;}
table.border th, table.border td {border:1px solid #cccccc;}
table.border th {background:#c7b8a4; color:#000000; font-weight:bold;}

/*P*/
p.error{color: #c32929;}

/*div*/
div.floatright{float:right;}
div.floatleft{float:left;}
div.scrolllist{overflow-x:hidden; overflow-y:scroll; height: 120px; padding-right: 3px;}

.text-align-right{text-align: right;}
.text-align-left{text-align: left;}
.text-align-center{text-align: center;}
.text-align-justify{text-align: justify;}
.text-align-inherit{text-align: inherit;}

/*img*/
img{border:0; margin:0; padding:0;}
img.alignbottom{vertical-align: bottom;}

/*h1-h5*/
h1 {font-size:180%; line-height:100%; font-weight:normal;}
h2 {font-size:130%; line-height:100%; font-weight:bold;}
h3 {font-size:130%;}
h4 {font-size:110%;}
h5 {font-size:100%;}

/* end Hierarchy stuff inside contentitem div*/