/*=-=[STYLESHEET FOR SCREEN AND PROJECTION]=-*/


/*-=-=-=-=-=-=[Some general rules]=-=-=-=-=-=*/

html, body
{
    padding: 0px;
    background-color: #FFF;
    margin: 0px;
    background-repeat: repeat;
}

body
{
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #5C5C5C; /*A3A3A3;*color: #7D8381; color:#9E9E9E;*/
    margin: 0;
    padding: 0;
    text-align: center;
}

h1
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #7D8F2D;
    margin-bottom: 7px;
}

h6
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #424242;
    margin-bottom: 7px;
        margin-top: 5px;

}

h5
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #7D8F2D;
    margin-bottom: 7px;
}

h2
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
    color: #424242;
    margin-bottom: 7px;
}


h3
{
    
    font-size: 12px;
    font-weight:bold;
    text-align: left;
    color: #424242;
    margin-bottom: 0px;
}
h4
{
   font-size: 12px;
   color: #424242;
   text-transform: uppercase;}

hr
{
    color:#A3A3A3;
    height:1px;
    width:100%;
    margin:15px 10px;
    
    }

.textbig
{
    font-family: "tahoma" , arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
}

.textorg
{
    font-size: 11px;
    }
    
p
{
    margin-top: 0px;
    margin-left: 0;
}

p .center
{
    margin-top: 0px;
    margin-left: 0;
    padding-top: 10px;
}

img a
{
    text-decoration: none;
}

a
{
    text-decoration: underline;
    color: #7D8F2D/*#8EA333;*/
}

 .fet a
{
    text-decoration: none;
    color: #7D8F2D;
    font-weight:bold;
}

a:hover
{
    text-decoration: underline;
    color: #8EA333;
}

.none
{
    text-decoration: none;
  
    border: 0px;
    padding: 0px;
    margin: 0px;
}


.rea
{
    text-decoration:line-through;
   
}
   
a.none:hover
{
    text-decoration: none;
    color: #6e6e6e;
}

li
{
    padding-bottom:14px;
    }
    
    #loggain
{
    float: right;
    padding-right: 20px;

}
/*-=-=-=-=-=-=-=--=--=--=-[meny]-=--=-=-=-=-=-=-=-=--=-*/

.TopGroup
{
  background-color:#57574e; 
  background-image: url(../bilder/meny/top_group_bg.jpg);
  border: 1px solid #57574e;
  border-bottom-color: #57574e;
  
}

.Level2Group
{
  background-color:#57574e; 
  background-image: url(../bilder/meny/level2_group_bg.jpg);

}
.Level3Group
{
 
}

.menyskugga
{
     background-image: url(../bilder/meny/meny_skugga.jpg);
 }

.TopLevelTab 
{
  color:white; 
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:11px; 
  cursor:pointer;
    font-weight:bold;
    border-bottom:#57574e;
    
}

.TopLevelTabHover 
{
  color:gray; 
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:11px; 
  cursor:pointer;
    font-weight:bold;
    
}

.SelectedTopLevelTab
{
  background-color: White; 
  background-image: url(../bilder/meny/top_item_selected_bg.jpg);
  
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:11px; 
  cursor:default;
  border: 1px solid #57574e;
   position:relative;
  top:1px;
    font-weight:bold;
    color:White;
    
}

.Level2Tab 
{
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:11px; 
  cursor:pointer;
  color:White;
  font-weight:bold;
  
}

.Level2TabHover 
{
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:11px; 
  text-decoration:underline;
  cursor:pointer;
    font-weight:bold;
    
}

.Level3Tab 
{
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:10px; 
  cursor:pointer;
  color:#57574e;
  font-weight:bold;
  
}

.Level3TabHover 
{
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:10px; 
  text-decoration:underline;
  cursor:pointer;
    font-weight:bold;
    
}

.SelectedLevel2Tab 
{
  
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:11px; 
  color:White;
text-decoration:underline;  
  cursor:default;
  font-weight:bold;
}

.SelectedLevel3Tab 
{
  
  font-family: Niagra engraved,tahoma, verdana; 
  font-size:10px; 
  color:#57574e;
text-decoration:underline;  
  cursor:default;
  font-weight:bold;
}

/* Default item styles ------------------------------------ */ 

.Item
{
  font-family:tahoma; 
  font-size:11px; 
  margin:1px;
  cursor:default;
}

.ItemHover
{
  background-color:white; 
  background-image:url(images/item_bg.gif); 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #ABABAB; 
  border-right-color:#737373;
  border-bottom-color:#737373;
  cursor:default;
}

.ItemExpanded
{
  background-color:white; 
  background-image:url(images/item_bg.gif); 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #737373; 
  border-right-color:#ABABAB;
  border-bottom-color:#ABABAB;
  cursor:default;
}

