@charset "UTF-8";
/* CSS Document */



body {background-color:#333; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; padding:0; position:relative; z-index:10;}

h1{ font-weight:normal; font-size:35px;}
h2{ font-weight:normal; font-size:20px; margin-top:40px; margin-bottom:10px}
p{font-size:15px; margin-bottom: 0; }
p + p {text-indent: 15px; margin-top: 0 }
.small {font-size:12px; margin-bottom: 0;}

a img{border:none;}
a:hover img{opacity:0.7; filter:alpha(opacity=70);}



#container { background-image:url(sajtpix/vert_grey.jpg); background-repeat:repeat-y; margin-left:auto; margin-right:auto; width:900px; overflow:visible; position:relative; z-index:20;}

#mainleft { background-color:#fff; width:550px; padding-left:50px; padding-right:50px; padding-bottom:50px; overflow:visible; float:left; position:relative; z-index:30;}
.mainleftbox{ overflow:auto;}
#mainleftboxsmall{overflow:auto;}
#mainleftboxsmall p{font-size:12px; margin-bottom: 0;}

#logoboxtop{float:right;}

#mainright{width:230px; overflow:visible; float:left; position:relative; z-index:40;}

#header{ width:300px; min-height:194px; margin-right:auto; margin-left:auto; margin-bottom:50px; margin-top:40px; z-index:0;}


.logos{background-color:#fff; background-image:url(sajtpix/skugga_kant.jpg); background-position:top; background-repeat:no-repeat; border-bottom:#CCC solid thin; width:640px; min-height:100px; padding-left:25px; padding-top:50px; padding-right:25px; padding-bottom:30px; margin-top:30px; overflow:auto; clear:both; position:relative; left:-70px; z-index:60;}

.logobox_rubrik{width:630px; height:77px;float:left; margin-left:5px;}
.logobox_line{width:630px; height:3px;float:left; margin-left:5px; margin-top:10px;}
.logobox{width:140px; height:150px; margin:5px; padding:5px; float:left; position:relative;}
.logobox img {position: absolute; bottom: 0;}

.news{margin-bottom:-15px; margin-top:20px; font-size:12px; position:relative; z-index:100; left: -40px; overflow:auto;}
.news li{ background-color:#FFF; padding-top: 5px; padding-left:15px; padding-right:15px; padding-bottom: 5px; margin-top:3px; list-style-type: none; left:-40px;}
.news li a{ text-decoration:none; display:block; color:#333; height: 100%; width: 100%}
.news li a:hover {text-decoration:none;  color:#fff; display:block;}
.news li:hover{background-image:url(sajtpix/grad_pink.png);}

#downloadboxvert{position:relative; float:left; margin-top:20px; padding-left:30px;}

#varamed{position:relative; float:left; margin-top:30px; padding-left:30px;}

#fb{position:relative; float:left; margin-top:30px; padding-left:30px;}


.crazyriververt{width:17px; height:126px; float:left; position:fixed;}
.crazyriververt a img{border:none; opacity:0.2; filter:alpha(opacity=10);}
.crazyriververt a:hover img{border:none; opacity:1.0; filter:alpha(opacity=100);}

/*ADMINSIDAN*/
#headeradmin{height:160px; background:#FFF; background-image:url(sajtpix/backdrop_admin.png); width:940px; margin-top:0;}
#mainleftadmin{ width:200px; float:left; margin-top:15px;}
#mainleftadmin img{border:none;}
#mainleftadmin img a{border:none;}
#mainrightadmin{ width:720px; float:right;}

/*FORMULÄR PÅ ADMINSIDAN*/

label{width: 300px; float: left; text-align: right; margin-right: 10px; display: block; margin-top:2px;}
textarea#textarea{width: 300px; height: 200px;}
input{margin-right:10px;}
.bildnofloat img{float:left;overflow:auto;}
.admintext{height:150px; float:none;overflow:auto;
}