/* CSS Document */

html, body {
	margin: 0px; padding: 0px;
	background: url(../img/design/fon.gif);
	color: #797778;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

#menu td {
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1, h2, h3 {
	color: #6A83AC; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: .5em 0;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }

#left {
	background: url(../img/design/index_19.jpg) bottom left no-repeat;
}

#rasporka { 
	width: 191px; 
	height: 204px; 
}

table#footer td.left { 
	background: url(../img/design/index_20.jpg) left no-repeat; 
	
}

#footer td, #footer td a {
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#menu a {
	color: #fff;
	text-decoration: none;
}
#menu a:hover { text-decoration: underline; }

#flag_container {
	width: 199px;
	height: 51px;
	position: relative;
	background: url(../img/design/index_16.jpg);
}
#flags {
	position: absolute; z-index: 10;
	left: 10px; top: 15px;
	height: 15px;
}
#datetime {
	position: absolute; z-index: 20;
	left: -110px; top: 20px;
	font-size: 11px;
	font-weight: bold;
}
strong {
	font-weight: normal;
}

#layoutphoto {
	width: 180px;
	margin: auto;
}

#layoutphoto img {
	border: #000 solid 1px;
}

div.lihead {
	font-weight: bold;
	margin: 1em 0px;
}

div.indent {
	margin-left: 3em;
}

a { color: #4800ff; text-decoration: underline; }
a:hover { color: #f33; text-decoration: none; }

#citate {
	width: 300px;
	float: right;
	text-align: right;
	clear: both;
}

#citate blockquote {
	color: #222;
	margin: .3em;
	text-align: left;
}

#news {
	background: #eeeeee;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 180px;
	margin: 1em auto;
	padding: 5px;
}

#news a {
	color: #8497cf;
}

table.form {
	background: #36adef;
	color: #fff;
}