/* stylesheet ssh.css for Sønderskovhjemmet web 				*/
/* created 25. September, 2008 by flemming jantzen  			*/
/* revised June 14. 2011 by søren w. rasmussen 					*/
/* tested with IE8 and Firefox									*/
/* index.htm and ssh.css W3C validated without errors			*/

/*///////////////////////////////////////////////////////////////////////// STANDARD PAGE ELEMENTS */

body{							margin-top:						0px;
								margin-left:					0px;
								font-family:					Verdana, Arial, sans-serif;
								font-weight:					normal;
								font-size:						11px;							
								background-image:				url('img_system/background_color_D1FFD1.jpg');}
								/*background-image:				url('img_system/gradient_vertical_green_1px.gif');}*/


hr{								height:							1px;										/* don't touch! adapted	*/
																											/* to work on both IE and	*/
								margin-left:					0px;										/* Firefox. Not logical!	*/
								text-align:						left;
								border:							none;
								color:							#00A90C; /* same green as 1x1_px_green.gif*/
								background-image:				url('img_system/1x1_px_green.gif');
								background-repeat:				repeat-x;}

#text_logo_box{					position:						absolute;
								top:							15px;
								left:							628px;
								width:							40px;
								height:							39px;
								background-image:				url("img_system/sshlogo.gif");
								background-repeat:				no-repeat;
								z-index:						200;}

#text_h_line{					position:						absolute;
								border:							0;										
								top:							15px;
								left:							570px;		
								width:							53px;
								height:							1px;															
								background-image:				url("img_system/1px_brown.gif");
								background-repeat:				repeat-x;			
								z-index:						200;}
								
#text_v_line{					position: 						absolute;
								border:							0;					
								top:							59px;
								left:							667px;		
								width:							1px;
								height:							50px;															
								background-image:				url("img_system/1px_brown.gif");
								background-repeat:				repeat-y;				
								z-index:						200;}							

a{								text-decoration:				none;
								color:							#0000B4;}/*#004187*/
								
a:visited{						text-decoration:				none;
								color:							#0000B4;}								
							
a:hover{						text-decoration:				none;
								color:							#C30300;}
							
h1{								font-family:					Arial,Verdana;
								font-size:						16px;
								font-weight:					bold;
								font-style:						normal;
								color:							#C30300; 
								line-height:					24px;}

h2{								font-family:					Arial,Verdana;
								font-size:						13px;
								font-weight:					bold;
								font-style:						normal;
								color:							#1A4FA5;
								margin-bottom:					5px;}
							
h3{								font-family:					Arial,Verdana;
								font-size:						12px;
								font-weight:					bold;
								font-style:						italic;
								color:							#1A4FA5;
								margin-bottom:					5px;}							

table{							border: 						0px solid #90CC94;}
	
td{								padding:						25px;
								color:							#112E00;							
								border: 						1px solid #90CC94;
								font-family:					Verdana,Arial;
								font-size:						11px;}

.td1{							padding:						0px;
								color:							#112E00;							
								border: 						0px solid #90CC94}
														
#container{						position:						relative;
								top:							0px;
								height:							616px;
								width:							900px;
								border-style:					none;
								z-index:						0}
								
#page_textbox{					border:							0px solid #90CC94; 
								position:						absolute;
								left:							210px;
								top:							120px;
								width:							690px;
								margin:							0px;
								padding:						0px;
								/*background-color:				#EBFFEB;*/
								background-color:				#FFFFFF;

								font-family:					Verdana;
								font-size:						11px;
								line-height:					16px;
								color:							#0F280F;
								text-align:						left;
								z-index:						100;}	
							
#main_menu{						position:						absolute;
								left:							20px;
								top:							90px;
								font-family:					Verdana;
								font-size:						11px;
								color:							#C30300;
								text-align:						left;
								z-index:						100;}
	
														
#page_title{					position:						fixed;
								padding-left:					0px;
								padding-top:					1px;
								padding-bottom:					2px;							
								text-align:						left;
								left:							15px;
								top:							122px;
								font-family:					verdana,Arial,Tahoma,Verdana;
								font-size:						11px;
								font-weight:					normal;
								color:							#004187;
								z-index:						100;
								width:							150px;
								background-color:				transparent;} 

#page_banner_hidden{			border-style:					none;
								border-color:					inherit;
								margin:							0px;
								position:						fixed;
								top:							8px;
								left:							5px;
								width:							91px;
								height:							71px;}	
								

#page_submenu{					position:						fixed;
								padding:						5px;								
								left:							15px;
								top:							150px;
								width:							195px;
								font-family:					Arial,Verdana;
								font-size:						11px;
								color:							#004187;
								line-height:					16px;
								text-align:						left;
								z-index:						100;}
								
#page_submenu a{				text-decoration:				none;
								color:							#1F5A00;}

#page_submenu a:visited{		text-decoration:				none;
								color:							#1F5A00;}
								
#page_submenu a:hover{			text-decoration:				none;
								color:							#C30300;}

.a1{							text-decoration:				none;
								color:							#176A00;}
								
.a1:visited{					text-decoration:				none;
								color:							#176A00;}								
							
.a1:hover{						text-decoration:				none;
								color:							#C30300;}
									
																														
#a_old{							text-decoration:				none;
								font-family:					Arial,Verdana;
								font-weight:					bold;
								font-size:						11px;
								color:							#004187;}
							
#a_old:hover{					text-decoration:				none;
								color:							#C30300;}
													
/*///////////////////////////////////////////////////////////////////////// ELEMENTS - INDEX PAGE */

#ssh_animeret_logo{				position:						absolute;
								top: 							-4px;
								left: 							669px;
								width:							120px;
								height:							115px;
								border:							1px solid #000000;
								background-image:				url("img_system/animated_logo_004.gif");
								background-repeat:				no-repeat;	
								z-index:						4;}
								
#ssh_index_menu{				position:						absolute;
								top: 							125px;
								left: 							675px;
								width:							120px;
								text-align:						left;
								line-height:					18px;
								border:							0px solid #000000;								
								z-index:						4;}														

#ssh_index_menu li{				list-style-image:url(img_system/ulist_heart.gif);
								margin-left:-20px;}

#ssh_title{						position:						absolute;
								padding:						0px;
								margin:							0px;
								top:							10px;
								left:							0px;
								height:							74px;
								width:							640px;
								background-image:				url('pictures/index_title_new.jpg');

								background-repeat:				no-repeat;}	
							
#h_line_upper{					position:						absolute;
								top:							116px;
								left:							0px;
								width:							785px;
								height:							1px;
								border:							0px;
								background-image:				url("img_system/1px_darkgreen.gif");
								background-repeat:				repeat-x;
								z-index: 1;}
			
#h_line_lower{					position:						absolute;
								top:							565px;
								left:							0px;
								width:							785px;
								height:							1px;
								border:							0px;
								background-image:				url("img_system/1px_darkgreen.gif");
								background-repeat:				repeat-x;
								z-index:						1;}

#v_line_left{					position:						absolute;
								top:							0px;
								left:							665px;
								width:							1px;
								height:							616px;
								border:							0;
								background-image:				url("img_system/1px_darkgreen.gif");
								background-repeat:				repeat-y;
								z-index:						1;}

#img1{							position:						absolute;
								left:							1px;
								top:							121px;} 
														
#img1_legend{					position:						absolute; 
								left:							0px; 
								top:							86px; 
								width:							649px;
								color:							#000099; 
								height:							22px;}