#customer-wear-top
{
	position:relative;
	/* background: url('/images/pagetools/customer-top-scroll-bg.jpg') repeat-x; */
	background-color:#000;
	height:72px;
	overflow:hidden;
	padding-top:10px;
}

#customer-wear-top-content { position:absolute;width:1000px;text-align:center;}
#customer-wear-top-content img
{
	margin: 0 5px;
}
.hidden { display:none; }

#top-warning { text-align:center;color:#000; font-weight:bold; background-color:yellow; }

body 
{
    margin:0;
    padding:0;
    font-family:verdana, arial;
    font-size:12px;
    background:#000 url(/images/main/bg.jpg) top center no-repeat;
}

h1, h2, h3 { margin:0;padding:0; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }

.tc { text-align:center; }
.tl { text-align:left; }
.align-right  { text-align:right; }

a, a:link, a:visited, a:active{ color:#aaa; text-decoration: none; -moz-outline: 0;outline:0; }
a:hover{ color:#ccc;text-decoration: underline; }
a:focus { outline:none; }

img { vertical-align:bottom; border:none; }
ul, li, p { padding:0;margin:0;list-style:none; }
form { margin:0;padding:0; }
.clr { clear:both; }
.fl { float:left; }
.fr { float:right; }
.red { color:#ff0000; font-weight:bold; }

#kluns, #kunst, #gallery, #shop, #events, #contact, #product, #login,
#designrum, #contact_sended, #events, #search, #sponsor, #about, #tilbud,
#artshop, #password_recovery, #firma
{
    position:relative;
    width:1000px;
    height:700px;
}

#target-marketplace { position:absolute;top:48px;left:193px;width:131px;height:52px; }
#target-designroom { position:absolute;top:48px;left:347px;width:182px;height:52px; }

#artshop{ background: url(/images/artshop/site_bg.jpg) no-repeat scroll; }
#kluns{ background:url(/images/kluns/site_bg.jpg) no-repeat; }
#kunst{ background:url(/images/kunst/site_bg.jpg) no-repeat; height:720px; }
#designrum{ background:url(/images/designrum/site_bg.jpg) no-repeat; height:690px; width:1000px; overflow:hidden; }
#about{ background:url(/images/about/site_bg.jpg) no-repeat;  }
#sponsor{ background:url(/images/sponsor/site_bg.jpg) no-repeat;  }
#search{ background:url(/images/search/site_bg.jpg) no-repeat;  }
#contact{ background:url(/images/contact/site_bg.jpg) no-repeat;padding:347px 20px 0 20px; height:353px; width:960px; }
#contact_sended{ background:url(/images/contact/sitesend_bg.jpg) no-repeat; }
#events{ background:url(/images/events/site_bg.jpg) no-repeat; }
#login{ background: url(/images/login/site_bg.jpg) no-repeat; }
#tilbud{ background: url(/images/tilbud/site_bg.jpg) no-repeat scroll; }

#streach{ background: url(/images/streach/site_bg.jpg) repeat-y;position:relative;width:1000px; }

#firma{ background: url(/images/firma/site_bg.jpg) no-repeat scroll; }

#password_recovery{ background: url(/images/streach/site_bg.jpg) repeat-y;padding:30px 70px; height:400px; }





#wrapper{ background-color:#fff;width:1000px;margin:0 auto 50px auto; }

#menu{ background-color:#000;width:1000px;height:125px; }

#menu-new { float:left;position:relative;width:800px;height:125px; }


.targets{float:left;height:74px; }
.targets a{ background:url(/images/pagetools/top_menu.png) no-repeat;width:114px;height:74px;float:left; }

a.menukluns{ background-position:0 0; }
a.menukunst{ background-position:0 -74px; }
a.menudesignrum{ background-position:0 -148px; }
a.menufirma{ background-position:0 -370px; }
a.menuartshop{ background-position:0 -222px; }
a.menutilbud{ background-position:0 -296px; }

a.menukluns:hover{ background-position:-115px 0; }
a.menukunst:hover{ background-position:-115px -74px; }
a.menudesignrum:hover{ background-position:-115px -148px; }

a.menufirma:hover{ background-position:-115px -370px; }

a.menuartshop:hover{ background-position:-115px -222px; }
a.menutilbud:hover{ background-position:-115px -296px; }


.searchbox{ background: transparent url(/images/pagetools/searchbar.png); margin:25px 0 0 0;float:left;width: 125px;height: 20px; }
#txtsearch{ background-color:transparent; color:#ffffff;width:105px;height:18px;border:0;letter-spacing:1px;float:left;padding: 1px 0 1px 2px;font-size:10px; }
#btnsearch{ border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('/images/pagetools/searchbar_button.png') no-repeat;
    width:16px;    height:16px;     margin:2px 2px 2px 0;     vertical-align:bottom;    float:left; }
#btnsearch:hover{ background-position:0 -16px; }

#search-main
{
    padding: 120px 0 0 115px;
    width:775px;
    height:460px;
}
#search-field
{
    width:400px;
    margin:0 auto;
}

#basket{ height:74px;float:right;width:75px; }
#basketinfo{ float:left;padding-top:20px;width:75px; height:54px;color:#fff;font-size:10px; }
#cartprice{ position:absolute; width:75px; text-align:right;height:54px; }


#usermenu{ width: 88px;height:74px;float:right;margin-left:15px; }
#usermenu a
{
    background:url(/images/pagetools/top_menu.png) no-repeat;
    float:left;
    width:88px;
    height:10px; 
    margin: 4px 0;
    font-size:0;
}

a#usermenulogin{ background-position:0 -444px; }
a#usermenuaccount{ background-position:0 -454px; }
a#usermenucheckout{ background-position:0 -464px; }
a#usermenubasket{ background-position:0 -474px; }

a#usermenulogin:hover{ background-position:-88px -444px; }
a#usermenuaccount:hover{ background-position:-88px -454px; }
a#usermenucheckout:hover{ background-position:-88px -464px; }
a#usermenubasket:hover{ background-position:-88px -474px; }

#footer{ clear:both;background-color:#000;font-size:10px;color:#fff;padding-top:30px; }

.sponsor{
    width:255px; height:88px; background-image:url(/images/pagetools/sponsor.jpg); float:left; margin-left:50px;}
.about{
    width:255px; height:88px; background-image:url(/images/pagetools/about.jpg); float:right; margin-right:50px;}
.info{
    clear:both;
    text-align:center;
    padding:60px 0 0 0;}
.box_wrapper {
	background: url(/images/boxtopbg.png) repeat-x;
	border: solid 1px black;
	padding-top:20px;}
.box_top{
    background: url(/images/boxtopbg.png) repeat-x;
    height:20px;}
.box_content{
	padding: 0 20px 0 20px;
	background-color: #fff;}
.box_bottom{
	height:20px;
	background:url(/images/boxbottombg.png) repeat-x;}

.pagerback
{
    width:80px;
    height:26px;
    background-image:url(/images/pagetools/tilbage.png);
}

.pagerback:hover
{
   background-position:0 -26px;
}

.pagerforward
{
    width:80px;
    height:26px;
    background-image:url(/images/pagetools/tilbage.png);
}

.pagerforward:hover
{
   background-position:0 -26px;
}
#loading { padding-top:50px;text-align:center; }
/* --------------------- START KLUNS.ASPX ---------------------- */


/* --------------------- SLUT KLUNS.ASPX ---------------------- */

/* --------------------- START EVENTS.ASPX ---------------------- */
#eventschooseeventsartshop
{
    width:320px;
    height:60px;
    top:58px;
    left:330px;
    position:absolute;
}

.eventsbuttonevents
{
    width:133px;
    height:60px;
    float:left;
    margin:0 0 0 0;
    background-image:url(/images/events/events_artshop.png);
    
}

.eventsbuttonevents:hover
{
    background-position:0 -60px;
}

.eventsbuttonartshop
{
    width:148px;
    height:60px;
    float:left;
    margin:0 0 0 20px;
    background-image:url(/images/events/events_artshop.png);
    background-position:-133px 0;
}

.eventsbuttonartshop:hover
{
    background-position:-133px -60px;
}

.eventsbuttoneventschosen
{
    width:133px;
    height:60px;
    float:left;
    margin:0 0 0 0;
    background-image:url(/images/events/events_artshop.png);
    background-position:0 -120px;    
}

.eventsbuttonartshopchosen
{
    width:148px;
    height:60px;
    float:left;
    margin:0 0 0 20px;
    background-image:url(/images/events/events_artshop.png);
    background-position:-133px -120px;
}

.eventschoseneventbanner
{
    width:595px;
    height:120px;
    top:165px;
    left:40px;
    position:absolute;
    background-image:url(/pictures/events/bums.jpg);
    z-index:1;
}

.eventschoseneventcontent
{
    width:550px;
    height:450px;
    top:230px;
    left:430px;
    position:absolute;
}

.eventschoseneventpicsbox
{
    width:300px;
    height:410px;
    top:275px;
    left:679px;
    position:absolute;
    background-image:url(/images/events/contenttree.png);
    background-position:top right;
    background-repeat:no-repeat;
}

.eventschoseneventpicsboxpager
{
    width:300px;
    height:30px;
}

.eventsupcommingevents
{
    width:300px;
    height:50px;
    top:165px;
    left:650px;
    position:absolute;
    background-color:Aqua;
}

.eventspasteventsbox
{
    top:305px;
    left:20px;
    position:absolute;
}

.eventspasteventsbottom
{
    width:308px;
    height:188px;
    background-image:url(/images/events/pasteventsbottom.jpg);
}
/* --------------------- SLUT EVENTS.ASPX ----------------------- */
/* --------------------- START KONTAKT.ASPX --------------------- */

.transparenttextbox
{
    border:0;
    background-color:Transparent;
    overflow:hidden;
}

.contactsendbutton
{
    background-image:url(/images/contact/send.png); 
    width:175px; 
    height:73px; 
    margin:60px 0 0 60px;
}

.contactsendbutton:hover
{
    background-position:0 -75px;
}

/* --------------------- SLUT KONTAKT.ASPX --------------------- */


/* --------------------- START DESIGNRUM.ASPX --------------------- */
/*.designrumtypes { margin-bottom:20px;float:left; }
.designrumtypes a
{
    background:url(/images/designrum/clothe.png);
	width:35px;
    height:50px;
	float:left;
    margin:0 8px;
}

a.designrumtypehood{ margin-left:0px; }
a.designrumtypehood:hover{ background-position:0 -50px; }
a.designrumtypehoodActive 
{
    background-position:0 -100px;
    margin-left:0px;
}

a.designrumtypecap{ background-position:-35px 0;width:50px; }
a.designrumtypecap:hover{ background-position:-35px -50px; }
a.designrumtypecapActive
{
    background:url(/images/designrum/clothe.png) -35px -100px;
    width:50px;
}

a.designrumtypepants{ background-position:-85px 0; }
a.designrumtypepants:hover{ background-position:-85px -50px; }
a.designrumtypepantsActive
{
    background:url(/images/designrum/clothe.png) -85px -100px;
    width:35px;
}

a.designrumtypeshirt{ background-position:-120px 0;width:42px; }
a.designrumtypeshirt:hover{ background-position:-120px -50px; }
a.designrumtypeshirtActive
{
    background:url(/images/designrum/clothe.png) -120px -100px;
    width:42px;
}

a.designrumtypehoodies{ background-position:-162px 0;width:34px; margin-right:0; }
a.designrumtypehoodies:hover{ background-position:-162px -50px; }
a.designrumtypehoodiesActive
{
    background:url(/images/designrum/clothe.png) -162px -100px;
    width:34px;
    margin-right:0;
}

.designrumspacer
{
    width: 258px;
    height: 10px;
    clear: both;
}

.designrumclothtypes 
{
    float:left;
    width: 260px;
	margin-bottom:20px;
}
#clothtypehood a{ height:30px; background:url(/images/designrum/clothe_type.png) no-repeat; float:left;}
#clothtypehood a.selecttypeshirt1{ width:55px; }
#clothtypehood a.selecttypeshirt1:hover{ background-position:0 -30px; }

#clothtypehood a.selectedtypeshirt1{ background-position:0 -60px; }



#clothtypehood a.selecttypeshirt2{ width:36px; background-position:-55px 0 }
#clothtypehood a.selecttypeshirt2:hover{ background-position:-55px -30px; }

#clothtypehood a.selectedtypeshirt2{ background-position:-55px -60px; }


#clothtypehood a.selecttypeshirt3{ width:47px;  background-position:-92px 0 }
#clothtypehood a.selecttypeshirt3:hover{ background-position:-92px -30px; }

#clothtypehood a.selectedtypeshirt3{ background-position:-92px -60px; }



.designrumclouthcolor1
{
    width:50px;
    height:30px;
    background:url(../images/designrum/clouth_printcolors.png) 0px 0;
    float:left;
}

.designrumclouthcolor1:hover
{
    background-position:0px -30px;
}

.designrumclouthcolor2
{
    width:50px;
    height:30px;
    background:url(../images/designrum/clouth_printcolors.png) -50px 0;
    float:left;
}

.designrumclouthcolor2:hover
{
    background-position:-50px -30px;
}

.designrumclouthcolor3
{
    width:50px;
    height:30px;
    background:url(../images/designrum/clouth_printcolors.png) -100px 0;
    float:left;
}

.designrumclouthcolor3:hover
{
    background-position:-100px -30px;
}

.designrumclouthcolor4
{
    width:50px;
    height:30px;
    background:url(../images/designrum/clouth_printcolors.png) -150px 0;
    float:left;
}

.designrumclouthcolor4:hover
{
    background-position:-150px -30px;
}
.designrumclouthcolor5
{
    width:50px;
    height:30px;
    background:url(../images/designrum/clouth_printcolors.png) -200px 0;
    float:left;
}

.designrumclouthcolor5:hover
{
    background-position:-200px -30px;
}

.designrumselectmotive1
{
    width:60px;
    height:30px;
    margin:0 5px 0 5px;
    background:url(../images/designrum/clouth_motive.png) 0 0;
    float:left;
}

.designrumselectmotive1:hover
{
    background-position:0 -30px;
}

.designrumselectmotive2
{
    width:80px;
    height:30px;
    margin:0 17px 0 12px;
    background:url(../images/designrum/clouth_motive.png) -80px 0;
    float:left;
}

.designrumselectmotive2:hover
{
    background-position:-80px -30px;
}

.designrumselectmotive3
{
    width:80px;
    height:30px;
    margin:0 0px 0 0px;
    background:url(../images/designrum/clouth_motive.png) -160px 0;
    float:left;
}

.designruminbasket
{
    width:160px;
    height:35px;
    margin:20px 0 0 30px;
    background:url(../images/designrum/insertinbasket.jpg) 0 0;
    float:left;
}

.designruminbasket:hover
{
    background-position:0 -35px;
}
/*
/* --------------------- SLUT DESIGNRUM.ASPX --------------------- */

/* --------------------- START KUNST.ASPX --------------------- */
#kunst-manglende-produkter { padding-top:50px;text-align:center;color:#fff; }
#artist-step-3 { position:absolute;left:23px;top:97px;z-index:10; }
#artistpositionleft{ position:absolute;top:140px;left:0px;height:400px;width:313px;z-index:5; }
#artistright{ position:absolute;top:230px;right:0px;height:240px;width:655px; }
#artistpositionbottom{ position:absolute;bottom:0px;left:0px;height:162px;width:1000px;background-color:#000; }
#artistshadow{ position:absolute;bottom:145px;left:0px;height:45px;width:1000px;background:url(/images/kunst/gallery_overlay.png) repeat-x;z-index:1; }

#kunst div#hide{ display:none; }

#artproductwrap{ position:relative;top:25px;left:20px;width:280px;height:210px;color:#fff; }
#artproduct{ width:100px;height:115px; }
#minidescription{ padding-top:5px; }
#fullproductimages img { cursor:pointer; }

/* artist hover */
.artistwrapper
{
	background-color:#000;
    float:right;
    overflow:hidden;
    height: 234px;
    width: 45px;
    border:solid 2px #a0682f;
    position:relative;
}
#artistright img{
    position: absolute;
    border:solid 1px #000;
    cursor:pointer;
    top:0;
    left:0;
}
.artistname { font-size: 14px; font-weight: bold; letter-spacing:1px; float:right; text-transform:uppercase; color:Orange; }

#kunst-name { font-size: 14px; font-weight: bold; letter-spacing:1px; text-transform:uppercase; color:Orange; }

#kunst-description { font-size: 10px; font-weight: bold; letter-spacing:1px; text-transform:uppercase; }

#artistright p
{
	font-size:11px;
	color:#fff;
    margin:0;
    padding:0;
    width:238px;
    height:236px;
    display:block;
    margin-left:57px;
}
/* artist hover */

/* overlay */
div.productoverlay { 
    background-image:url(../images/pagetools/transparent.png); 
    width:600px; 
    height:500px;         
    color:#fff;
    display:none;
    padding:55px; 
} 

div.artistoverlay-content  {
    display:none;
    z-index:10000;  
    background-image:url(../images/pagetools/transparent.png);
    width:600px; 
    height:500px;         
    color:#fff;
    padding:55px;
} 

#overlay_product
{
    overflow:auto;
    width:600px; 
    height:500px;  
}
div.productoverlay div.close, div.artistoverlay-content div.close { 
    background-image:url(../images/pagetools/close.png); 
    position:absolute; right:24px; top:26px; 
    cursor:pointer; 
    height:27px; 
    width:50px; 
}

#artistoverlay-image{ float:left;width:100px; }
#artistoverlay-header{ float:left;width:500px;font-size:14px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;color:Orange; }
#artistoverlay-details { float:left;width:500px; } 
/* overlay */

/* product scroll */
a.prev, a.next, div.navi a{ background:url(/images/pagetools/buttons.gif) no-repeat 0 0;width:18px;height:18px;float:left;margin:53px 13px 0 13px;cursor:pointer; }
a.next{ background-position:-18px 0px; }
a.prev:hover{ background-position:0px -18px; }
a.next:hover{ background-position:-18px -18px; }
a.disabled{ visibility:hidden !important; }

div.navi{ float:right;margin-right:43px;display:inline;font-size:0;}
div.navi a{ background-position:-36px 0; width:10px;height:10px;margin:3px; }
div.navi a:hover{ background-position:-36px -10px; }
div.navi a.active{ background-position:-36px -20px; } 


#scrollable{ float:left;position:relative;overflow:hidden;width:910px;height:143px; } 
.items{ width:20000em;position:absolute; } 
.scrollproduct{ float:left;text-align:center;width:170px;height:141px;background:url(/images/kunst/kunst_unselected.png) no-repeat;margin-right:15px;cursor:pointer;position:relative; } 
.scrollproduct img { margin:auto; }

#items .active{ background:url(/images/kunst/kunst_selected.png) no-repeat; } 
.scrollproduct div{ color:#ff9000;width:170px;position:absolute;left:0px;bottom:5px; }

.scrollproduct .sold{ background:url('/images/kunst/thumb-sold.png');width:75px;height:110px;position:absolute;left:48px;bottom:5px; }
/* --------------------- SLUT KUNST.ASPX --------------------- */

/* --------------------- START CONFIRM.ASPX -------------------- */

.checkout-content
{
	position:absolute;
    width: 605px;
    top: 145px;
    left: 253px;
}

.checkout-redbox
{
    color:#fff;
    width: 605px;
    height:214px;
}

.confirmbottom
{
    width: 600px;
    height:200px;
    margin-top:40px;
}

/*
.confirmbutton
{
    width: 200px;
    height: 100px;
    background-image: url(/images/checkout/confirm.png);
    cursor:pointer;
    float:right;

}
.confirmbutton:hover
{
    background-position: 0 -100px;
}     
    
 --------------------- SLUT CONFIRM.ASPX -------------------- */

/* --------------------- START LOGIN.ASPX  -------------------- */
.logintextboxfield
{
    width: 640px;
    padding: 170px 0 0 60px;
    height: 530px;
    float: left;
}

.logintextboxfieldtop
{
    width: 560px;
    padding: 20px 0 20px 0;
}
.logintextboxfieldleft
{
    width: 410px;
    height: 350px;
    float: left;
}
.logintextboxfieldright
{
    width: 230px;
    height: 350px;
    float: left;
}

.logintextboxfieldbottom
{
    position:absolute;
    background-color:#fff;
    width:175px;
    top:305px;
    left:280px;
    border:dotted 1px #000;
    padding: 3px;
}

#loginloginfieldright
{
    width: 220px;
    float: left;
    padding: 260px 0 0 60px;  

}
.textbox-wrapper{width:186px;height:25px;padding:5px;background-image:url(../images/pagetools/textbox.png);border:0;float:left;}
.textbox-wrapper:hover{background-position:0 35px;}
.empty-textbox{width:182px;height:20px;background-color:Transparent;border:0;letter-spacing:1px;}

.textbox-wrapper2{width:186px;height:25px;padding:5px;background-color:Transparent;background-image:url(../images/pagetools/textbox.png);border:0;background-position:0 -35px;float:left;}

.logintextboxholder
{
	clear:both;
    padding: 0 0 10px 0;
}

.star { float:left; color:#d20000; font-weight:bold; font-size:27px; }

.logintextboxholdertext
{
    padding: 0 0 5px 3px;
    font-weight: bold;
}

.logincreateuserbutton
{
    width: 200px;
    height: 50px;
    background-image: url(../images/login/createuser.png);
    cursor:pointer;
}
.logincreateuserbutton:hover
{
    background-position: 0 50px;
}
.loginbutton
{
    width: 200px;
    height: 50px;
    background-image: url(../images/login/login.png);
    cursor:pointer;
}
.loginbutton:hover
{
    background-position: 0 50px;
}

/* --------------------- SLUT LOGIN.ASPX  -------------------- */



/* --------------------- START CREATEACCOUNT.ASPX --------------------- */

.red { color: #ff0000; }

/* --------------------- SLUT CREATEACCOUNT.ASPX --------------------- */