*						{
						margin: 0px;
						padding: 0px;
						}

html						{
						min-height: 100%;

						background: #9a9a9a;
						}

body						{
						min-height: 100%;

						color: #000000;
						font-family: verdana, arial, sans-serif;
						font-size: 11px;
						}

acronym					{
						cursor: help;
						}

sup						{
						font-family: georgia, verdana, arial, sans-serif;
						}

form, img					{
						border: none;
						}

input, textarea				{
						padding: 3px;

						font-family: arial, verdana, sans-serif;
						font-size: 12px;

						border: #a0a0a0 1px solid;
						background: #ffffff;
						}

textarea					{
						width: 97%;
						height: 200px;
						overflow: auto;
						}

input[type="submit"]			{
						padding-left: 1em;
						padding-right: 1em;
						}

input[type="checkbox"]		{
						margin-right: 5px;
						}

input.form_error, textarea.form_error	{
						color: #bb5050;
						border: #eeaaaa 1px solid;
						background: #eeffff;
						}

input:focus					{
						border: #303030 1px solid;
						background: #fafafa;
						}

select					{
						border: #a0a0a0 1px solid;
						}

label						{
						border-bottom: #eeeeee 1px dotted;
						}

label:hover				{
						cursor: hand;
						border-bottom: #a0a0a0 1px solid;
						}

a, a:visited					{
						color: #505050;
						text-decoration: underline;
						}

a:hover					{
						color: #000000;
						}

p						{
						padding: 0px 0px 10px 0px;
						}

hr						{
						display: none;
						}

big						{
						color: #006567;
						font-size: 120%;
						font-weight: bold;
						}


/* ------------------------- Top ------------------------- */

#top img					{
						margin: 3px 0px 0px 7px;
						}


/* ------------------------- Mid ------------------------- */

#mid h1					{
						color: #ffffff;
						font-size: 170%;
						}

#mid a img, #mid a:visited img	{
						padding: 0px 5px 0px 15px;
						vertical-align: middle;
						}

#mid a, #mid a:visited			{
						color: #ffffff;
						}

#mid a:hover				{
						text-decoration: none;
						}


/* ---------------------------- Content-Top ---------------------------- */

.content_top h1				{
						color: #707070;
						font-size: 140%;
						}

.content_top a img, .content_top a:visited img	{
						padding: 0px 5px 0px 15px;
						vertical-align: middle;
						}


/* ---------------------------- Content ---------------------------- */

.content ul					{
						margin: 5px 0px 10px 25px;
						}

.content li					{
						padding: 3px 0px;
						}

.content a img, .content a:visited img	{
						padding: 0px 5px 0px 0px;
						vertical-align: middle;
						}


/* ---------------------------- Navigation ---------------------------- */

#navigation a img, #navigation a:visited img	{
						padding-right: 5px;
						vertical-align: middle;
						}

#navigation ul				{
						list-style: none;
						}

#navigation ul li				{
						line-height: 25px;

						vertical-align: middle;

						border-bottom: #9a9a9a 1px solid;
						}


#navigation ul li.on			{
						background: url(/admin_img/layout/navigation_ul_on.gif) top right no-repeat;
						}


#navigation ul ul			{
						padding-bottom: 10px;

						background: url(/admin_img/layout/navigation_li_on.gif) top left repeat-y;
						}

#navigation ul ul li			{
						line-height: 30px;

						border: none;
						background: url(/admin_img/layout/navigation_tree.gif) 18px 0px no-repeat;
						}

#navigation ul ul li.last, #navigation ul li.on ul li.on.last		{
						background: url(/admin_img/layout/navigation_tree_last.gif) 18px 0px no-repeat;
						}


/* Inaktive Links */
#navigation a, #navigation a:visited	{
						display: block;

						padding-left: 10px;

						font-size: 110%;
						font-weight: bold;
						text-decoration: none;
						background: url(/admin_img/layout/navigation_ul_off.gif) bottom right no-repeat;
						}

#navigation a:hover			{
						color: #909090;
						background: #ffffff url(/admin_img/layout/navigation_ul_off.gif) bottom right no-repeat;
						}

/* Aktive Links und Unterlinks */
#navigation ul li.on a, #navigation ul li.on a:visited, #navigation ul li.on a:hover		{
						color: #ff6102;
						background: none;
						}

