html, body, p, h1, h2, h3, form, table, td, a img, input, select, ul, li { margin: 0; padding: 0; border: 0; }
body{ background: #bd1717 url(http://datemig.dk/gfx/baggrund.jpg) no-repeat -200px 0px; margin: 0 auto;}
.content { margin: 0 auto; background: #fff; width: 750px; padding: 10px 0 0; }
h1, h2, .box_small_grey_top li { font: 24px/30px "HelveticaNeueLT Std", Helvetica, Arial, Verdana; color: #404040; letter-spacing: -1px }
h2 { font-size: 16px; line-height: 21px; margin: 3px 0 0; }
h2.front { width: 190px; }
p, p.welcome, table.receipt td { font: 11px/15px Arial, Helvetica, sans-serif; color: #575757; margin: 5px 0 0; }
table.receipt td a { color: #595959; text-decoration: none; } table.receipt td a:hover { text-decoration: underline; }
h1.welcome { margin: 15px 0 0 18px; }
p.welcome { font-size: 12px; line-height: 17px; margin: 5px 21px 0 18px;}
.fejl { color: #F5481B;}
.spacer { width: 100%; height: 0; margin: 8px; clear: both; overflow: hidden;}
.float_left {float: left;}
/*
* T O P M E N U
*/
#topmenu {background-repeat: no-repeat; width: 750px; height: 42px; margin: 50px auto 0; position: relative }
#topmenu a {display: inline; float: left; height: 25px; margin-top: 5px; text-decoration: none;}
#topmenu a#link_to_home { margin-left: 29px; width: 48px;}
#topmenu a#link_to_profil { margin-left: 14px; width: 72px;}
#topmenu a#link_to_matches { margin-left: 16px; width: 82px;}
#topmenu a#link_to_abon { margin-left: 16px; width: 66px;}
#topmenu a#link_to_events { margin-left: 20px; width: 60px;}
#topmenu a#link_to_onlinelist { margin-left: 110px; margin-top: 11px; color: #FFFFFF; font: 11px/15px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold;}
#end { background: url(/gfx/layout/end-trans.png) no-repeat 0 0; height: 65px; width: 750px; margin: 0 auto; }
#end-forside { background: url(/gfx/layout/end-front-trans.png) no-repeat 0 0; height: 65px; width: 750px; margin: 0 auto; }
#footer { margin: -35px auto; color: #ECBAB9; width: 750px; font-size: 11px}
#footer a{ color: #ECBAB9;}
#left { overflow: hidden; width: 220px; float: left; }
#left_inner { margin: 8px 8px 8px 22px; }
#right { overflow: hidden; width: 522px; float: left; }
#right_inner { margin: 8px 22px 8px 8px; }
#left .box_red_top { background: #ED4119 url(/gfx/left_box_red_top.gif) no-repeat; width: 158px; padding: 15px 16px 0 16px}
#left .box_red_bottom{ background: url(/gfx/left_box_red_bottom.gif) no-repeat; width: 190px; height: 10px;}
#left .box_red_top h1, #left .box_red_top p, #left .box_red_top a { color: #FFFFFF;}
#right .box_green_top { background: #ACD165 url(/gfx/right_box_green_top.gif) no-repeat; width: 460px; padding: 15px 16px 0 16px}
#right .box_green_bottom{ background: url(/gfx/right_box_green_bottom.gif) no-repeat; width: 492px; height: 10px;}
#right .box_green_top h1, #right .box_green_top h2, #right .box_green_top p, #right .box_green_top a { color: #404040;}
#right .box_green_top h2 { font-size: 18px; font-weight: normal;}
#right .box_red_top { background: #ED4119 url(/gfx/right_box_red_top.gif) no-repeat; width: 460px; padding: 15px 16px 0 16px}
#right .box_red_bottom{ background: url(/gfx/right_box_red_bottom.gif) no-repeat; width: 492px; height: 10px;}
#right .box_red_top h1, #right .box_red_top p, #right .box_red_top a { color: #FFFFFF;}
#right .box_grey_top { background: #E7E7E7 url(/gfx/right_box_grey_top.gif) no-repeat; width: 460px; padding: 15px 16px 0 16px}
#right .box_grey_bottom{ background: url(/gfx/right_box_grey_bottom.gif) no-repeat; width: 492px; height: 10px;}
.box_small_grey_top { background: #FFFFFF url(/gfx/left_right_box_grey_top.gif) no-repeat; width: 158px; padding: 15px 16px 0 16px;}
.box_small_grey_bottom{ background: url(/gfx/left_right_box_grey_bottom.gif) no-repeat; width: 190px; height: 10px;}
.box_small_grey_top ul { margin: 5px 0 0; }
.box_small_grey_top ul li { list-style: none; height: 26px; border-bottom: 1px solid #acd165; font-size: 15px !important; line-height: 25px !important; display: block; }
.box_small_grey_top ul li a { color: #404040; text-decoration: none; display: block }
.box_small_grey_top ul li a:hover { color: #f64819; }
a { color: #f64819; text-decoration: none; } a { text-decoration: underline; }
a.logo { background: url(/gfx/layout/logo-trans.png); width: 102px; height: 81px; position: absolute; top: -59px; right: 20px; z-index: 2; display: block }
#left-sidebar .greytop { background: url(/gfx/layout/left-sidebar-greytop.gif) repeat-y 0 0; width: 178px; padding: 15px 18px 0 18px; }
#left-sidebar .greyend { background: url(/gfx/layout/left-sidebar-greyend.gif); height: 11px; width: 214px; overflow: hidden }
#left-sidebar .greytop ul { margin: 5px 0 0; }
#left-sidebar .greytop ul li { list-style: none; height: 26px; border-bottom: 1px solid #acd165; font-size: 15px !important; line-height: 25px !important; display: block; }
#left-sidebar .greytop ul li a { color: #404040; text-decoration: none; display: block } #left-sidebar .greytop ul li a:hover { color: #f64819; }
#left-sidebar table.receipt { width: 176px; border-collapse: collapse; margin: 5px 0 0; }
#right-content .red-infobox { background: url(/gfx/layout/red-infobox.gif); height: 68px; width: 504px; padding: 15px 0 0 18px; }
#right-content .red-infobox h2 { font-size: 17px; line-height: 18px; }
#right-content .red-infobox h1, #right-content .red-infobox h2 { color: #fff; }
#right .box_grey_top table { width: 100%; border-collapse: collapse; margin: 0 0 10px 0; }
#right .box_grey_top tr.vip { background: #ed4119; }
#right .box_grey_top tr.vip td h2 { color: #fff; }
#right .box_grey_top table td { border-bottom: 1px solid #bbb7b7; padding: 2px 0 4px 5px; }
#right .box_grey_top table td h2 { font-size: 14px; line-height: 16px; color: #8f8f8f; }
#right .advantages-box-end { background: url(/gfx/layout/advantages-end.gif); height: 17px; width: 522px; float: left; overflow: hidden; }
table.advantages { border-collapse: collapse; width: 501px; }
table.advantages tr { background: #e7e7e7; color: #8f8f8f; }
table.advantages tr.vip { background: #ed4119; color: #fff; }
#topmenu p { color: #fff; float: right; text-align: right; margin: 0 140px 0 0; display: inline; line-height: 38px; }
.clear { clear: both; height: 0; overflow: hidden; }
#search { width: 448px; float: left; padding: 0 0 0 25px; }
#search table, #login table { border-collapse: collapse; margin: 10px 0 0; }
#search table td, #login table td, select, input { font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #3a3130; }
select, input { border: 1px solid #d1cfcf; }
#login { width: 277px; float: left; }
#singles { width: 378px; float: left; padding: 0 0 0 25px; }
#singles .list { margin: 10px 0 0; }
#singles .list img { border: 2px solid #d5d5d5; height: 56px; width: 56px; float: left; margin: 0 8px 0 0; }
#singles .list a:hover img { border-color: #f64819; }
#discount { width: 347px; float: left; background: url(/gfx/layout/discount-bg.jpg) no-repeat bottom right; height: 130px; }
#login a { color: #575757; text-decoration: none; } #login a:hover { text-decoration: underline; color: #f64819; }
#subscription { background: url(/gfx/subscription.png) no-repeat bottom right; height: 100px; width: 451px;}
#subscription a {
float: left;
width: 144px;
margin-right: 10px;
height: 18px;
padding-top: 81px;
text-align: center;
}
#subscription a.last {
margin-right: 0;
}
#subscription a.abn_special {
width: 297px;
}
input.start-search { background: url(/gfx/layout/start-search.gif); width: 97px; height: 18px; cursor: pointer; border: 0; }
input.log-in { background: url(/gfx/layout/log-in.gif); width: 73px; height: 18px; cursor: pointer; border: 0; }
input.log-out { background: url(/gfx/knap_logud_hvid.gif); width: 73px; height: 18px; cursor: pointer; border: 0; margin: 48px 0 0 0;}
label { margin: 0 0 0 3px; cursor: pointer }
/*OLD CSS*/
* {
margin: 0 0;
padding: 0 0;
}
body {
background-color: #BD1717;
color: #000;
width: 750px;
margin: 0 auto;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}
body.popup {
width: 562px;
background-position: -600px 0;
}
body.eventteaser {
width: 600px;
background-image: none;
}
/* Links i brødtekst */
a {
color: #E10920;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/* Links der ligner almindelig tekst indtil mouse-over */
a.plain,
div#frontpage div.front_top div#row2 a,
div#frontpage div.front_top div#login a,
div#newuser a.betingelser,
div#profil div#bar a,
div#profil div#data1 div.row4 a,
div#mail div#list div a,
div#event div#eventlist div.event a,
div#event div#facts div#details a,
div#restaurant div#restaurantlist div.restaurant a,
div#abon div#bottom_right a {
text-decoration: none;
color: #383C32;
}
a.plain:hover,
div#frontpage div.front_top div#row2 a:hover,
div#frontpage div.front_top div#login a:hover,
div#newuser a.betingelser:hover,
div#profil div#bar a:hover,
div#profil div#data1 div.row4 a:hover,
div#mail div#list div a:hover,
div#event div#eventlist div.event a:hover,
div#event div#facts div#details a:hover,
div#restaurant div#restaurantlist div.restaurant a:hover,
div#abon div#bottom_right a:hover {
text-decoration: underline;
}
div#frontpage div.front_top div#row2 a:hover {
text-decoration: underline;
}
h1, h2 {
font-family: arial, helvetica, sans-serif;
font-size: 20px;
font-weight: lighter;
}
h2 {
font-size: 12px;
font-weight: bold;
}
h1.orange_bar { border-bottom: 3px solid #F5481B; }
h1.green_bar { border-bottom: 3px solid #ACD165; }
img {
border: 0;
}
input, textarea, select {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}
table {
border-collapse: collapse;
}
.fejl {
color: #F5481B;
}
.noborder {
border: 0;
}
/*
* B A N N E R
*/
div#banner_top {
/*height: 90px;*/
height: 0px;
margin: 10px 0 16px;
text-align: center;
}
/*
* T O P M E N U
*/
div#top {
position: relative;
height: 32px;
background-position: bottom left;
background-repeat: no-repeat;
}
div.topmenu_home {
background-image: url(/gfx/top_home.gif);
}
div.topmenu_profil {
background-image: url(/gfx/top_minprofil.gif);
}
div.topmenu_matches {
background-image: url(/gfx/top_matchliste.gif);
}
div.topmenu_betaling {
background-image: url(/gfx/top_betaling.gif);
}
div.topmenu_events
{
background-image: url(/gfx/top_events.gif);
}
div#top a {
display: inline; /* HACK: Burde ignoreres pga float:left, men nødvendig for at IE ikke dobler leftmargin på første element...*/
float: left;
height: 25px;
margin-top: 5px;
text-decoration: none;
}
div#top a#link_to_home {
margin-left: 29px;
width: 48px;
}
div#top a#link_to_profil {
margin-left: 14px;
width: 72px;
}
div#top a#link_to_matches {
margin-left: 16px;
width: 82px;
}
div#top a#link_to_abon {
margin-left: 16px;
width: 66px;
}
div#top a#link_to_events {
margin-left: 20px;
width: 60px;
}
div#top a#link_to_onlinelist
{
margin-left: 110px;
margin-top: 11px;
color: #FFFFFF;
}
div#top div.right_banner a {
float: none;
margin: 0 0;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}
img#logo {
position: absolute;
left: 629px;
top: -11px;
z-index: 1000;
}
div#banner_event_on_frontpage {
position: absolute;
left: 763px;
top: 32px;
width: 140px;
height: 1061px;
z-index: 998;
background-image: url(/gfx/event_bar.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#banner_event {
position: absolute;
left: 763px;
top: 32px;
width: 140px;
height: 1061px;
z-index: 998;
background-image: url(/gfx/event_bar_extended.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#banner_event_on_frontpage {
height: 561px;
background-image: url(/gfx/event_bar_on_frontpage.gif);
}
div#banner_event a.main,
div#banner_event_on_frontpage a.main {
display: block;
width: 140px;
height: 60px;
}
div#banner_event a.name,
div#banner_event_on_frontpage a.name {
display: block;
width: 116px;
height: auto;
padding: 4px 0 0 12px;
color: #383C32;
}
div#banner_event a.name:hover,
div#banner_event_on_frontpage a.name:hover {
text-decoration: underline;
}
div#banner_event a.citydate,
div#banner_event_on_frontpage a.citydate {
display: block;
width: 116px;
height: 10px;
padding-left: 12px;
overflow: hidden;
color: #9F9F9F;
}
div#banner_event a.newevent {
display: block;
position: absolute;
left: 11px;
top: 1001px;
width: 114px;
height: 18px;
z-index: 999;
}
div#banner_event_on_frontpage a.newevent {
display: block;
position: absolute;
left: 11px;
top: 517px;
width: 114px;
height: 18px;
z-index: 999;
}
div#mid_bottom_space {
height: 20px;
background-image: url(/gfx/body_bund.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div#middle {
background-color: white;
color: #383C32;
}
/*
* M E N U
*/
div#menu {
float: left;
width: 189px;
}
div#menu a.menuitem {
display: block;
color: #383C32;
text-decoration: none;
}
div#menu div.menuitem div,
div#menu a.menuitem div {
background-color: #F1F3ED;
border-right: 1px solid #DEE2D5;
}
div#menu div.menuitem div.menuitem_content,
div#menu a.menuitem div.menuitem_content {
padding: 8px 0 8px 10px;
}
div#menu a.menuitem.selected div.menuitem_content {
background-color: #F5481B;
color: white;
}
div#menu a.menuitem div.menuitem_content div.count {
float: right;
padding: 6px 2px 0 0;
border-right: 0;
background-color: transparent;
}
div#menu a.menuitem div.menuitem_content p {
position: relative;
clear: both;
padding-right: 2px;
}
/*
* Spaces and backgrounds for menuitem tops
*/
div#menu a.menuitem div.menuitem_space_top {
height: 11px;
}
div#menu a.menuitem.selected div.menuitem_space_top {
background-image: url(/gfx/menu_hover_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div#menu a.menuitem div.menuitem_space_top.menu_top {
background-image: url(/gfx/menu_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
background-color: transparent;
border-right: 0;
}
div#menu a.menuitem.selected div.menuitem_space_top.menu_top {
background-image: url(/gfx/menu_hover_top_medkant.gif);
background-color: transparent;
}
/*
* Spaces and backgrounds for menuitem bottoms
*/
div#menu a.menuitem div.menuitem_space_bund {
height: 11px;
}
div#menu a.menuitem.selected div.menuitem_space_bund {
background-image: url(/gfx/menu_hover_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#menu div.menuitem div.menuitem_space_bund.menu_bund,
div#menu a.menuitem div.menuitem_space_bund.menu_bund {
background-image: url(/gfx/menu_bund.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
border-right: 0;
}
div#menu a.menuitem.selected div.menuitem_space_bund.menu_bund {
background-image: url(/gfx/menu_hover_bund_medkant.gif);
background-color: transparent;
}
div#left a.menuitem {
display: block;
color: #383C32;
text-decoration: none;
}
div#left div.menuitem div,
div#left a.menuitem div {
background-color: #F1F3ED;
border-right: 1px solid #DEE2D5;
margin-right: 32px;
}
div#left div.menuitem div.menuitem_content,
div#left a.menuitem div.menuitem_content {
padding: 8px 0 8px 10px;
margin-right: 32px;
}
div#left a.menuitem.selected div.menuitem_content {
background-color: #F5481B;
color: white;
}
div#left a.menuitem div.menuitem_content div.count {
float: right;
padding: 6px 2px 0 0;
border-right: 0;
background-color: transparent;
}
div#left a.menuitem div.menuitem_content p {
position: relative;
clear: both;
padding-right: 2px;
}
/*
* Spaces and backgrounds for menuitem tops
*/
div#left a.menuitem div.menuitem_space_top {
height: 11px;
margin-right: 32px;
}
div#left a.menuitem.selected div.menuitem_space_top {
background-image: url(/gfx/menu_hover_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div#left a.menuitem div.menuitem_space_top.menu_top {
background-image: url(/gfx/menu_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
background-color: transparent;
border-right: 0;
}
div#left a.menuitem.selected div.menuitem_space_top.menu_top {
background-image: url(/gfx/menu_hover_top_medkant.gif);
background-color: transparent;
}
/*
* Spaces and backgrounds for menuitem bottoms
*/
div#left a.menuitem div.menuitem_space_bund {
height: 11px;
margin-right: 32px;
}
div#left a.menuitem.selected div.menuitem_space_bund {
background-image: url(/gfx/menu_hover_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#left div.menuitem div.menuitem_space_bund.menu_bund,
div#left a.menuitem div.menuitem_space_bund.menu_bund {
background-image: url(/gfx/menu_bund.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
border-right: 0;
}
div#left a.menuitem.selected div.menuitem_space_bund.menu_bund {
background-image: url(/gfx/menu_hover_bund_medkant.gif);
background-color: transparent;
}
div#content {
float: right;
width: 542px;
}
div.clearer {
clear: both;
}
div#footer a {
color: #ECBAB9;
}
/*
* F R O N T P A G E
*/
div#frontpage {
color: #383C32;
}
div#frontpage div.front_top {
position: relative;
height: 128px;
background-color: white;
}
div#frontpage div.front_top div#login {
float: left;
width: 250px;
padding-left: 20px;
}
div#frontpage div.front_top div#topflash {
float: right;
width: 470px;
}
div#frontpage div.front_top div#login input#username,
div#frontpage div.front_top div#login input#password {
width: 222px;
border: 1px solid #DEE2D5;
height: 16px;
margin: 3px 0;
}
div#frontpage div.front_top div#login input#password {
width: 144px;
}
div#frontpage div.front_top div#login input#logout {
float: right;
margin-top: 10px;
}
div#frontpage div.front_bund {
position: relative;
height: 123px;
padding-top: 20px;
background-color: white;
}
div#frontpage div.front_bund img#kateogthomas {
position: absolute;
left: 0px;
top: 0px;
z-index: 999;
}
div#frontpage div.front_bund div#artikel1, div#frontpage div.front_bund div#artikel2 {
float: left;
width: 243px;
padding-left: 20px;
}
div#frontpage div.front_bund div#artikel1 {
padding-left: 224px;
}
div#frontpage div.front_bund div#artikel1 div.text,
div#frontpage div.front_bund div#artikel2 div.text {
height: 100px;
overflow: hidden;
}
/*
* S E A R C H M E N U - used in matchlist and openlist
*/
div.searchmenu {
padding-top: 10px;
padding-right: 212px;
text-align: right;
}
div.searchmenu div.searchtype, div#matchlist div.searchtype {
float: right;
padding-left: 30px;
}
/*
* P A G I N A T O R - used in matchlist and openlist and stats
*/
div.paginator {
clear: both;
height: 35px;
padding-left: 9px;
background-image: url(/gfx/matchliste_talbar.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.paginator_extended {
clear: both;
height: 35px;
padding-left: 12px;
background-image: url(/gfx/matchliste_talbar.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.paginator div.elipsis,
div.paginator a {
float: left;
width: 19px;
height: 17px;
margin-top: 9px;
padding-top: 2px;
color: #383c32;
text-decoration: none;
text-align: center;
font-size: 10px;
}
div.paginator a.selected {
color: white;
background-image: url(/gfx/matchliste_taldot.gif);
background-position: top center;
background-repeat: no-repeat;
}
/*
* F A V O R I T E S
*/
div#favorites {
background-image: url(/gfx/matchliste_top.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#favorites div.paginator div.deleterow {
float: right;
padding: 8px 8px 0 0;
}
div#openlist div.favoritelist_items_container {
height: 85px;
padding: 10px 0 5px 20px;
}
div#openlist div.favoritelist_items_container div.favoritelist_item {
padding-bottom: 5px;
vertical-align: middle;
}
div.favoritelist_middle {
vertical-align: middle;
}
/*
* S T A T S
*/
div#statslist {
background-image: url(/gfx/corner_left_green_full.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#stats {
//background-image: url(/gfx/matchliste_top.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#stats div.paginator div.deleterow {
float: right;
padding: 8px 8px 0 0;
}
div#statslist div.statslist_items_container {
height: 85px;
padding: 10px 0 5px 20px;
}
div#statslist div.statslist_items_container div.statslist_item {
padding-bottom: 5px;
vertical-align: middle;
}
div.statslist_middle {
vertical-align: middle;
}
div#statslist div.stats_extended {
height: 189px;
padding-top: 5px;
padding-left: 20px;
background-image: url(/gfx/corner_left_green_stats.gif);
background-position: 0px 5px;
background-repeat: no-repeat;
}
div#statslist div.stats_extended div.stats_column1 {
width: 220px;
float: left;
}
div#statslist div.stats_extended div.stats_column2 {
width: 140px;
float: left;
}
div#statslist div.stats_extended div.stats_column3 {
width: 60px;
float: left;
}
div#statslist div.small_spacer {
clear: both;
height: 15px;
}
div#statslist div.searchmenu {
padding: 5px 180px 0px 40px;
}
/*
* Onlinelist
*/
div#onlinelist
{
/* padding-top: 20px;*/
}
div#onlinelist h1
{
border-bottom: 3px solid #ACD165;
margin-bottom: 15px;
}
/*
* E V E N T S
*/
div#events
{
padding-top: 0px;
}
div#events div#topbox
{
height: 94px;
background-image: url(/gfx/corner_left_green_full.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#events div#topbox div.headline
{
font-size: 28px;
font-weight: bold;
padding-top: 12px;
padding-left: 12px;
}
div#events div#topbox div.phrase
{
font-size: 18px;
font-weight: bold;
padding-top: -4px;
padding-left: 40px;
color: #FFFFFF;
}
div#events div#eventlist {
padding-top: 11px;
background-image: url(/gfx/event_top.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#events div#eventlist div.event {
clear: both;
height: 35px;
padding: 10px 0 10px 20px;
border-bottom: 1px solid #DEE2D5;
background-image: url(/gfx/event_baggrund.gif);
background-position: top left;
background-repeat: repeat-y;
}
div#events div#eventlist div.event div.facts {
float: right;
width: 130px;
padding-left: 4px;
}
div#events div#eventlist div.event.last {
border-bottom: 0px;
padding-bottom: 0;
}
div#events div#eventlistbottom {
height: 11px;
background-image: url(/gfx/event_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#events h1 {
border-bottom: 3px solid #ACD165;
margin-bottom: 10px;
}
div#events div#facts {
float: right;
width: 263px;
}
div#events div#facts img {
margin-bottom: 10px;
}
div#events div#facts div#detailstop {
height: 11px;
background-image: url(/gfx/event_smallboks_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div#events div#facts div#details {
padding: 10px 0 10px 20px;
background-image: url(/gfx/event_smallboks_baggrund.gif);
background-position: top left;
background-repeat: repeat-y;
}
div#events div#facts div#detailsbund {
height: 11px;
margin-bottom: 10px;
background-image: url(/gfx/event_smallboks_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#events div#facts div#back {
float: right;
padding: 10px 20px 0 0;
}
div#events div#desc {
width: 273px;
}
div#events div#comments {
clear: both;
margin-right: 20px;
}
div#events div#participants
{
clear: both;
margin-right: 20px;
}
div#events div#comments div.comment {
border-top: 1px solid #DEE2D5;
padding-top: 10px;
clear: both;
}
div#events div#comments div.comment img {
float: left;
padding-bottom: 10px;
}
div#events div#comments div.comment div.text {
float: right;
width: 427px;
overflow: hidden;
padding-bottom: 10px;
}
div#events div#comments div.comment div.text div.comment_header {
font-weight: bold;
padding-bottom: 5px;
}
div#events div#comments div.comment textarea {
width: 427px;
}
div#events div#comments div.comment input#sendbesked {
float: right;
padding-top: 10px;
}
div#events form div.legend {
clear: both;
float: left;
width: 121px;
margin: 3px 0;
}
div#events form div.response {
float: left;
width: 402px;
margin: 3px 0;
}
div#events form input.text {
border: 1px solid #DEE2D5;
width: 402px;
height: 16px;
}
div#events form input#event_datetime {
width: 130px;
}
div#events form textarea {
width: 402px;
border: 1px solid #DEE2D5;
}
div#events form input.file {
height: 20px;
border: 1px solid #DEE2D5;
width: 402px;
}
div#events form input.image {
float: right;
margin-right: 20px;
}
/*
* M A T C H L I S T
*/
div#matchlist {
padding-top: 0px;
background-image: url(/gfx/matchliste_top.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#matchlist div.topbox {
height: 94px;
}
div#matchlist div.searchbox {
padding: 5px 130px 0px 0px;
}
div#matchlist div.paginator select {
float: left;
margin-left: 10px;
margin-top: 9px;
}
div#matchlist div.paginator div.deleterow {
float: right;
padding: 8px 8px 0 0;
}
div#matchlist_list div.match {
clear: both;
padding: 10px 0;
}
div#matchlist_list div.match h1 {
border-bottom: 3px solid #ACD165;
}
div#matchlist_list div.match img.main {
float: right;
}
div#matchlist_list div.match div.row1, div#matchlist_list div.match div.row2,
div#matchlist_list div.match div.row3, div#matchlist_list div.match div.row4 {
border-bottom: 1px solid #DEE2D5;
}
div#matchlist_list div.match div.row1 {
height: 19px;
padding-top: 10px;
}
div#matchlist_list div.match div.row2, div#matchlist_list div.match div.row3 {
height: 19px;
padding-top: 4px;
}
div#matchlist_list div.match div.row4 {
height: 22px;
padding: 10px 0;
background-color: #F1F3ED;
}
div#matchlist_list div.match div.col1, div#matchlist_list div.match div.col2 {
float: left;
width: 150px;
}
div#matchlist_list div.match div.row4 img {
vertical-align: middle;
}
div#matchlist_list div.match div.row4 div.col2 {
padding-top: 4px;
}
div#matchlist_list div.photozoom {
position: absolute;
visibility: hidden;
z-index: 900;
}
div#matchlist_list div.photozoom img {
border: 3px solid #ACD165;
border-top: 0px;
}
div#matchlist_list div.onlinestatus {
float: right;
padding-top: 10px;
padding-right: 5px;
}
/*
* O P E N L I S T
*/
div#openlist {
background-image: url(/gfx/corner_left_green_full.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#openlist div.search {
clear: both;
padding: 14px 20px 5px 0;
height: 41px;
text-align: right;
}
div#openlist div.search_extended {
height: 246px;
padding-top: 5px;
background-image: url(/gfx/corner_left_green_extended.gif);
background-position: 0px 5px;
background-repeat: no-repeat;
}
div#openlist div.search input.image {
vertical-align: bottom;
}
div#openlist a.hit, div#matchlist_list a.hit, div#statslist a.hit {
float: left;
width: 88px;
height: 120px;
margin: 10px 2px 0 0;
text-decoration: none;
color: #9F9F9F;
}
div#openlist a.hit h2, div#matchlist_list a.hit h2, div#statslist a.hit h2 {
color: #383C32;
width: 88px;
height: 14px;
overflow: hidden;
padding-bottom: 5px;
}
div#openlist div.displaytype {
padding: 5px 0px 0px 94px;
float: left;
}
div#matchlist div.displaytype_left {
padding: 45px 0px 0px 177px;
float: left;
}
div#openlist div.extended_searchitems {
padding: 5px 0px 0px 103px;
height: 240px;
text-align: left;
}
div#openlist div.extended_searchitems select {
width: 190px;
}
div#openlist div.searchitem {
width: 50px;
height: 30px;
float: left;
}
div#openlist div.searchparam_container {
width: 140px;
padding-bottom: 5px;
float: left;
}
div#openlist div.searchitem_wide {
clear: left;
width: 80px;
height: 20px;
float: left;
}
div#openlist div.searchparam_container_wide {
width: 335px;
padding-bottom: 2px;
float: left;
}
div#openlist div.searchparam_key {
width: 32px;
float: left;
}
div#openlist div.searchparam {
padding-bottom: 2px;
}
div#openlist div.hobby {
float: left;
width: 120px;
height: 20px;
}
div#openlist div.small_spacer {
clear: both;
height: 15px;
}
div#openlist div.small_spacer2 {
clear: both;
height: 5px;
background-color: white;
}
/*
* P R O F I L
*/
div#profil {
}
h1.orange_bar_profil {
padding-top: 10px;
border-bottom: 3px solid #F5481B;
}
div#profil div.onlinestatus_profil {
float: right;
padding-top: 18px;
padding-right: 5px;
}
div#profil div#data1 {
height: 123px;
overflow: hidden;
}
div#profil div#data1 img.main {
float: right;
}
div#profil div#data1 div#smallpics {
float: right;
width: 54px;
height: 121px;
}
div#profil div#data1 div#smallpics img {
padding-bottom: 2px;
}
div#profil div#data1 div.row1,
div#profil div#data1 div.row2,
div#profil div#data1 div.row3 {
border-bottom: 1px solid #DEE2D5;
}
div#profil div#data1 div.row1 {
height: 19px;
padding-top: 10px;
}
div#profil div#data1 div.row2,
div#profil div#data1 div.row3,
div#profil div#data1 div.row4 {
height: 19px;
padding-top: 9px;
}
div#profil div#data1 div.col1 {
float: left;
width: 150px;
}
div#profil div#bar {
height: 69px;
padding-top: 16px;
margin-bottom: 20px;
background-image: url(/gfx/matchprofil_kontrolbjaelke.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#profil div#bar a {
font-weight: bold;
}
div#profil div#bar div#col1 {
float: left;
padding-left: 15px;
width: 127px;
}
div#profil div#bar div#col1 a {
display: block;
padding-left: 25px;
margin-bottom: 7px;
}
div#profil div#bar div#col2 {
float: left;
padding-left: 65px;
width: 113px;
}
div#profil div#bar div#col3 {
float: left;
padding-left: 70px;
width: 115px;
}
div#profil div#data2 div {
float: left;
height: 18px;
padding-top: 6px;
border-bottom: 1px solid #DEE2D5;
}
div#profil div#data2 div.col1 {
clear: both;
width: 110px;
}
div#profil div#data2 div.col2,
div#profil div#data2 div.col4 {
width: 141px;
}
div#profil div#data2 div.col3 {
width: 110px;
margin-left: 20px;
}
div#profil div#hobbylist {
clear: both;
height: 69px;
padding: 20px 0 18px 10px;
background-image: url(/gfx/corner_left_sandfarvet_69px.jpg);
background-position: 0px 20px;
background-repeat: no-repeat;
}
div#profil div#hobbylist div#indhold {
height: 67px;
border-top: 1px solid #DEE2D5;
border-bottom: 1px solid #DEE2D5;
background-color: #F1F3ED;
}
div#profil div#hobbylist div#indhold div {
float: left;
width: 115px;
margin: 10px 5px 0 0;
height: 16px;
padding-top: 2px;
text-align: center;
color: #9F9F9F;
}
div#profil div#hobbylist div#indhold div.selected {
background-image: url(/gfx/matchprofil_hobbybaggrund.jpg);
background-position: top left;
background-repeat: no-repeat;
color: #383C32;
width: 127px;
}
div#profil div#description {
margin-right: 3px;
}
div#profil div#description p {
margin: 3px 0 8px;
line-height: 15px;
}
div#profil div#links a {
height: 137px;
margin-top: 10px;
text-decoration: none;
background-position: top left;
background-repeat: no-repeat;
}
div#profil div#links a.left {
float: left;
width: 265px;
background-image: url(/gfx/sidereklame_events.jpg);
}
div#profil div#links a.right {
float: right;
width: 258px;
background-image: url(/gfx/sidereklame_restaurant.jpg);
}
div#profil div#photozoom {
position: absolute;
visibility: hidden;
}
div#profil div#photozoom img {
border: 3px solid #F5481B;
border-top: 0px;
}
/*
* N E W U S E R
*/
div#newuser div#bar {
height: 71px;
width: 690px;
padding: 20px;
background-color: #ACD165;
background-image: url(/gfx/corner_right_green_111px_logo.gif);
background-position: top right;
background-repeat: no-repeat;
}
div#newuser div#newusertext {
height: 261px;
margin-top: 20px;
padding: 0 0 0 347px;
background-image: url(/gfx/billede_opretbruger.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#newuser div#newusertext p {
padding: 0 20px 3px 0;
margin-bottom: 3px;
border-bottom: 3px solid #F5481B;
}
div#newuser div#newusertext form div.legend {
float: left;
width: 122px;
margin: 3px 0;
}
div#newuser div#newusertext form input.text {
float: left;
width: 262px;
border: 1px solid #DEE2D5;
height: 16px;
margin: 3px 0;
}
div#newuser div#newusertext form input.image {
float: right;
margin-right: 20px;
}
div#newuser div#newusertext form div.spacer {
clear: both;
padding-top: 10px;
border-bottom: 1px solid #DEE2D5;
margin-bottom: 10px;
}
/*
* U S E R I N F O
*/
div#userinfo div#over_bar {
padding: 0 0 10px 20px;
}
div#userinfo img.header {
padding-top: 20px;
}
div#userinfo div.col1,
div#userinfo div.col2 {
float: left;
padding: 0 0 20px 30px;
width: 357px;
}
div#userinfo div.col2 {
width: 303px;
}
div#userinfo .col1width {
width: 357px;
}
div#userinfo .col2width {
width: 303px;
}
div#userinfo div#bar {
}
div#userinfo div#bar div.step0 {
height: 120px;
width: 730px;
background-color: #ACD165;
background-image: url(/gfx/corner_right_green_120px.gif);
background-position: top right;
background-repeat: no-repeat;
}
div#userinfo div#bar div.step1 {
height: 150px;
width: 727px;
background-color: #ACD165;
background-image: url(/gfx/opret_bruger_trin1.jpg);
background-position: top right;
background-repeat: no-repeat;
}
div#userinfo div#bar div.step2 {
height: 150px;
width: 727px;
background-color: #ACD165;
background-image: url(/gfx/opret_bruger_trin2.jpg);
background-position: top right;
background-repeat: no-repeat;
}
div#userinfo div#bar div.step3 {
height: 150px;
width: 727px;
background-color: #ACD165;
background-image: url(/gfx/opret_bruger_trin3.jpg);
background-position: top right;
background-repeat: no-repeat;
}
div#userinfo div#alert_content {
visibility: hidden;
display: hidden;
}
div#userinfo div#under_bar {
clear: both;
}
div#userinfo div.spacer1 {
clear: both;
padding-top: 10px;
border-bottom: 3px solid #F5481B;
margin-bottom: 10px;
}
div#userinfo div.spacer2 {
clear: both;
padding-top: 10px;
border-bottom: 1px solid #DEE2D5;
margin-bottom: 10px;
}
div#userinfo form div.legend {
clear: both;
float: left;
width: 121px;
margin: 3px 0;
}
div#userinfo form div.response {
float: left;
width: 234px;
margin: 3px 0;
}
div#userinfo form input.text{
border: 1px solid #DEE2D5;
height: 16px;
}
div#userinfo form div.response input.bred {
width: 234px;
}
div#userinfo form div.response div.hobby {
float: left;
width: 117px;
height: 20px;
}
div#userinfo form div.response div.hobby input {
margin-right: 2px;
}
div#userinfo form select {
border: 1px solid #DEE2D5;
height: 16px;
width: 234px;
}
div#userinfo form select#date,
div#userinfo form select#month,
div#userinfo form select#year {
width: 75px;
}
div#userinfo form input.file {
height: 20px;
border: 1px solid #DEE2D5;
}
div#userinfo form input#photoinput {
width: 243px;
}
div#userinfo form input#photouploader {
height: 20px;
border: 1px solid #DEE2D5;
}
div#userinfo form textarea {
width: 301px;
height: 259px;
border: 1px solid #DEE2D5;
}
div#userinfo form div#pictures {
background-image: url(/gfx/userinfo_billeder.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 310px;
}
div#userinfo form div#pictures div#mainpic {
height: 229px;
}
div#userinfo form ul.sortable-list {
list-style-type: none;
margin-top: 1px;
width: 304px;
}
div#userinfo form ul.sortable-list li {
float: left;
cursor: move;
width: 75px;
margin: 0 1px 0 0;
}
div#userinfo form div#videoguide {
height: 130px;
}
div#userinfo form div#videoguide img {
float: left;
}
div#userinfo div#bottom_bar {
clear: both;
height: 42px;
margin-left: 20px;
background-color: #ACD165;
background-image: url(/gfx/corner_left_green_42px.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#userinfo div#bottom_bar input {
float: right;
padding: 12px 30px 0 0;
}
div#userinfo div#bottom_bar p {
padding: 15px 0 0 20px;
}
div#userinfo div#seekinfo {
padding: 20px;
}
div#userinfo div#seekinfo p {
margin-bottom: 10px;
}
div#userinfo div.sliderbg {
position: relative;
height: 97px;
background-image: url(/gfx/slider_baggrund.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#userinfo div.sliderbg div.text {
width: 368px;
height: 57px;
padding: 20px;
}
div#userinfo div.sliderbg div.mintext {
position: absolute;
left: 420px;
top: 22px;
}
div#userinfo div.sliderbg div.maxtext {
position: absolute;
right: 44px;
top: 22px;
}
div#userinfo div.sliderbg span.pct {
color: #9F9F9F;
}
div#userinfo div.sliderbg div.slider {
position: absolute;
left: 409px;
top: 49px;
width: 35px;
height: 22px;
background-image: url(/gfx/slider.jpg);
background-position: top left;
background-repeat: no-repeat;
}
/*
* M A I L
*/
div#mail div.reply_body {
padding-top: 20px;
width: 427px;
}
div#mail div#mailtop {
height: 94px;
background-position: top left;
background-repeat: no-repeat;
}
div#mail.inbox div#mailtop { background-image: url(/gfx/mailboks_top_indbakke.gif); }
div#mail.sent div#mailtop { background-image: url(/gfx/mailboks_top_sendtebeskeder.gif); }
div#mail.msg div#mailtop { background-image: url(/gfx/mailboks_top_ingen.gif); }
div#mail div#mailtop a {
display: inline; /* HACK: Burde ignoreres pga float:left, men nødvendig for at IE ikke dobler leftmargin på første element...*/
float: left;
height: 25px;
margin-top: 58px;
text-decoration: none;
}
div#mail div#mailtop a#link_to_inbox {
margin-left: 327px;
width: 73px;
}
div#mail div#mailtop a#link_to_sent {
margin-left: 11px;
width: 113px;
}
div#mail div.spacer1 {
clear: both;
padding-top: 10px;
border-bottom: 3px solid #F5481B;
margin-bottom: 10px;
}
div#mail div#list div div.col1 { width: 32px; }
div#mail div#list div div.col2 { width: 190px; }
div#mail div#list div div.col3 { width: 45px; text-align: center;}
div#mail div#list div div.col4 { width: 116px; }
div#mail div#list div div.col5 { width: 103px; text-align: center;}
div#mail div#list div div.col6 { width: 36px; text-align: center;}
div#mail div#list div.listheader {
height: 20px;
border-bottom: 1px solid #DEE2D5;
}
div#mail div#list div.msg {
clear: both;
height: 30px;
border-bottom: 1px solid #DEE2D5;
}
div#mail div#list div.listheader div,
div#mail div#list div.msg div {
float: left;
}
div#mail div#list div.msg div.col1 {
height: 30px;
background-position: center center;
background-repeat: no-repeat;
}
div#mail div#list div.msg div.col1.mail { background-image: url(/gfx/ikon_brev.gif); }
div#mail div#list div.msg.read div.col1.mail { background-image: url(/gfx/ikon_brev_duset.gif); }
div#mail div#list div.msg div.col1.system { background-image: url(/gfx/ikon_brev.gif); }
div#mail div#list div.msg.read div.col1.system { background-image: url(/gfx/ikon_brev_duset.gif); }
div#mail div#list div.msg div.col1.invitation { background-image: url(/gfx/ikon_invitation.gif); }
div#mail div#list div.msg.read div.col1.invitation { background-image: url(/gfx/ikon_invitation_duset.gif); }
div#mail div#list div.msg div.col1.questions { background-image: url(/gfx/ikon_questions.gif); }
div#mail div#list div.msg.read div.col1.questions { background-image: url(/gfx/ikon_questions_duset.gif); }
div#mail div#list div.msg div.col2 {
height: 22px;
padding-top: 8px;
font-weight: bold;
}
div#mail div#list div.msg.read div.col2 {
font-weight: normal;
}
div#mail div#list div.msg div.col3 {
height: 30px;
background-position: center center;
background-repeat: no-repeat;
}
div#mail div#list div.msg div.col3.level1 { background-image: url(/gfx/hjerter_1.gif); }
div#mail div#list div.msg.read div.col3.level1 { background-image: url(/gfx/hjerter_1_duset.gif); }
div#mail div#list div.msg div.col3.level2 { background-image: url(/gfx/hjerter_2.gif); }
div#mail div#list div.msg.read div.col3.level2 { background-image: url(/gfx/hjerter_2_duset.gif); }
div#mail div#list div.msg div.col3.level3 { background-image: url(/gfx/hjerter_3.gif); }
div#mail div#list div.msg.read div.col3.level3 { background-image: url(/gfx/hjerter_3_duset.gif); }
div#mail div#list div.msg div.col4 {
height: 22px;
padding-top: 8px;
font-weight: bold;
}
div#mail div#list div.msg.read div.col4 {
font-weight: normal;
}
div#mail div#list div.msg div.col5 {
height: 22px;
padding-top: 8px;
background-color: #F1F3ED;
}
div#mail div#list div.msg div.col6 {
height: 25px;
padding-top: 5px;
background-color: #ACD165;
}
div#mail div#list div#deleterow {
height: 21px;
padding: 7px 50px 0 0;
text-align: right;
background-image: url(/gfx/mailboks_sletpil.gif);
background-position: top right;
background-repeat: no-repeat;
}
/* Message view */
div#mail div#timestamp {
float: right;
padding: 12px 20px 0 0;
}
div#mail div#picbox {
float: right;
width: 95px;
height: 135px;
}
div#mail div#body {
width: 427px;
}
div#mail div#attached_picture {
margin-top: 10px;
}
div#mail div#bottombar {
clear: both;
height: 35px;
margin: 20px 0 0 0;
background-color: #ACD165;
}
/* Write new message view */
div#mail img#brev {
margin: 0 0 6px 6px;
}
div#mail input#subject {
width: 417px;
height: 15px;
padding: 5px;
}
div#mail textarea#body {
width: 417px;
height: 315px;
padding: 5px;
margin-top: 10px;
}
div#mail input.file {
margin-top: 10px;
height: 20px;
}
div#mail input#sendbesked {
margin-top: 320px;
}
div#mail div#photozoom {
position: absolute;
visibility: hidden;
}
div#mail div#photozoom img {
margin-top: 13px;
border: 3px solid #F5481B;
border-top: 0px;
}
/*
* E V E N T S
*/
div#event div#topgfx {
height: 132px;
padding: 196px 0 0 264px;
background-image: url(/gfx/event_top.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#event div#topgfx a {
display: block;
height: 17px;
padding: 3px 25px 0 10px;
margin-bottom: 1px;
overflow: hidden;
text-decoration: none;
color: white;
}
div#event a#create_event_link {
display: block;
width: 542px;
height: 41px;
margin-bottom: 10px;
background-image: url(/gfx/event_overskrift.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#event div#eventlist {
padding-top: 11px;
background-image: url(/gfx/event_top.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#event div#eventlist div.event {
clear: both;
height: 35px;
padding: 10px 0 10px 20px;
border-bottom: 1px solid #DEE2D5;
background-image: url(/gfx/event_baggrund.gif);
background-position: top left;
background-repeat: repeat-y;
}
div#event div#eventlist div.event div.facts {
float: right;
width: 86px;
padding-left: 20px;
}
div#event div#eventlist div.event.last {
border-bottom: 0px;
padding-bottom: 0;
}
div#event div#eventlistbottom {
height: 11px;
background-image: url(/gfx/event_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#event div#detailtopgfx {
height: 196px;
background-image: url(/gfx/event_top_small.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#event h1 {
border-bottom: 1px solid #DEE2D5;
margin-bottom: 10px;
}
div#event div#facts {
float: right;
width: 263px;
}
div#event div#facts img {
margin-bottom: 10px;
}
div#event div#facts div#detailstop {
height: 11px;
background-image: url(/gfx/event_smallboks_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div#event div#facts div#details {
padding: 10px 0 10px 20px;
background-image: url(/gfx/event_smallboks_baggrund.gif);
background-position: top left;
background-repeat: repeat-y;
}
div#event div#facts div#detailsbund {
height: 11px;
margin-bottom: 10px;
background-image: url(/gfx/event_smallboks_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#event div#facts div#back {
float: right;
padding: 10px 20px 0 0;
}
div#event div#desc {
width: 273px;
}
div#event div#comments {
clear: both;
margin-right: 20px;
}
div#event div#comments div.comment {
border-top: 1px solid #DEE2D5;
padding-top: 10px;
clear: both;
}
div#event div#comments div.comment img {
float: left;
padding-bottom: 10px;
}
div#event div#comments div.comment div.text {
float: right;
width: 427px;
overflow: hidden;
padding-bottom: 10px;
}
div#event div#comments div.comment div.text div.comment_header {
font-weight: bold;
padding-bottom: 5px;
}
div#event div#comments div.comment textarea {
width: 427px;
}
div#event div#comments div.comment input#sendbesked {
float: right;
padding-top: 10px;
}
div#event form div.legend {
clear: both;
float: left;
width: 121px;
margin: 3px 0;
}
div#event form div.response {
float: left;
width: 402px;
margin: 3px 0;
}
div#event form input.text {
border: 1px solid #DEE2D5;
width: 402px;
height: 16px;
}
div#event form input#event_datetime {
width: 130px;
}
div#event form textarea {
width: 402px;
border: 1px solid #DEE2D5;
}
div#event form input.file {
height: 20px;
border: 1px solid #DEE2D5;
width: 402px;
}
div#event form input.image {
float: right;
margin-right: 20px;
}
/*
* E V E N T T E A S E R
*/
div#eventteaser {
width: 460px;
height: 461px;
margin: 10px 0 10px 0;
padding-left: 140px;
background-image: url(/gfx/eventteaser_banner.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#eventteaser div.narrow {
display: inline; /* HACK: Burde ignoreres pga float:left, men nødvendig for at IE ikke dobler leftmargin på første element...*/
float: left;
width: 220px;
height: 461px;
margin-left: 10px;
}
div#eventteaser div.narrow div.top {
height: 10px;
overflow: hidden; /* IE Argh! */
background-image: url(/gfx/eventteaser_narrow_top.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#eventteaser div.narrow div.bund {
height: 10px;
background-image: url(/gfx/eventteaser_narrow_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#eventteaser div.narrow div.midt {
height: 441px;
background-color: white;
color: #383C32;
padding: 0 10px 0 10px;
}
div#eventteaser div.event {
clear: both;
}
div#eventteaser div.event img {
display: inline; /* HACK: Burde ignoreres pga float:left, men nødvendig for at IE ikke dobler leftmargin på første element...*/
float: left;
margin: 0 10px 11px 0;
}
div#eventteaser div.event a.name {
display: block;
width: 138px;
height: 14px;
padding-top: 5px;
overflow: hidden;
color: #383C32;
text-decoration: none;
}
div#eventteaser div.event a.citydate {
display: block;
width: 138px;
height: 14px;
overflow: hidden;
color: #9F9F9F;
text-decoration: none;
}
div#eventteaser img.knap {
float: right;
padding-top: 10px;
}
/*
* R E S T A U R A N T E R
*/
div#restaurant div#topgfx {
height: 134px;
padding: 194px 0 0 274px;
background-image: url(/gfx/restaurant_top.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#restaurant div#topgfx a {
display: block;
height: 17px;
padding: 3px 25px 0 10px;
margin-bottom: 1px;
overflow: hidden;
text-decoration: none;
color: white;
}
div#restaurant div#restaurantlist {
padding-top: 33px;
background-image: url(/gfx/restaurant_overskrift.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#restaurant div#restaurantlist div.restaurant {
clear: both;
padding: 5px 0 5px 0;
border-bottom: 1px solid #DEE2D5;
background-image: url(/gfx/restaurant_baggrund.gif);
background-position: top left;
background-repeat: repeat-y;
}
div#restaurant div#restaurantlist div.restaurant a {
float: left;
padding: 0 10px;
}
div#restaurant div#restaurantlist div.restaurant a.name { width: 128px; }
div#restaurant div#restaurantlist div.restaurant a.city { width: 67px; }
div#restaurant div#restaurantlist div.restaurant a.discounts { width: 283px; }
div#restaurant div#restaurantlist div.restaurant.last {
border-bottom: 0px;
padding-bottom: 0;
}
div#restaurant div#restaurantlistbottom {
height: 11px;
background-image: url(/gfx/restaurant_corner_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#restaurant div#detailtopgfx {
height: 196px;
background-image: url(/gfx/restaurant_top_small.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#restaurant h1 {
border-bottom: 1px solid #DEE2D5;
margin-bottom: 10px;
}
div#restaurant div#facts {
float: right;
width: 260px;
}
div#restaurant div#facts div#detailstop {
height: 11px;
background-image: url(/gfx/restaurant_smallbox_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div#restaurant div#facts div#details {
padding: 10px 0 10px 20px;
background-image: url(/gfx/restaurant_smallbox_baggrund.gif);
background-position: top left;
background-repeat: repeat-y;
}
div#restaurant div#facts div#detailsbund {
height: 11px;
background-image: url(/gfx/restaurant_smallbox_bund.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#restaurant div#facts div#back {
float: right;
padding: 20px 20px 0 0;
}
div#restaurant div#desc {
width: 276px;
}
body.popup div#restaurant div#close {
clear: both;
text-align: right;
padding: 20px 20px 0 0;
}
/*
* P O P U P
*/
div#popup_top {
position: relative;
height: 20px;
margin-top: 47px;
background-image: url(/gfx/popup_top.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
img#popup_logo {
position: absolute;
left: 443px;
top: -42px;
z-index: 1000;
}
div#popup_content {
padding-left: 20px;
background-color: white;
color: #383C32;
}
div#popup_bund {
height: 20px;
background-image: url(/gfx/popup_bund.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
/*
* A B O N
*/
div#abon {
height: 632px;
background-image: url(/gfx/abonnoment_baggrund.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#abon a#link_terminate
{
display:inline;
height:86px;
margin-left:-269px;
margin-top:140px;
position:absolute;
text-decoration:none;
width:82px;
}
div#abon div#top_left {
float: left;
width: 229px;
height: 189px;
padding: 20px 20px 0 20px;
}
div#abon div#top_left div#green1 {
height: 33px;
margin-top: 8px;
overflow: hidden;
}
div#abon div#top_left div#green2 {
height: 50px;
margin: 0;
overflow: hidden;
}
div#abon div#top_left div#green3 {
height: 65px;
margin: 5px 0 0 72px;
overflow: hidden;
}
div#abon div#top_right {
float: right;
width: 421px;
height: 189px;
padding: 20px 20px 0 20px;
}
div#abon div#top_right div#grey1 {
height: 65px/*58px*/;
margin-top: 10px;
overflow: hidden;
}
div#abon div#top_right div#grey2 {
height: 68px;
margin-top: 15px/*22px*/;
overflow: hidden;
}
div#abon div#top_right div#grey2 div.fordel {
float: left;
width: 134px;
height: 13px;
padding: 7px 6px 0 0;
overflow: hidden;
}
div#abon div#bottom_left {
float: left;
width: 229px;
height: 79px;
margin-top: 20px;
padding: 20px 20px 0 20px;
}
div#abon div#bottom_left div {
margin-top: 10px;
color: white;
background-color: #F5481B;
}
div#abon div#bottom_right {
float: right;
width: 461px;
height: 99px;
margin-top: 20px;
}
div#abon div#bottom_right a {
float: left;
width: 144px;
margin-right: 10px;
height: 18px;
padding-top: 81px;
text-align: center;
}
div#abon div#bottom_right a.last {
margin-right: 0;
}
div#abon div#bottom_right a.abn_special {
width: 298px;
}
/*
* A R T I C L E
* I N F O
* A F M E L D
*/
div#info,
div#afmeld {
padding-left: 20px;
}
div#article h1 {
border-bottom: 3px solid #ACD165;
padding-right: 100px;
}
div#info h1,
div#afmeld h1 {
border-bottom: 3px solid #ACD165;
}
div#article img,
div#info img {
clear: right;
float: right;
padding: 20px 0 20px 20px;
}
div#article div#text,
div#info div#text,
div#afmeld div#text {
padding: 20px 20px 0 0;
}
div#article .subheader,
div#info .subheader {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
div#article div#back,
div#info div#back {
clear: both;
text-align: right;
}
div#article div#back img,
div#info div#back img {
float: none;
padding: 20px 20px 0 0;
}
/*
* P A Y M E N T
*/
div#payment div#bottom_bar {
clear: both;
height: 42px;
margin-top: 10px;
background-color: #ACD165;
background-image: url(/gfx/corner_left_green_42px.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#payment div#bottom_bar input {
float: right;
padding: 12px 30px 0 0;
}
div#payment div#bottom_bar p {
padding: 15px 0 0 20px;
}
div#payment p {
padding: 10px 0px 5px 0px;
}
div#payment div#close {
text-align: right;
padding: 20px 20px 0 0;
}
/*
* C O N D I T I O N S
*/
div#conditions pre {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}
div#conditions div#close {
text-align: right;
padding: 20px 20px 0 0;
}
/*
* P A S S W O R D
*/
div#password h1 {
margin-bottom: 20px;
}
div#password div#close {
text-align: right;
padding: 20px 20px 0 0;
}
/*
* V I D E O
*/
body.popup div#video div#close {
clear: both;
text-align: right;
padding: 20px 20px 0 0;
}
/* EBOOK SECTION START */
ul#ProductList
{
margin: 0 0 0 -5px;
padding: 0;
list-style-type: none;
overflow: hidden;
}
ul#ProductList li
{
margin: 5px 0 10px 5px;
position: relative;
}
ul#ProductList li a
{
display: block;
height: 100%;
color: #333;
text-decoration: none;
font-weight: bold;
background-image: url(/gfx/ebooks/Product.png);
padding: 10px;
width: 350px;
height: 108px;
overflow: hidden;
}
ul#ProductList li a:Hover
{
color: black;
background-image: url(/gfx/ebooks/Product.Hover.png);
}
ul#ProductList li img.Product
{
float: left;
margin: 0px 10px 0px 0px;
padding: 0;
height: 100%;
border:0;
}
ul#ProductList li small
{
display: block;
margin-top: 0px;
padding-top: 5px;
font-size: 10px;
font-weight: normal;
line-height: 13px;
}
/* EBOOK SECTION END */