@import url("/assets/css/reset.css");

/* ########### BASICS ########### */
html { font-size: 100.01%; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
body { background: #000; font-size: 62.5%; }

#page #content strong 	{ font-weight: bold; }
#page #content em 		{ font-style: italic; }


/* ########### HEADER ########### */
#header { height: 36px; width: 960px; background: #000; }
#header ul#navigation { display: block; float: left; height: 30px; list-style: square; margin: 10px 0 0 10px; }
#header ul#navigation li { color: #A90A03; display: inline; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
#header ul#navigation li a { background: url("/assets/images/icon_navigation.gif") no-repeat left; margin-right: 5px; padding: 9px 0 9px 12px; }
#header ul#navigation li:first-child a { background: url("/assets/images/icon_navigation_first.gif") no-repeat left 8px; padding-left: 15px;}
#header ul#navigation li a:link, #header ul#navigation li a:visited { color: #636363; text-decoration: none; }
#header ul#navigation li a:hover, #header ul#navigation li a:active { color: #FEF1CF; text-decoration: none; }
#header ul#navigation li#btn_list { display: none; }
#header ul#navigation li.selected a { color: #FEF1CF !important; }
#header form { margin-top: 5px; position: absolute; right: 0; }
#header form input[type="submit"] { background: #6E6E6E; border: none; color: #FFF; height: 22px; position: relative; top: 1px; width: 30px; }


/* ########### LANGUAGE ########### */
ul#language { height: 70px; position: absolute; text-indent: -9999px; width: 30px; top: 5px;}
ul#language li { display: block; height: 35px; width: 30px; }
ul#language a { background: url("/assets/images/language.png") no-repeat; display: block; height: 35px; width: 30px; }
ul#language li#english a { background-position: 0 0; position: relative; top: 12px; }
ul#language li#german a { background-position: 0 -35px; position: relative; top: 5px; }
ul#language li#english a:hover, #page ul#language li#english a.selected { background-position: -30px 0px; }
ul#language li#german a:hover, #page ul#language li#german a.selected { background-position: -30px -35px; }


/* ############################ */
/* ########### PAGE ########### */
/* ############################ */
#page { background: #000; font: normal 12px Georgia, "Times New Roman", serif; margin: 0 auto; position: relative; width: 960px; border-left: 1px solid #000; border-right: 1px solid #000; }
#page p { color: #FFF; font-size: 12px; line-height: 17px; }
#page p span.reart { color: #FFF; }
#page span.reart {  }
#page h2, #page h3, #page h4 { color: #FEF1CF; font-size: 15px; font-weight: bold; letter-spacing: 1px; padding-bottom: 5px; }
#page h3.divider { background: url("/assets/images/divider.gif") no-repeat 383px 23px; font-style: oblique; font-weight: normal; height: 11px; padding: 27px 0 13px 25px; position: relative; }
#page h3.divider span.right { position: absolute; right: 25px; }
#page .clear { clear: both; }

/* ########### GROSSE TABELLEN ########### */
#table { background: #491713; border-top: 22px solid #92000E; padding-bottom: 20px; }
#table table { background: url("/assets/images/arrow_h.png") no-repeat left 2px; font: normal 13px Times, Georgia; margin: 0 auto; margin-top: -22px !important; padding: 0 20px; width: 100%; }
#table table th { border-left: 2px solid #73000B; color: #FCEFC5; cursor: pointer; padding: 4px; }
#table table th.go, #page table#results th.image { background-image: none; cursor: default; }
#table table th.go { width: 20px; }
#table table th:first-child { border: none; }
#table table th span { padding: 5px 0 5px 30px; }
#table table th span.title { background: url("/assets/images/icons/title.gif") no-repeat 5px; }
#table table th span.artist { background: url("/assets/images/icons/artist.png") no-repeat 5px 3px; }
#table table th span.condition { background: url("/assets/images/icons/condition.gif") no-repeat 5px; }
#table table th span.year { background: url("/assets/images/icons/year.gif") no-repeat 5px; }
#table table th span.price { background: url("/assets/images/icons/price.gif") no-repeat 5px; }
#table table th.headerSortUp { background: url("/assets/images/arrow_sort_up.gif") no-repeat top right;  }
#table table th.headerSortDown { background: url("/assets/images/arrow_sort_down.gif") no-repeat top right;  }
#table table tr { color: #FCEFE5; }
#table table tr.odd { color: #FFF; }
#table table tr.active { background: #100603 !important; }
#table table tr:hover td { background: #240D0B !important; }
#table table tr:hover td.image img { border: 1px solid #FFF; }
#table table td { border-bottom: 1px dotted #FEF1CF; cursor: pointer; height: 45px; vertical-align: middle; }
#table table td.image { width: 50px; }
#table table td.image img { border: 1px solid #1B0002; left: 10px; position: relative; top: 2px; }
#table table td.title { padding-left: 10px; width: 280px; }
#table table td.artist { background: url("/assets/images/td_divider.gif") no-repeat left 16px; padding-left: 12px; width: 240px; }
#table table td.condition { background: url("/assets/images/td_divider.gif") no-repeat left 16px; padding-left: 15px; width: 85px; }
#table table td.year { background: url("/assets/images/td_divider.gif") no-repeat left 16px; text-align: center; width: 90px; }
#table table td.price { background: url("/assets/images/td_divider.gif") no-repeat left 16px; text-align: center; width: 90px; }
#table table td.go { text-indent: -9999px; padding: 0 5px; }
#table table td.go a { background: url("/assets/images/td_bg.gif") no-repeat; display: block; height: 31px; width: 35px; }

/* ########### BLOCK (KAUFEN / KONTAKT) ########### */
.block { background: url("/assets/images/arrow_h.png") no-repeat left 10px; margin-bottom: 10px; position: relative; }
.block h2 { border-bottom: 1px dotted #FEF1CF; color: #FEF1CF; font-size: 15px; font-weight: bold; margin: 0 20px 0 20px; padding: 10px 0; letter-spacing: 1px; }
.block h3 { background: url("/assets/images/search/headings.png") no-repeat; color: #92000E !important; font-size: 13px !important; font-style: oblique; font-weight: bold; height: 74px; left: 0; margin: 10px 0 0 20px; padding: 5px 0 0 16px; position: absolute; width: 195px; }
.block h3 span, .block h3 span { color: #FFF; display: block; font-size: 12px; font-weight: normal; line-height: 20px; padding: 10px 20px 0 0px; }



/* ############################## */
/* ########### FOOTER ########### */
/* ############################## */
#footer { clear: both; padding-top: 5px; position: relative; font: 13px/20px Georgie, serif; }
#footer li h3 { color: #2a2a2a; }
#footer li#f_nav { display: block; float: left; width: 125px;}
#footer li#f_top10 { display: block; float: left; width: 180px; position: relative; padding-left: 40px; }
#footer li#f_spanne { display: block; float: left; width: 180px; position: relative; padding-left: 40px; }
#footer li#f_logo { display: block; float: left; width: 200px; height: 200px; }
#footer li#f_logo a { display: block;  width: 200px; height: 140px; background: url("/assets/images/footerlogo.png") no-repeat 0 -15px; text-indent: -9999px; border-right: 1px dotted #505050; margin-top: 26px; }
#footer li#f_contact { display: block; width: 160px; position: absolute; right: 0; top: 0px; }
#footer li#f_contact p { font: 13px/20px Georgie, serif; color: #505050; margin-bottom: 30px;}
#footer li#f_contact p span.label { width: 50px; display: block; float: left; color: #2a2a2a; }
#footer li#f_contact p span.value {  }
#footer ul { border-right: 1px dotted #505050; }

#footer h3 { font: 15px/20px Georgie, serif; color: #505050; }
#footer a { color: #505050; text-decoration: none;}
#footer a:hover { text-decoration: underline;}



/* ############################# */
/* ########### INTRO ########### */
/* ############################# */
#intro { height: 470px; position: relative; width: 960px; }
#intro_header { background: url("/assets/images/opacity_b_bottom.png") repeat-x bottom; height: 100px; position: absolute; width: 960px; z-index: 10; }
#intro_header h1.logo { background: url("/assets/images/logo.png") no-repeat; height: 100px; left: 50px; position: absolute; text-indent: -9999px; width: 100px; }
#intro_header div.links { height: 100px; left: 150px; padding: 20px 0 0 20px; position: absolute; width: 290px; }
#intro_header div.rechts { border-left: 1px solid #ba0000; left: 480px; margin-top: 20px; padding-left: 20px; position: absolute; width: 440px; }
#intro_header div a { background: url("/assets/images/arrow.png") no-repeat right; color: #F9D577 !important; margin-right: 2px; padding-right: 10px; text-decoration: none; }
#intro_header div a:hover { text-decoration: underline !important; }
#intro_footer { background: url("/assets/images/intro_footer.png") repeat-x top; bottom: 0; height: 25px; position: absolute; width: 960px; z-index: 10; }
#intro_footer p { color: #FCEFE5; font-size: 10px; font-style: oblique; position: absolute; top: 6px; }
#intro_footer p.images { left: 25px; }
#intro_footer p.images span.total { font-style: normal; font-weight: bold; }
#intro_footer p.reart { font-style: normal; right: 30px; }
#intro_footer p.title { right: 70px; }
#intro_footer ul.images { left: 100px; position: absolute; }
#intro_footer ul.images li { display: inline; }
#intro_footer ul.images li a { border: 1px solid #808080; display: block; float: left; height: 7px; margin-right: 3px; position: relative; top: 11px; width: 7px; }
#intro_footer ul.images li a:hover { background: #FCEFE5; border: 1px solid #FCEFE5; }
#intro_footer ul.images li.active a { background: #FCEFE5; }
#intro_footer ul.images li.backward a { background: url("/assets/images/arrow_images_b.gif") no-repeat 0 -1px; margin-right: 6px; }
#intro_footer ul.images li.forward a { background: url("/assets/images/arrow_images_f.gif") no-repeat 0 -1px; }
#intro_footer ul.images li.backward a, #intro_footer ul.images li.forward a { border: none; height: 10px; text-indent: -9999px; width: 10px; } 
#intro_footer ul.images li.backward a:hover, #intro_footer ul.images li.forward a:hover { background-color: transparent;  }


/* ############################# */
/* ########## SUMMARY ########## */
/* ############################# */
#summary { height: 350px; position: relative; width: 960px; background: #c10014; }
#summary div { height: 350px; position: absolute; top: 0; }
#summary div p { font: 13px/20px Georgia, serif; margin-bottom: 20px; }
#summary p a { background: url("/assets/images/arrow.png") no-repeat right; color: #F9D577 !important; margin-right: 2px; padding-right: 10px; text-decoration: none; }
#summary p a:hover { text-decoration: underline !important; }
#summary .links { width: 270px;  left: 0; padding: 0px 25px; background: url("/assets/images/arrow_h.png") no-repeat 0 15px; }
#summary div.links h3 { height: 19px; margin: 0 0 20px 0; padding: 15px 35px 15px 0; border-bottom: 1px dotted #FEF1CF; }
#summary .rechts { width: 640px; left: 320px; background: #170a09 url("/assets/images/arrow_h.png") no-repeat 0 15px; }
#summary div.rechts h3 { height: 20px; border: 0; margin: 0; padding: 15px 35px 15px 20px; }
#summary .rechts object, #summary .rechts embed { width: 640px; height: 300px; position: absolute; top: 50px;}
#summary .rechts p { display: none; }

/* ############################# */
/* ############ TABS ########### */
/* ############################# */
#page #content .tabs .tabNavigation { height: 35px; width: 960px; }
#page #content .tabs .tabNavigation li { width: 210px; height: 35px; float: left; }
#page #content .tabs .tabNavigation li a { width: 175px; height: 26px; display: block; color: #505050; background: url("/assets/images/tabs.png") no-repeat 0 -70px; font: italic 14px Georgia, serif; color: #666; padding-left: 35px; padding-top: 9px; text-decoration: none;}
#page #content .tabs .tabNavigation li a:hover { background-position: 0 -35px; }
#page #content .tabs .tabNavigation li a.selected { background-position: 0 0px; color: #333;}
#page #content .tabs div { background: #fff; padding: 35px; -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 70px; -moz-column-gap: 70px; -webkit-column-rule: 1px dotted #3f0b0c; -moz-column-rule: 1px dotted #3f0b0c; }
#page #content .tabs div p { color: #3f0b0c; font: 13px/20px Georgia, serif; margin-bottom: 20px;}
#page #content .tabs div h2, #page #content .tabs div h3, #page #content .tabs div h4 { color: #c10014; margin-top: 20px; }
#page #content .tabs div ul { list-style: square inside !important; }
#page #content .tabs div ol { list-style: decimal inside !important; }
#page #content .tabs div li { color: #3f0b0c; font: 13px/20px Georgia, serif; }
#page #content .tabs div strong { font-weight: bold; }
#page #content .tabs div em { font-style: italic; }
#page #content .tabs div a { font-weight: bold; background: url("/assets/images/arrow.png") no-repeat right; color: #d9b557; margin-right: 2px; padding-right: 10px; text-decoration: none; }
#page #content .tabs div a:hover { text-decoration: underline; }

#kaufen #page #content .tabs .tabNavigation li { width: 192px; }
#kaufen #page #content .tabs .tabNavigation li a { width: 147px; background: url("/assets/images/tabs_az.png") no-repeat 0 -70px; padding-left: 45px; }
#kaufen #page #content .tabs .tabNavigation li+li a { background-image: url("/assets/images/tabs_technik.png"); }
#kaufen #page #content .tabs .tabNavigation li+li+li a { background-image: url("/assets/images/tabs_jahr.png"); }
#kaufen #page #content .tabs .tabNavigation li+li+li+li a { background-image: url("/assets/images/tabs_preis.png"); }
#kaufen #page #content .tabs .tabNavigation li+li+li+li+li a { background-image: url("/assets/images/tabs_profi.png"); }
#kaufen #page #content .tabs .tabNavigation li a:hover { background-position: 0 -35px; }
#kaufen #page #content .tabs .tabNavigation li a.selected { background-position: 0 0px; color: #FEF1CF;}





#kaufen #page #content .tabs .tabcontent, #kaufen #page #content .tabs div { height: 300px; padding-left: 20px; background: #e1000a; -webkit-column-count: auto; -moz-column-count: auto; -webkit-column-gap: 0px; -moz-column-gap: 0px; -webkit-column-rule: 0px solid transparent; -moz-column-rule: 0px solid transparent; position: relative; }

#kaufen #page #content .tabs .tabcontent ul { display: block; float: none;}
#kaufen #page #content .tabs .tabcontent ul li { display: list-item; float: none;}
#kaufen #page #content .tabs div div.info { width: 276px; height: 110px; float: left; background: url("/assets/images/blase_search.png"); padding: 0 10px; margin: 0; }
#kaufen #page #content .tabs div div.info h4 { padding: 0; margin: 10px; }
#kaufen #page #content .tabs div div.info h5 { padding: 0; margin: 30px 10px 10px; color: #fff; font-size: 14px; font-style: italic; line-height: 20px;}

#kaufen #page #content .tabs div div.rwrap { height: 320px; width: 600px; overflow: auto; padding: 0; position: absolute; left: 340px; top: 33px;}
#kaufen #page #content .tabs div div.rwrap div.results { padding: 0; height: 300px; -webkit-column-count: auto; -moz-column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; -webkit-column-rule: 0px solid transparent; -moz-column-rule: 0px solid transparent;}



#kaufen #page #content .tabs div div.results ul { margin-bottom: 10px; padding-right: 15px; }
#kaufen #page #content .tabs div div.results ul li { height: 21px; position: relative; list-style: none;  }
#kaufen #page #content .tabs div div.results ul li:hover { cursor: pointer; background: #92000e;}
#kaufen #page #content .tabs #technik div.results ul li.th:hover { cursor: default; background: transparent;}
#kaufen #page #content .tabs div div.results ul li.selected { background: #92000e;}
#kaufen #page #content .tabs div div.results ul li.th { padding-left: 5px;}
#kaufen #page #content .tabs div div.results ul li.th a { font-size: 14px; color: #FEF1CF; font-weight: normal; background: transparent; margin: 0; padding: 0; }
#kaufen #page #content .tabs div div.results ul li.th span.label { font-size: 14px; color: #FEF1CF; font-weight: normal;  }

#kaufen #page #content .tabs div div.results ul li.td a { color: #fff; font-weight: normal; background: transparent; margin: 0; padding: 0; }
#kaufen #page #content .tabs div div.results ul li.td span.label { padding-left: 35px; background: url("/assets/images/iconartist_dimmed.png") no-repeat 15px 2px; height: 20px; display: block; }
#kaufen #page #content .tabs div div.results ul li span.value  { text-align: right; position: absolute; right: 10px; top: 0; color: #fff;}
#kaufen #page #content .tabs div div.results ul a:hover { text-decoration: none; }



#kaufen #page #content #profi div.pwrap { padding: 0; position: absolute; left: 345px; top: 33px; }
#kaufen #profi form { border: 1px solid transparent; }
#kaufen #profi form label { display: block; font-size: 13px !important; color: #FEF1CF; font-weight: bold; }
#kaufen #profi form fieldset { position: absolute; width: 40%; }
#kaufen #profi form fieldset select { width: 267px; }
#kaufen #profi form #fs_artist { top: 0px; left: 0px;}
#kaufen #profi form #fs_type { top: 0px; left: 320px;}
#kaufen #profi form #fs_technique { top: 60px; left: 0px;}
#kaufen #profi form #fs_material { top: 60px; left: 320px;}
#kaufen #profi form #fs_condition { top: 120px; left: 0px;}
#kaufen #profi form #fs_provenance { top: 120px; left: 320px;}
#kaufen #profi form #fs_year { top: 180px; left: 0px;}
#kaufen #profi form #fs_year input { }
#kaufen #profi form #fs_price { top: 180px; left: 320px;}
#kaufen #profi form #fs_text { top: 240px; left: 0px; width: 268px; }
#kaufen #profi form #fs_text input { width: 262px; }
#kaufen #profi form #fs_buttons { top: 256px; left: 320px; width: 200px;}
#kaufen #profi form #fs_buttons input { display: inline; }
#kaufen #profi form fieldset.fs_triple { width: 268px;  }
#kaufen #profi form fieldset.fs_triple select { width: 80px; float: left; margin-right: 15px;}
#kaufen #profi form fieldset.fs_triple input { width: 166px; }





/* ################################# */
/* ########### START ########### */
/* ################################# */
#image { height: 470px; position: absolute; width: 960px; z-index: 1; cursor: pointer; }
#image a { text-decoration: none; }
#image a:hover .artist { color: #F9D577 !important; }
#image #description ul li.artist strong { padding-right: 12px; }
#image a:hover .artist strong { background: url("/assets/images/arrow.png") no-repeat right 6px; padding-right: 12px; }
#image span { color: #FEF1CF; display: block; font-style: oblique; padding: 1px 35px 5px 25px; }
#image #description { background: url("/assets/images/description.png") no-repeat bottom right; height: 77px; position: absolute; right: 50px; top: 321px; width: auto; z-index: 100 !important; }
#image #description ul { padding: 5px 10px 10px; }
#image #description ul li { color: #FEF1CF; font-style: oblique; padding: 2px 30px 2px 25px; }
#image #description ul li.artist { background: url("/assets/images/icons/artist.png") no-repeat -2px; color: #FFF; font-style: normal; font-weight: bold; }
#image #description ul li.title { background: url("/assets/images/icons/title.gif") no-repeat -1px 0; }
#image #description ul li.price { background: url("/assets/images/icons/price.gif") no-repeat; }

#start #load_target { display: none; }
#start .red_box { height: 235px; float: left; position: relative; width: 480px; }
#start .red_box h3 { left: 0; padding: 25px 0 10px 25px; }
#start .red_box p { padding: 15px 0 0 26px; width: 350px; font: 13px/20px Georgia, serif; }
#start .red_box a { background: url("/assets/images/button1.png") no-repeat; display: block; color: #71000C; font-weight: bold; height: 22px; padding: 4px 0 0 20px; width: 150px; margin-top: 20px; }
#start .red_box a { text-decoration: none; }
#start .red_box a:hover { text-decoration: underline; }
#start #red_box_links { background: #480009 url("/assets/images/start/red_box_left_bg.gif") no-repeat right top; }
#start #red_box_links h3 { background: url("/assets/images/arrow_h.png") no-repeat left 25px; }
#start #red_box_rechts { background: #240D0B url("/assets/images/start/red_box_right_bg.gif") no-repeat; }
#start #red_box_rechts h3 { background: url("/assets/images/arrow_3.png") no-repeat left 25px; }
#start #red_box_rechts img { position: absolute; right: 0; top: 20px; }

#start #s_about { height: 350px; position: relative; width: 960px; background: #c10014; }
#start #s_about div { height: 350px; position: absolute; top: 0; }
#start #s_about div p { font: 13px/20px Georgia, serif; }
#start #s_about .rechts { width: 270px; left: 640px; padding: 0px 25px; background: url("/assets/images/arrow_h.png") no-repeat 0 15px; }
#start #s_about div.rechts h3 { height: 19px; margin: 0 0 20px 0; padding: 15px 35px 15px 0; border-bottom: 1px dotted #FEF1CF; }
#start #s_about .links { width: 640px; left: 0px; background: #170a09 url("/assets/images/arrow_h.png") no-repeat 0 15px; }
#start #s_about div.links h3 { height: 20px; border: 0; margin: 0; padding: 15px 35px 15px 20px; }
#start #s_about .links object, #summary .rechts embed { width: 640px; height: 300px; position: absolute; top: 50px;}
#start #s_about .links p { display: none; }

#start #s_about form { height: 100px; position: relative; margin: 0;}
#start #s_about #addr { height: 17px; margin-top: 2px; padding: 3px 0 0 2px; width: 100%; }
#start #s_about #submit { background: url("/assets/images/start/send_button.png") no-repeat left; border: none; bottom: 30px; color: #491713; cursor: pointer; font: bold 12px Georgia, "Times New Roman", serif; padding: 5px 5px 5px 15px; position: absolute; right: -2px; text-decoration: none; }
#start #s_about #submit:hover { text-decoration: underline; }

/* ############################## */
/* ########### KAUFEN ########### */
/* ############################## */
#kaufen #image, #kaufen #intro { height: 100px; }



#filter { background-color: #F87075; margin-bottom: 0; height: 250px; }
#filter fieldset { height: 40px !important; margin: 0 0 0 260px; position: relative; }
#filter fieldset input[type="text"] { left: 110px; position: absolute; top: 9px; width: 190px; }
#filter fieldset input[type="submit"], #filter fieldset a#reset { display: block; font: bold 11px Georgia, Times, serif; letter-spacing: 1px; height: 35px; letter-spacing: 1px; text-decoration: none; top: -5px; }
#filter fieldset input[type="submit"]:hover, #filter fieldset a#reset:hover { text-decoration: underline; }
#filter a#reset, #filter input#submit { border: none; cursor: pointer; position: absolute; top: 5px !important; width: 60px; }
#filter a#reset { background: url("/assets/images/search/reset.png") no-repeat 0 1px; color: #FFF; height: 19px !important; left: 450px; padding: 7px 0 0 20px; }
#filter input#submit { background: url("/assets/images/search/submit.png") no-repeat 0 1px; color: #491713; height: 25px; left: 550px; padding: 0 !important; width: 100px; }

#filter fieldset select { margin: 10px 10px 0 0; position: absolute; width: 200px; }
#filter fieldset select.left { left: 110px; }
#filter fieldset select.right { left: 450px; }
#filter fieldset.special select { width: 80px; }
#filter fieldset.special input[type="text"] { width: 50px; }
#filter fieldset.special input[type="text"].left { left: 210px; }
#filter fieldset.special input[type="text"].right { left: 550px; }
#filter fieldset label { color: #240D0B !important; display: block; font: oblique bold 13px Georgia, "Times New Roman", serif; position: absolute; top: 13px; }
#filter fieldset label.left { left: 0; }
#filter fieldset label.right { left: 350px; }
#filter p { background: #FFF; bottom: 0; clear: both; font-weight: bold; height: 29px; position: absolute; text-align: center; width: 100%; }
#filter p span { background: #F5AC18 url("/assets/images/search/filter_span.gif") no-repeat; color: #491713; display: block; left: 383px; padding: 6px 0; position: absolute; width: 186px; }


/* ################################# */
/* ########### VERKAUFEN ########### */
/* ################################# */
#verkaufen #intro, #verkaufen #image { height: 100px; }
#verkaufen #page #content .tabs div { width: 600px; -webkit-column-count: 1; -moz-column-count: 1; height: 510px; }
#verkaufen #page #content .tabs div ol { background: url("/assets/images/b_line.png") repeat-y  38px 0px; margin: 0 !important; } 
#verkaufen #page #content .tabs div ol li { list-style: none; padding-left: 55px; background: url("/assets/images/no1.png") no-repeat  0 5px; position: relative; top: -5px;}
#verkaufen #page #content .tabs div ol li strong { display: block; color: #c10014; font-size: 14px; font-weight: bold; letter-spacing: 1px; margin-top: 20px; }
#verkaufen #page #content .tabs div ol li+li { background: url("/assets/images/no2.png") no-repeat  38px 5px; padding-left: 93px; }
#verkaufen #page #content .tabs div ol li+li+li { background: url("/assets/images/no3.png") no-repeat  0px 5px; padding-left: 55px;}
#verkaufen #page #content .tabs div ol li+li+li+li { background: url("/assets/images/no4.png") no-repeat  38px 5px; padding-left: 93px; }
#verkaufen #page #content .tabs div ol li+li+li+li+li { background: url("/assets/images/no5.png") no-repeat  0px 5px; padding-left: 55px;}
#verkaufen #page #content .tabs div ol+ol { display: none; }

#verkaufen #page #content .tabs div ul { margin: 0 !important; } 
#verkaufen #page #content .tabs div ul+ul { display: none; }
#verkaufen #page #content .tabs div ul li { list-style: square; background: url("/assets/images/anonym.gif") no-repeat right -22px; padding-right: 70px; }
#verkaufen #page #content .tabs div ul li strong { display: block; color: #c10014; font-size: 14px; font-weight: bold; letter-spacing: 1px; margin-top: 20px; }
#verkaufen #page #content .tabs div ul li+li { background-image: url("/assets/images/sicher.gif"); }
#verkaufen #page #content .tabs div ul li+li+li { background-image: url("/assets/images/unkompliziert.gif"); }
#verkaufen #page #content .tabs div ul li+li+li+li { background-image: url("/assets/images/informativ.gif"); }
#verkaufen #page #content .tabs div ul li+li+li+li+li { background-image: url("/assets/images/persoenlich.gif"); }
#verkaufen #page #content .tabs div ul li+li+li+li+li+li { background-image: url("/assets/images/weitreichend.gif"); }
#verkaufen #page #content .tabs div ul li+li+li+li+li+li+li { background-image: url("/assets/images/nachhaltig.gif"); }
#verkaufen #page #content .tabs div ul li+li+li+li+li+li+li+li { background-image: url("/assets/images/deluxe.gif"); }

#verkaufen #highlights { position: absolute; right: 0; top: 623px; width: 290px; }
#verkaufen #highlights h3 { background: #c10014; height: 18px; padding: 14px 35px 14px 25px; background: #c10014 url("/assets/images/arrow_h.png") no-repeat 0 15px; }
#verkaufen #highlights ul { height: 535px; margin: 0; }
#verkaufen #highlights ul li { background: #1b0607; color: #691F19; height: 107px; color: #FFF; position: relative; margin: 0; }
#verkaufen #highlights ul li+li { background: #200a0a; }
#verkaufen #highlights ul li+li+li { background: #240e0c; }
#verkaufen #highlights ul li+li+li+li { background: #1b0607; }
#verkaufen #highlights ul li+li+li+li+li { background: #200a0a; }
#verkaufen #highlights ul li a { color: #FFF; width: 100%; height: 100% display: block;}
#verkaufen #highlights ul li span { position: absolute; padding-left: 25px; height: 25px;}
#verkaufen #highlights ul li span.artist { background: url("/assets/images/icons/artist.png") no-repeat -1px 0; left: 17px; top: 20px; }
#verkaufen #highlights ul li span.title { background: url("/assets/images/icons/title.gif") no-repeat left 0; left: 17px; top: 47px; }
#verkaufen #highlights ul li span.year { background: url("/assets/images/icons/year.gif") no-repeat left 0; bottom: 8px; left: 17px; }
#verkaufen #highlights ul li span.price { background: url("/assets/images/icons/price.gif") no-repeat left 0; bottom: 8px; right: 15px; }
#verkaufen #highlights ul li img { display: none; }
#verkaufen #highlights ul li:hover img { display: inline; }
#verkaufen #highlights ul li:hover span  { display: none; }


/* ################################# */
/* ############# FOKUS ############# */
/* ################################# */
#fokus #intro, #fokus #image { height: 100px; }
#fokus h3.divider span.f_artist { background: url("/assets/images/icons/artist.png") no-repeat 0px 0px; padding-left: 25px; padding-top: 2px;}
#fokus div.f_box { background: #fff; position: relative; height: 275px; }
#fokus div.f_box h4 { height: 19px; margin: 0 0 20px 0; padding: 15px 35px 15px 50px; background: #2e0b0d url("/assets/images/icons/title.gif") no-repeat 25px 15px; width: 395px; font-size: 13px; font-weight: normal;}
#fokus div.f_box .f_img { width: 480px; height: 230px; background: red; position: absolute; top: 45px; border: 0;}
#fokus div.f_box ul { width: 440px; position: absolute; left: 480px; top: 10px; height: 250px; padding: 0 20px; }
#fokus div.f_box ul li { position: relative; height: 20px; border-bottom: 1px dotted #000; font-size: 13px; }
#fokus div.f_box ul li span.label { background: #fff; position: absolute; left: 0px; top: 10px; padding: 0 5px 0 0; }
#fokus div.f_box ul li span.value { background: #fff; position: absolute; right: 0px; top: 10px; text-align: right; padding: 0 0 0 5px; font-weight: bold; color: rgb(63, 11, 12); font-style: italic; }
#fokus div.f_box a.f_link { background: url("/assets/images/detail/kaufen_floater.png") no-repeat; display: block; width: 223px; height: 31px; position: absolute; bottom: 10px; right: 0px; color: rgb(254, 241, 207); font-size: 14px; padding-left: 20px; padding-top: 8px; text-decoration: none; }

/* ################################# */
/* ############ MESSEN ############# */
/* ################################# */
#messen #intro, #messen #image { height: 100px; }
#messen #future { background: url("/assets/images/futuremessen.png") repeat-y; }
#messen #future li { height: 35px; position: relative; font: 15px Georgia, serif; font-style: italic; color: #515151;}
#messen #future li span.left { position: absolute; left: 25px; top: 8px; }
#messen #future li span.right { position: absolute; left: 505px; top: 8px; }

#messen .messe { background: #e0e0e0; height: 125px; } 
#messen .messe img { display: block; float: left;}
#messen .messe h4 { position: relative; left: 20px; color: #90000a; font-size: 18px; font-style: italic; padding-top: 10px;}
#messen .messe h5 { position: relative; left: 20px; color: rgb(63, 11, 12); font-size: 15px; font-style: italic; }
#messen .messe h5+p { position: relative; left: 20px; color: rgb(63, 11, 12); margin-top: 10px; font-size: 13px; padding-right: 40px;}


/* ############################# */
/* ########### REART ########### */
/* ############################# */
#reart #intro, #reart #image { height: 100px !important; }
#reart #intro_footer { background: url("/assets/images/focus/intro_footer.png") no-repeat; }
#reart #intro_footer p.reart { right: 70px; }
#reart #image { height: 280px; }
#reart #content a:link, #reart #content a:visited { color: #FFF; text-decoration: none; }
#reart #content a:hover, #reart #content a:active { text-decoration: none; }



/* ############################# */
/* ######### BERATUNG ########## */
/* ############################# */
#beratung #intro, #beratung #image { height: 100px !important; }
#beratung #content a:link, #beratung #content a:visited { color: #FFF; text-decoration: none; }
#beratung #content a:hover, #beratung #content a:active { text-decoration: none; }


/* ############################### */
/* ########### KONTAKT ########### */
/* ############################### */
#kontakt label span.error { color: #c10014;}
#kontakt #errors { background: transparent; left: 40px; position: absolute; top: 35px; width: 880px; z-index: 30; }
#kontakt #errors p.msg_error { background: #310F0A; border: 1px solid #FFF; color: #FFF; display: block; font-size: 16px; margin: 0 auto; margin-bottom: 10px; padding: 10px 5px; text-align: center; width: 50%; }
#kontakt form *:focus { color: #000 !important; }
#kontakt #imprint { background: #FFF; height: 153px; width: 959px; }
#kontakt #imprint .col { position: absolute; width: 320px; }
#kontakt #imprint .col h3 { color: #C10014; padding-left: 20px; }
#kontakt #imprint .col p { color: #92000E; padding-left: 20px; font-size: 13px; line-height: 19px;}
#kontakt #imprint .col p a:link, #kontakt #imprint .col p a:visited { color: #92000E; font-weight: bold; text-decoration: none; }
#kontakt #imprint .col p a:hover, #kontakt #imprint .col p a:active { text-decoration: underline; }
#kontakt #imprint .imprint { border-right: 1px solid #C10014; left: 0; margin-top: 20px; width: 260px; }
#kontakt #imprint .contact { left: 260px; margin-top: 20px; }
#kontakt #imprint .map p { padding: 0; margin: 0; }
#kontakt #imprint .map { border-left: 1px solid #C10014; height: 153px; left: 639px; }
#kontakt #image, #kontakt #intro { height: 100px; }

#angaben { background-color: #F87075; clear: both; height: 293px; }
#angaben fieldset { margin: 10px 0 0 260px; height: 200px; position: relative; }
#angaben fieldset label { color: #240D0B !important; font: oblique bold 13px Georgia, "Times New Roman", serif; position: absolute; }
#angaben fieldset label#lb_nachname { left: 290px; }
#angaben fieldset label#lb_strasse { top: 50px; }
#angaben fieldset label#lb_nummer { left: 192px; top: 50px; }
#angaben fieldset label#lb_plz { left: 290px; top: 50px; }
#angaben fieldset label#lb_ort { left: 370px; top: 50px; }
#angaben fieldset label#lb_telefon { top: 100px; }
#angaben fieldset label#lb_email { left: 290px; top: 100px; }
#angaben fieldset label#lb_anfrage { left: 0px; top: 150px; }
#angaben fieldset input[type="text"] { border: 1px solid #000; color: #000; height: 16px; padding: 4px 0 0 2px; position: absolute;  }
#angaben fieldset input#vorname { top: 18px; width: 260px; }
#angaben fieldset input#nachname { left: 290px; top: 18px; width: 260px; }
#angaben fieldset input#strasse { top: 68px; width: 180px; }
#angaben fieldset input#nummer { left: 191px; top: 68px; width: 69px; }
#angaben fieldset input#plz { left: 290px; top: 68px; width: 69px; }
#angaben fieldset input#ort { left: 370px; top: 68px; width: 180px; }
#angaben fieldset input#telefon { top: 118px; width: 260px; }
#angaben fieldset input#email { left: 290px; top: 118px; width: 260px; }
#angaben fieldset textarea#anfrage { border: 1px solid #000; color: #000; height: 50px; left: 0; padding: 4px 0 0 2px; position: absolute; top: 168px; width: 550px; }

#angaben_zum_bild { background-color: #C10014; height: 260px; }
#angaben_zum_bild fieldset { margin: 10px 0 0 260px; position: relative; }
#angaben_zum_bild fieldset label { color: #FFF; font-weight: bold; height: 20px; padding-left: 25px; position: absolute; }
#angaben_zum_bild fieldset input[type="text"] { border: 1px solid #000; color: #000; height: 16px; padding: 4px 0 0 2px; position: absolute; width: 260px; }
#angaben_zum_bild fieldset label#lb_kuenstler { background: url("/assets/images/icons/artist.png") no-repeat -1px 0; left: 5px; }
#angaben_zum_bild fieldset input#kuenstler { left: 0; top: 20px; }
#angaben_zum_bild fieldset label#lb_titel { background: url("/assets/images/icons/title.gif") no-repeat left 0px; left: 295px; }
#angaben_zum_bild fieldset input#titel { left: 290px; top: 20px; }
#angaben_zum_bild fieldset label#lb_preisvorstellung { background: url("/assets/images/icons/price.gif") no-repeat left 0px; left: 5px; top: 60px; }
#angaben_zum_bild fieldset input#preisvorstellung { left: 0; top: 80px; }
#angaben_zum_bild fieldset label#lb_signatur { background: url("/assets/images/icons/signature.gif") no-repeat left 0px; left: 295px; top: 60px; }
#angaben_zum_bild fieldset label#lb_signatur_ja { left: 315px; top: 82px; padding: 0; width: 10px; }
#angaben_zum_bild fieldset label#lb_signatur_nein { left: 365px; top: 82px; padding: 0; width: 10px; }
#angaben_zum_bild fieldset input#signatur_ja { left: 290px; position: absolute; top: 81px; border: 1px solid red;  }
#angaben_zum_bild fieldset input#signatur_nein { left: 340px; position: absolute; top: 81px; border: 1px solid green;  }
#angaben_zum_bild fieldset label#lb_zustand { background: url("/assets/images/icons/condition.gif") no-repeat left; left: 5px; top: 120px; }
#angaben_zum_bild fieldset textarea#zustand { border: 1px solid #000; height: 50px; left: 0; position: absolute; top: 140px; width: 550px; }

#senden { background-color: #230E0B; height: 130px; margin: 0 auto; margin-bottom: 0; }
#senden fieldset { height: 85px; position: relative; width: 100%; }
#senden input { border: none; color: #FEF1CF; cursor: pointer; display: block; font: bold 15px Georgia, Times, serif; letter-spacing: 1px; height: 50px; letter-spacing: 1px; position: absolute; width: 201px; }
#senden input:hover { text-decoration: underline; }
#senden input#reset, #senden input#submit { font-size: 14px; height: 25px; margin-top: 30px; width: 165px; }
#senden input#reset { background: url("/assets/images/contact/reset.png") no-repeat; left: 350px; }
#senden input#submit { background: url("/assets/images/contact/submit.png") no-repeat; color: #491713; left: 570px; }


/* ################################# */
/* ########### INTERESSE ########### */
/* ################################# */
#interesse #page { width: 615px; }
#interesse #hinweis { background: #F87075; margin: 0 0 20px 20px; width: 595px; }
#interesse #hinweis p { background: url("/assets/images/central/icons/warning.png") no-repeat 20px; color: #000; font-weight: normal; padding: 10px 20px 10px 80px; }
#interesse #hinweis p strong { font-weight: bold; }
#interesse h3.divider { background-position: 225px; }
#interesse h3.divider#first { background: none; }
#interesse fieldset#angaben { height: 340px; }
#interesse fieldset#angaben_zum_bild { height: 340px; }
#interesse fieldset label#label_mitteilung { top: 150px; }
#interesse fieldset input[type="text"] { height: 12px; padding: 5px 2px; }
#interesse fieldset textarea#textarea_mitteilung { border: 1px solid #000; height: 100px; position: absolute; top: 170px; width: 550px; }
#interesse fieldset { margin-left: 20px; }
#interesse fieldset#angaben_zum_bild { height: 210px; }
#interesse fieldset#angaben_zum_bild div#img { background: url("/assets/images/detail/platzhalter_gross_sw.gif") no-repeat; height: 136px; left: 438px; position: absolute; top: 50px; width: 181px; }
#interesse fieldset#angaben_zum_bild ul { margin: 15px 0 20px 10px; color: #FFF; width: 400px; }
#interesse fieldset#angaben_zum_bild ul li { color: #FCEFC5; font-weight: bold; margin: 0 0 5px 10px; padding: 2px 0 2px 25px; position: relative; }
#interesse fieldset#angaben_zum_bild ul li span { color: #FFF; left: 100px; position: absolute; }
#interesse fieldset#angaben_zum_bild ul li#kuenstler { background: url("/assets/images/icons/artist.png") no-repeat left; }
#interesse fieldset#angaben_zum_bild ul li#titel { background: url("/assets/images/icons/title.gif") no-repeat left; overflow: hidden; }
#interesse fieldset#angaben_zum_bild ul li#jahr { background: url("/assets/images/icons/year.gif") no-repeat left; }
#interesse fieldset#angaben_zum_bild ul li#masse { background: url("/assets/images/icons/dimension.gif") no-repeat left; }
#interesse fieldset#angaben_zum_bild ul li#zustand { background: url("/assets/images/icons/condition.gif") no-repeat left; }
#interesse fieldset#angaben_zum_bild ul li#preis { background: url("/assets/images/icons/price.gif") no-repeat left; }
#interesse input#reset, #senden input#submit { font-size: 14px; height: 25px; margin-top: 30px; width: 165px; }
#interesse input#reset { background: url("/assets/images/contact/reset.png") no-repeat; left: 150px; }
#interesse input#submit { background: url("/assets/images/contact/submit.png") no-repeat; color: #491713; left: 342px; }
#interesse #errors { background: transparent; position: absolute; top: 35px; width: 880px; z-index: 30; }
#interesse #errors p.msg_error { background: #310F0A; border: 1px solid #FFF; color: #FFF; font-size: 16px; left: -110px; margin: 0 auto; margin-bottom: 10px; padding: 10px 5px; position: relative; text-align: center; width: 50%; }



/* ################################## */
/* ########### NEWSLETTER ########### */
/* ################################## */
#newsletter #image { height: 100px; }
#newsletter #intro { height: 100px; }
#newsletter #column { background: #FFF; height: 200px; padding: 5px; }
#newsletter #column p { color: #491713 !important; }
#newsletter .portrait { background: none; color: #491713 !important; height: 50px; padding-left: 0; width: 900px; }

/* ##################################### */
/* ########### ERGEBNISLISTE ########### */
/* ##################################### */
#ergebnisliste #page { width: 900px !important; }
#ergebnisliste p { background: #FFF; font-weight: bold; height: 29px; text-align: center; width: 100%; }
#ergebnisliste p span { background: #F5AC18 url("/assets/images/search/filter_span.gif") no-repeat; color: #491713; display: block; left: 383px; padding: 6px 0; position: absolute; width: 186px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#header form input#submit_search { height: 20px; top: -1px; }
	#verkaufen #artwork_list li a:link, #verkaufen #artwork_list li a:visited { text-decoration: none !important; }
	#news #overview #most_wanted { background: #FCEFC5 url("/assets/images/mostwanted.png") no-repeat 50px 75px !important; }
}