/* ----------------------------------------------------------------------------- * 
 *              Styles der Basisversion: Nur Farben und Schriften!               *
 *               Alle weiteren Styles stecken im responsive.css  
 *						_tpl/head.php общие правила: body
 
 *			 		аналог для	atmosphere.css 
 * ----------------------------------------------------------------------------- */

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 1em;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}


html {
    font-size: 16px;
    line-height: 20px;
    font-size: 100%;	
    font-family: sans-serif; 
    margin: 0;
	padding: 0;	
}	

body {
    margin: 0;
	padding: 0;
	background-color:#EDEFE3;
	color: #000; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;			
	font-family:  Calibri, Baskerville, Verdana, sans-serif; 

	font-size: 16px;
	line-height: 20px; 
	
    font-size: 0.5em; /* 8px */
    line-height: 0.62em; /* 10px */  

#    font-size: 62.5%; /* 10px  (page 136) */

    font-size: 1em; /* 16px */
    line-height: 1.25em; /* 20px */ 

}

body.fon {
background: url("/assets/custom/img/design/fon.jpg") repeat scroll 0 0 transparent; 
}

.page-wrapper { 
	background: url("/assets/custom/img/design/panel.jpg") #D1D7DC repeat left top;

#	border: 4px;

	border-left-style: groove;
	border-left-width: 4px;
	border-left-color: #9EAEC0;
			
	border-top-style: groove;
	border-top-width: 4px;
	border-top-color: #9EAEC0;					
			
	border-bottom-style: ridge;
	border-bottom-width: 4px;
	border-bottom-color: #9EAEC0;
			
	border-right-style: ridge;
	border-right-width: 4px;
	border-right-color: #9EAEC0;	

	box-shadow: 5px 10px 5px 1px #B7BCC2; /* Параметры тени */	



}

header {
	background: url("/assets/custom/img/design/paper.jpg") #F4EEE2 repeat left top; 
	color: #1A1F2B;
}



.main {
	background: url("/assets/custom/img/design/paper.jpg") #F4EEE2 repeat left top; 
	color: #1A1F2B;	
	
	border-top-style: groove;
	border-top-width: 0.01px;
	border-top-color: #FFFDD0;
		
	border-bottom-style: ridge;
	border-bottom-width: 4px;
	border-bottom-color: #9EAEC0;
}

.mainContent {
    color: #333;
}

aside {  /* Закладка на будущее */

	background: url("/assets/custom/img/design/panel.jpg") #D1D7DC repeat left top;
	color: #333;
}

footer { /* Закладка на будущее */
#   background-color: #30395C; /* middle dark blue */
#   color: #efefef;
#   text-align: right;
#   border-bottom: 7px solid yellowgreen;
}

/* ----------------------------------------------------------------------------- * 
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

h1, h2, h3  {
    font-family: Verdana, serif;
    font-style: normal;
    font-weight: bold;
	text-align: center;
}

h1  {
    font-size: 1.375em; /* 22px */
	font-weight: 600;
    line-height: 1.5em; 
	color: #444; 	
}

h2  {
    font-size: 1.25em; /* 20px */ 
	font-weight: 500;	
    line-height: 1.5em;
	color: #444;

}

h3  {
    font-size: 1.125em; /* 18px */
    font-weight: normal;
}


p { 
	font-size: 0.8em;
	font-size: 1em;	
	hyphens: auto;
	word-wrap: break-word;
}



a:link, a:visited {
    color: #005580;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #005580;
    text-decoration: underline;
}

.highlight{
   color: yellowgreen;
}





.center {
    margin: 0 auto;

    /* или */
    margin-left: auto;
    margin-right: auto;
}


.right {
    margin: 0 0 0 auto;

    /* или */
    margin-left: auto;
}


/* ----------------------------------------------------------------------------- * 
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

nav {

    font-family: "Trebuchet MS",Helvetica,Arial;
#    font-size: 1.25em; /* 20px */
	background: url("/assets/custom/img/design/panel.jpg") #D1D7DC repeat left top;
	color: #efefef;
	border: 1px; 
	border-right-style: groove;
	border-right-width: 2px;
	border-right-color: #B9C2CD;		
	box-shadow: none;	
}


nav ul li {
    list-style: none;
}



nav a:link, nav a:hover {
    color: #30395C; /* middle dark blue */
}

nav a:hover {
    background-color: #C2D2E5; /* light blue */
}