
/* ------------------------------------------------
	global
-------------------------------------------------*/

* { margin: 0; padding: 0; text-decoration: none; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */



body 	{ margin:0px;
	  padding:0px;
	  color:#535353;
	  font:12px Arial, Verdana, sans-serif; }

p	{ font:12px/1.3em Arial, Verdana, sans-serif;	}

span	{ font:12px Arial, Verdana, sans-serif;	}

div	{ font:12px Arial, Verdana, sans-serif;	}

table, table p	{ font:12px Arial, Verdana, sans-serif;	}

tr, tr p	{ font:12px Arial, Verdana, sans-serif;	}

td, td p	{ font:12px Arial, Verdana, sans-serif;	}




h1	{ margin:0px 0px 10px 0px;
	  color: #223540;
	  font: normal 15px/1.2em Arial, Verdana, sans-serif; }

h2	{ color: #223540;
	  font: normal 13px/1.2em Arial, Verdana, sans-serif; }

h3	{ color: #223540;
	  font: normal 12px/1.2em Arial, Verdana, sans-serif; }

a 	{ color:#A00D21;	}
a:hover 	{ color:#0277bd; }


img	{ border: 0px solid; 	}

div#container	{ display:block;
		  width:990px;
		  margin:0px auto 0px auto; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#header	{ width:990px;
			  height:152px;
			  margin:0px;
			  padding:0px;
			  position:relative;
			  z-index:200;
			  background: url(../images/headerbg.png) no-repeat 0px 0px;	 }


		div#logo	{ float:left;
				  display:block;
				  width:437px;
				  height:74px;
				  margin:0px 0px 0px 5px;
				  padding:0px;	 }


		

/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#menuright	{ float:left;
			  display:block;
			  width:538px;
			  margin:0px 0px 0px 5px;
			  padding:0px;	 }

		div#menuright ul { list-style:none;
				   float:right;
				   padding:36px 15px 0px 0px; }

			div#menuright li { float:left;
					   padding:0px 0px 0px 22px; }

				div#menuright li a { color:#bbb;
						     font:12px arial, verdana, sans-serif; }

				div#menuright li a:hover { color:#ed1c24; }
				div#menuright li a.active { color:#ed1c24; }

	div#menu { clear:both;
		   display:block;
		   width:990px;
		   margin:1px 0px; }

		div#menu ul { list-style:none;
				  padding:0px 0px 0px 70px; }

			div#menu li { float:left;
					  padding:0px 16px 0px 0px; }

				div#menu li a { display:block;
					 	padding:5px 4px;	
						text-transform:uppercase;
						line-height:18px !important;
						color:#bfbfbf;
						font:12px arial, verdana, sans-serif; }

				div#menu li a:hover { color:#ed1c24; }
				div#menu li.active a { color:#ed1c24; }

	div#submenu { clear:both;
		      display:block;
		      width:990px;
		      margin:0px 0px; }

		div#submenu ul { list-style:none;
				  padding:2px 0px 0px 70px; }

			div#submenu li { float:left;
					  padding:0px 16px 0px 0px; }

				div#submenu li a { display:block;
					 	   padding:5px 4px;	
						   line-height:18px !important;
						   color:#bfbfbf;
						   font:12px arial, verdana, sans-serif; }

				div#submenu li a:hover { color:#ed1c24; }
				div#submenu li.active a { color:#ed1c24; }


