 
/* ----------------------------------------------------
   Allgemein
   --------------------------------------------------- */

body 
{
	font-family:   Verdana ,Arial;
	font-size: 12px;
	margin: 10px;
	background-color:#BEBEBE;
	text-align:center;
	height:100%;
}

img 
{
	border: 0px;
}

td 
{
	vertical-align: top;
}

a 
{
	color: #24B;
	text-decoration: none;
	font-size: 11px;
}

a:hover
{
	text-decoration: underline;
}

.textbox 
{
	height: 18px;
	font-size: 8pt;
}

.textarea
{
	font-size: 8pt;
	border: 1px solid #868686;
	background: #F2F3F5;
}

.button
{
	height: 18px;
	font-size: 7pt;
	width: 30px
}

.disabled
{
	filter: Gray();
}


.nodisplay 
{
	display: none;
}

.noborder 
{
	border: 0px;
}

.border 
{
	border: 1px solid #808080;
}


/* ----------------------------------------------------
   Logo-Bar (oben)
   --------------------------------------------------- */

table.main td.logo
{
	border-width: 0px;
}



/* ----------------------------------------------------
   NavigationBar
   --------------------------------------------------- */

table.navigation
{
	padding: 0px;
	margin: 0px;
}

table.navigation td 
{
	font-size: 11px;
	width: 160px;
	height: 23px;
	vertical-align: middle;
	padding-left: 8px;
}

table.navigation td.title
{
	font-weight: bold;
	color: #3366CC;
	background-color:#d6d6d6;
}

table.navigation a.title
{
	color: #3366CC;
}

table.navigation td.item_selected
{
	background-color: #F9F9F9;
}

table.navigation a
{
	color: #000000;
	text-decoration: none;
}

table.navigation a:hover 
{
	text-decoration: underline;	
}



/* ----------------------------------------------------
   LocationBar
   --------------------------------------------------- */

td.locationbar
{
	background-color: #FFCC00;
}

td.locationbar a 
{
	font-size: 11px;
	color: #3366CC;
	text-decoration: none;
}

td.locationbar a:hover
{
	text-decoration: underline;
}

td.locationbar span
{
	font-size: 11px;
}



/* ----------------------------------------------------
   Inhalt
   --------------------------------------------------- */

table td.leftContent
{
	border-color: Gray;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	width: 174px;
	font-size:11px;
	background-color:#f2f2f2;
}

td.companyLogo
{
    font-size:11px;
    padding-left:8px;
    background-color:#f2f2f2;
}
td.lblCompany
{
    text-align:center;
}
table td.rightContent
{
	font-size: 12px;
	border-color: Gray;
	border-style: solid;
	border-width: 0px 1px 1px 0px;	
	background-color: #FCFCFC;
	padding: 22px;
}




/* ----------------------------------------------------
   MainPage [MainPage.xxx.aspx]
   --------------------------------------------------- */

table.MainPage td 
{
	height: 35px;
}

table.MainPage td.text
{
	font-size: 12px;
	height: 35px;
}

table.MainPage td.image 
{
	vertical-align: middle;
	text-align: center; 
	width: 45px;
}

table.MainPage td.link 
{
	vertical-align: middle;
	font-weight: bold;
	width: 250px;
}



/* ----------------------------------------------------
   Produkt-Detail [ProductDetails.aspx]
   --------------------------------------------------- */

table.detail
{
	border-collapse: collapse;
	font-size: 8pt;
	margin-bottom: 5px;
}

table.detail td 
{	
	vertical-align: middle;
}

table.detail th
{
	text-align: left;
	font-size: 11px;
	padding: 2px 0px 5px 6px;
	background-color: #E3E3E3;
	width: 750px;
}

table.detail td.th_ersatz
{
	text-align: left;
	font-size: 11px;
	padding: 2px 0px 2px 6px;
	border: none 0px #000000;
}

table.detail td.header 
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

table.detail td.seperator
{
	text-align: center;
	border-bottom: solid 1px #d6d6d6
}

table.list td.label 
{
	font-size: 11px;
	font-weight: bold;
	padding-right: 25px;	
}

table.list td.data
{
	font-size: 11px;
}

table.detailRight
{
	border-collapse: collapse;
	font-size: 8pt;
	margin-bottom: 5px;
	width: 160px;
}

table.detailRight td 
{	
	vertical-align: middle;
}