#navigation ul li.on ul			{
						border-top: #9a9a9a 1px solid;
						}

#navigation ul li.on ul li.on		{
						border: none;
						background: url(/admin_img/layout/navigation_tree.gif) 18px 0px no-repeat;
						}

/* EingerÃ?Â¼ckte Links */
#navigation ul li.on ul a, #navigation ul li.on ul a:visited	{
						display: inline;

						padding-left: 30px;

						color: #707070;
						font-size: 100%;
						font-weight: normal;
						text-decoration: underline;
						background: none;
						}

#navigation ul li.on ul li.on a, #navigation ul li.on ul li.on a:visited	{
						color: #000000;
						font-weight: bold;
						}

#navigation ul li.on ul a:hover, #navigation ul li.on ul li a:hover	{
						color: #000000;
						}


/* ---------------------------- Fieldsets ---------------------------- */

fieldset					{
						padding: 10px;

						border: #c0c0c0 1px solid;
						background: #ffffff;
						}

legend					{
						padding: 2px 10px;

						color: #707070;
						font-weight: bold;

						border: #c0c0c0 1px solid;
						background: #f5f5f5;
						}

/* ---------------------------- Fieldset: Login ---------------------------- */

#index fieldset				{
						padding: 1.5em;
						margin: 0px;

						background: #f5f5f5 url(/admin_img/layout/login.jpg) top left no-repeat;
						}

#index label				{
						font-weight: bold;
						}

#index input[type=text], #index input[type=password]		{
						width: 100%;
						}

#index .copyright a			{
						color: #dadada;
						font-style: normal;
						text-decoration: underline;
						}


/* ---------------------------- Tables ---------------------------- */

table						{
						width: 100%;

						color: #707070;
						}

th, td					{
						padding: 5px;

						vertical-align: top;
						background: #f5f5f5;
						}

th						{
						text-align: left;
						background: #efefef;
						}

tr.even td					{
						background: #efefef;
						}

tr.odd td					{
						background: #f5f5f5;
						}


/* ---------------------------- Buttons ---------------------------- */

a.button, a.button:visited		{
						position: relative;

						display: block;
						height: 23px;
						line-height: 23px;

						padding-left: 5px;

						cursor: pointer;
						font-weight: bold;
						text-align: center;
						text-decoration: none;

						background-position: top left;
						}

a.button span				{
						position: absolute;
						top: 0px;
						right: -5px;

						width: 10px;
						height: 23px;

						background-position: top right;
						}

a.button:hover				{
						text-decoration: none;
						background-position: bottom left;
						}

a.button:hover span			{
						background-position: bottom right;
						}


/* ----------------------- Kleine, grüne Buttons ------------------------ */

a.button.green, a.button.green:visited, a.button.green span	{
						color: #006567;
						background-image: url(/img/layout/button_green.gif);
						}

a.button.green:hover			{
						color: #004547;
						}

/* ----------------------- Kleine, graue Buttons ------------------------ */

a.button.grey, a.button.grey:visited, a.button.grey span	{
						color: #a0a0a0;
						background-image: url(/img/layout/button_grey.gif);
						}

a.button.grey:hover			{
						color: #808080;
						}


/* ---------------------------- MISC: Klassen ---------------------------- */

.left						{
						float: left;
						}

.right						{
						float: right;
						}

.center					{
						text-align: center;
						}

.content .textleft			{
						text-align: left;
						}

.content .textright, .textright	{
						text-align: right;
						}

img.left					{
						margin: 0px 10px 10px 0px;
						}

img.right					{
						margin: 0px 0px 10px 10px;
						}

.bold						{
						font-weight: bold;
						}

.italic						{
						font-style: italic;
						}

.h2						{
						color: #006567;
						font-size: 150%;
						font-weight: bold;
						}

.uppercase					{
						text-transform: uppercase;
						}

.asterisk					{
						padding: 0px 1px;

						color: #cc0000;
						font-family: garamond, georgia, times roman, serif;
						font-weight: normal;
						vertical-align: text-top;
						}

.error_message				{
						color: #cc0000;
						font-weight: normal;
						}

.error_message a, .error_message a:visited	{
						color: #aa0000;
						}

.error_message a:hover		{
						color: #500000;
						}

.farbig					{
						color: #006567;
						}

