BODY{
	background-image : url(graphic/brick-2.jpg);
	background-color : black;
	color : black;
	font-size: small;
	font-family : Arial, Helvetica, sans-serif;
	height:100%;
	margin:0px;
	padding:0px;
	text-align : center;
}

table {
	border-collapse: collapse;
	color : White;
	font-size: x-small;
	margin:0px;
	padding: 0px;
	text-align : left;
	vertical-align : top;
}

#container{
border-right : 1px solid #696353;
border-left : 1px solid #696353;
	height:100%;
	margin-right: auto;
	margin-left: auto;
	vertical-align : top;
	width : 760px;
}

#bar1{
	background-image : url(graphic/bar.gif);
	height : 10px;
	margin:0px;
	padding:0px;
	width:760px;
}

#bar2{
	background-image : url(graphic/bar.gif);
	height : 10px;
	margin:0px;
	padding:0px;
	width:760px;
}

#bar3{
	background-image : url(graphic/bar.gif);
	height : 10px;
	margin:0px;
	padding:0px;
	width:760px;
}

#bar4{
	background-image : url(graphic/bar.gif);
	height : 10px;
	margin:0px;
	padding:0px;
	width:760px;
}

#bar5{
	background-image : url(graphic/bar.gif);
	height : 10px;
	margin:0px;
	padding:0px;
	width:760px;
}

#banner{
	height : 200px;
	margin:0px;
	padding:0px;
	vertical-align : top;
	width:760px;
}

#tbar{
	background-color : Black;
	background-image : url(graphic/bg_blackbar.jpg);
	color : black;
	font-weight : bold;
	height : 20px;
	margin:0px;
	padding:0px;
	text-align : center;
	vertical-align : bottom;
	width:760px;
}

#nav{
	background-color : #0D192C;
	border-right : 1px solid #696353;
	color:black;
	font-size : small;
	margin:0px;
	padding:0px;
	vertical-align : top;
	text-align : center;
	width:160px;
}

#menu {
	width: 150px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	text-align : center;
}
	
#menu ul {
	list-style : none;
	margin:0px;
	padding:0px;
}

#menu li {
	list-style : none;
	margin-bottom : 5px;
	padding:0px;
}

#menu a {
	background-image : url(graphic/b22.jpg);
	border:1px solid white;
	color : #696353;
	color : Black;
	display : block;
	font-weight : bold;
	height : 20px;
	margin : 0px 2px;
	padding:5px;
	text-align : left;
	text-decoration : none;
	width : 140px;
}

#menu a:hover {
	background-image : url(graphic/b12.jpg);
	border:1px solid #8D886B;;
	color : White;
}

#menu a:active {
	background-image : url(graphic/bg_bar2.jpg);
	color : White;
}
	
#content{
	background-color : #223546;
	color : white;
	font-size: small;
	padding:15px;
	text-align : left;
	vertical-align : top;
	width:550px;
}

#content  h1{
	color : white;
	letter-spacing : 3px;
	font-size : large;
	font-weight : bold;
	text-align : left;
}

#content  h2{
	color : grey;
	font-size : medium;
	font-weight : bold;
	letter-spacing : 3px;
	text-align : left;
}

#content  h3{
	color : grey;
	font-size : small;
	font-weight : bold;
	letter-spacing : 2px;
	text-align : left;
}

a:link {color: white;}     /* unvisited link */
a:visited {color: white;}  /* visited link */
a:hover {color: grey;}   /* mouse over link */
a:active {color: black;}   /* selected link */

#design{
	background-color : #0D192C;
	background-image : url(graphic/bg_blackbar.jpg);
	color :  black;
	font-size : small;
	font-weight : bold;
	height : 20px;
	text-align : center;
	width:100%;
}

#content img{
	border:1px solid silver;
	background-color : black;
	margin:0px;
	padding:0px;
}

.theader{
	height : 15px;
}

.theader h3{
color : white;
}

td {
	border:0px;
	vertical-align : top;
	margin:0px;
	padding:0px;
}

tr {
	border:0px;
	vertical-align : top;
	margin:0px;
	padding:0px;
}

#fotoalbum{
	width : 480px;
	margin:5px;
	padding:5px;
}

.fotoleft{
	width:110px;
	margin:5px;
	padding:5px;
}

.fotoright{
	width:370px;
	margin:5px;
	padding:5px;
}

.rek{
	background-color : black;
	border : 3px solid white;
	color : White;
	margin: 5px;
	padding:5px;
	text-align : center;
}

.rek td{
	background-color : black;
	border : 3px solid black;
	margin: 5px;
	padding:5px;
}

.rek a:link {color: white;}     /* unvisited link */
.rek a:visited {color: gray;}  /* visited link */
.rek a:hover {color: gray;}   /* mouse over link */
.rek a:active {color: gray;}   /* selected link */