/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
strong { font-weight: bold; }
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; }
body { line-height: 1; background: white; color: black; }
sub, sup { vertical-align: baseline; }

/* ------------------------------------------------
	global
-------------------------------------------------*/


div#preview	{ font: 16px Arial, Helvetica, sans-serif;
			  font-weight: bold;
			  text-align: left;
			  width: 100%;
			  height: 30px;
			  padding: 0;
			  margin: 0;
			  position:absolute;
			  background: #ffb11d;
			  color:#fff;
			  border-bottom: 1px solid #fddec3 !important; }
			  
div#previewtext	{ padding:4px 0px 0px 0px;
				  margin:0px auto 0px auto;
				  width:954px;
				  text-align:center; }
				  
div#previewtext p	{ color:#fff;
					  font-weight:bold; }
div#previewtext a	{ color:#fff;
					  font-weight:bold;
					  text-decoration:underline }

div#previewtext a:hover	{ text-decoration:none }
					  
div#container	{ margin:0px auto 0px auto;
		  height:100%;
		  width:954px;}

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:954px;
		  height:150px;
		  background: url(../images/headerbg.png) no-repeat top left;
		  margin:0px;	}

	div#logo	{ float:left;
			  width:560px;
			  height:70px;	
			  margin:64px 0px 0px 0px;
			  padding:0px 0px 0px 75px;	}

		div#logo h1	{ padding:22px 0px 0px 6px;
					  font: 30px trebuchet ms, verdana, arial, sans-serif;
					  color:#63b414;	}
		div#logo a			{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#63b414;	}	
		div#logo a:hover	{ text-decoration:none;	}
		div#logo a.grey		{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#727476;	}								  
		div#logo a.blue		{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#009fea;	}	
		div#logo a.green	{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#406946;	}	
		div#logo a.lime		{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#63b414;	}	
		div#logo a.brown	{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#d89b13;	}
		div#logo a.pink		{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#f89696;	}	
		div#logo a.red		{ padding:22px 0px 0px 6px;
							  font: 30px trebuchet ms, verdana, arial, sans-serif;
							  color:#c92121;	}	

	div#adress	{ float:right;
			  width:240px;
			  text-align:right;
			  margin:67px 0px 0px 0px;
			  padding:0px 79px 0px 0px;	}

	div#adress p	{ font:11px verdana, arial, sans-serif;
			  line-height:18px;
			  color:#606060;	}

	.bigtext	{ font:bold 16px arial,verdana;
			  line-height:18px;
			  color:#fff;	}

/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ background: #fff url(../images/mainbg2.png) repeat-y; 	}

	div#left	{ width:33px;
			  float:left;	}
	
	div#main	{ width:888px;
			  display:block;
			  float:left;	}


		div#tipsaprint {   display:block;
					       width:523px;
					       margin:10px 0px 0px 49px;
						   text-align:right; }	
		div#tipsaprint img {	margin:0px 0px -3px 0px;	}
		div#tipsaprint a {	padding:0px 10px 0px 0px;
							color:#b1b6ba;	}
		div#tipsaprint a:hover { color:#7d8183;
								 text-decoration:none;	}
				   
		h1.start { padding:30px 0px 0px 0px; }	
									 
		li { margin:0px 0px 0px 13px;
						  padding:0px; }			
				
		ul#rellinks	{ float:left;
				  display:block;
				  padding:0px 0px 0px 0px;	}

		ul#rellinks li	{ background: url(../images/rellink.gif) no-repeat 0px 5px;
				  padding:0px 0px 2px 15px;	}

		ul#rellinks a	{ color:#63b414
				  font-size:11px;	}

	div#right	{ width:33px;
			  float:left;	}



/* ------------------------------------------------
	gallery
-------------------------------------------------*/
div#maingallery { display:block;
		  width:518px;
		  margin:40px 0px 0px 49px; }

div.galleryfolder { float:left;
		    display:block;
		    text-align:center;	
		    margin:15px 13px 15px 13px;
		    cursor:pointer;
		    border:2px solid #efefef;
		    background:#fff; }

div.galleryfolder2 { float:left;
		    display:block;
		    text-align:center;	
		    margin:15px 13px 15px 13px;
		    cursor:pointer;
		    border:2px solid #e3e3e3;
		    background:#fff; }

div.galleryfolderover { border:2px solid #999999; }

div.gallery { float:left;
	      display:block;
	      width:94px;
	      height:71px;
	      padding:5px 0px;
	      border:2px solid #fff;
	      background:#efefef;  }

div.gallery2 { float:left;
	      display:block;
	      width:94px;
	      height:50px;
	      padding:0px 0px;
	      border:2px solid #fff;
	      background:#efefef;  }

div.gallery h2 { color:#999999;
		 margin:0px;
		 padding:0px 0px 10px 0px; }

div.gallery img { width:94px;
	    	  height:50px;  }
			  
div.gallery2 img { width:94px;
	    	  height:50px;  }

div.galleryimages { background:#f9f9fa;
		    padding:0px 0px 9px 0px;  }		


div.gallery2 img{ margin:0px;
		  padding:0px;
		  border:0px solid #fff; }

.gallerylinks { padding:9px;  }
.img { padding:9px 9px 0px 9px;  }

.img img { width:500px; }	

/* ------------------------------------------------
	footer
-------------------------------------------------*/

div#footer	{ position:relative;
		  z-index:1;	
		  width:954px;
		  height:100px;
		  margin:0px 0px 0px 0px;
		  padding:0px 0px 0px 0px;
		  display:block;
		  background: url(../images/footerbg2.png) no-repeat top left; 	}
		
	div#footer p {	padding:40px 0px 0px 0px;
					text-align:center;
					color:#d8d8d8;
					line-height:18px;	}
	div#footer a {	color:#d8d8d8;	}
	div#footer a:hover {	color:#7d8183;
							text-decoration:none;	}


/* ------------------------------------------------
	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:360px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}
#vip_menu {
	background: #B5E858;
}
#vip_menu div {
	display: inline; 
}