/* ------------------------------------------------
	main content
-------------------------------------------------*/

	div#maincontent	{ display:block;
			  width:972px;
			  margin:-8px 5px 0px 5px;background:#fff;
			  padding:0px 4px 4px 4px;
			  position:relative;
			  z-index:100;	 }


		div#mainleft	{ float:left;
				  display:block;
				  width:221px;
				  margin:0px;
				  padding:22px 14px 9px 8px; }

		
	
	
		div#mainright	{ float:left;
				  display:block;
				  width:728px;
				  margin:0px 0px 0px 1px;
				  padding:0px 0px 9px 0px; }
	
	div#puffar	{ clear:both;
			  display:block;
			  width:980px;
			  margin:0px;
			  padding:0px; }

		div.puff	{ float:left;
				  display:inline;
				  width:224px;
				  height:202px;
				  margin:0px 4px 0px 0px;
				  padding:9px 8px;
				  background:#000 url(../images/puffbg.png) repeat-x bottom; }

			div.puffover	{ background:#000; }

			div.puffimg	{ display:block;
					  width:223px;
					  height:122px;
					  margin:0px;
					  padding:0px;
					  border:1px solid #808080; }

				div.puffimg img	{ display:block;
						  width:223px;
						  height:122px;
						  margin:0px;
						  padding:0px; }

			div.pufftext	{ display:block;
					  width:223px;
					  height:70px;
					  margin:10px 0px 0px 0px;
					  padding:0px;
					  overflow:hidden; }

					div.pufftext h2	{ text-transform:uppercase;
							  color:#bbb;
							  font:bold 12px arial, verdana, sans-serif; }

					div.pufftext p	{ color:#bbb;
							  font:11px arial, verdana, sans-serif; }
	
/* ------------------------------------------------
	pages
-------------------------------------------------*/



	div#pageleft	{ 
			  display:block;
			  margin:0px;
			  padding:22px 14px 9px 8px; }
		


	div#pageright	{ float:right;
			  display:block;
			  margin:0px 0px 0px 1px;
			  padding:0px 0px 9px 22px; }
/*
	div#pageleft2	{
			  display:block;
			  margin:0px;
			  padding:22px 14px 9px 8px; }
		


	div#pageright2	{ float:right;
			  display:block;
			  margin:0px 0px 0px 1px;
			  padding:0px 0px 9px 0px; }


/* ------------------------------------------------
	form 
-------------------------------------------------*/

	div.form { margin: 5px 0px 5px 0px;
		   padding: 15px;
		   width: 290px;
		   background:#f9f9f9; }

		span.label { float:left;
					 display:block;
					 width:111px; }
					 	   
		.formfield { float:left;
		           width: 280px;
					 height:16px;
					 margin:0px 0px 2px 0px;
					 padding:4px 2px;
					 color:#000;
					 font:12px Verdana, Arial, Helvetica, sans-serif;
					 border:1px solid #666;
					 background:#fff; }	
					 	
		.formbox { float:left;
		           width: 280px;
				   height: 50px;
				   margin:0px 0px 2px 0px;
				   padding:4px 2px;
				   color:#000;
				   font:12px Verdana, Arial, Helvetica, sans-serif;
				   border:1px solid #666;
				   background:#fff; }					
				   
										 
			.form .pink { background:#fee7e7; }
			.form .yellow { background:#fefee7; }   
		
		span.icon { float:left;
					display:inline;
					width:8px;
					margin:0px 0px 0px 5px;
					padding:8px 2px 0px 0px; }	
			


/* ------------------------------------------------
	form 
-------------------------------------------------*/

div.tellafriend	{  width:339px;
				   margin:0px 4px;
				   display:block;
				   margin:30px auto;
				   border:1px solid #cecece;
				   background:#fff; }	
				   
	div.tellafriendpadding	{  padding:15px; }		
						  
		div.tellafriend h1 { display:block;
							 margin:5px 0px 5px 0px;
							 padding:0px;
							 color:#363636;
							 font:bold 14px verdana, arial, sans-serif; }
						  

		div.tellafriendform	{ height:108px;
							  margin:10px 0px;
							  padding:20px 15px;
							  border:1px solid #ececec;
							  background:#f8f8f8; }	
							  
			div.tellafriend span.label { float:left;
										 display:inline;
										 width:115px;
										 padding:5px 0px 0px 0px; }	
			div.tellafriend span.icon { float:left;
										display:inline;
										width:8px;
										margin:0px 5px 0px 0px;
										padding:8px 2px 0px 0px; }	
			
			div.tellafriend .formfield { width:136px;
										 height:16px;
										 margin:0px 0px 2px 0px;
										 padding:4px 2px;
										 color:#000;
										 font:12px Verdana, Arial, Helvetica, sans-serif;
										 border:1px solid #666;
										 background:#fff; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }
									
			div.tellafriend .formbtn {	float:right;
										width:130px;
										margin:0px 12px 0px 0px;
										padding:0px; 
										font:12px Verdana, Arial, Helvetica, sans-serif;}
										
	div.tellafriendshare	{ padding:10px 15px;
							  border-top:1px solid #cecece; }
							  
		div.tellafriendshare p	{ float:left; 
								  display:inline;
								  margin:0px 15px 0px 0px; }	

/* ------------------------------------------------
	footer
-------------------------------------------------*/

	
	div#footer { clear:both;
		     display:block;
		     width:899px;
		     height:56px;
		     margin:0px auto;
		     padding:30px 40px 0px 0px;
		     text-align:right;
		     color: #979797;
		     font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif;
		     text-decoration: none;
		     background: url(../images/bottom.png) no-repeat 0px 0px;	}

		div#footer p { text-decoration: none;
			       color: #979797;
			       font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif; }

		div#footer a { text-decoration: none;
			       color: #979797;
			       font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif; }

		div#footer span.adresstext2 { text-decoration: none;
					      color: #606060;
					      font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif; }

		div#footer span.adresstext2 a { text-decoration: none;
					        color: #606060;
					        font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif; }
	


/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:420px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 420px;
}