/* Selected item styles ------------------------------------ */ 
.SelectedItem
{
  background-color:Gray; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #B30000; 
  border-left-color:#FF4C4C;
  border-top-color:#FF4C4C;
  cursor:default;
}

.SelectedItemHover
{
  background-color:#E9CFB1; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #B30000; 
  border-left-color:#FF4C4C;
  border-top-color:#FF4C4C;
  cursor:default;
}

.SelectedItemExpanded
{
  background-color:#E9CFB1; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #FF4C4C; 
  border-left-color:#B30000;
  border-top-color:#B30000;
  cursor:default;
}

.SiteMap
{
  font-family: verdana; 
  font-size: 11px;
  color:Gray;
  text-align:right;
}

.BreadcrumbsNode
{
  font-family: tahoma; 
  font-size: 11px;
} 

.BreadcrumbsNode a
{ 
  color: black;
  text-decoration:none;
} 


.BreadcrumbsNode a:hover
{ 
  color: orange;
  text-decoration:underline;
} 


/*-=-=-=-=-=-=-=--=--=--=-[divs]-=--=-=-=-=-=-=-=-=--=-*/
#container-index
{
    vertical-align: middle;
    margin: 0px auto;
    width: 930px;
    margin-top: 0px;

}

#container
{
    vertical-align: top;
    text-align: left;
    height: 100%;
 width:100%;
 
 
}

#divfooter
{
    vertical-align: top;
clear:both;
background-image:url(../bilder/meny/footer.jpg);
background-repeat:repeat-x;
width:100%;
color:White;


}
#divheader
{
    vertical-align: top;
    float:left;
   
    
}



#divmeny
{
    vertical-align: top;
    
    width:250px;
    background-image:url(../bilder/meny.gif);
    background-repeat:no-repeat;  
    height:220px;
    text-align:left;
    padding-top:15px;
}
#divloggo
{
    vertical-align: top;
    height:80px;
    float:left;
    text-align:left;
    width:100%

}
.divSiteMap
{
    width:100%;
    float:right;
    
    }
    
    #divheaderpic
{
    vertical-align:top;
    float:left;
    
    width:475px;
    height:220px;
    background-image:url(../bilder/head.gif);
    background-repeat:no-repeat;   
}

#divreklam
{
    vertical-align:top;
    Float:right;}
    
#startleft
{
    float:left;}
    
#startright
{
    float:right;}

#raknare
{
visibility:hidden;
}



.text
{
    width:65%;
    float:left;
    vertical-align:top;
   
    padding:10px 20px 5px 20px;
      
}

.textRight
{
    width:65%;
    float:right;
    vertical-align:top;
   
    padding:10px 20px 5px 20px;
      
}
.textTight
{
    width:60%;
    float:left;
    vertical-align:top;
   
    padding:10px 5px 5px 20px;
    
      
}
.textUppf
{
    width:85%;
    float:left;
    vertical-align:top;
   
    padding:10px 20px 5px 20px;
      
}
.stext
{
    width:100%;
    float:left;
    vertical-align:top;
   
    padding:10px 20px 5px 20px;
      
}
.starttop
{
    width:100%;
    float:left;
    vertical-align:top;
    padding:0px;
   
      
}

.rightstart
{
    float:right;
    width:48%}
    
    .leftstart
{
    float:left;
    width:50%
    }
    
    #leftkal
    {
        float:left;
        width:47%;
        padding-top:35px;
        padding-left:10px;}
        
        #rightkal
        {
            float:right;
            width:48%;
            padding-top:20px;
            padding-right:5px;}
    
.text2
{
    width:630px;
    float:left;
    vertical-align:top;
    padding:0px 10px -10px 10px;
      
}

.text1
{
    width:550px;
    float:left;
    padding:10px;
    vertical-align:top;
    padding:10px 0px 5px 10px;
    
}

.text2
{
    width:570px;
    float:left;
    padding:10px;
    vertical-align:top;
    padding:10px 0px 5px 10px;
    
}


#divned 
{
    color:#FFFFFF;
    font-weight:bold;
    font-size:10px;    
    padding:10px;
    padding-top:15px;
}

#divcopy
{
    float:right;
    width:225px;
    color:#3f3f3f;
    font-weight:normal;
    padding:10px;
    font-size:10px;

    }


    
.link
{
    font-weight:normal;
    line-height:25px;
    }
.cell
{
    width:90%;
    padding: 0px 0px 15px 0px;
    
    } 
    .cell1
{
    width:90%;
    padding: 0px -30px 0px 0px;} 
    
