/***************************************************************************
 * main.css
 * --------------------> Pirate-Chuchi <------------------------------------
 *
 * description: over all css style sheet
 *
 * first draft: nov 25, 2005
 * last mod.  : 
 * 
 * 
 * comments:
 *
 ***************************************************************************/

/* PiratenLogo rot: #E13C38
/* PiratenLogo gelb: #F7CE59


/* set font for all elements */
/* ------------------------------------------------------------------------- */

p, td, textarea, input, select{ font-family: Verdura, Helvetica, sans-serif; }

body {
	font-family: Verdura, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF
}

body.menu {
	font-family: Verdura, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}

body.content {
	font-family: Verdura, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}

body.popup {
	font-family: Verdura, Helvetica, sans-serif;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

img {

	border-color: #D9E2E7;
	border-width: 1px;
	
}

img.no_border {

	border-color: #D9E2E7;
	border-width: 0px;
	
}

/* lines */
/* ------------------------------------------------------------------------- */

hr.index_line {
  	width: 100%;
  	height: 2px;
}

hr.menu_line {
		border: 0px;
  	width: 100%;
		color: #494D8D;
  	background-color: #494D8D;
  	height: 2px;
}

/* fonts */
/* ------------------------------------------------------------------------- */

.error_msg { font-size: 8pt; color:red }

.update_msg { font-size: 8pt; color:black }

.back_link { font-size: 10pt; color:black }


.show_menu_title { font-size: 16pt; font-weight: bold; color:black }
.show_menu { font-size: 10pt; font-weight: bold; color:black }

.default { font-size: 9pt; color:black }
.default_small { font-size: 7pt; color:black }
.default_italic { font-size: 8pt; color:black; font-style:italic }

.stat_title { font-size: 10pt; font-weight: bold; color:black }

.home { font-size: 13pt; font-weight: bold; color:#333662 }

.new_member { font-size: 12pt; font-weight: bold; color:#E13C38 }

.inventar_verkauf { font-size: 12pt; font-weight: bold; color:blue }

.links { font-size: 11pt; font-weight: bold; color:#333662 }

.about_small { font-size: 10pt; font-weight: bold; color:#333662 }
.about { font-size: 11pt; font-weight: bold; color:#333662 }
.about_italic { font-size: 13pt; font-weight: bold; font-style: italic; color:#333662 }
.about_title { font-size: 13pt; font-weight: bold; color:#333662 }
.about_title_red { font-size: 12pt; font-weight: bold; color:#E13C38 }

.gallery_small { font-size: 10pt; font-weight: bold; color:#333662 }
.gallery { font-size: 11pt; font-weight: bold; color:#333662 }
.gallery_italic { font-size: 11pt; font-weight: bold; font-style: italic; color:#333662 }
.gallery_title_2 { font-size: 13pt; font-weight: bold; color:#333662 }
.gallery_title { font-size: 11pt; font-weight: bold; color:black }

.gallery_small_w { font-size: 10pt; font-weight: bold; color:white }
.gallery_w { font-size: 11pt; font-weight: bold; color:white }
.gallery_italic_w { font-size: 11pt; font-weight: bold; font-style: italic; color:#8084C4 }
.gallery_title_2_w { font-size: 13pt; font-weight: bold; color:#8084C4 }



.under_construction { font-size: 11pt; font-weight: bold; color:#494D8D }

/* links */
/* ------------------------------------------------------------------------- */

/* a:link { color: #2E4F7A; text-decoration: none; } */
/* a:visited { color: #2E4F7A; text-decoration: none; } */
/* a:hover { color: #000000; text-decoration: none; } */

a:link { color: #333662; text-decoration: none; }
a:visited { color: #333662; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

a.underline:link { color: #333662; text-decoration: underline; }
a.underline:visited { color: #333662; text-decoration: underline; }
a.underline:hover { color: #000000; text-decoration: underline; }

a.back_link:link { color: #333662; text-decoration: underline; }
a.back_link:visited { color: #333662; text-decoration: underline; }
a.back_link:hover { color: #000000; text-decoration: underline; }

a.w:link { color: #8084C4; text-decoration: none; }
a.w:visited { color: #8084C4; text-decoration: none; }
a.w:hover { color: #FFFFFF; text-decoration: none; }

a.list_title:link { color: black; text-decoration: none; }
a.list_title:visited { color: black; text-decoration: none; }
a.list_title:hover { color: black; text-decoration: none; }

a.menu:link, a.submenu:link, a.logout:link { color: white; text-decoration: none; }
a.menu_red:link { color: #E13C38; text-decoration: blink; }
a.menu:visited, a.submenu:visited, a.logout:visited { color: white; text-decoration: none; }
a.menu_red:visited { color: #E13C38; text-decoration: blink; }
a.menu:hover, a.menu_red:hover, a.submenu:hover, a.logout:hover { color: #F7CE59; text-decoration: none; }

a.menu_selected:link, a.submenu_selected:link { color: #F7CE59; text-decoration: none; }
a.menu_selected:visited, a.submenu_selected:visited { color: #F7CE59; text-decoration: none; }
a.menu_selected:hover, a.submenu_selected:hover { color: #F7CE59; text-decoration: none; }

a.new_member:link { color: #E13C38; text-decoration: underline; }
a.new_member:visited { color: #E13C38; text-decoration: underline; }
a.new_member:hover { color: #333662; text-decoration: underline; }

a.inventar_verkauf:link { font-size: 10pt; color: #333662; text-decoration: none; }
a.inventar_verkauf:visited { font-size: 10pt; color: #333662; text-decoration: none; }
a.inventar_verkauf:hover { font-size: 10pt; color: #E13C38; text-decoration: none; }

.home_title { 
	color: black; 
	font-size: 13pt; 
	font-weight: bold;	
}


/* tables */
/* ------------------------------------------------------------------------- */

table.index_table {
		border-collapse: collapse;  
  	border-width:0px;
  	border-style:solid;
  	border-color:white;
  	background-color: #D9E2E7;
}

/*
table.nocellspacing {
	border-collapse: collapse;  
  	border-width:0px;
  	border-style:solid;
   background-color: #D9E2E7;
}
*/


table.no_cellspacing{
	border-collapse: collapse;
  border-width:0px;
  border-style:solid;
  border-color:black;
  padding: 0px;
  border-spacing: 0px;
  width:100%;
}

/*
table.main_table {
  	border-width:0px;
  	border-style:solid;
  	border-color:white;
	background-color: #D9E2E7; 
}
*/

table.menu, table.menu_red, table.menu_selected {
	width: 115px;
	border-collapse: collapse;  
  	border-width:0px;
  	border-style:solid;
}

table.submenu, table.submenu_selected {
	width: 100px;
	border-collapse: collapse;  
  	border-width:0px;
  	border-style:solid;
  	background-color: #D9E2E7;
}

table.logout {
	width: 95px;
	border-collapse: collapse;  
  	border-width:0px;
  	border-style:solid;
  	background-color: #D9E2E7;
}



/* cells */
/* ------------------------------------------------------------------------- */

td, th {
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}


td.no_padding, th.no_padding {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

tr.index {
	background-color: #FFFFFF; 
}

td.index_white {
	background-color: #FFFFFF; 
}

td.index {
	padding: 1px;
}

td.menu, td.menu_red, td.logout {	
	padding-right: 5px;
	padding-left: 5px;
	height: 15px;
	color: white;        
	font-weight: bold;         
	font-size: 8pt;
	background-color: #494D8D;
}

td.menu_selected {	
	padding-right: 5px;
	padding-left: 5px;
	height: 15px;    
	font-weight: bold;         
	font-size: 8pt;
	background-color: #494D8D;
}

td.submenu {
	padding-right: 5px;
	padding-left: 5px;
	height: 10px;                 
	font-size: 8pt;
	background-color: #8084C4;
}

td.submenu_selected {
	padding-right: 5px;
	padding-left: 5px;
	height: 10px;                 
	font-size: 8pt;
	background-color: #8084C4;
}

td.login {
	height: 16px;                 
	font-size: 8pt;
}


tr.list_title {    
	height: 20px;             
	font-size: 9pt;           
	background-color: #F7DCA1;					/* #F7DCA1; */
	  opacity:1.00; /* CSS3 (Neuere Browser außer Internet Explorer) */
    filter:alpha(opacity=100); /* Internet Explorer 4-7 */
}

tr.list {    
	height: 20px;          
	font-size: 8pt;        
	background-color: #FAF7CF;						/* #F6F4F0;	*/
    opacity:1.00; /* CSS3 (Neuere Browser außer Internet Explorer) */
    filter:alpha(opacity=100); /* Internet Explorer 4-7 */

}

tr.list_text_light {    
	height: 20px;          
	font-size: 8pt; 
  color: grey;        
	background-color: #FAF7CF;						/* #F6F4F0;	*/
    opacity:1.00; /* CSS3 (Neuere Browser außer Internet Explorer) */
    filter:alpha(opacity=100); /* Internet Explorer 4-7 */

}

tr.list_selected {
	height: 20px;                  
	font-size: 8pt;     
	background-color: #F6E4BE;			/* #F7EDD7; */
	  opacity:1.00; /* CSS3 (Neuere Browser außer Internet Explorer) */
    filter:alpha(opacity=100); /* Internet Explorer 4-7 */
}

tr.form {    
	height: 25px;               
	font-size: 8pt;        
	background-color: #FAF7CF;					/* #F7DCA1; */
}

/* divs */
/* ------------------------------------------------------------------------- */


div.login_menu {
	overflow: auto;  
	height: 330px;
}

div.logout_menu {
	overflow: auto;  
	height: 385px;
}

div.content {
	overflow: auto;  
	height: 470px;
}

div.gallery {
	overflow: auto;  
	height: 470px;
}

div.search_result {
	overflow: auto;  
	height: 315px;
}


/* form elements input, textarea, buttons, etc */
/* ------------------------------------------------------------------------- */


input
{
	background-color: white;
	color : #2F2F30;
	padding-right: 2px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size : 8pt;
	width: 70px;
	border : 1px solid #999999;
}

textarea
{
	background-color: white;
	color : #2F2F30;
	padding-right: 2px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size : 8pt;
	border : 1px;
	border-style: inset;
}

input.form
{
	width: 100px;
	border-style: inset;
}

input.login_name
{
	width: 60px;
	border-style: inset;
	font-weight: bold;
	background-image: url(images/login_name.jpg)
}

input.login_password
{
	width: 60px;
	border-style: inset;
	font-weight: bold;
	background-image: url(images/login_password.jpg)
}

input.login_button {
	padding: 0px; 
	font-weight:bold;
	font-size:8pt;
	color:#FFFFFF;
	width: 35px;
	height: 16px;
	background-color:#494D8D; 
	border-color:#494D8D; 
}

input.button {
	background-color: #F7DCA1;
	border: 1px;
	font-size: 8pt;
	color: #000000; 
	border-style: outset;
}
  
input.button_small {
	background-color: #F7DCA1;
	border: 1px;
	font-size: 8pt;
	color: #000000; 
	width: 30px;
	height: 20px;
	border-style: outset;
}
          
.selectbox { 
	height: 18px;
	width: 110px;
	font-size: 8pt; 
}

.selectbox_auto { 
	height: 18px;
	font-size: 8pt; 
}

.selectbox_small { 
	height: 18px;
	width: 80px;
	font-size: 8pt; 
}

.checkbox { 
	width: 20px;
	padding: 0px;
}