/* CSS Document */



html,body {background-color:#cccccc; background-image: url("images/back.jpg"); background-repeat: no-repeat; margin: 0; padding:0; font-family:Arial,Helvetica, sans-serif; font-size:15px; line-height:1.4; height:100%; background-position:right top;}


.meny:link { text-decoration:none; color:#000000; }
.meny:visited {text-decoration:none; color:#000000;}
.spalt:link { text-decoration:none; color:#333333;  font-size:13px; margin:0; padding:0;  }
.spalt:visited { text-decoration:none; color:#333333;  font-size:13px; margin:0; padding:0;}
.spalt:hover {  color:#CC9900; margin:0; padding:0;}
.lank:link { text-decoration:none; color:#CC9900;    }
.lank:visited { text-decoration:none; color:#CC9900; }
.lank:hover { color:#FFCC00;}
.lank2:link { text-decoration:none; color:#333;    }
.lank2:visited { text-decoration:none; color:#333; }
.lank2:hover { color:#FFCC00;}

.rollover a {
	display: block;
	text-decoration: none;
	float: left;
	background: transparent url('images/menu_knapp.gif') repeat-x scroll top right;
	color: #000;
	height: 25px;
	padding: 5px 5px 0 5px ;
}

.rollover a:hover { 
	background-position: bottom left;
    	
}


/*Over------------------------------------------------------------------------------------------*/


#header {position:relative; clear:both; height:160px; background-color:none;}
#logga {position:relative; margin-left:auto; margin-right:auto; width:800px; top:35px;  height:160px; background-image:url(images/loggaspegel.jpg); background-repeat:no-repeat; background-position:center left;}

#menu {background-image: url('images/menu_knapp.gif'); background-repeat: repeat-x; position:relative; height:30px; text-align:center; font-weight:bold; font-size:14px; color:#000000;  background-repeat: repeat-x;}
#knapp_container {position:relative; margin-left:auto; margin-right:auto; width:800px;}

#knapp {background-image: url('images/menu_knapp.gif'); background-repeat: repeat-x; float: left; height: 26px; padding-right:5px; padding-left:5px;  padding-top:4px;}
#menu_divider {width: 2px; height: 30px; background-repeat: no-repeat; background-image: url("images/menu_divider.gif"); float: left;}
.input_falt {background-color: #fff; border: 1px solid #CCC; height: 16px; color: #000; font-size:13px;}

#meddelande {position:absolute; width: 150px; right:250px; top:120px; z-index:1; background-color: yellow; border: 1px dotted black; text-align: center;}

/*Mitten---------------------------------------------------------------------------------------*/


#maincontainer {clear:both;  background-color:#ffffff; width:800px; height: auto; margin-left:auto; margin-right:auto;
border-left:solid #666666 1px; border-right:solid #666666 1px; overflow: hidden;}


#text{position:relative; float:left; width:510px;   padding-left:20px; padding-right:10px; }
p {margin:0; padding:0; color:#333333; border-bottom:#999999 dotted 2px; padding-bottom:10px;}
.nl { position:relative; float:left; margin:0; padding:10px; color:#333333; border-right:dotted #999999 2px; width:228px; padding-left:0; margin-top:10px;}
.nr {position:relative; float:left; margin:0; padding:10px; color:#333333;  width:228px; }
h1 { height:30px; padding:0 margin:0; width:220; background-color:#999999; font-size:20px; padding-left:10px;}
h2 {margin:0; color:#333333; margin-top:10px; }


#spalt{position:relative; float:left;width:240px;  padding:10px;}
.over {position:relative; margin-left:auto; margin-right:auto; border:#666666 solid 1px; width:210px; font-size:18px; color:#333333; padding:10px; padding-top:7px; background-image:url(images/spalt_skugga_over.jpg);}
.under {position:relative; margin-left:auto; margin-right:auto;  border:#666666 solid 1px; width:210px; border-bottom:none; border-top:none; background-image:url(images/spalt_skugga_under.jpg); background-repeat:repeat-y;  padding:10px; }
.spaltfalt {height:20px; border-bottom:1px #CCCCCC solid;}


#overkant {position:relative;  background-color:none; width:800px; height:7px; margin-left:auto; margin-right:auto; background-image:url(images/round_corner_uppe.jpg); background-repeat:no-repeat; margin-top: 10px; }
#underkant {position:relative;  background-color:none; width:800px; height:9px; margin-left:auto; margin-right:auto; background-image:url(images/round_corner_nere.jpg); background-repeat:no-repeat; }


/*Under----------------------------------------------------------------------------------------*/


#footer {position:relative; height:200px; background-color:#000; border-top:#333300 1px solid; text-align:left; 
}

#kontakt {position:relative; color:#CC9900; margin-left:auto; margin-right:auto; width:800px; font-size:15px; font-weight:bold; margin-top: 10px;}

#shadow2 {position:relative;  height:10px;  background-image:url(images/skugga_nere.gif); background-repeat:repeat-x;  }


/*Användarinställninar----------------------------------------------------------------------------------------*/

#konto {position:relative; margin-left:auto; margin-right:auto; width:508px; margin-top:15px;color:#333333; font-size:13px; line-height:1.5; margin-bottom:10px;}
.rubrik {position:relative; width:510px; font-size:18px;  font-weight:bold;}
.brod {position:relative; width:510px; margin-bottom:10px;}
#overdel {position:relative; width:508px; height:26px;  border:solid 1px #ccc; border-bottom:none;  font-weight:bold; background-color:#CC9900; color:#000000; font-size:15px; text-align:center; padding-top:4px; background-image:url(images/rubrik_back2.gif); background-repeat:none;}


.info {position:relative; width:500px; height:30px; padding:4px; border:solid 1px #ccc; border-bottom:none;  font-weight:bold;}
.uppgift {position:relative; float:left; margin-left:50px; width:100px; margin-top:5px;}
.iemargin { position:relative; float:left; margin-left:50px; width:100px; margin-top:5px;}
.namn { position:relative; float:left; width:150px; text-align:left; }

#andra_losen {position:relative; width:508px; border:solid 1px #ccc; margin-bottom:10px; font-weight:bold;}
.losen_falt {position:relative; width:500px; height:30px; border-bottom:#CCCCCC solid 1px;  padding:4px;}
.losen_over {position:relative; width:500px; height:25px; border-bottom:#CCCCCC solid 1px;  padding:4px;  font-size:15px; margin-top:5px; color:#CC9900;}

.knapp {margin-top:10px; margin-bottom:10px;}

.arbeten_form {position:relative; width:508px; border:solid 1px #ccc; height:530px; }
.konto_arbete_rubrik {position:relative; float:left; width:240px; text-align:left; color:#333333; font-weight:bold; font-size:15px; margin-top:5px; text-align:center;}
.konto_arbete_namn { color:#333333; font-size:13px; font-weight:normal;  text-align:left; margin-left:10px; }

.projekt:link { text-decoration:none; color:#CC9900;  font-size:20px; margin-top:10px; font-weight:bold; margin-bottom:10px; }
.projekt:visited { text-decoration:none; color:#CC9900;  font-size:20px; margin:0;  font-weight:bold; margin-top:10px; margin-bottom:10px;}
.projekt:hover {  color:#CC9900; text-decoration:underline;}
.laggupp {margin-bottom:10px;}


/*Medlemmsprofil----------------------------------------------------------------------------------------*/


#medlemsbild {float:left; position:relative; width:170px; border:1px solid #cccccc;  margin-top:5px;  background-position:center;}

#person_container { position:relative; float:left;  width:329px; border:1px solid #cccccc; height:220px; margin-top:5px; margin-left:5px;}
.medlemsinfo{position:relative;  float:left;  width:120px; font-weight:bold; line-height:2;  padding-left:5px; padding-top:3px; font-size:13px;  height:210px;}
.medlemsinfo2{ color:#666666;}
.medlemssvar {  line-height:2;  padding-left:5px; padding-top:3px; font-size:13px; height:210px; }


#jobb_container {position:relative; float:left; width:508px; border:1px solid #cccccc;  margin-top:5px; margin-bottom:10px; }
.arbete_rubrik {position:relative; float:left; width:150px; color:#333333; font-weight:bold; font-size:14px; margin-top:5px; margin-left: 15px; text-align:left;}
.arbete_namn { color:#333333; font-size:13px; font-weight:normal; text-align:left; margin-left:10px; padding-bottom:5px;}


#projekt_container {position:relative; float:left; width:508px; border:1px solid #cccccc;  margin-top:5px; padding-bottom:10px;  }
.projekt_rub { color:#333333; font-weight:bold; font-size:14px; margin-top:5px; clear:right; margin-left:5px; }
.projekt_namn { color:#333333; font-size:13px; font-weight:normal;  text-align:left; margin-left:5px; margin-bottom:10px; }



/*Projekt----------------------------------------------------------------------------------------*/


.bild_container { position:relative; margin-bottom:10px; width:510px; margin-top:5px; border-bottom:1px dotted #999; padding-bottom:10px; }
.laggupp_bild { position:relative; float:left; margin-top:20px; margin-right:17px;   }
.beskriv_bild { position:relative; float:left; }
.bildbredd {width:250px;}

.laggupp_knapp {position:relative; width:40px;  margin-bottom:0; }
.textfalt {margin-bottom:10px; width:504px;}

.projekt_rubrik {position:relative; width:510px; font-size:25px; margin-bottom:10px; font-weight:bold;}
.projekt_bild {position:relative; width:508px; height: auto; margin-bottom:10px; border:1px 000 solid;}
.projekt_ingress {position:relative; width:510px; font-weight:bold;margin-bottom:10px;}
.projekt_brod {position:relative; width:510px; margin-bottom:10px;}
.projekt_mer {position:relative; width:510px; text-align:right; font-weight:bold; color:#CC9900; padding-top:8px; padding-bottom:8px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; font-size:13px; margin-bottom:15px;}
.projekt_skapare { margin-bottom:5px; font-size:14px; font-weight:bold;}
.skap { color:}


.projekt_lank:link { text-decoration:none; color:#333;    }
.projekt_lank:visited { text-decoration:none; color:#333; }
.projekt_lank:hover { text-decoration:none; color:#CC9900;  }

.kommentarer_container {width:498px; padding:5px; border:solid 1px #ccc; border-top:none; font-size:12px; margin-bottom:10px;}
.kommentar {border-bottom:dotted #ccc 1px; width:480px; padding:4px;}
.kommentar_rubrik{font-weight:bold; margin-top:5px; margin-bottom:5px;}
.kommentar_namn {font-weight:11px; color:#CC9900; font-weight:bold;}


/*Sök----------------------------------------------------------------------------------------*/

.sokfalt {}
.sokkategori{}
.soksvar { color:#CC9900; font-weight:bold; margin-top:10px; }
.sokrubrik {position:relative;  font-size:15px;  font-weight:bold; margin-top:10px;}


/*Övrigt---------------------------------------------------------------------------------*/

#avdelare  {margin-left:auto; margin-right:auto; position:relative; background-image:url(avdelare.jpg); margin-top:10px; margin-bottom:10px; height:21px; width:80px; }

.bossa {margin-left:auto; margin-right:auto;  margin-top:20px; text-align:center; font-size:14px; font-weight:bold; color:#000000; padding-top:7px;}
.bosstext {   padding-bottom:20px;}
#bossperson_container { position:relative; float:left;  width:508px; border:1px solid #cccccc;  }
.bossmedlemsinfo{position:relative;  float:left;  width:250px; font-weight:bold; line-height:2;  padding-left:5px; padding-top:3px; font-size:13px;  }
.bossmedlemsinfo2{ color:#666666;}
.bossmedlemssvar { position:relative; line-height:2;  padding-left:5px; padding-top:3px; font-size:13px;  }


.rollover2 a {
	display: block;
	text-decoration: none;
	
	background: transparent url('bossknapp.gif') repeat-x scroll top right;
	color: #000;
	height: 26px;
	font-weight:bold;
	text-align:center;
	padding: 7px 0px 0 5px ;
	margin-left:auto;
	margin-right:auto;
	width:243px;
}

.rollover2 a:hover { 
	background-position: bottom left;
    	
}



#gillesinfo {   width:489px; margin-top:15px; }
.datum {color:#333;}
.girubrik { font-weight:bold; font-size:16px; }
.gitext { font-size:13px;}
.gibilder {font-weight:bold; margin-top:5px; }

#arkiv { border-bottom: #999 solid 1px; border-top: #999 solid 1px; margin-top:15px; padding:5px; font-size:14px; font-weight:bold;}

.lankcontain { margin-top:15px; padding:5px; width:495px;}
.lanknamn {font-weight:bold;font-size:13px; color:#333;}
.lankbeskriv{margin-bottom:5px; } 
.lankadress { text-align:center; font-size:13px; font-weight:bold; }


.kontaktinfo{position:relative;  float:left;  width:100px; font-weight:bold; line-height:2;  padding-left:5px; padding-top:3px; font-size:13px;  }
.kontaktsvar {  line-height:2;  padding-left:5px; padding-top:3px; font-size:13px; }

/*-------------------------------------------------- förstasidan */

#overst { margin-bottom:15px; border-bottom:2px #ccc dotted; padding-bottom:10px;  }
h5 { text-align:center;font-size:18px; font-weight:bold; margin:0; padding:0; margin-bottom:10px;}
h6 {text-align:center;font-size:15px; font-weight:bold; margin:0; padding:0; margin-bottom:10px;}

#under_v { float:left; width:245px; padding-right:7px; margin-bottom:5px;border-right:#ccc 2px dotted;}
#under_h { float:left; width:245px; margin-left:7px;  }



/*-------------------------------------------------- förstasidan */


/*Arkiv*/

.a_date { position:relative; float:left; height:25px; width:70px; background-color:#333333; color:#fff; margin-top:10px;  padding-top:2px; padding-left:3px; font-weight:bold;}
.a_projekt { position:relative; float:left; height:25px; width:270px;background-color:#333333; color:#fff; margin-top:10px; margin-left:2px; padding-top:2px; padding-left:3px; font-weight:bold;}
.a_av { position:relative; float:left; height:25px; width:155px;background-color:#333333; color:#fff; margin-top:10px;margin-left:2px; padding-top:2px; padding-left:3px; font-weight:bold;}

.date { position:relative; float:left; height:20px; width:70px; padding-left:3px; border-bottom:1px dotted #666;}
.a_projektnamn { position:relative; float:left; height:20px; width:270px;padding-left:3px;  border-bottom:1px dotted #666;}
.a_avnamn { position:relative; float:left; height:20px; width:155px; padding-left:3px;  border-bottom:1px dotted #666;}

.a_date_2 { position:relative; float:left; height:25px; width:98px; background-color:#333333; color:#fff; margin-top:10px;  padding-top:2px; padding-left:3px; font-weight:bold;}
.a_nyhet { position:relative; float:left; height:25px; width:400px;background-color:#333333; color:#fff; margin-top:10px; margin-left:2px; padding-top:2px; padding-left:3px; font-weight:bold;}

.date_2 { position:relative; float:left; height:20px; width:98px; padding-left:3px; border-bottom:1px dotted #666;}
.a_nyhetsnamn { position:relative; float:left; height:20px; width:400px;padding-left:3px;  border-bottom:1px dotted #666;}

/*Arkiv*/










