/*** Grundformatierung ***/

@import url(typostyle.css);


/***** Allgemein *****/

body
{
	font-family:Verdana,Tahoma,Arial;
	font-size:11px;
	color:#000000;
	background-color:#CECECE;
	margin:0px;
}

td,p,div,ul,li
{
	font-family:Verdana,Tahoma,Arial;
	font-size:11px;
}

textarea
{
	overflow:auto;
}


/***** Alle Links *****/

a:link, a:active, a:visited
{
	color:#F18300;
	text-decoration:none;

}
a:hover
{
	color:#6A90FF;
	text-decoration:underline;
}


/***** NAVIGATION ******/

div#navigation
{
	width:188px;
}

div#navigation div.spacer
{
	background:url(../images/menu_trenner.gif) repeat-y;
	height:2px;
	font-size:0px;
}

div#navigation a
{
	display:block;
	_width:100%;
	background:url(../images/bg_menu.gif) repeat-y;
	padding:3px 15px;
	color:black;
	font-weight:normal;
	overflow:hidden;
}

div#navigation a:hover, div#navigation a.navOn
{
	background:url(../images/bg_menu_on.gif) repeat-y;
	font-weight:bold;
	text-decoration:none;
}

div#navigation div#box
{
	background:url(../images/bg_menu.gif) repeat-y;
	padding:20px 15px;
}


/***** Navigation Links *****/

.navcat
{
	background-color:#F4F8FF;
}

.navcat th
{
    padding:4px 8px;
	text-align:left;
	font-size:11px;
	border-bottom:1px solid #CCCCCC;
	background-color:#E6EEFF;
}

.navcat td
{
	padding:4px 8px;
}

.navcat a:link, .navcat a:active, .navcat a:visited, .navcat a:hover
{
	display:block;
	_width:100%;
}

.navcat a span
{
	font-size:9px;
	color:#999999;
}


/***** Navigation Links *****/

#chooseLang
{
	position:absolute;
	top:-23px;
}

#chooseLang a
{
	display:block;
	font-size:9px;
	color:#666666;
	text-decoration:none;
	background-color:transparent;
	padding:3px 5px 4px 5px;
	margin-right:1px;
	float:left;
	vertical-align:middle;
}

#chooseLang img
{
    vertical-align:bottom;
}

#chooseLang a:hover, #chooseLang a.langOn
{
	background-color:#d9d9d9;
	color:black;

}

/*** Linkklassen mit Icons davor ***/
a.myAccount
{
	display:block;
	padding-left:22px;
	background:url(../images/icon_user.gif) 0px 1px no-repeat;
}

a.myLink
{
	display:block;
	padding-left:22px;
}

a.myLogout
{
	display:block;
	padding-left:22px;
	background:url(../images/icon_logout.gif) 0px 1px no-repeat;
}

a.myQuery
{
	display:block;
	padding-left:22px;
	background:url(../images/icon_query_list.gif) 0px 1px no-repeat;
}

a.myInquiry
{
	display:block;
	padding-left:22px;
	background:url(../images/icon_query_job.gif) 0px 1px no-repeat;
}








/***** Sonstiges *****/

