﻿v\:* {behavior:url(#default#VML);}

* {margin:0;padding:0}

body {
	background: #DADADA url(images/bg_body.gif) left top repeat-x;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}

#orange{font:normal 80%/18px Arial, Helvetica, sans-serif}
#orange a, #orange a:link, #orange a:visited{color:#F29E00;font-weight:bold;text-decoration:underline}
#orange a:hover, #orange a:active, #orange a:focus{text-decoration: none}

#container {margin:0 auto;width:776px;position:relative;background: transparent url(images/bg_container.gif) left top repeat-y;margin-bottom:50px}

.map_caption{font:11px bold;color:#000;text-align:left}
.map_descr{font-size:11px;line-height:13px;color:#000}


#intro {
	background: transparent url(images/bg_intro.jpg) right top no-repeat;
	position: relative;
	padding: 1px;
}


#pageHeader {display:inline;height:0;left:-1000px;overflow:hidden;position: absolute;top:-1000px;width:0}
#pageHeader h1{font: bold 154%/25px Arial, Helvetica, sans-serif}
#pageHeader h2{font: bold 90%/25px Arial, Helvetica, sans-serif}


#quickSummary {color:#000;font:11px bold Arial, Helvetica, sans-serif;right:100px;position:absolute;top: 20px;text-align:center}
#quickSummary a, #quickSummary a:link, #quickSummary a:visited {color:#F29E00;font-weight:bold}
#quickSummary a:hover, #quickSummary a:active, #quickSummary a:focus {text-decoration: none}

h1{color:#fff;font:bold 100%/18px Arial, Helvetica, sans-serif;  }
 
#preamble {
	background:transparent url('images/bg_content.jpg') right bottom no-repeat;
	color: #fff;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 75px 25px 10px 25px;
	margin-left: 210px;
	margin-top: 202px;/*192px;*/
 min-height:1060px;
 height:auto !important;
 height:1060px; 
}

#preamble h3{background:transparent url(images/hl_roadto.gif) left top no-repeat;height: 29px;margin:0 0 10px 0;width:510px}			
#preamble p{text-indent:15px;text-align:justify}
#preamble a, #preamble a:link, #preamble a:visited {color:#F29E00;font-weight:bold;text-decoration:underline}
#preamble a:hover, #preamble a:active, #preamble a:focus {text-decoration:none}		

#caption {background:transparent url(/images/bg_preamble.jpg) right top no-repeat;
	color: #fff;font: normal 80%/16px Arial, Helvetica, sans-serif;
	padding:0px 25px 0px 37px;margin:192px 0 0 200px;z-index:2;
	position:absolute;width:513px;height:85px;text-align:center;display: block}
#caption a, #caption a:link, #caption a:visited{color:#F29E00;font-weight:bold;text-decoration: underline}
#caption a:hover, #caption a:active, #caption a:focus{text-decoration:none}
#caption p{padding-right:100px}

/*		Таймер
-----------------------------------------------------------------------*/
table.timer{font:bold 15px Arial, Helvetica, sans-serif;color: #F29E00}
table.timer.td{padding:0;margin:0}
.labels {font-size:10px;color:#000}

#twoColumn {
	color: #fff;
	margin-left: 210px;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 0px 25px 10px 25px;
	position: relative;
	height: 100%;
}

		#twoColumn a, #twoColumn a:link, #twoColumn a:visited {
			color: #F29E00; 
			font-weight: bold;
			text-decoration: underline;
		}
		
		#twoColumn a:hover, #twoColumn a:active, #twoColumn a:focus {
			text-decoration: none
		}
		
		#twoColumn p {
			padding-left: 30px;
		}


#roadletter {
	width: 250px;
	float: left;
	vertical-align:top;	
}

		#roadletter h3 {
			background: transparent url(images/cap_roadletter.gif) left top no-repeat;
			height: 28px;
			margin: 0 0 10px 1px;
			width: 250px;
		}
		
		
#photo {
	margin-left: 258px;
	margin-top: -23px;
	width: 250px;
	vertical-align:top;
}
		
		#photo h3 {
			background: transparent url(images/cap_photo.gif) left top no-repeat;
			height: 28px;
			margin: 23px 0 10px 1px;
			width: 250px;
		}

		#photo .photo_img {
			text-align:center;
		}
				
		

#benefits h3 {
	background: transparent url(images/hl_benefits.gif) left top no-repeat;
	height: 28px;
	margin: 23px 0 10px 1px;
	width: 508px;
}


#requirements {
	margin-bottom: 50px;
}
		
		#requirements h3 {
			background: transparent url(images/hl_requirements.gif) left top no-repeat;
			height: 37px;
			margin: 23px 0 10px 1px;
			width: 508px;
		}

/*		Die Linklisten
-----------------------------------------------------------------------*/
 
