html,body {margin:0;padding:0; background-color: #000; height:100%;   }
img {border:0px;}

/* --------------------------------------------------- FONTS ------------------------------ */
body {font: 12px arial,sans-serif; color:#999; }

p, a, h1, h2 { margin:0px;  padding: 0px; }

#agb P, #agb OL LI, #wrb P { font-size: 11px; text-align:justify; }
#agb OL, #agb OL LI { margin: 0px; padding: 0px; }
#agb P, #agb OL { padding-left: 18px; margin-bottom: 1em;  }

#wrb P { margin-bottom: 1em; }

#footer P, #footer A {font-size: 11px; text-transform: uppercase; }

#agb .achtung { color: #F00; }


a{
        text-decoration:none;
        color:#FFF;
}

a:hover{ color:#FF0; }

h1, h2 {
        font-weight:normal;
		text-transform: uppercase;
		margin-bottom: 10px; 
}
h1 {	font-size: 20px; }
h2 {	font-size: 14px;}

.warenkorb H1 { margin-bottom: 0px; }



.waehrung{font-size: 12px;margin:0px;padding:0px;padding-top:12px;}

.artikelpreis { font-weight: bold; }
.artikeldetails .artikelpreis { font-size: 20px; }
.artikel_suche .artikelpreis { font-size: 16px; }
.grafikpreis{white-space:nowrap;}

.alterPreis { font-weight: normal; text-decoration: line-through; }


.warning{color:#F00;font-weight:bold;margin:0px;padding:0px;margin-top:12px;}

.infotext { font-size: 10px }
.smalltext, .small { font-size: 10px; }

.clear { clear:both; height: 1px; }

.normalcase { text-transform: none; }
.artikelname, .warenkorb .item_name { text-transform: uppercase; }

.tabcell_preis { color: #000; }

/* --------------------------------------------------- FORMS ------------------------------ */

form, .form_standard { margin: 0px; padding: 0px; }

.form_standard .standard, .form_standard .warning, .form_label { text-transform: uppercase; font-size: 11px; font-style: normal; }
.form_standard .warning { font-size: 10px; clear: both; margin: 0px; padding: 0px; }

textarea, input, select { border: 0px solid #999; background-color: #666; color: #000; margin: 0px; margin-bottom:2px; }

textarea, input { padding: 1px 0px; }
select { padding: 0px; }

.input_l1 {  width:300px; }
.input_l21 {  width:50px; margin-right: 2px; }
.input_l22 {  width:248px; }

input.frage_email, input.login {  width:100%;}


input.suche_verfeinern {  width:140px; }




/* ------------ serachbox ------------ */
#searchbox { width: 200px; padding: 2px 0px 2px 0px; margin-bottom: 20px;  }
#searchbox, #searchbox input { background-color: #FFF /* #f7e61f */; border: 0px solid #F00;  }
#searchbox input.button { width: 28px; height: 20px; background: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/menupoint_black.png) no-repeat 20px 7px; }
#searchbox input.suche { background-color: #FFF; padding: 0px;  border: 1px solid #CCC; }


/* ---------------------------------------- BUTTONS ----------------------------------- */

.button { text-transform: uppercase; font-size: 11px; }

/* ---------------------------------------- button0 - Schrift weiss, kein Hintergrund */
A.button0_left { border: 0px solid #F00; background: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/pfeil_links_00.png) no-repeat 0px 2px; padding-left: 13px; }
A.button0_left:hover { background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/pfeil_links_01.png); }

A.button0_right { border: 0px solid #F00; background: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/pfeil_rechts_00.png) no-repeat 0px 2px; padding-left: 13px; }
A.button0_right2 { border: 0px solid #F00; background: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/pfeil_rechts_00.png) no-repeat right 2px; padding-right: 13px; }
A.button0_right:hover, A.button0_right2:hover { background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/pfeil_rechts_01.png); }

A.button0_kreuz { border: 0px solid #F00; background: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/kreuz_00.png) no-repeat 0px 3px; padding-left: 13px; }
A.button0_kreuz:hover { background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/kreuz_01.png); }

/* ---------------------------------------- button1 - hintergrund, schwarze Schrift */
.button1_right { background: #F7E61F url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/pfeil_rechts_10.png) no-repeat 5px 5px; width: 100%; 
	float: left; 
	color: #000; }
.button1_right .inner, INPUT.button1_right  { padding: 3px 5px 3px 18px; }

.button1_center, 
.button2_center { background: #F7E61F; width: 100%; 
	float: left; 
	text-align: center; 
	color: #000; }
.button1_center .inner,
.button2_center .inner  { padding: 3px 5px 3px 5px; }

A .button1_center .inner, A .button2_center .inner { color: #000; }
A.button1_right:hover, A.button1_center:hover,
A:hover .button1_center .inner, A:hover .button2_center .inner  { color: #000; }

.button2_center { background-color: #BBB; color: #333;}
A.button2_center:hover { color: #666; }


.button_message { background-color: #F00; color: #FFF; }

/* --------------------------------------------------- LAYOUT ------------------------------ */

#background { position: absolute; z-index: 1; width:100%; height:598px;  background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/bg1.jpg); }
#outer { position: absolute; z-index: 2; width: 100%; height: 100%; }
#container_outer { position: relative; width: 1000px; height: 100%; border: 0px solid #CCC; left: 50%; margin-left: -500px; }

#kopf_logolink A { position: absolute; z-index: 21; left: 0px; top: 0px; width: 280px; height: 220px;
	background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/mumbologo_1.png); }

#container_inner { position: absolute; left: 40px; z-index: 10; width:960px; height: 100%;  border: 0px solid #0F0;}

#header { position: relative; width: 960px; height:120px; text-align:left; overflow: hidden; border: 0px solid #F00;}

#container{ position: relative; width: 960px; text-align:left; background-color: #141414;  padding: 20px 0px; }

#wrapper{float:left; width: 680px; }

#content { width: 500px; margin-left: 20px; border: 0px solid #F00; margin-top: 95px; }
#content.content_wider { width: 680px;  }

#content.content_artikel, #content.content_produkte { margin-top: 0px; }


#left_container{float:left;width:240px; margin-top: 100px; }
#right_container{float:left;width:180px; }


#footer { width:100%;  clear: left; padding: 5px 0px; }

.leftbox { clear: both; }

#login_status.leftbox { margin-top: 20px; }

#backlinks { border-top: 1px solid #333; margin: 20px 0px; padding-top: 5px; }
#backlinks A, #backlinks P { font-size: 10px; color: #333; }

/* --------------------- LAYOUT #header ------------------- */
		
#header #kopfzeile  { position: absolute; z-index: 20; 
	width: 100%; padding: 6px 0px; bottom: 5px; background-color: #FFF; }

#header #kopfzeile #login_status { position: relative; float: left; margin-left: 260px; color: #333;  }
#header #kopfzeile #kopflinks { position: relative; float: right; margin-right: 10px; } 

#kopflinks A.button { border-right: 1px solid #000; padding: 0px 10px; color: #000; }
#kopflinks A:hover { color: #666; }
#kopflinks A.button_last { border-right: 0px; }


/* --------------------- LAYOUT #content ------------------- */

#cont_headpic_outer {
	position: relative;
	width: 680px;
	height: 260px;
	}
#cont_headpic { position: absolute; width: 100%; height: 260px; border: 0px solid #FFF; z-index: 20; overflow:hidden; }
#cont_headtext { position: absolute; width: 450px; height: 260px; right: 0px; border-left: 1px dotted #000; z-index: 30; 
	color: #000; 
	font-size: 10px; }
#cont_headtext .inner { padding: 50px 20px; }

	
#cont_headnavi_outer { border: 0px solid #FFF;
	position: relative;
	clear: both;
	width: 100%;
    padding:0px;
    margin:10px 0px;
}

.content_head, #content_head { border-bottom: 2px dotted #999; margin-bottom: 20px; }

.cont_head_rechts { float:right; }
.cont_head_links{ float:left; }


div#contentUntereGrenze { clear: both }


#content_head_bestell IMG { width: 99px; margin-right: 1px; }


/* -------- sections ---------- */
.section {  
	position: relative;
	border-top: 2px dotted #999; 
    padding:5px 0;
    margin:0px 0px 10px 0px;
	}
.section_inactive {
	color: #444;
	border-top: 2px dotted #444; 
	}
.section_noborder {
	border-top: 0px; 
	}
.section_subsection {
	border-top: 2px dotted #444; 
	}	
		
#sectionheader, .sectionheader {		
	border-top: 2px dotted #999; 
    padding:5px 0;
    margin:0px 0px 10px 0px;

	text-transform: uppercase;
	font-size: 14px;
        }

.sectionheader_noborder {
	border-top: 0px;
	}

/* --------------------- BOXEN -------------------- */

.subbox { border-top: 1px solid #333; width:200px; }
.subbox_left .inner { padding: 5px 0px 5px 30px; }
.subbox .boxheader { font-size: 10px; color: #666; text-transform: uppercase; }

.subbox .subbox_content { clear: both; margin-top: 10px; }

.subbox A.artikelnamelink { font-size: 10px; }

/*------------------------------- Kategorie Menü (leftContent.tlp / functions.php) ----------------------------------------- */

div#kategorie_menu { border: 0px solid #FF0; margin-bottom: 20px; }
div.katmenu-item { height: 23px; width: 100%; padding: 0px; margin: 0px; border: 0px solid #F00; background-color:none; }
div.katmenu-spacer { height: 5px; }

div.katmenu-item A, div.katmenu-item P { text-transform: uppercase; font-size: 12px; padding: 5px 0px 5px 30px; color: #FFF;
	background: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/menupoint_leer.png) no-repeat 20px 7px ; }

div.kat-level10 div.katmenu-item A { font-style:normal;  font-size: 20px; color: #666;}
div.kat-level20 div.katmenu-item A { font-style:italic; }

div.kat-level30 div.katmenu-item { height: 16px; }
div.kat-level30 div.katmenu-item A, div.kat-level30 div.katmenu-item P 
{ font-size: 10px; padding: 0px 0px 0px 50px; background: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/menupoint_leer.png) no-repeat 20px 7px ; }


div.kat-selected A { color: #f7e61f; background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/gfx_own/menupoint_yellow.png);  }
div.kat-level10 div.kat-selected A {  color: #FF0; }

div.kat-level10 div.kat-top A { font-size: 20px; color: #666; }
div.kat-level10 div.kat-top { margin-bottom: 10px; }



/*------------------------------- Artikelliste (produkte.tlp) ----------------------------------------- */

div.artikelliste { border: 0px solid #ccc; clear: both; position: relative; width:100%; }
DIV.artikel_ein { width: 220px;  height: auto;  border: 0px solid #ccc; 
	margin-bottom: 10px; margin-right: 10px; float: left; }
DIV.artikel_lastinrow { margin-right: 0px; }

DIV.artikelliste_img { padding: 0px; width: 220px; height: 260px; background-color: #FFF; overflow: hidden; text-align: center; }

DIV.artikelliste_info { background-color: #f7e61f; width:100%; height: auto; min-height:25px;  }
DIV.artikelliste_info .inner { padding: 2px 5px; }
DIV.artikelliste_ub { text-transform: uppercase; float:left; border: 0px solid #FFF; max-width: 200px; }
DIV.artikelliste_ub A { color:#000; text-decoration: none; font-size:11px; font-weight: normal;  }
DIV.artikelliste_preis { clear: both; border: 0px solid #000; color: #000; font-weight: bold; }

DIV.teaser { 
	z-index:100;
	width:68px;height:68px;
	position:absolute;
	}


/*------------------------------- Artikeldetail (artikel.tlp) ----------------------------------------- */

.artikeldetails { border: 0px solid #F00; }

H1 .header_spezial { color: #f7e61f; }

#artikeldetail_infos H2 { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-top: 0px; }

#artikel_bild { border: 0px solid #CCC; width: 220px; height: 260px; overflow:hidden; background: #FFF; }
DIV.artikeldetail_pic1 { border: 0px solid #F00; margin: 0px; }

#artikeldetail_infos { padding: 0px;  }

#artikel_kleinebilder { margin-top: 5px; text-align: center;  }
.artikel_kleinesbild { width: 70px; height: 80px; float: left; border: 0px solid #d0d0d0; margin: 0px 5px 5px 0px; overflow:hidden;}
.artikel_kleinesbild_lastinrow {  margin-right: 0px; }

DIV.selectbox_size1, DIV.selectbox_size { 
	border: 0px solid #D0D0D0; float: left; padding: 0px 3px 0px 3px; text-align: left; min-width: 28px; }
DIV.selectbox_size1 { padding-left: 0px; }


/* ----------------------------------------------------------------------------------------------------- */

/* [START] ------------------------ Warenkorb --------------------------- */
/* -------------------------------- Liste */

TABLE.warenkorb_liste_item, TD.warenkorb_liste_item {
	padding: 5px 0px;
	border: 0px solid #FFF;
	border-bottom: 2px dotted #444;
	}
TABLE.warenkorb_liste_item A {  }	

TABLE.warenkorb_liste_item TR TD IMG { margin-right: 5px; }

TABLE.warenkorb_liste_summe { 
	border: 0px solid #FFF;
	margin-top: 10px;
	/*
	border-bottom: 2px dotted #FF9C00;
	*/
	}

/* [ENDE] ------------------------- Warenkorb --------------------------- */



input.loginbox{
		width:74px;
}

#brotnavi{
        height:25px;
        margin-top: 1px;
}

#brotnavi .navi{
        font-size: 12px;
        padding:6px;
        padding-left:11px;
        margin:0px;
        color: #fff;
}

#brotnavi a{
        text-decoration: none;
        color: #CACDCD;
        }

#brotnavi a:hover{
        text-decoration: none;
        color: #fff;
        text-decoration: underline;
        }


#contentUntereGrenze{
	clear: both 
        padding:0px;
        margin:0px;
        margin-top:10px;
        padding-top:0px;
}

#contentUntereGrenze_rechts, .contentUntereGrenze_rechts {
        float:right;
        border-width:0px;
}

#contentUntereGrenze_links, .contentUntereGrenze_links {
        float:left;
        border-width:0px;
}


#suche_verfeinern{
        border-width:0px;
        margin-top:12px;
        padding:0px;
}


.highslide {
	cursor: pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/css/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-html {
background-color: #f2f2f4;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;

padding-left: 22px;
background-image: url(http://mumbojumboshop.com/templates/mumbojumbo/js/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
background-color: #f2f2f4;
}
.highslide-wrapper .highslide-html-content {
width: 460px;
padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
margin: 0;
text-align: right;
border-bottom: 1px solid white;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: silver;
}
.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}
.highslide-wrapper .highslide-header a {
font-weight: bold;
color: #000000;
text-transform: uppercase;
text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}
.highslide-wrapper .highslide-footer {
height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(http://mumbojumboshop.com/templates/mumbojumbo/js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
cursor: move;
}
.highslide-resize {
cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}

#artPrev, #artNext {}
#artPrev a, #artNext a {
}

/*  styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock {
	display:block;
	/*border-bottom:1px solid #999;*/
	padding-bottom:8px;
	margin-top:10px;
	margin-bottom:10px;
	}

.loading {
	height: 30px;
	background: url('http://mumbojumboshop.com/templates/mumbojumbo/gfx/starrater/working.gif') 50% 50% no-repeat;
	}

.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('http://mumbojumboshop.com/templates/mumbojumbo/gfx/starrater/starrating_big_yellow.png') top left repeat-x;
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}

.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}

.unit-rating li a:hover{
	background: url('http://mumbojumboshop.com/templates/mumbojumbo/gfx/starrater/starrating_big_yellow.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('http://mumbojumboshop.com/templates/mumbojumbo/gfx/starrater/starrating_big_yellow.png') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}