/* ----------------------------------------------------------- */
/* ------------------------------       Basic        */

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

* {	
	padding: 	0px;
	margin: 	0px;
	border: 	0px;
}

a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #555555;
}

ul {list-style-type: none;}

body {
	background: #FFFFFF;
	font-family: Tahoma, Verdena;
	font-size: 12px;
	color: #000000;
}

/*********** FORMAS *************/
form{
	margin-top: 20px;
}

input,select,textarea {
	border: 1px solid #68839B;
	padding: 2px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label{
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	margin: 2px 5px 5px 0;
	padding: 2px 0 2px 0;
}

.form-actions{
	margin-top: 10px;
	text-align: center;
}

.clear{
	margin-top: -1px;
	height: 1px;
	overflow: hidden;
	clear: both;
}

/* ----------------------------------------------------------- */
/* ------------------------------        common styles         */

#test{
	height: 100%;
	width: 50px;
	background: #343434;
}

/* ------------------------------------------------------------- */

#head_bakground {
	background: url(img/head_back.png) top center repeat-x;
	position: absolute;
	height: 148px;
	width: 100%;
	top: 0;
	
}

#back_strokes {
	background: url(img/stripes_left.png) top right repeat-x; 
	position: absolute;
	height: 93px;
	width: 100%;
	top: 148px;
	left: 0;
}

/* ------------------------------------------------------------- */

div#page_container {
	width: 100%;
}

div#main_container{
	width: 782px;
	position: relative;
	padding-bottom: 20px;
	padding-top: 20px;
}

div#head_back {
	background:url(img/head.png) top center no-repeat;
	height: 129px;
	width: 100%;
	position: relative;
}

div#midrow_back {
	background: url(img/mid_left.png) top left no-repeat;
	height: 93px;
	position: relative;
}
div#midrow_back div {
	background: url(img/mid_right.png) top right no-repeat;
	height: 93px;
	position: relative;
}

/* ------------------------------------------------------------------ */

div#footrow_back {
	background: url(img/l_menu_bot2.png) bottom left no-repeat;
	height: 49px;
	width: 100%;
}
div#footrow_back div#footrow_back_left {
	background: url(img/l_menu_bright.png) bottom right no-repeat;
	height: 49px;
	width: 100%;
}
div#footrow_back div#footrow_back_info {
	padding-left: 215px;
	padding-top: 5px;
	padding-right: 10px;
}

/* ------------------------------------------------------------------ */

#row_block_menu {
	background: url(img/l_menu_back.png) left top repeat-y;
	position: relative;
	/*border: 1px solid #ff0000;*/
	top: 0;
	left: 0;
	text-align: left;
}


div#left_menu_top {
	width: 100%;
	background: url(img/l_menu_top.png) top left no-repeat;
}
div#left_menu_bot {
	width: 100%;
	background: url(img/l_menu_bot1.png) bottom left no-repeat; 
}

div#content_leftside {
	width: 100%;
	background: url(img/l_menu_back.png) left repeat-y;
}
div#content_rightside {
	width: 100%;
	background: url(img/right_line.png) right repeat-y; 
}


#spec_btns_block {
	height: 80px;
	position: relative;
}

#spec_btns_block a#spec_webcam {
	background: url(img/webcam.png) center center no-repeat;
	display: block;
	width: 63px;
	height: 40px;
	font-size: 1px;
	position: absolute;
	top: 16px;
	left: 120px;
}
#spec_btns_block div#spec_temp {
	font-size: 34px;
	color: #5a85ba;
	position: absolute;
	top: 15px;
	left: 20px;
	width: 150px;
	font-family: Tahoma, Arial;
}
#spec_btns_block div#spec_temp span{
	/*font-style: italic;
	padding-right: 6px;*/
}
/* ------------------------------------------------------------------ */
#dummy_holder {
	height: 400px;
	float: left;
	font-size: 1px;
	visibility: hidden;
}
#content_holder {
	min-height:400px;
	height:400px;
	padding-right: 5px;
}
div[id] #content_holder {
	height:auto;
}



#row_block_content {
	background: url(img/content_back.png) right top repeat-y;
	padding: 10px;
	text-align: left;
}

#tbl_content {
	width: 100%;
	text-align: left;
	background: none;
}
#tbl_content td{
	background: none;
}

#left_menu {
	width: 209px;
}