.black					{
						color: #000000;
						}

div.hr					{
						clear: both;
						height: 1px;
						line-height: 1px;

						background: #dddddd url(/img/layout/hr.jpg) top left repeat-x;
						}

.content.np				{
						padding: 10px 0px;
						}

ul.nm					{
						margin: 0px;
						}

ul.none, ol.none				{
						list-style: none;
						}


/* ---------------------------- Breite ---------------------------- */

.w10p					{
						width: 10%;
						}

.w20p					{
						width: 20%;
						}

.w30p					{
						width: 30%;
						}

.w40p					{
						width: 40%;
						}

.w45p					{
						width: 45%;
						}

.w50p					{
						width: 49%;
						}

.w55p					{
						width: 55%;
						}

.w60p					{
						width: 60%;
						}

.w70p					{
						width: 70%;
						}

.w75p					{
						width: 73%;
						}

.w80p					{
						width: 80%;
						}

.w90p					{
						width: 90%;
						}

.w100p					{
						width: 100%;
						}


.w5						{
						width: 5px;
						}

.w10						{
						width: 10px;
						}

.w15						{
						width: 15px;
						}

.w20						{
						width: 20px;
						}

.w25						{
						width: 25px;
						}

.w50						{
						width: 50px;
						}

.w75						{
						width: 75px;
						}

.w80						{
						width: 80px;
						}

.w100					{
						width: 100px;
						}

.w110					{
						width: 110px;
						}

.w125					{
						width: 125px;
						}

.w130					{
						width: 130px;
						}

.w140					{
						width: 140px;
						}

.w150					{
						width: 150px;
						}

.w175					{
						width: 175px;
						}

.w200					{
						width: 200px;
						}

.w250					{
						width: 250px;
						}

.w300					{
						width: 300px;
						}

.w350					{
						width: 350px;
						}

.w500					{
						width: 500px;
						}


/* ---------------------------- Margins ---------------------------- */

.mr5						{
						margin-right: 5px;
						}

.mr10					{
						margin-right: 10px;
						}

.mr15					{
						margin-right: 15px;
						}

.mr60					{
						margin-right: 60px;
						}


.ml10					{
						margin-left: 10px;
						}

.ml15					{
						margin-left: 15px;
						}

.ml20					{
						margin-left: 20px;
						}


.mb10					{
						margin-bottom: 10px;
						}

.mb15					{
						margin-bottom: 15px;
						}

.mb20					{
						margin-bottom: 20px;
						}


.mt10					{
						margin-top: 10px;
						}

/* ------------------- FORMS ------------------- */
div.formRow {
  margin : 6px 0px 6px 0px;
}

fieldset {
  margin : 0px 0px 15px 0px;
}

fieldset fieldset {
  background-color : #FEFEFE;
}

/* ------------------- INPUT-SIZE ------------------- */

.size1 {
    width: 10px;
}

.size2 {
    width: 15px;
}

.size3 {
    width: 20px;
}

.size4 {
    width: 30px;
}

/* ------------------- FILE-SELECTOR ------------------- */

div#FileSelector {
    background : #FFFFFF;
}


div#FileSelector div#FileList {
    float:left;
    width : 550px;
    overflow : auto;
}

div#FileSelector div#FilePreview {
    float:left;
    width : 150px;
    background : #FFFFFF;
}

div#FileSelector div#FileWindow {
    clear : both;
    width : 100%;
    height : 200px;
}

iframe#FileListFrame {
    border : 0px;
    width : 650px;
    height : 350px;
    float : left;
}

div#FileSelectBottom {
    clear : both;
}

/* ------------------- TABLE ------------------- */
thead td {
    padding : 3px;
    background : #CCCCCC;
    border-left : 1px solid #EEEEEE;
    border-top : 1px solid #EEEEEE;
    border-bottom : 1px solid #BBBBBB;
    border-right : 1px solid #BBBBBB;
}

thead div.LinkButton {
    padding : 0px 0px 0px 15px;
}

thead div.sortActive {
}

thead div.sortActive a {
    color : #000000;
    font-weight : bold;
}

thead div.sortDESC {
    background-image : url(/admin_img/icons/sort_button_down.png);
    background-repeat : no-repeat;
    background-position : 3px 4px;
}