.hand           { cursor:pointer; }
.little         { font-size:10px; }
.small          { font-size:9px; }
.title1         { font-size:11px; }
.title2         { font-size:12px; color:#777777; }
.title3         { font-size:11px; color:#777777; }
.rot            { color:#DD0000; }
.gruen          { color:#009900; }
.weiss          { color:#FFFFFF; }
.deactive       { color:#666666; }
.halfSpace      { height:8px; font-size:0px; }
.fullSpace      { height:16px; font-size:0px; }
.relative       { position:relative; }
.rtl       		{ text-align:right; }

.err
{
	border:1px #CC0000 solid;
	background-color:#FFEEEE;
}

.errtext
{
	color: #FF1111;
}

.button
{
	font-family:Verdana,Tahoma,Arial;
	font-size:11px;
	background:#FFD7A6 url(../images/butt_bg.gif) repeat-x;
	border-left:1px #FF991F solid;
	border-top:1px #FF991F solid;
	border-right:1px #BCA386 solid;
	border-bottom:1px #BCA386 solid;
	cursor:pointer;
}

div.cornerTL		{ position:relative; z-index:10; }
div.cornerTL div	{ position:absolute; left:0px; background:url(../images/corner_tl.gif) no-repeat; width:6px; height:6px; }

div.cornerTR		{ position:relative; z-index:10; }
div.cornerTR div	{ position:absolute; right:0px; background:url(../images/corner_tr.gif) no-repeat; width:6px; height:6px; }

div.cornerBL		{ position:relative; z-index:10; }
div.cornerBL div	{ position:absolute; top:-6px; left:0px; background:url(../images/corner_bl.gif) no-repeat; width:6px; height:6px; }

div.cornerBR		{ position:relative; z-index:10; }
div.cornerBR div	{ position:absolute; top:-6px; right:0px; background:url(../images/corner_br.gif) no-repeat; width:6px; height:6px; }

.textfilter
{
	font-family:Verdana,Tahoma,Arial;
	font-size:10px;
	font-weight:normal;
	color:yellow;
	background-color:#6699FF;
	border:1px white solid;
	width:100%;
}


/***** Listing-Tabelle *****/

.listing th
{
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:white;
	background-color:#6699FF;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_th.png', sizingMethod='crop');
}

html>body .listing th
{
    background:#6699FF url(../images/bg_th.png) repeat-x;
}

.listing th.hidden
{
	background-color:#CCCCCC;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_th.png', sizingMethod='crop');
}

html>body .listing th.hidden
{
    background:#AFAFAF url(../images/bg_th.png) repeat-x;
}

.listing th.shop
{
	background-color:#FF9900;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_th.png', sizingMethod='crop');
}

html>body .listing th.shop
{
    background:#FF9900 url(../images/bg_th.png) repeat-x;
}

.listing th, .listing td
{
	padding:4px 8px;
}

.listing th a:link, .listing th a:active, .listing th a:visited, .listing th a:hover
{
	display:block;
	color:white;
	text-decoration:none;
	_position:relative;
	white-space:nowrap;
}

.listing th select, .listing th input
{
	_position:relative;
}

.listingRow0
{
	background-color:#F4F8FF;
}

.listingRow1
{
	background-color:#E6EEFF;
}

.listingRow0 td, .listingRow1 td
{
	border-top:1px #FFFFFF solid;
}

.shaded td, .shaded td a:link, .shaded td a:active, .shaded td a:visited, .shaded td a:hover
{
	color:#888888;
}


/***** Seitenschaltung *****/

.pageSwitch
{
	margin:10px 0px;
}

a.switch:link, a.switch:active, a.switch:visited
{
	display:block;
	padding:3px 5px;
	_width:100%;
	color:#F18300;
	font-weight:bold;
	text-decoration:none;
}
a.switch:link img, a.switch:active img, a.switch:visited img
{
	background-color:#F18300;
}
a.switch:hover
{
	display:block;
	padding:3px 5px;
	color:#6A90FF;
	text-decoration:none;
}
a.switch:hover img
{
	background-color:#6A90FF;
}

a.switchOn:link, a.switchOn:active, a.switchOn:visited, a.switchOn:hover
{
	display:block;
	padding:0px 5px;
	_width:100%;
	color:#6A90FF;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}

/*** Sprachwahl für Felder ***/

.langChoose a:link, .langChoose a:visited, .langChoose a:active, .langChoose a:hover
{
	z-index:20;
	position:relative;
	display:block;
	top:1px;
	float:right;
	margin-left:2px;
	padding:2px 4px 1px;
	color:#666666;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	background-color:#EEEEEE;
	border-top:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	margin-bottom:0px;
	_margin-bottom:-1px;
	margin-top:-14px;
}

.langChoose span
{
	display:block;
	width:16px;
	height:11px;
}

.langChoose a.on:link, .langChoose a.on:visited, .langChoose a.on:active, .langChoose a.on:hover
{
	padding:2px 4px 2px;
	color:#F18300;
	background-color:#FFFFFF;
	border-top:1px #999999 solid;
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;

}

.langChoose a img
{
	position:absolute;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

.langChoose a.on img
{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}


/*** Kategoriebaum ***/

.cattree
{
    height:100px;
	overflow:auto;
	padding:0px;
}

.cattree div
{
    vertical-align:middle;
	padding:2px;
	font-size:10px;
}

.cattree div.active
{
    background-color:#DCF8CF;
	border-top:1px solid #BDE7AB;
    border-bottom:1px solid #BDE7AB;
}

.cattree input, .cattree label
{
    vertical-align:middle;
}

.cattree input
{
    _margin-top:-2px;
    _margin-bottom:-2px;
}

input.view_newsletter, textarea.view_newsletter
{
	color:#999999;
}