/* CSS fil till Addiktolog. Mediatyp, all. Författare Jens Josefsson, Webmind, jens@webmind.se */



html
{
	margin:0;
	padding:0;
	height: 100%;
	
}

body
{
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; font-weight: normal; color:#000;
	background-color: #333333;
	margin:10px 0;
	padding:0;


}

#top
{
	position:relative;
	margin: 0 auto;
	padding:0 40px;
	width: 740px;
	height: 120px;





}
#menu
{
	position:relative;
	margin: 0 auto;
	padding:10px 30px 0;
	width: 740px;
	height: 40px;
	background-image:url(../grfx/topp.jpg); background-repeat:no-repeat;




}
#container
{
	position:relative;
	margin:0px auto 0 auto;
	padding:0;
	width: 800px;
	min-height:600px;

	background-image:url(../grfx/bg.jpg); background-repeat:repeat-y;
	overflow:visible;




}
#temp
{
	position:relative;
	margin:0px auto 0 auto;
	padding:20px;
	width: 760px;
	height:600px;

	overflow:visible;




}
#left
{
	position:relative;
	float:left;
	margin: 0px ;
	padding:20px 20px;
	width: 360px;
	min-height: 410px;
	overflow:visible;


}
#side
{
	position:relative;
	float:left;
	margin: 0px;
	padding:20px 20px 20px 30px;
	width: 350px;
	min-height: 410px;
	clear:none;
	overflow:visible;




}
#newstop
{
	position:relative;
	float:left;
	margin: 20px 0 0 0;
	padding:10px 20px 0 20px;
	width: 310px;
	height: 42px;
	clear:none;
	overflow:visible;
	background-image:url(../grfx/newstopp.jpg); background-repeat:no-repeat;



}
#news
{
	position:relative;
	float:left;
	margin: 0px;
	padding:0 20px;
	width: 310px;
	min-height: 110px;
	clear:none;
	overflow:visible;
	background-image:url(../grfx/newsbg.jpg); background-repeat:repeat-y;



}
#newsdown
{
	position:relative;
	float:left;
	margin: 0px;
	padding:0;
	width: 350px;
	min-height: 29px;
	clear:none;
	overflow:visible;
	background-image:url(../grfx/newsdown.jpg); background-repeat:no-repeat;



}
#main
{
	position:relative;
	float:left;
	margin: 0px ;
	padding:20px 20px;
	width: 760px;
	min-height: 410px;
	overflow:visible;



}

#bottom
{
	position:relative;
	margin: 0 auto 10px auto;
	text-align: center;
	padding:30px 0 0 30px;
	width: 770px;
	height: 20px;
	background-image:url(../grfx/down.jpg); background-repeat: no-repeat;




}





/* Texter & Rubriker */

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#191919;

}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#191919;

}
h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#ccc;
	margin: 0;

}
h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#191919;

}






/* Länkar */

a, a:visited, a:active
{
	text-decoration: underline; 
	color:#000;

}
a:hover
{
	color:#FFF;
	text-decoration:none;
	background-color: #ccc;
}

a.wmlink, a.wmlink:visited, a.wmlink:active
{
	text-decoration: underline; 
	color:#666;
}
a.wmlink:hover
{
	text-decoration: none; 
	color:#666;
	background-color: #ccc;
}

a.menu, a.menu:visited, a.menu:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#ccc;
	text-decoration: none; 


}
a.menu:hover
{
	color:#FFF;
	text-decoration:none;
	background-color: transparent;
	
}

.split
{
    font-weight: bold; color:#ccc;
    padding: 0;
    margin: 0 34px;
}
.footsplit
{
    font-weight: normal; color:#ccc;
    padding: 0;
    margin: 0 20px;
}


ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#231f20;
	padding:0;
	margin:0  0 0 20px;
	
}

li
{
}

/* Klasser */

.logo
{
	float:left;
	




}
.login
{
	float:right;
	margin: 80px 0 0 0;
	    	



}
.contact
{
	color:#ccc;
	margin: 0px 0 0 0px;

}
.creds
{	display:block;
	color:#007ac2;
	margin: 0 auto;
	width:840px;
	text-align:right;


}
.hattimg
{
    display: block;
    width: 400px;
 
	margin: 0px auto 30px auto;



}

.pufffoot
{
    position: absolute;
    right: 20px;
    bottom: 0;
    display: block;
 
	margin: 0px;



}

/*Fix*/

#container:after
{
content: ".";
clear:both;
height:0;
visibility:hidden;
display:block;
}

/*Material*/
.selectablerow
{
    height: 100px;
    vertical-align: middle;
    width: 100%;
    display: block;
    background-color: #F7F6F3;
    color: #000;

}
.selectablerowalt
{
    height: 100px;
    vertical-align: middle;
    width: 100%;
    display: block;
    background-color: #eee;
    color: #000;
}


.selectablerow a, .selectablerowalt a
{
    text-decoration:none;
    color:Black;
}

.rowcont
{
    float: left;  
    height:40px; 
    padding: 40px 0 0 0; 
   border: none; 
    
}
.rowimg
{
    float: right;  
    height:90px;
    
    padding: 5px 20px 0 0; 
    border: none; 

    
}