a.menu1,
a.menu1_act {
	display: block;
	width: 209px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
}
a.menu1_act {
	background: url(img/menu_active.gif) left center no-repeat;
}
a.menu1:hover {
	background:url(img/menu_hover.gif) left center no-repeat;
}
a.menu1 div,
a.menu1_act div{
	text-align: right;
	padding-right: 25px;
	padding-top: 3px;
}


a.menu1:link,
a.menu1:visited,
a.menu1:active,
a.menu1:hover {
	color: #5a85ba;
}
a.menu1_act:link,
a.menu1_act:visited,
a.menu1_act:active,
a.menu1_act:hover {
	color: #17491d;
}

#content {
	padding: 10px;
}

div.pagetop {
	border-bottom: 1px solid #20527b;
	padding-bottom: 2px;
	margin-bottom: 3px;
	text-align: right;
}
div.pagetop span.pagetitle {
	color: #5a85ba;
	font-size: 16px;
	font-weight: bold;
	
}

.pagebottom{
	margin-top: 20px;
}

.pagebottom a:link,.pagebottom a:visited,.pagebottom a:active,.pagebottom a:hover{
	margin-top: 20px;
	color: gray;
	font-size:12px;
}

/************ COMMON EDITOR STYLES *************/

h1{
	color: #39703d;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #20527b;
	padding-bottom: 2px;
	margin-bottom: 3px;
	text-align: right;
}

h2{
	color: #39703d;
	font-size: 14px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 5px;
	text-align: left;
}

.info-table{
	border-collapse: collapse;
	border: 1px solid silver;
	margin-top: 2px;
	margin-bottom: 5px;
}

.info-table td{
	border: 1px solid silver;
	padding: 2px;
}

.table-title{
	font-size: 10px;
	font-weight: bold;
}

.picture-title{
	font-size: 10px;
	font-weight: bold;
}

.new{
	color: red;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

#kontaktinfo{
	padding: 20px;
	text-align: right;
}

.required {
	color: red;
}

#error, .error{
	border: 1px solid #FF0000;
	background: #FFD0D0;
	padding: 5px;
	font-weight: bold;
}

/************* CAMERA **************/

.cameraimage{
	border: 1px solid #527FB5;
}

.cameradatetime{
	font-size: 11px;
	color: gray;
	text-align: right;
}

/* Gallery-related styles */

.gallery-table{
	border: 0;
	width: 100%;
	table-layout: fixed;
}

.gallery-table td{
	border: 0;
}

.gallery-table td.album-image{
	text-align: right;
}

.gallery-table td.album-title{
	text-align: justify;
	width: auto;
	padding-left: 10px;
	vertical-align: middle;
}

.gallery-table td.album-title .descr{
	font-size: 10px;
	color: gray;
}

.gallery-table tr{
	vertical-align: top;
}

/********************  A L B U M   V I E W  ***********************/
.albumtable{
	padding: 0;
	border: 0;
	width: 540px;
	table-layout: fixed;
}

.albumtable td{
	border: 0;
}

.albumtable .divider{
	border: 0;
}

.albumtable .navbar{
	padding:0;
	border-bottom: 1px solid gray;
}

.albumtable .thumbnail{
	padding: 10px;
	border: 0;
	background: transparent;
}

.albumtable .thumb{
	padding:1px; 
	border:1px solid silver;
}

.albumtable .filetitle{
	font-size: 10px;
	font-weight: bold;
}

.albumtable .navbar,.albumtable .bottombar,.albumtable .topbar,.albumtable .leftbutton,.albumtable .rightbutton,.albumtable .countbar,.albumtable .thumbnail{
	background-color: transparent;
}

.albumtable .topbar,.albumtable .bottombar{
	background-color: transparent;
	border-top: 1px solid #F6EDD4;
	border-bottom: 1px solid #F6EDD4;
	padding-top: 4px;
	padding-bottom: 4px;
}

.albumtable .navbar{
	border-bottom: 1px solid #F6EDD4;
}

.albumtable .title{
	padding-top:20px;
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #006699;
}

/********************  A L B U M   L I S T  ***********************/
div.albumentry{
	padding-bottom: 10px;
	text-align: left;
}

div.albumentry a{
	color: red;
}

a.toplink{
	display: block;
	width: 100%;
	height: 148px;
}
