CSS

* {margin:0; padding:0;} 

body 
{
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFBC1E;
	font-weight: 500;
	padding-bottom: 1em;
	padding-top: 2em;
	padding-left: 2px;
	padding-right: 2px;
	cursor: auto;
}



#headboard
{
  margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
  border: 1px solid #ffffff;
	background-color: #ffffff;
}


h1.headboard {
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-variant: small-caps;
	font-weight: normal;
	margin: 15px 0px 0px 25px;
	font-size: 60px;
	word-spacing: -20px;
	z-index: 2;
}


h1.headboard a:link, h1.headboard a:visited
{
	color: #176CBF;
	background-color: transparent;
	text-decoration: none
}

h1.headboard a:hover, h1.headboard a:active
{
	color: #FFE39F;
	background-color: transparent;
	text-decoration: none
}

span.intoone {
	word-spacing: -6px;
 #word-spacing: -7px;
}


span.intoone_small {
	word-spacing: -4px;
 #word-spacing: -4px;
}


#firstbox h2 {
	display: inline;
}

#secondbox h2 {
	display: none;
}




#content 
{
	width: 974px;
	border: 0px solid black;
	margin: 1em auto 1em auto;
	text-align: left;
	background-color: #ffffff;
}






a:link
{
	color: #0857A6;
	background-color: transparent;
	text-decoration: none
}


a:visited
{
	color: #4169E1;
	background-color: transparent;
	text-decoration: none
}

a:hover, a:active
{
	color: #B22222;
	background-color: transparent;
}





#firstbox
{
	width: 974px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFE7AF;
	min-height: 258px; 
	_height: 258px; 
	background-image: url(../pictures/yellowfilm.gif);
	background-position: 0px 2px;
	background-repeat: x-repeat;
	float: none;

}

#firstbox_in 
{
margin: 0px 0px 0px 0px; 
padding: 5px 10px 5px 10px;
}



#secondbox 
{
  width: 974px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #ffffff;
	min-height: 618px; 
	_height: 618px; 
}

#secondbox_in
{
margin: 0px 0px 0px 0px; 
padding: 5px 10px 0px 10px;
}

#secondbox_in_bird {
background-image: url("../pictures/bird.gif");
background-position:  310px 90px;
background-repeat: no-repeat;
}


#onend 
{
	padding: 4px; 
	background-color: #ffffff;
	color: #666600;
	text-align: left;
	font-size: small;
}


#onend a.mail {
	background-color: transparent;
	color: #666600;
	font-weight: 400;
	white-space: nowrap;
}



hr.clear {
clear: both;
display: none;
}

.clear {
clear: both;
}


p:first-letter {
font-weight: 700;
}



p.dataout {
margin: 10px 0px 0px 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: 400;
color: #663300;
text-indent: 10%;
text-align: justify;
}


p.inform {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: 400;
color: #663300;
text-align: left;
}

img.preview {
  margin: 8px 6px 8px 6px;
  padding: 0px 0px 0px 0px;
  width: 220px;
	min-height: 165px; 
	_height: 165px; 
  border: 0px solid #ffffff;
	background-color: #000000;
}

img.random {
  margin: 7px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 220px;
	min-height: 165px; 
	_height: 165px; 
  border: 0px solid transparent;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
  vertical-align: middle;
}

img.img_navigation {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100px;
	min-height: 70px; 
	_height: 70px; 
  border: 0px solid transparent;
	background-color: #000000;
	color: #ffffff;
}



div.condictions {
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #663300;
	background-color: transparent;
	text-decoration: none;
}


.condictions a:visited {
	color: #663300;
	background-color: transparent;
	text-decoration: none;
}

.condictions a:link {
	color: #663300;
	background-color: transparent;
	text-decoration: none;
}


.condictions a:hover {
	color: #B22222;
	background-color: transparent;
	text-decoration: none;
}

.condictions a:active {
	color: #B22222;
	background-color: transparent;
	text-decoration: none;
}



div.filtrheadboard {
	background-image: url("../pictures/sky.jpg");
	background-position: right top;
	background-repeat: no-repeat;
}



div.filtrMT {
	background-image: url("../pictures/MT.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	float: none;
}



div.photo_informations {
  float: right;
  width: 655px;       
  margin: 10px 0px 10px 20px; 
  padding: 0px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000000;
	background-color: transparent;
	min-height: 228px; 
	_height: 228px; 
}

h2.extra {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 700;
	background-color: #ffbc1e;
	color: #ffffff;	
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
}

div.random_photo {

  margin: 44px 680px 30px 30px; 
  padding: 0px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	background-color: #ffffff;
	min-height: 180px; 
	_height: 180px;
  width: 228px; 
  text-align: center;
  vertical-align: middle;
}







#addpage { 
	border: 0px red;
	height: 14px;
	width: 200px;
	margin: 0px 0px 0px 540px;
  position: absolute;
  top: 20px;
  #top: 5px;
  left: auto;
  z-index: 2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #d24d25;
	background-color: transparent;
	text-align: right;
}

#addpage a:link, #addpage a:visited
{
	color: #549416;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: 600;

}


#addpage a:hover, #addpage a:active
{
	color: #ffffff;
	background-color: #549416;
	font-weight: 600;
	text-decoration: none;
}


#friends {
	margin: 0px 0px 0px 0px;
	padding: 4px 20px 4px 0px;
	background-color: #FFBC1E;
	text-decoration: none;
	color: #004E9B;
	text-align: left;
	font-size: 10px;
}


#friends a:visited {
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
}

#friends a:link {
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
}


#friends a:hover {
	color: #B22222;
	background-color: transparent;
	text-decoration: underline;
}

#friends a:active {
	color: #B22222;
	background-color: transparent;
	text-decoration: underline;
}

.camera {
  margin: 0px 0px 0px 850px;
  position: absolute;
  top: 15px;
  #top: 0px;
  left: auto;
  z-index: 1;
}


div.adds {

  float: right;
  width: 723px;       
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #000000;
	min-height: 100px; 
	_height: 100px; 
  text-align: center;
	background-color: #ffffff;
}



div.navigation {

  width: 220px;       
  margin: 0px 723px 0px 0px; 
  padding: 0px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #000000;
	min-height: 100px; 
	_height: 100px; 
  text-align: center;
	background-color: #ffffff;
}


div.navigation h3 {
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 400;
}

#photo_window {
	margin: 0px 0px 0px 0px;
 _margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	background-color: #ffe7af;
}

#photo_list {
	margin: 0px 0px 0px 0px;
 _margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	list-style-image: url(../pictures/arrow.gif);
	list-style-position : outside;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: 400;
	background-color: #ffe7af;
}

#photo_list li 
{
	margin: 0px 0px 0px 0px;
 _margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 1px;
 _padding: 1px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: transparent;
	font-size: 12px;
}


h3.posun {
	margin: 5px 0px 0px 5px; 
}


img.img_bez_ramecku {
	border: 0;
}

#provozovatel {
	margin: 5px 0px 5px 10px;
}