@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	background: #222;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 900px;
	height: 570px;
	background: #ded0b3;
	margin: 0 auto;
}
#navleft {
	width: 244px;
	float: left;
}
table td { /* stupid one for frikkin IE */
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;	
}

/* * * * * START: CONTENT * * * * */
#content {
	width: 430px;
	height: 570px;
	padding: 0 15px 0 15px;
	float: left;
	background: url(../images/bg_middle.jpg);
	text-align: left;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 16px;
}
#content a {
	color: #5E4F2F;
}
#content a:hover {
	color: #333;
}
#contenthead {
	width: 430px;
	height: 47px;
	margin: 33px 0 0 0;
}
#contenthead h1 {
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 23px;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}
#innercontent {
	width: 430px;
	height: 457px;
	overflow: auto;
}
#innercontentwrap {
	width: 400px;
}
#innercontent table.listing td {
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #666;
	vertical-align: top;
}
#innercontent table.listing td.listinginfo {
	text-align: right;
	vertical-align: bottom;
}
#innercontent table.shoplisting td {
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #666;
	vertical-align: top;
}
#innercontent table.shopadress td {
	padding: 6px 0 6px 0;
	vertical-align: top;
}
#innercontent table.shopadress input, #innercontent table.shopadress textarea  {
	width: 250px;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	background: #ded0b3;
}

#innercontent h2 {
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0 0 4px 0;
}
#innercontent p {
	margin-top: 0;
}
.divider {
	width: 400px;
	border-bottom: 1px solid #666;
	margin: 15px 0 15px 0;
}
.quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
}
.highlight {
	font-size: 16px;
}
.attn {
	color: #FF0099;
}
td.pola {
	background: url(../images/bg_polaroid.jpg) no-repeat;
	width: 85px;
	padding: 4px 11px 0 5px;
	height: 98px;
	vertical-align: top;
}
td.polanarrow {
	background: url(../images/bg_polaroid.jpg) no-repeat;
	width: 85px;
	padding: 4px 8px 0 5px;
	height: 98px;
	vertical-align: top;
}
/* * * * * END: CONTENT * * * * */

#navright {
	width: 196px;
	float: left;
}
#dhtmltooltip{
	visibility: hidden;
	z-index: 100;
	position:absolute;
	padding: 4px;
	background: #222;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FFF;
}



/* * * * * START: ARCHIVE SWITCH * * * * */
#archiveSwitch {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: #000;
	padding: 5px 0;
	border-top: 1px solid #CCC;
}
#archiveSwitch a.dasdrama {
	margin: 0 0 0 10px;
	padding: 5px  50px 5px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background: url(/derbeliebtebruder/images/archiveSwitch.jpg) no-repeat right top;
}
#archiveSwitch a.dasdrama:hover {
	color: #CCC;	
}
/* * * * * END: ARCHIVE SWITCH * * * * */