/* DERRANO: base */

.printonly
{
	display: none;
}
html
{
	scrollbar-face-color: #0065A5;
	scrollbar-shadow-color: #002662;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #0065A5;
	scrollbar-darkshadow-color: #001638;
	scrollbar-track-color: #E6EFF8;
	scrollbar-arrow-color: #FFFFFF;
}
body
{
	font-family: Arial, Helvetica, Verdana;
	background-color: #FFFFFF;
	margin: 0 0 6px 0;
	color: #666;
	font-size: 80%;
}

a
	{ text-decoration: none; }
a:hover
	{ text-decoration: underline; }


div#header
	{ width: 908px; height: 89px; background-image: url(/img/_layout/header.jpg); background-position: right top; border-right: 1px solid #0065A5;  }

div#header div#logo
	{ float: left; }
div#header div#links
	{ float: right; text-align: right; height: 89px; }	
div#links p
	{ margin: 70px 6px 0 0; font-weight: bold; font-size: 11px; }
div#header a
	{ color: #0065A5; }

div#mainnavi
	{ width: 908px; background-color: #0065A5; height: 24px; border-bottom: 1px solid #FFF; border-right: 1px solid #0065A5; }

div#frame
	{ width: 908px; background-image: url(/img/_layout/bg.gif); border-right: 1px solid #0065A5; border-bottom: 1px solid #0065A5; padding-bottom: 6px; }

div#footer
	{	background-color: white; font-size: 11px; margin: 0 6px 0 6px; padding: 4px 0px 4px 176px; }


/* left- & right-bar */
	td#leftbar, td#rightbar
		{ width: 160px; letter-spacing: 1px; background-color: white; font-size: 11px; padding: 0 0 20px 0; overflow: hidden; }
	
	td#leftbar p, td#leftbar li, td#leftbar hr, td#rightbar p, td#rightbar li, td#rightbar hr
		{	margin-left: 6px; margin-right: 6px; }
	
	td#leftbar hr, td#rightbar hr
		{	margin-top: 2px; margin-bottom: 0; }
	
	td#leftbar div.separator, td#rightbar div.separator
		{ padding: 0; height: 6px; background-image: url(/img/_layout/bg.gif); }

	td#leftbar div.theme, td#rightbar div.theme
	{ background-color: #0065A5; color: #FFF; font-weight: bold; text-transform: uppercase; height: 20px; line-height: 20px; letter-spacing: 1px; }

	td#leftbar div.theme-red, td#rightbar div.theme-red
	{ background-color: #e2001a; color: #FFF; font-weight: bold; text-transform: uppercase; height: 20px; line-height: 20px; letter-spacing: 1px; }

/* content */
	td#content
		{ background-color: white; padding: 12px 12px 20px 12px; letter-spacing: 1px; height: 400px; }


	div.productgroup
		{ width: 160px; float: left; padding-right: 26px; }


td
{
	vertical-align: top;
	font-size: 11px;
}

/* DERRANO: layout */


select
{
	background-color: #E6EFF8;
	font-size: 11px;
}

/* DERRANO: shopping product table */
table.shopping td 
	{ vertical-align: middle; }


table.shop
{
	border-collapse: collapse;
	background-color: #EDF4FA;
	width: 100%;
	border: 1px solid #A0A2A4;
}
td.shop
{
	border-top: 1px solid #A0A2A4;
	border-bottom: 1px solid #A0A2A4;
	padding: 4px 6px 4px 6px;
	width: 188px;
}
td.shopimg
{
	background-color: #FFF;
	border-top: 1px solid #A0A2A4;
	border-bottom: 1px solid #A0A2A4;
	border-left: 1px solid #A0A2A4;
	border-right: 1px solid #7FB2D2;
	padding: 0;
	width: 80px;
}
div.cart
{
	padding: 2px;
	background-color: #FFF;
	margin-bottom: 5px;
	margin-top: 5px;
}

td.shop ul
{
	margin: 0 0 0 18px;
	padding-left: 0;
	list-style-image: url(/img/_layout/ul-shop.gif);
}
input#continue, input.continue
{
	background-color: #0065A5;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 160px;
}

input#button, input.button
{
	background-color: #87B5D6;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	width: 160px;
}

/* content formats */
a
{
	color: #0065A5;
	text-decoration: none;
}
a:hover
{
	color: #66A3C9;
	text-decoration: underline;
}
a.red
{
	color: #e2001a;
	text-decoration: none;
}
a.red:hover
{
	color: #e2001a;
	text-decoration: underline;
}
a.grey
{
	color: #666;
	text-decoration: none;
}
a.grey:hover
{
	color: #666;
	text-decoration: underline;
}

h1
{
	color: #0065A5;
	font-size: 13px;
	margin: 6px 0px 5px 0px;
	font-weight: normal;
}
h2
{
	color: #0065A5;
	font-size: 14px;
	margin: 8px 0px 10px 0px;
}
h3
{
	color: #666;
	font-size: 12px;
	margin: 12px 0px 12px 0px;
	font-weight: normal;
	line-height: 130%;
}

h4
{
	margin: 8px 0px 7px 0px;
	font-size: 11px;
}
h5
{
	margin: 4px 0px 3px 0px;
	font-weight: normal;
}
p
{
	margin: 8px 0px 7px 0px;
	line-height: 130%
}
ul
{
	margin: 8px 0px 7px 18px;
	padding-left: 0px;
	list-style-image: url(/img/_layout/ul.gif);
	line-height: 130%
}
ul.home
{
	margin: 7px 0px 10px 18px;
	padding-left: 0px;
	list-style-image: url(/img/_layout/ul.gif);
	line-height: 130%
}
ul.home li
	{ margin-top: 5px; }
dir
{
	margin: 8px 0px 7px 18px;
	padding-left: 0px;
	list-style-image: url(/img/_layout/dir.gif);
	line-height: 130%
}

hr
{
	margin: 6px 0px 6px 0px;
	color: #A0A2A4;
	width: 100%;
}
img.product
{
	border: 1px solid #E6EFF8;
}
img.frame
{
	border: 1px solid #E6EFF8;
}
img.frame #left
{
	margin-right: 20px;
}
img.frame #right
{
	margin-left: 20px;
}
img.left
{
	margin-right: 20px;
	margin-bottom: 6px;
}
img.right
{
	margin-left: 20px;
	margin-bottom: 6px;
}
span.red
{
	color: #FF0000;
}
div.error
{
	color: #EF4F03;
	padding: 5px;
	border: 1px solid #EF4F03;
}
div.error h2
{
	color: #EF4F03;
}

	
/* subnavi */

	td#leftbar p
	{
		padding-left: 0px;
		
	}

	td#leftbar div.title
	{
		color: #FFF;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #0065A5;
		height: 16px;
		xvertical-align: middle;
		padding: 4px 6px 0 6px;
	}	
	td#leftbar div.title a, td#leftbar div.title a:hover
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	td#leftbar div.itempassive_1, td#leftbar div.itempassive_2
	{
		color: #0065A5;
		font-size: 11px;
		letter-spacing: 1px;
		font-size: 11px;
	}	
	td#leftbar div.itempassive_1
	{
		padding: 10px 6px 4px 8px;
	}	
	td#leftbar div.itempassive_2
	{
		padding: 2px 6px 5px 20px;
	}	
	td#leftbar div.itempassive_1 a, td#leftbar div.itempassive_2 a
	{
		color: #0065A5;
		text-decoration: none;
	}
	td#leftbar div.itempassive_1 a:hover, td#leftbar div.itempassive_2 a:hover
	{
		color: #0065A5;
		text-decoration: underline;
	}
	td#leftbar div.itemactive_1, td#leftbar div.itemactive_2
	{
		color: #0065A5;
		font-size: 11px;
		letter-spacing: 1px;
		font-size: 11px;
		font-weight: bold;
	}	
	td#leftbar div.itemactive_1
	{
		padding: 10px 6px 4px 8px;
	}	
	td#leftbar div.itemactive_2
	{
		padding: 2px 6px 5px 20px;
	}	
	td#leftbar div.itemactive_1 a, td#leftbar div.itemactive_2 a
	{
		color: #0065A5;
		text-decoration: none;
	}
	td#leftbar div.itemactive_1 a:hover, td#leftbar div.itemactive_2 a:hover
	{
		color: #0065A5;
		text-decoration: underline;
	}
	td#leftbar div.itemclose_1, td#leftbar div.itemclose_2
	{
		color: #0065A5;
		font-size: 11px;
		letter-spacing: 1px;
		font-size: 11px;
	}	
	td#leftbar div.itemclose_1
	{
		padding: 10px 6px 4px 8px;
	}	
	td#leftbar div.itemclose_2
	{
		padding: 2px 6px 5px 20px;
	}	
	td#leftbar div.itemclose_1 a, td#leftbar div.itemclose_2 a
	{
		color: #0065A5;
		text-decoration: none;
	}
	td#leftbar div.itemclose_1 a:hover, td#leftbar div.itemclose_2 a:hover
	{
		color: #0065A5;
		text-decoration: underline;
	}


/* merchants */


tr.frametitle td
{
	border: 1px solid #0065A5;
	background-color: #87B5D6;
	padding: 4px 8px 4px 8px;
	letter-spacing: 1px;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
}
tr.frameitemlight td
{
	border: 1px solid #0065A5;
	background-color: #FFF;
	padding: 4px 8px 4px 8px;
}
tr.frameitemdark td
{
	border: 1px solid #0065A5;
	background-color: #F2F8FD;
	padding: 4px 8px 4px 8px;
}


/* form */


td.frametitleaction
{
	border: 1px solid #0065A5;
	background-color: #4C72AE;
	padding: 4px 8px 4px 8px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: bold;
}

td.frametitle
{
	border: 1px solid #0065A5;
	background-color: #87B5D6;
	padding: 4px 8px 4px 8px;
	letter-spacing: 1px;
	color: #FFF;
	font-weight: bold;
}
td.framesubtitle
{
	border: 1px solid #0065A5;
	background-color: #DAE3EB;
	padding: 4px 8px 4px 8px;
	letter-spacing: 1px;
}
td.frameitemradio
{
	padding: 4px 6px 4px 6px;
	border: 1px solid #0065A5;
	background-color: #E6EFF8;
}
td.frameitemradiotext
{
	border: 1px solid #0065A5;
	padding: 9px 6px 0px 6px;
	letter-spacing: 1px;
	background-color: #f0f0f0;
}
td.frameitemselect
{
	padding: 4px 6px 4px 6px;
	border: 1px solid #0065A5;
	background-color: #E6EFF8;
}
td.frameitemselect select
{
	border: 1px solid #0065A5;
	color: #0065A5;
	background-color: #E6EFF8;
	font-size: 11px;
}
td.frameitemradio input
{
	font-size: 11px;
	color: #0065A5;
	letter-spacing: 1px;
}
td.frameiteminput
{
	font-size: 11px;
	border: 1px solid #0065A5;
	padding: 4px 6px 4px 6px;
	background-color: #E6EFF8;
}
td.frameiteminput input
{
	font-size: 11px;
	width: 170px;
	border: 1px solid #0065A5;
	color: #0065A5;
	letter-spacing: 1px;
}
td.frameiteminput input.tag
{
	font-size: 11px;
	width: 25px;
	border: 1px solid #0065A5;
	color: #0065A5;
	letter-spacing: 1px;
}
td.frameiteminput input.jahr
{
	font-size: 11px;
	width: 40px;
	border: 1px solid #0065A5;
	color: #0065A5;
	letter-spacing: 1px;
}
td.frameiteminput input.plz
{
	font-size: 11px;
	width: 40px;
	border: 1px solid #0065A5;
	color: #0065A5;
	letter-spacing: 1px;
}
td.frameiteminput input.ort
{
	font-size: 11px;
	width: 122px;
	border: 1px solid #0065A5;
	color: #0065A5;
	letter-spacing: 1px;
}
td.frameiteminput input.kdnr
{
	font-size: 11px;
	width: 65px;
	border: 1px solid #0065A5;
	color: #0065A5;
	letter-spacing: 1px;
}
td.frameiteminput textarea
{
	font-size: 11px;
	width: 300px;
	border: 1px solid #0065A5;
	letter-spacing: 1px;
	font-family: Arial, helvetica, Verdana;
	color: #0065A5;
}
td.frameitemsubmit
{
	font-size: 11px;
	border: 1px solid #0065A5;
	padding: 4px 6px 4px 6px;
	letter-spacing: 1px;
	background-color: #E6EFF8;
}
td.frameitemsubmit input
{
	background-color: #0065A5;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 120px;
}
td.frameitemsubmit input.broad
{
	background-color: #0065A5;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 180px;
}
td.labelreq
{
	border: 1px solid #0065A5;
	padding: 6px 6px 0px 6px;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #f0f0f0;
}
td.label
{
	border: 1px solid #0065A5;
	padding: 6px 6px 0px 6px;
	letter-spacing: 1px;
	background-color: #f0f0f0;
}