.grlankar
{
    color:#8EA333;}

#galright
 {
    float:right;
    width:48%;
    }
     #galleft
 {
    float:left;
    width:48%;
    }
    
 .right
 {
    float:right;
    width:50%;
    }
     .left
 {
    float:left;
    width:50%;
    }
    
.rightUtst
 {
    float:right;
    width:55%;
    }
     .leftUtst
 {
    float:left;
    width:45%;
    }
/*----------------Start-----------------*/ 

#valText
{
    width:420px;
    padding-right:10px;
    }
    
#dagensbild
{
    float:left;
    width:100%;

    }
  #Medlinfo
{
    float:left;
    width:43%;

    }  
     
#info
{
    padding-right:30px;
    padding-left:20px;
    padding-top:0px;
    padding-bottom:20px;
     background-color:#f3f3f3;
     border-bottom-style:solid;
     border:1px;
     border-color:#dadfdb;
    
    

    }
    #divaktivkal
    {
        background-image:url(../bilder/grund/aktivkal.jpg);
         background-repeat:no-repeat;
         width:100%;
         height:145px;
        }
    
  #wwpwdloggo
{
    float:left;
    width:40%;

    }
    #wwpwdtext
{
    float:right;
    width:60%;

    }  
    
    #wwpwd
    {
        width:100%;
        }
  #divstartbild
{
    float:left;
    margin:0px;
    
    }
/*----------------Kontakt-----------------*/   
  #kontright
{
    float:right;
    width:80%;
        line-height:8px;


    }
    
#kontleft
{
    float:left;
    width:20%;
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-weight:bold;
    font-size: 12px;
    text-align: left;
    color: #424242;
    line-height:12px;

}


/*----------------Hälsa-----------------*/   
  #halsaright
{
    float:right;
    width:60%;
    line-height:8px;

    }
    
#halsaleft
{
    float:left;
    width:40%;
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-weight:bold;
    font-size: 12px;
    text-align: left;
    color: #424242;
    line-height:12px;


}

/*----------------Aktivitet-----------------*/  
 .rightKalender
 {
    float:right;
    width:80%;
    }
     .leftKalender
 {
    float:left;
    width:20%;
    }
    
/*-=-=-=-=-=-=-=--=--=--=-[Stilar]-=--=-=-=-=-=-=-=-=--=-*/

.ingress 
{
    font-weight:bold;
    color: #8EA333;
 }


  /* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(../Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(../Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(../Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(../Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(../Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(../Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(../Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(../Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(../images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(../images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(../images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(../images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(../images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(../images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(../images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(../images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(../images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(../images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(../images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(../images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}

/* Form Items */

.textfield {
	border: 1px solid #929292;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

/* Login View */

.login .label {
	display:block;
}

.login .textbox {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

.login .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}

/* LIST 

ul {
	list-style-type: none;
	list-style-image: url(../images/bullet-2.gif);
	list-style-position: outside;
	line-height: 2.1em;
	vertical-align: middle;
	margin-left: 1.25em;
}*/

ul {
	list-style-type:none;
	list-style-image: url(../bilder/dot.gif);
	list-style-position: outside;
	vertical-align: middle;
	margin-left: 1.25em;
}
.link {
	list-style-image: url(../images/bullet-1.gif);
}
/* 2.2 ALBUMS PAGE */

#albums {
	
    margin-left:0px;
	width: 686px;
	float:left;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0;
	width: 100%;
}

.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}
/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}



.DefaultTab 
{
  color:black; 
  background-image: url(../images/tab_bg.gif);
   font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;

    color: #424242;
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(../images/hover_tab_bg.gif);
 font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;

    color: #424242;
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(../images/selected_tab_bg.gif);
 font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;

    color: #424242;
  cursor:default;
}

.MultiPage
{
  background-color:White;
  border: 1px solid #919B9C;
  width:760px;
  height:150px;

}

.PageContent
{
 font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;

    color: #424242;
}

/*
.caps
{
    text-transform: uppercase;
}

#loggain
{
    float: right;
    padding-right: 20px;
}

.trio
{
    color: #55628D;
    font-weight: bold;
}

.refimg img
{
    width: 100px;
    height: 100px;
}



.lank
{
    color: #D2A945;
}

*/
/*---------------meny------------------

#pmeny
{
    float: left;
    padding: 5px 20px 0px 20px;
    text-transform: capitalize;
}
#pmeny ul
{
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

#pmeny ul li
{
    display: inline;
    list-style: none;
    margin-left: 0px;
    padding: 0px 22px;
    font-size: 14px;
    height: 80%;
    color: #999;
    font-weight: normal;
}

#pmeny ul li.first-child
{
    display: inline;
    list-style: none;
    margin-left: -10px;
    border-left: none;
}

*/