thead div.sortASC {
    background-image : url(/admin_img/icons/sort_button_up.png);
    background-repeat : no-repeat;
    background-position : 3px 4px;
}

/* ------------------- TREE ------------------- */
div.Tree {
    background : #FFFFFF;
    clear:both;
}

div.TreeChildren {
    border-left : 1px solid;
    clear:both;
    padding : 0px 0px 0px 15px;
}


div.TreeChildren div.TreeChildren {
}

div.TreeRow {
    clear:both;
    padding : 3px 3px 10px 3px;
}

div.TreeRowSelected {
    background : #FF7116;
    color : #FFFFFF;
}

div.TreeRowSelected a {
    color : #FFFFFF;
    font-weight : bold;
}

/* ------------------- OPTION-BAR ------------------- */
div.OptionBar {
    margin : 10px 0px 0px 0px;
    height : 20px;
    padding : 3px;
    background : #CCCCCC;
    border-left : 1px solid #EEEEEE;
    border-top : 1px solid #EEEEEE;
    border-bottom : 1px solid #BBBBBB;
    border-right : 1px solid #BBBBBB;
}

div.OptionBar div.LinkButton {
    padding : 3px;
    background : #DDDDDD;
    border-left : 1px solid #EEEEEE;
    border-top : 1px solid #EEEEEE;
    border-bottom : 1px solid #BBBBBB;
    border-right : 1px solid #BBBBBB;
    margin-right : 4px;
    float:left;
}

div.OptionBar div.LinkButton:hover {
    background : #CCCCCC;
    border-left : 1px solid #BBBBBB;
    border-top : 1px solid #BBBBBB;
    border-bottom : 1px solid #EEEEEE;
    border-right : 1px solid #EEEEEE;
}

div.OptionBar div.LinkButton a {
    text-decoration : none;
    color : #000000;
}

/* ------------------- TOOLBAR ------------------- */
div.ToolBar {
    height : 20px;
    padding : 3px;
    background : #DDDDDD;
    border-left : 1px solid #EEEEEE;
    border-top : 1px solid #EEEEEE;
    border-bottom : 1px solid #BBBBBB;
    border-right : 1px solid #BBBBBB;
}

div.ToolBarButton {
    padding : 2px;
}

div.ToolBarButton span.label {
    padding : 0px 0px 0px 5px;
}

div.ToolBarButton:hover {
    padding : 1px;
    border-left : 1px solid #EEEEEE;
    border-top : 1px solid #EEEEEE;
    border-bottom : 1px solid #BBBBBB;
    border-right : 1px solid #BBBBBB;
}

div.ToolBarSeparator {
    margin : 0px 3px 0px 3px;
    width : 1px;
    height : 20px;
    border-left : 1px solid #BBBBBB;
    background : #FFFFFF;
}

div.ToolBar div {
    float : left;
}


/* ------------------- CATEGORY-ADMIN ------------------- */
div#ProductCategoryAdminTree div.ToolBar {
    margin : 0px 10px 0px 0px;
    width : 140px;
    float : left;
}

div#ProductCategoryAdminTree div.Image {
    float : left;
    margin : 0px 7px 0px 0px;
}


/* ------------------- FILE-LINK ------------------- */
div.FileLink {
    padding : 10px 3px 10px 25px;
    border-left : 1px solid #EEEEEE;
    border-top : 1px solid #EEEEEE;
    border-bottom : 1px solid #BBBBBB;
    border-right : 1px solid #BBBBBB;
    background-color : #DDDDDD;
    margin : 0px 0px 15px 0px;
}

div.FileLink div.filename {
    margin : 5px 0px 5px 0px;
    padding : 4px 4px 4px 4px;
    border-left : 1px solid #BBBBBB;
    border-top : 1px solid #BBBBBB;
    border-bottom : 1px solid #EEEEEE;
    border-right : 1px solid #EEEEEE;
    background-color : #EEEEEE;
}

/* ------------------- BREADCRUMBS ------------------- */
div.breadcrumbs {
    margin : 5px 0px 5px 0px;
    padding : 4px 4px 4px 4px;
    border-left : 1px solid #BBBBBB;
    border-top : 1px solid #BBBBBB;
    border-bottom : 1px solid #EEEEEE;
    border-right : 1px solid #EEEEEE;
    background-color : #EEEEEE;
}

div.breadcrumbs a {
    font-weight : bold;
}