body { margin:0; padding:0; font-family: Verdana,Arial,Helvetica; font-size: 13px; text-align: center;  }

table { border-collapse: collapse; empty-cells: show }
table td, table th { padding: 0; margin: 0; vertical-align: top }
table th { text-align: left }

input, textarea, option, select { color: #000; font-family: Verdana,Arial,Helvetica; font-size: 13px } 

/* Normal: alle Textboxen mit margin */
input[type='text'], input[type='password'], label + select, label + input[type='text'], label + input[type='password'] { margin-left: 12px; margin-right: 24px }
/* Textboxen mit Label rechts margin links */
input[type='text'] + label, input[type='password'] + label, select + label { margin-left: -12px }
/* In Tabellen mit label links */
td>label + input[type='text'], td>label + input[type='password'] { margin-left: 12px; margin-right: 0 }
/* In Tabellen: kein margin */
#master_search input, #master_search select { margin: 0 }
/* Die jeweils ersten: kein margin nach links (seitenrand) */
input[type='text']:first-child, input[type='password']:first-child, select:first-child { margin-left: 0 }
/* Ausser wenn zwei inputs nebeneinander */
td>input[type='text']:first-child, td>input[type='password']:first-child, td>select:first-child, td>input[type='text'], td>input[type='password'], td>select { margin-left: 0; margin-right: 12px }
/* Knöpfe: margin nach rechts */
input[type='submit'], input[type='button'], select { margin-right: 6px }
.center input[type='submit'], input[type='button'], select { margin-right: 0 }
/* Check- und Radiobuttons: 2px nach unten - mittig */
input[type='checkbox'], input[type='radio'] { vertical-align: -2px }
/* Labels von Check- und Radio-buttons: 6px abstand */
input[type='checkbox'] + label, input[type='radio'] + label { margin: 0 6px }

ul { list-style-type: none; list-style-position: inside; padding-left: 0.8em; margin: 0 }
ul li { text-indent: -0.8em; margin: 0 }
ol { list-style-position: inside; padding: 0; margin: 0 }

img { border: 0; padding: 0; margin: 0 }

a[href] { color: #00C; text-decoration: none }
a[href].wht { color: #FFF; text-decoration: none }
/*a[href]:link { }
a[href]:visited { }
a[href]:active { }*/
a[href]:hover { text-decoration: underline }
a[href].nou { text-decoration: none }

.big { font-size: 17px }
.center { text-align: center }
.tleft { text-align: left }
.tright { text-align: right }
.top, td.top { vertical-align: top !important }
.middle, .middle th, .middle td { vertical-align: middle }
.middle td img { vertical-align: -8px }
.middle label img { vertical-align: -10px }
/*.imgm img, .imgm span.star { margin: 0 !important }*/
/*.imgl img { vertical-align: -8px; margin: 0 !important; display: inline !important }*/
.green { color: #008000 }
.red, a.red, .red:hover { color: #ee0000 }
.black, a.blk, .blk { color: #000 }
a.gry, .gry { color: #888 }
.gry a { color: #77D }
.highgreen { border: 1px solid #008000; background-color: #DCF6DB }
.small { font-size: 11px; }
.bold { font-weight: bold }
.highlt { background-color: #FF9 }
tr.highlt { border: 1px solid #FD0 }
input.big[type="button"] { margin: 0; width: 165px }
.right { float: right; margin: 0 }
.left { float: left; margin: 0 }
.nov { visibility: hidden }

.idcard { width: 257px }
.passport { width: 305px }
.idcard, .passport { font-family: "Courier New"; padding: 6px; background-color: #DCF6DB; border: 1px solid #008000 }
.idcard input, .idcard input:first-child, .passport input, .passport input:first-child { margin:0; font-family: "Courier New" }

.addrblock { border: 1px solid #DCF6DB; padding: 6px }

.p1 th, .p1 td, .p1 li { padding-bottom: 3px; padding-right: 12px }
.p2 th, .p2 td { padding-bottom: 6px; padding-right: 12px; vertical-align: middle }
.p3 { padding: 0 6px }
.p4 th, .p4 td { padding-bottom: 3px }
.p4 { padding: 6px 0 }
.p5 { padding: 1px 4px 0px 0px }
.p6 { margin-left: 6px; margin-right: 12px }
.p7 td { padding-bottom: 3px }
.p8 { padding: 0 12px }
.p9 { padding-left: 12px }
.p10, .p10 td { padding: 6px }
.p11 th, .p11 td { padding-bottom: 6px; padding-right: 12px }
.p12 { padding: 6px }
.p13 td { padding-right: 6px }

.w1 { width: 150px }
.w2 { width: 80px }
.w3 { width: 12px } /* Abstand zwischen Tabellenkollonen */
.w4 { width: 120px }
.w5 { width: 100% }
.w6 { width: 200px } /* Standardbreite für Controls */
.w7 { width: 450px }
.w8 { width: 256px } /* ID */
.w9 { width: 304px } /* Pass */
.w10 { width: 280px }
.w11 { width: 254px }
.w12 { width: 202px }
.w13 { /*width: 623px*/ }

.h1 { height: 12px }
.h2 { height: 6px }
.h3 { height: 24px }

.m1 { margin-right: 10px; }
.m2 { margin-bottom: 12px; }
.m3 { margin: 0 6px }
.m4 { margin-bottom: 6px }
.m5 { margin-top: 24px; margin-bottom: 12px }

.s1 { font-size: 14pt }

h1 { line-height: 39px; height: 39px; padding: 0 12px; margin: 0; color: #FFF; font-size: 24px; font-weight: normal; font-family: "Arial Rounded MT Bold",Verdana,Arial,Helvetica }
h2 { margin: 0; font-size: 13px; font-weight: bold; padding: 0 0 12px 0 }

.tberror { border: 1px solid #7F9DB9; background-color: #FFB8B8 }
.box { background-color: #DCF6DB; vertical-align: middle }
p, .paging { margin: 0px 6px 12px 6px; display: block } /* Unterabstand für alles */
p.last { margin-bottom: 0 !important }
.paging p, .paging .paging, p .paging { margin: 0 0 12px 0 }
p img { vertical-align: -8px }

.pagingbar .selected { background-color: #DCF6DB; font-weight: bold }
.pagingbar { margin: 0 6px 12px 6px; display: block; height: 36px; position: relative }

.menu { width: 220px }
.menu ul { width: 220px; list-style-type: none; list-style-position: outside; padding-left: 0 }
.menu ul>li { height: 25px; line-height: 24px; text-indent: 0 }
.menu ul>li>a { padding: 0 6px; display: inline-block; width: 208px; border-top: 1px solid #FFF; white-space: nowrap }
.menu .img>li>a { padding: 0 6px 0 36px; background-position: 6px 0px; background-repeat: no-repeat; width: 178px }

.menu>ul { display: block; background-color: #eee }
.menu li { position: relative }
.menu>ul>li ul, .menu>ul>li.s, .menu>ul>li.ss { background-color: #bbb }
.menu>ul>li ul { z-index: 999 }
.menu>ul>li ul>li.s { background-color: #999 }
.menu>ul>li ul>li>a, .menu>ul>li.s>a, .menu>ul>li.ss>a { color: #FFF }

.userblock { background-color: #FFF; padding: 6px }

.boxedit { border: 1px dashed #cccccc }
.boxpic { background-color: #DCF6DB; vertical-align: top; width: 120px; height: 170px }
.boxpicsmall { background-color: #DCF6DB; vertical-align: top; width: 50px; height: 70px }
.boxpiclarge { background-color: #DCF6DB; vertical-align: top; width: 330px; height: 470px }

.boxheader { padding: 0; margin-bottom: 12px; margin-top: 24px; line-height: 24px; background-image:url(http://pictures.exsila.com/pic_header.png); height: 24px; width: 100% }
#master_inside>.boxheader:first-child, #master_inside>div:first-child>.boxheader:first-child { margin-top: 0 }
.boxtitle { font-weight: bold; float: left }
.boximage { float: left; margin-left: 6px; line-height: 24px; height: 24px }
.boxtext { float: right; font-weight: bold; margin-left: 6px }
.boxlink { float: right }

.boxinfo { margin-bottom: 12px; background-color: #FF9; border: 1px solid #FD0; line-height: 24px }
.boxinfo div { width: 100% }
.boxinfo img { float: left; margin: 6px 6px 6px 0; border: 1px solid black}

.acclist th.date { width: 90px }
.acclist th.action { width: 110px }
.acclist th.amount { width: 60px; text-align: right }
.acclist th.balance { width: 60px; text-align: right }
.acclist td.r { text-align: right }
.acclist td { line-height: 24px }
.acclist a { display: block }

.packages { display: block }
.packages span { display: inline-block }
.packages span.t1 { text-align: right; width: 120px }
.packages span.t2 { text-align: right; width: 100px }
.packages span.t3 { width:480px }

.topten td { padding-left: 8px; text-align: center }
.topten td:first-child { padding-left: 0 }
.topten input[type='radio'] { margin: 0 0 3px 0; display: inline-block }
.topten img { width:68px; border:0; }
.topten a:hover { text-decoration: none }

.tradelist tr:first-child>td, .acclist tr:first-child>td { border: 0 }
.tradelist tr>td, .acclist tr>td { border-top: 1px solid #CECECE }
.tradelist span { float: left }
.tradelist span[id] { float: right }
.tradelist a:hover { text-decoration: none }
.tradelist a:hover span:first-child { text-decoration: underline }
.tradelist a[id$='link'] { display: block; line-height: 24px; padding-right: 6px; height: 24px }
.tradelist tr.red { background-color: #FFD1D1 }
.tradelist img, .tradelist input { display: block }
.tradelist td.ico { width: 30px }
.tradelist td.ico a { display: block; width: 30px; height: 24px }

div[id$='list'] .listitem { border-top: 1px solid #CECECE; display: block; padding: 12px 6px }
div[id$='list'] .listitem:first-child { border-top: 0; padding-top: 0px }
div[id$='list'] .listitem>table, div[id$='list'] .listitem>div { display: block; width: 100% }
div[id$='list'] .listitem:first-child img, div[id$='list'] .listitem:first-child table, div[id$='list'] .listitem:first-child>div { margin-top: 0 }

.cdnum { padding-bottom: 3px }
.trailertext { width: 560px; font-size: 11px; display: inline-block; color: #999; text-align: left }

#master_center { margin:12px auto; width:1000px; text-align: left }
#master_links { width: 100% }
#master_top { height: 24px; text-align:right; float: right; padding: 0 6px; white-space: nowrap  }
#master_search { width: 100%; height: 40px; background-image:url(http://pictures.exsila.com/pic_search.gif); clear: both; line-height: 40px }
#master_search div { padding-left: 12px }
#master_search div select { margin: 0 6px }

.master_admin { width: 100%; height: 40px; background-color: #F60; clear: both }

#master_location { height: 24px; line-height: 24px; padding: 0 6px; float: left; font-size: 11px; margin-bottom: 12px; clear: both }
#master_content { width: 100%; float: left; margin-bottom: 12px }

#master_footer { clear: both; width: 100%; margin-top: 12px }
#master_footer div {  padding: 3px 6px 6px 6px; color: #999 }
#master_footer a { color: #77d }
#master_footer span.right { float:right; text-align: right }
#master_footer p { margin: 0 }
#master_footer p:first-child { margin-bottom: 12px }

#master_link { float: right; padding-top: 22px; height: 24px; white-space: nowrap }
#master_link a { line-height: 24px; height: 24px; display: inline-block; padding-left: 30px; background-position: left; background-repeat: no-repeat }
#master_link a[id$='master_link_1'] { background-image: url(http://pictures.exsila.com/ico_want.gif); padding-left: 36px }
#master_link a[id$='master_link_2'] { background-image: url(http://pictures.exsila.com/ico_have.gif); padding-left: 36px }
#master_link a[id$='master_link_3'] { background-image: url(http://pictures.exsila.com/ico_home.gif) }
#master_link a[id$='master_link_4'] { background-image: url(http://pictures.exsila.com/ico_about.gif) }
#master_link a[id$='master_link_5'] { background-image: url(http://pictures.exsila.com/ico_faq.gif) }

#master_logo { padding: 0 12px 12px 6px; float: left }
#master_logo>a { height: 70px; width: 160px; display: block }
#master_logo>a>img { height: 70px; width: 160px }

#master_inside { width: 768px }

#master_navigation { width: 232px; height: 512px }

.master_info { margin-top: 24px }
#master_info { height: 512px }
#master_info, #master_navigation .master_info { width: 232px }
#master_info>img, #master_navigation .master_info>img { display: block }
#master_info>img { float: right }
#master_info>div, #master_navigation .master_info>div { width: 208px; padding: 6px 6px 0 6px; text-align: left }
#master_info>div { margin-left: 12px; background-image: url(http://pictures.exsila.com/pic_info_bg.gif); background-repeat: repeat-y }
#master_info>div.master_info { background-image: none; background-repeat: no-repeat }
#master_navigation .master_info>div { margin-right: 12px }
#master_info p, #master_navigation .master_info p { margin: 0px 0px 12px 0px }

#image_zoom { position: absolute; display: none; z-index: 999 }
.signup { text-align: center; font-weight: bold; display: inline-block; width: 160px; height: 24px; line-height: 24px; background-image:url(http://pictures.exsila.com/pic_signup.png); color: #FFF !important }
.price { text-align: center; font-weight: bold; display: inline-block; width: 208px; height: 24px; line-height: 24px; background-image:url(http://pictures.exsila.com/pic_price.png); color: #FFF !important }
.info { background-color: #eee; border: 1px solid #bbb }

#ws_format { vertical-align: top }
#webstamp { background-color: #DCF6DB; border: 1px solid black; border-spacing: 2px; border-collapse: separate }
#webstamp td { background-color: #FFF; border: 1px solid black; padding: 0 }
#webstamp td.selected { background-color: #008000 }
#webstamp td:hover { background-color: #DCF6DB }

.icon { display: inline-block; width: 30px; height: 24px; background-image: url(http://pictures.exsila.com/ico.png); background-repeat: no-repeat }
.star { vertical-align: -3px; display: inline-block; width: 22px; height: 17px; background-image: url(http://pictures.exsila.com/ico_s.png); background-repeat: no-repeat }
.iconL { display: inline-block; width: 80px; height: 65px; background-image: url(http://pictures.exsila.com/ico_l.png); background-repeat: no-repeat }

.audiobook { background-position: 0px 0px }
.book { background-position: -150px 0px }
.cd { background-position: -30px 0px }
.card { background-position: -60px 0px }
.dvd { background-position: -90px 0px }
.game { background-position: -120px 0px }

.audiobookL { background-position: -240px 0px }
.bookL { background-position: 0px 0px }
.cdL { background-position: -320px 0px }
.cardL { background-position: 0px -65px }
.dvdL { background-position: -80px 0px }
.gameL { background-position: -160px 0px }

.shieldL { background-position: 0px -260px }
.pigL { background-position: -80px -260px }
.barcodeL { background-position: -160px -260px }
.hammerL { background-position: -240px -260px }

.stamp { background-position: 0px -24px }
.send { background-position: -30px -24px }
.break { background-position: -60px -24px }
.break-stop { background-position: -90px -24px }
.delete { background-position: -120px -24px }
.edit { background-position: -150px -24px }
.detail { background-position: -180px -24px }
.receive { background-position: -210px -24px }

.back { background-position: -240px -24px }
.next { background-position: -270px -24px }
.check { background-position: -270px -48px }

.member { background-position: 0px -48px }
.island { background-position: -30px -48px }

.n1 { background-position: 0px -72px }
.n2 { background-position: -30px -72px }
.n3 { background-position: -60px -72px }
.n4 { background-position: -90px -72px }
.n5 { background-position: -120px -72px }
.n6 { background-position: -150px -72px }
.n7 { background-position: -180px -72px }
.n8 { background-position: -210px -72px }
.n9 { background-position: -240px -72px }
.n10 { background-position: -270px -72px }
.n11 { background-position: 0px -96px }
.n12 { background-position: -30px -96px }
.n13 { background-position: -60px -96px }
.n14 { background-position: -90px -96px }
.n15 { background-position: -120px -96px }
.n16 { background-position: -150px -96px }
.n17 { background-position: -180px -96px }
.n18 { background-position: -210px -96px }
.n19 { background-position: -240px -96px }
.n20 { background-position: -270px -96px }
.n21 { background-position: 0px -120px }
.n22 { background-position: -30px -120px }
.n23 { background-position: -60px -120px }
.n24 { background-position: -90px -120px }
.n25 { background-position: -120px -120px }
.n26 { background-position: -150px -120px }
.n27 { background-position: -180px -120px }
.n28 { background-position: -210px -120px }
.n29 { background-position: -240px -120px }
.n30 { background-position: -270px -120px }
.n31 { background-position: 0px -144px }
.n32 { background-position: -30px -144px }
.n33 { background-position: -60px -144px }
.n34 { background-position: -90px -144px }
.n35 { background-position: -120px -144px }
.n36 { background-position: -150px -144px }
.n37 { background-position: -180px -144px }
.n38 { background-position: -210px -144px }
.n39 { background-position: -240px -144px }
.n40 { background-position: -270px -144px }

.star-off { background-position: 0px 0px }
.star-half { background-position: -22px 0px }
.star-on { background-position: -44px 0px }
.gold-off { background-position: 0px 0px }
.gold-half { background-position: -66px 0px }
.gold-on { background-position: -88px 0px }

.angel { width: 31px; background-position: 0px -17px }
.speedtrader { width: 27px; background-position: -31px -17px }
.employee { width: 27px; background-position: -58px -17px }
.islandadmin { width: 27px; background-position: -85px -17px }
.helper { width: 27px; background-position: -112px -17px }