table.detailRight th
{
	text-align: left;
	font-size: 11px;
	padding: 2px 0px 5px 6px;
	background-color: #E3E3E3;
}

table.detailRight td.header 
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

table.detailRight td.seperator
{
	text-align: center;
}
/* ----------------------------------------------------
   Historie [ProductDetails.aspx]
   --------------------------------------------------- */

table.innerDetail td.date 
{
	padding: 0px 10px;
}

table.innerDetail td.desc a
{
	color: #888888;
}

table.innerDetail td.desc a:hover
{
	text-decoration: none;
	color: #444444;
}

table.innerDetail 
{
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
}

div.HistoryDesc
{
	height: 145px;
	margin: 15px;
	padding: 5px;
	text-align: left;
	font-size: 8pt;
	border: 1px solid #868686;
	background: #F2F3F5;
}



/* ----------------------------------------------------
   Aktionen
   --------------------------------------------------- */

td.rightBar 
{
	width: 160px;
}

td.actionIcon 
{
	height: 25px; 
	text-align: center;
}

td.actionText 
{
	height: 25px; 
}


/* ----------------------------------------------------
   Projekte [Projects.aspx]
   --------------------------------------------------- */

table.projects
{
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
}

table.projects td.left 
{
	padding: 5px;
	font-size: 8pt;
	text-align: center;
}

table.projects td.right
{
	padding: 7px;
	font-size: 8pt;
	vertical-align: top;
}

table.projects span.iconText
{
	position: relative;
	top: -4px;
}

table.projects span.startText
{
	font-size: 7pt;
	float: right;
	font-style: italic;
}

table.projects p.title 
{
	font-weight: bold;
	margin-bottom: 3px;
}

table.projects tr.header 
{
	font-weight: bold;
	margin-bottom: 3px;
	border-width: 0px 0px 0px 0px;
}

table.projects p.show
{
	padding: 0px 5px 0px 0px;
	margin: 0px;
	text-align: right;
}

disabled 
{
	background: url(Images/Projects/bg.gif) #eded;
}

td.usertable
{
    text-indent: 2px;
    background-color:White;
}
td.usertable2nd
{
    text-indent: 2px;
    background-color:White;
}

/* ----------------------------------------------------
   Produkte [Products.aspx]
   --------------------------------------------------- */

#lblCategoryName 
{
	font-size: 16px;
	font-weight: bold;
}

#ProductsTable .ModelName
{
	background-color: #F2F2F2;
	font-size: 11px;
	color: #707070;
	font-weight: bold;
	text-align: center;
	height: 18px;
}

#ProductsTable .Image
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	height: 74px;
}

#ProductsTable td.Data
{
	border-bottom: 1px solid #D3D3D3;
	padding: 2px;
	padding-left:35px;
	color: #333333;
	font-size: 11px;
	height: 20px;
}


#ProductsTable Table.Data
{
	background-color: #f2f2f2;
}

#ProductsTable Table.DataDeleted
{
	background-image:url(images/admin/products/deleted.gif);
}


#ProductsTable .Date
{
	background-color: #FFFFDA;
	color: #666666;
	font-size: 10px;
	font-style: italic;
	height: 20px;

}

#ProductsTable td
{
	vertical-align: middle;
}


.browse
{
	margin: 2px;
	vertical-align:middle;
}

td.DataTextCheckbox
{
	padding: 2px;
	color: #333333;
	font-size: 11px;
	height: 20px;
}

td.DataTextName
{
    border-left: 1px solid #D3D3D3;
	padding: 2px;
	padding-left:35px;
	color: #333333;
	font-size: 11px;
	height: 20px;
}

td.DataTextField
{
	border-left: 1px solid #D3D3D3;
	text-align:center;
	padding: 2px;
	color: #333333;
	font-size: 11px;
	height: 20px;
}


#tblToolbar 
{
	HEIGHT: 25px;
	BACKGROUND-COLOR: #f2f2f2
}


#tblToolbar td 
{
	vertical-align: middle;
}

#tblToolbar td.tbBrowser 
{
	padding: 5px;
	padding-left: 10px;
	WIDTH: 130px; 
}

#tblToolbar td.tbSort
{
	padding: 5px;
	padding-left: 10px;
	WIDTH: 240px; 
	TEXT-ALIGN: center
}

