body 
{
  font-size: 11px; 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #290000; 
  text-decoration: none; 
  background-color: #000000; 
  background-attachment: fixed; 
  background-repeat: repeat-y; 
  background-image: url(http://www.la-bohemetattoo.de/site/p/bg_site.jpg);
  background-position:top center;
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 0px; 
  border-left-width: 0px; 
  margin: 0px;
}

img.jp-auto-border
{
	border: 1px solid #7B2B22;
}

img.separator
{
	padding-bottom: 10px;
}

.menutable
{
	padding-top: 57px;
}

.maintable
{

}

h1
{
	color: #7B2B22;
	font-size: 16px;
}

.maintablecenter
{
	width: 768px;
	padding-left: 5px;
  background-repeat: repeat-y; 
  background-image: url(http://www.la-bohemetattoo.de/site/p/bg_main.jpg);
}

.toptable
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/header.jpg);
}

.bordertop
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_top.png);
}

.borderleft
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_left.png);
}

.borderright
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_right.png);
}

.bordercornertopleft
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_cornertopleft.png);
}

.bordercornertopright
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_cornertopright.png);
}

.bordertopleft
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_topleft.png);
}

.bordertopright
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_topright.png);
}

.borderbottomleft
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_bottomleft.png);
}

.borderbottomright
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_bottomright.png);
}

.bordercornerbottomleft
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_cornerbottomleft.png);
}

.bordercornerbottomright
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_cornerbottomright.png);
}

.borderbottom
{
  background-image: url(http://www.la-bohemetattoo.de/site/p/border_bottom.png);
}


img.areacaption
{
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}


td 
{ 
  font-size: 12px; 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #290000; 
  text-decoration: none; 
}

div.innertext
{
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}

div.guestbook
{
	padding-left: 26px;
	padding-right: 100px;
}

div.copyright
{
	font-size: 10px;
}


div.nlayer {
	width: 640px;
	left: 50%;
	top: 222px;
	margin-left: -320px;
	position: absolute;
	z-index: 2;
}

div.newscontent {
	clear: both;
	width: 640px;
	background-image: url(p/news_bg_main.png);
}


div.imprinttext {
	padding: 9px;
}

div.newstopleft {
	float: left;
	width: 20px;
	height: 20px;
}

div.newstopmiddle {
	background-image: url(p/news_border_top.png);
	float: left;
	width: 579px;
	height: 20px;
}

div.newstopright {
	float: right;
	width: 41px;
	height: 20px;
}


div.newsbottomleft {
	clear: both;
	float: left;
	width: 20px;
	height: 40px;
}

div.newsbottommiddle {
	background-image: url(p/news_border_bottom.png);
	float: left;
	width: 579px;
	height: 40px;
}

div.newsbottomright {
	float: right;
	width: 41px;
	height: 40px;
}

div.news {
	padding-right: 40px;
	padding-left: 20px;
}

div.newscaption {
	font-size: 14px;
	font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #B63933; 
	margin-left: -10px;
}

div.newsdate {
	font-size: 10px;
	font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
	font-style: italic; 
	color: #B63933; 
	margin-left: -10px;
}

div.newstext {
	padding: 9px;
	margin-left: -7px;
}


.notify 
{ 
  font-size: 13px; 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-weight: bold; 
  color: #B63933; 
  background-color: #381513;
  text-decoration: none;
  text-align: center; 
  vertical-align: middle;
  border-bottom: 1px #B63933 dotted;
}


td.footer
{
  font-size: 10px; 
  font-family: Century Gothic, 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-weight: normal; 
  color: #FFFFD2; 
  background-color: #000000;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

.footertable
{
  width: 768px;
  text-align: left;
  vertical-align: top;
  background-attachment: scroll; 
  background-repeat: no-repeat; 
  background-image: url(http://www.la-bohemetattoo.de/site/p/bg_bottom.jpg);
  background-position:top left;
}

td.footercell
{
  width: 25%;
  text-align: left;
  vertical-align: top;
  padding: 5px 5px 5px 5px;
}

.footercaption
{
  font-variant:small-caps;
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-size: 14px;
  font-weight: bold;
  color: #FFFFD2;  
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #DCD4B2;
}

.footercaption td
{
  font-variant:small-caps;
  font-family: Century Gothic, 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-size: 15px;
  font-weight: normal;
  color: #FFFFD2;  
}


.footerelement
{
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  color: #FFFFD2;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  border-bottom: 1px solid #DCD4B2;
}

.footerelement:hover 
{
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  color: #FFFFD2;
  background-color: #2A001D;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  border-bottom: 1px solid #DCD4B2;
}

a:active 
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #B63933; 
  text-decoration: none 
}
a:hover 
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #B63933; 
  text-decoration: none 
}
a:link 
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #B63933; 
  text-decoration: none 
}
a:visited 
{
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #B63933; 
  text-decoration: none
}