/*
#divloggoback
{
    vertical-align: top;
    background-image: url(../bilder/head1.png);
    background-repeat: no-repeat;
    height: 180px;
}

#divloggo
{
    vertical-align: top;
}

#divmeny
{
    text-align: left;
    background-image: url(../bilder/meny.gif);
    background-repeat: no-repeat;
    height: 30px;
}



#divned
{
    height: 40px;
}

#divcopy
{
    text-align: center;
    color: #7D8381;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
}
#allnyhet
{
    width: 400px;
}
*/


/*---------------Om------------------
#divomtext
{
    float: left;
    text-align: left;
    width: 680px;
}
*/


/*
h4
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #55628D;
    margin-bottom: 1px;
}

h5
{
    font-family: "tahoma" , arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #7D8381;
    font-weight: bold;
    margin-bottom: 7px;
}

h6
{
    font-family: "tahoma" , arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #55628D;
    margin-bottom: 1px;
}

h6
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    color: #55628D;
    margin-bottom: 7px;
}

.h1
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #55628D;
    margin-bottom: 0px;
    font-weight: bold;
}

.h2
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
    color: #55628D;
    margin-bottom: 0px;
    font-weight: bold;
}

.h3
{
    font-family: Myriad Pro, "tahoma" , arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #55628D;
    margin-bottom: 7px;
    font-weight: bold;
}

.miniheader
{
    font-family: "tahoma" , arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    color: #333;
    padding: 0px;
    margin: 0px;
}

 <br />
            <%#DataBinder.Eval(Container.DataItem, "Namn")%>
            <br />
            tel:<%#DataBinder.Eval(Container.DataItem, "tel")%>,
            <%#DataBinder.Eval(Container.DataItem, "mobil")%>
            <br /> e-post: <a style="color: #8EA333" href="mailto:<%#DataBinder.Eval(Container.DataItem, "epost")%>">
                <%#DataBinder.Eval(Container.DataItem, "epost")%>
            </a>
            <br />
            <br />
           
                        <b><a href="<%#DataBinder.Eval(Container.DataItem, "hemsida")%>" style="color: #5C5C5C"><%#DataBinder.Eval(Container.DataItem, "hemsida")%></a></b>
            <br />
            <b><a href="<%#DataBinder.Eval(Container.DataItem, "hemsida_vovve")%>" style="color: #5C5C5C"><%#DataBinder.Eval(Container.DataItem, "hemsida_vovve")%> </a></b>
<p>
                <br /><br />




<asp:DataList ID="dlUppf" Width="100%" runat="server" RepeatDirection="Horizontal"
        RepeatColumns="3">
	 <ItemTemplate> 
		 		<asp:label ID="test" Text='<% # DataBinder.Eval(Container.DataItem, "Description") %>' runat="server"></asp:label>
     <br />   
		 <asp:Repeater ID="rptChild" runat = "server"         
		 DataSource = '<%# ((System.Data.DataRowView)Container.DataItem).Row.GetChildRows("relationParentChild") %>'>         
		 <ItemTemplate>            
		 <asp:LinkButton ID="linkChild" Runat="server" Text=<%# DataBinder.Eval(Container.DataItem, "Name")%>      
		  CommandArgument=<%# DataBinder.Eval(Container.DataItem, "ID")%> >    
		           
		 </asp:LinkButton>      <br />  
		 </ItemTemplate>      
		 </asp:Repeater>   
		 </ItemTemplate>
    </asp:DataList>
*/

#svaren
{
	padding:2px;
	width: 150px;
	border-left: 0px dashed gray;
	border-bottom: 0px dashed gray;

}

#fragan
{
	padding:2px;
	width: 150px;
	border: 0px solid silver;
}

#rubrik
{
  font-size: 12px;
    font-weight:bold;
    text-align: left;
    color: #424242;
    margin-bottom: 7px;
}

#information
{
 font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #5C5C5C; /*A3A3A3;*color: #7D8381; color:#9E9E9E;*/
  	font-size: 9px; 
}

#svarsalternativ
{
 font-family: tahoma, arial, helvetica, sans-serif;
	color: #000000; 
	font-size: 10px; 
	font-weight:bold;
		padding: 2px;
}

#procent
{
 font-family: tahoma, arial, helvetica, sans-serif;
	color: #000000; 
	font-size: 10px; 
	text-align: right;
}

#resultat
{
	background-color: #FF0000;
}

#poll 
{
	border:0px dotted #f8eed4;
	padding: 2px;
	background-color: #FFFFFF;
	color: #333333;
}

#innerbar
{
 font-family: tahoma, arial, helvetica, sans-serif;
	font-size:9px;
	padding:0px;
	height:100%;
	background-color: #C7D77F;
	border:1px solid black;
	  
}

#outerbar
{
	background-color: #FAFAFA;
	padding:0px;
	border:1px dashed #EEEEEE;
	height:15px; 
	height:13px;
}