#tblToolbar td.tbPerPage
{
	padding: 5px;
	padding-left: 10px;
	WIDTH: 130px; 
	PADDING-right: 0px;
	TEXT-ALIGN: right
}

#tblToolbar td.tbSwitchMode
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	TEXT-ALIGN: right
}


table.productsAdminNew td.desc 
{
	BORDER: #868686 1px solid; 
	PADDING: 0px; 
	BORDER-TOP: 0px; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 170px; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: 0px; 
	HEIGHT: 75px; 
	TEXT-ALIGN: center
}

table.productsAdminNew table.descTable
{
	PADDING: 5px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	font-size: 8pt;
}

table.productsAdminNew table.descTable td
{
	vertical-align:top;
}


#tblToDo 
{
    margin-top:10px;
}


#tblToDo td.arrow 
{
	BORDER-RIGHT: #868686 1px solid; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 25px; 
	BACKGROUND-COLOR: #ffffda; 
	TEXT-ALIGN: center;
}

#tblToDo td.action {
	FONT-WEIGHT: bold; 
	VERTICAL-ALIGN: middle; 
	COLOR: #333333; 
	BACKGROUND-COLOR: #f2f2f2
}

.inline 
{
	display: inline;
}


/* ----------------------------------------------------
   Projekt-Detail [ProjectDetails.aspx]			
   --------------------------------------------------- */

#chkCheckAll
{
	cursor: pointer;
}

td.tdCheckBox
{
    WIDTH: 25px;
    text-align:center;
}
table.Projects td.tdThumbnail {
	WIDTH: 300px;
}

table.Projects td.tdState 
{
	width: 40px;
	text-align:center;
}
td.tdData
{
    height:100%;
}


/* ----------------------------------------------------
   Suche [Search.aspx]
   --------------------------------------------------- */

td.searchText
{
	font-size: 8pt;
	font-weight: bold;
	color: #5F5F5F;
}

input.search, textarea.search
{
	height: 18px;
	font-size: 8pt;
	background: #EEE;
	border: 1px solid #858585;
}

#searchWidth
{
	background: url('Images/Search/width.gif');
}

#searchHeight
{
	background: url('Images/Search/height.gif');
	margin-left: 20px;
}







/******************************************************************/
/*  Admin														  */
/******************************************************************/

/* ----------------------------------------------------
    
   --------------------------------------------------- */

.adminTextbox 
{
	height: 18px;
	font-size: 8pt;
	width: 200px;
	background-color: #F1F1F1;
	border: 1px solid #858585;
	color: #333333;
}

.adminTextarea
{
	font-size: 8pt;
	border: 1px solid #858585;
	background-color: #F5F5F5;
	color: #333333;
	margin-right: 5px;
}

.adminTextareaFloat
{
	float: left;
	font-size: 8pt;
	border: 1px solid #858585;
	background-color: #F5F5F5;
	color: #333333;
	margin-right: 5px;
}

.adminLink 
{
	font-size: 11px;
}

.tblLinks td
{
	vertical-align: middle;
}



/* ----------------------------------------------------
   Projekt-Übersicht [Projects.aspx]
   --------------------------------------------------- */

/* Bereich: Archiv */

.tblItem td 
{
	font-size: 11px;
	padding: 3px;
}



/* ----------------------------------------------------
   Produkt-Details [ProductDetails.aspx]
   --------------------------------------------------- */

input.CategoryImg
{
	margin-left: 5px;
}



/* ----------------------------------------------------
   Kategorien [CategoriesEdit.aspx]
   --------------------------------------------------- */

#categories 
{
	font-size: 9pt;
}

#categories ul 
{
	margin: 0px 0px 15px 20px;
	padding: 0px;
	list-style-image: url(Admin/Images/Categories/black.gif);
}

#categories ul.link 
{
	list-style-image: url(Admin/Images/Categories/blue.gif);
}

title
{
	list-style-type: none;
	font-weight:bold;
}

#categories  li {
	margin: 5px;
	padding: 0px 5px;
}

div.status 
{
	margin-top: 20px;
	border: 1px solid #858585;
	padding: 2px 5px;
	width: 300px;
	background-color: #EEE;
}

body.categoryPopUp
{
	font-size: 9pt;
	text-align: center;
}

#categories li a.selectedFrom {
	color: #008000;
	font-weight:bold;
}

#categories li a.selectedTo {
	color: #900000;
	font-weight:bold;
}