#linkList {
	background: transparent url(images/bg_linkList.gif) 0px 2px repeat-y;
	color: #fff;
	font-weight: normal;
	padding: 0px 10px 0 0;
	position: absolute;
	top: 193px;
	width: 221px;
}
		
		#linkList h3 {
			padding-left: 10px;
		}
		
		#linkList a, #linkList a:link, #linkList a:visited  {
			color: #000;
			text-decoration: underline;
		}
		
		#linkList a:hover, #linkList a:active, #linkList a:focus  {
			text-decoration: none;
		}
		
		#linkList ul li {
			font-size: 70%;
			list-style: square;
			
		}

#history {
	background: transparent url(images/man2_fon.jpg) left top no-repeat;
	padding: 10px;
	padding-left: 70px;	
	margin-top:10px;	
	margin-bottom:10px;
	border:dotted 1px #41403e;
	min-height:100px;
	font-style:italic;
}
#history p{
	font-style:italic;
}

#cool {
	background: transparent url(images/man1_fon.jpg) left top no-repeat;
	padding: 10px;
	padding-left: 70px;	
	margin-top:10px;
	margin-bottom:10px;
	border:dotted 1px #41403e;
	min-height:100px;

}

#cool p{
	font-style:italic;
}

#snob {
	background: transparent url(images/man3_fon.jpg) left top no-repeat;
	padding: 10px;
	padding-left: 70px;	
	margin-top:10px;
	margin-bottom:10px;	
	border:dotted 1px #41403e;
	min-height:100px;
	font-style:italic;
}

#snob p{
	font-style:italic;
}

#lsiteMap {
	background: transparent url(images/bg_lselect.gif) left bottom no-repeat;
	padding-bottom: 25px;
}
		
		#lsiteMap h3 {
			background: transparent url(images/cap_menu_sitemap.gif) left top no-repeat;
			display: block;
			margin: 7px 0px 0px 7px;
			height: 28px;
			width: 200px;
		}
		
		#lsiteMap ul li a {
			display: block;
			font: bold 110%/19px Arial, Helvetica, sans-serif;
		}
		
		#lsiteMap ul li a.c {
			color: #fff;
			display: inline;
			font: normal 90%/19px Arial, Helvetica, sans-serif;
		}


#lcontacts {background:transparent url(images/bg_lselect.gif) left bottom no-repeat;padding:0px 0 40px 0}
#lcontacts h3{background:transparent url(images/cap_menu_cont.gif) left top no-repeat;display:block;margin:7px 0px 0px 7px;height:28px;width: 200px}
#lcontacts a{display:block}


#lfind {
/*	background: transparent url(images/bg_lresources.gif) left bottom no-repeat;*/
	background: transparent url(images/bg_lselect.gif) left bottom no-repeat;	
	padding-bottom: 30px;
}

		
		#lfind h3 {
			background: transparent url(images/cap_menu_find.gif) left top no-repeat;
			display: block;
			margin: 7px 0px 0px 7px;
			height: 28px;
			width: 200px;
		}

#lsuper {
/*	background: transparent url(images/bg_lresources.gif) left bottom no-repeat;*/
	background: transparent url(images/bg_lselect.gif) left bottom no-repeat;	
	padding-bottom: 30px;
}

		
		#lsuper h3 {
			background: transparent url(images/cap_super.gif) left top no-repeat;
			display: block;
			margin: 7px 0px 0px 7px;
			height: 28px;
			width: 200px;
		}
		
#lcounter {
 background: transparent url(images/bg_lresources.gif) left bottom no-repeat;
	padding-top: 10px;
	padding-bottom:10px;
	text-align:center;
}
 
#lcounter p{font-size:11px}
#lcontacts ul li a, #lfind ul li a {font-weight: bold}
#lfind ul li, #lcontacts ul li, #lsiteMap ul li {margin:14px 0 14px 35px}
/*		Footer Formatierung
-----------------------------------------------------------------------*/

#footer {
	background: transparent url(images/bg_footer.gif) left top no-repeat;
	bottom: -27px;
	left: 210px;
	height: 54px;
	line-height: 50px;
	position: absolute;
	width: 400px;
	text-align:center;
}	
#footer a, #footer a:link, #footer a:visited {color:#000;padding:0 6px}
* html #footer {bottom: -28px}

/* Страница авторизации */
.page_login{padding:0 10px 0 10px} 
.page_login .row{padding-top:10px} 
.page_login .edit{width:170px} 
.page_login .button{width:100px} 
.page_login .error{color:#FF3300;font-weight:bold;padding-top:10px}
/* страница с фотками */
.page_photo_caption{width:100%;background:#292824}
.page_photo_caption .main{float:left;width:400px}
.page_photo_caption .arrow{float:left;padding:0 7px}
.page_photo_caption .story{width:16px;float:left}
.page_photo_caption a img{border:none;width:16px;height:16px;display:block}

.page_photo_photo{width:100%;text-align:center}
.page_photo_photo img{border:1px solid #292824;display:block;text-align:center}

.commentCap{background:#292824 url(images/fon_cap_left.gif) left center no-repeat;height:18px;padding:5px 0 5px 20px;margin:5px 0}

.rmLink
    {
      background-color: #292824;
    }