a.footer:active 
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #FFFFD2; 
}
a.footer:hover 
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #FFFFD2; 
}
a.footer:link 
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #FFFFD2; 
}
a.footer:visited 
{
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  color: #FFFFD2; 
}


.field
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  background: #FFFFE5; 
  color: #B63933;
  width: 140px;
  height: 17px;
  border-top: #B63933 1px solid; 
  border-left: #B63933 1px solid; 
  border-right: #B63933 1px solid; 
  border-bottom: #B63933 1px solid; 
}



.textarea
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  background: #FFFFE5; 
  color: #B63933;
  width: 300px;
  height: 100px;
  border-top: #B63933 1px solid; 
  border-left: #B63933 1px solid; 
  border-right: #B63933 1px solid; 
  border-bottom: #B63933 1px solid; 
}

.button
{ 
  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; 
  font-size: 13px;
  font-weight: normal;
  color: #B63933;
  background-color: #FFFFE5; 
  border-top: #B63933 1px solid; 
  border-left: #B63933 1px solid; 
  border-right: #B63933 1px solid; 
  border-bottom: #B63933 1px solid; 
}














<!--
ROUNDED CORNERS:
-->
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:5px; /* default, width of left corner */
 margin-bottom:0em; /* spacing under dialog */
}

.dialog .content,
.dialog .content2,
.dialog .content3,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(p/roundedcorner.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 width: 605px;
 padding:0px 5px 0px 0px;
}

.dialog .content2 {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 5px 0px 0px;
}

.dialog .content3 {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 //width: 400px;
 padding:0px 5px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:5px; /* top slice width */
 margin-left:-5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:5px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:5px; /* bottom corner width */
 margin-left:-5px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0px 0px 0px 0px;
}

.dialog h1 {
 padding-bottom:0px;
}




//---- RED CORNERS



.dialogr {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:5px; /* default, width of left corner */
 margin-bottom:0em; /* spacing under dialog */
}

.dialogr .contentr,
.dialogr .content2r,
.dialogr .content3r,
.dialogr .tr,
.dialogr .br,
.dialogr .br div {
 background:transparent url(p/roundedcorner_red.png) no-repeat top right;
}

.dialogr .contentr {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 width: 605px;
 padding:0px 5px 0px 0px;
}

.dialogr .content2r {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 5px 0px 0px;
}

.dialogr .content3r {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 //width: 400px;
 padding:0px 5px 0px 0px;
}

.dialogr .tr {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:5px; /* top slice width */
 margin-left:-5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialogr .br {
 /* bottom */
 position:relative;
 width:100%;
}

.dialogr .br,
.dialogr .br div {
 height:5px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogr .br {
 background-position:bottom right;
}

.dialogr .br div {
 position:relative;
 width:5px; /* bottom corner width */
 margin-left:-5px;
 background-position:bottom left;
}

.dialogr .hd,
.dialogr .bd,
.dialogr .ft {
 position:relative;
}

.dialogr .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogr h1,
.dialogr p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0px 0px 0px 0px;
}

.dialogr h1 {
 padding-bottom:0px;
}