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

/* -------------------------------- LAYOUT verwendet ---------------------------------------- */
#header, #logo, #katpic, #header_link {
		width: 940px; height: 227px;
		}
#header {
		position: relative;
		margin:0 auto;
		border: 0px solid #FF0; 
		}
DIV#logo, DIV#katpic, div#header_link {
	position: absolute; left: 0px; top: 0px; 
	}		
DIV#logo {
	z-index: 10;
	}
DIV#katpic {
	z-index: 20;
	border: 0px solid #F00;
	}
DIV#header_link { z-index: 30; }						
		
#container {
    position: relative;
	width:940px; height: auto; margin:0 auto;  
	border: 0px solid #0F0; /* background-color: #FFF; */
	text-align:left; 
	}
	
#container_inner { float:left; width:100%; height: auto; border: 0px solid #00F;  }
#wrapper{ float:left; width:100%; border: 0px solid #00F; z-index: 20; background-color: #FFF; }

#content { width: 580px; height: auto; min-height: 463px; margin: 0px 180px 0px 180px; padding-bottom: 25px; 
	border: 0px solid #CCC; }
#content p{line-height:1.4}



#content_head_all { margin: 0px; }
#content_head_links, #content_head_rechts, .content_head_rechts {
        padding:0px;
        margin:0px;
        height:25px;
}
#content_head_rechts, .content_head_rechts { float:right; }
#content_head_links, .content_head_links{ float:left; }

#content_head {
        padding-top:22px;
        height:30px;
		margin-bottom: 20px;
		border: 0px solid #F00;
		border-bottom: 2px dotted #FF9C00;
}
div#contentUntereGrenze { clear: both }


#left_container  { float:left; width: 180px; margin-left: -940px; border: 0px solid #FF0; z-index: 31; }
#right_container { position: absolute; left: 740px; border: 0px solid #FF0; z-index: 32; overflow: hidden;  }

#footer {
        height: 30px;
        width:100%;
        clear: left;
        padding-top: 5px;
}

#contentmid {
		width: 540px;
        margin-left:20px;
        margin-right:20px;
		border: 0px solid #FF0; 
}

#contentUntereGrenze{
        padding:0px;
        margin:0px;
        margin-top:10px;
        padding-top:10px;
        height:27px;
}

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

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

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

div#kategorie_menu { border: 0px solid #FF0; margin-top: 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; color: #FF9C00}

div.kat-level10 A { font-weight:bold; }
div.kat-level20 A { font-weight:normal; }

div.kat-selected A { color: #000;	}

/* ---------------- Kategorie Menü BIG (picture + links)--------- */

div#katmenu_big { 
	
	position: absolute; z-index: 100; 
	left: 200px; top: 0px;
	width:740px; height: 488px; 
	border: 0px solid #F00; }

div#katmenu_bigpic  { position: absolute; z-index: 110; width:740px; height: 488px; }
div#katmenu_bigtext { position: absolute; z-index: 120; left: -5px; top: 100px; border: 0px solid #FFF;}
div.katmenu_ein { height: 45px; }
div.katmenu_ein A, div.katmenu_ein  { color: #000; font-size: 60px; font-weight: normal; }
.katmenu_color1 div.katmenu_ein A, .katmenu_color1 div.katmenu_ein { color: #000; }

div.katmenu_head { font-weight: bold; }
div.katmenu_ein A:hover { color: #FF9C00; text-decoration: none; }	


/* ----------------------------------- FONTS --------------------------------------- */

body, input, select, a, textarea { font: 12px arial,sans-serif; color:#707070; text-transform: uppercase; }

.standard { text-transform: uppercase; }
.normalcase { text-transform: none; }
.small, .ustklein, .versand { font-size: 10px; }

a {
        text-decoration:none;
		color: #FF9C00;
        padding:0px;
        margin:0px;
}

a:hover{
        text-decoration: underline;
        color:#FF9C00;
}

a.link_big { 
	font-size: 16px;
	font-weight: normal;
	}
a.link_big IMG { 
	border: 3px solid #FF9C00; 
	margin-left: 3px;
	}

	
h1, #content_head H1 {  
        padding:0px;
        margin:0px;

		color: #FF9C00; 
		
		text-transform: uppercase; 
		font-size: 22px; 
		font-weight: normal; }
		
ol, ol li { margin:0px; padding:0px; }	
ol li {  padding-bottom: 10px; }	

p.widerruf, li.widerruf, div.widerruf { 
	border: 1px double #666; 
	padding: 10px;
	color: #666; 
	margin-bottom: 20px; }
	
.widerruf H2 { font-size: 18px; font-weight: bold; margin: 0px; padding: 0 0 5px 0; }
.widerruf H3 { font-size: 14px; font-weight: bold; margin: 0px; padding: 10px 0 5px 0; }

span.xselling_standard{
        padding:0px;
        margin:0px;
        color:#121212;
        font-size: 1.7em;
}


hr.linie{height:1px;color:#D5D5D7;}
.ustklein { }
.spacer{font-size: 8px;margin:0px;padding:0px;}
.waehrung{font-size: 12px;margin:0px;padding:0px;padding-top:12px;}


.artikelpreis, .artikelsonderpreis { font-size: 14px;margin:0px;padding:0px; font-weight:bold; }
.artikelsonderpreis { color: #FFF; }
.alterPreis { text-decoration: line-through; }

.warning {color:#F25510;font-weight:bold; font-size:10px; margin:0px;padding:0px;}

	
.staffelpreis{
        font-size:0.9em;
        color:#121212;
}


/* -------------------------------------- Formulare: Felder & Buttons ---------------------------------------- */

.allforms P, .allforms A, .allforms .standard, .allforms { text-transform: uppercase; font-size: 10px; font-weight: normal;  }

input, textarea, select {
        border: 0px solid #D4D5D8;
        margin: 0px;
        padding: 2px 0 2px 0;
        background-color: #E0E0E0;
		text-transform: none;
		}

.formcolor1 { border: 0px; background-color: #E0E0E0; }	
.formcolor2 { border: 1px solid #D4D5D8; background-color: #FFF; }

		
input.button, input.button2, input.warenkorb, input.finden, input.loginbox {
		border: 0px;
        color: #ffffff;
        font-weight: bold;
		text-transform: uppercase;
        height: 25px;
        background: #FF9C00;
}
input.button2 { background: #D0D0D0; }

input.warenkorb{	width:170px; }

input.loginbox{		width:74px; }

input.login	{ 		width: 100%; }

input.login_email, input.login_passwort, input.suche_verfeinern, input.schnellkaufEAN{
        width:140px;
}

input.anzahl, input.gehzuseite {    width:40px;	}

input.gehzuseite{       			width:30px; }


/* ------------------------ Kundenformular */
.input_long { width: 300px; }
.input_plz { width: 70px; margin-right: 2px;}
.input_ort { width: 228px; }

.input_long2 { width: 260px; }
.input_ort2 { width: 188px; }
/* ------------------------ Frage zum Produkt */
textarea.frage { width: 100%;	}
input.frage_email, input.kontakt  { width: 100%; margin-bottom: 1px; }

/* ------------------------ SUCHE */
div#suche { border: 0px solid #F00; margin-top: 4px; width:142px; }

input.button_suche {
	height: 19px;
	background-color: #FF9C00;
	text-align:left; padding: 0px; margin: 0px;
	color: #FFF; text-transform: uppercase; font-size: 12px; font-weight:bold; 
}

input.suche {
        width:85px; height: 13px;
		margin-left: 2px; 
		text-align: left; 
}

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

#subbox{}

#subbox_header_hell{}
#subbox_header_hell .boxheader{}

#subbox_content{}


#content_head_bestell {
        padding-top:10px;
        height:40px;
}
#content_head_bestell IMG { margin-right: 0px; }



/* -------------------------- Warenkorb-Box -------------------- */
#subbox_wk { margin-top: 20px; }
#subbox_warenkorb, #subbox_warenkorb_leer { 
	height:50px; width:180px; 
	background-repeat: no-repeat;
    background-position: top left;
	}
#subbox_warenkorb { 	 background-image: url(../gfx/warenkorb.png); }
#subbox_warenkorb_leer { background-image: url(../gfx/warenkorb_leer.png); }
	
div#subbox_wk div div#subbox_wk_text { 
	position: absolute; top: 53px; width: 140px;
	}
div#subbox_wk div .pfeilrechts_icon, div#suche div .pfeilrechts_icon {  
	float: left; width: 11px; height: 11px; margin: 1px 3px 0 3px;
	background-image:  url(../gfx/pfeilRechts2.gif);
	}
div#suche div .pfeilrechts_icon {   margin: 4px 0px 0 3px; }

div#subbox_wk_text P, div#subbox_wk_text A, div#subbox_wk_text {color: #FFF; font-weight: bold; font-size: 12px; }
	
div#suche { border: 0px solid #F00; }
div#suche form { margin: 0px; padding: 0px; }
/* [START] ------------------------ Warenkorb --------------------------- */
/* -------------------------------- Liste */

TABLE.warenkorb_liste_item {
	padding-top:11px;
	border: 0px solid #FFF;
	border-bottom: 2px dotted #CCC;
	}
TABLE.warenkorb_liste_item A { color: #707070; }	

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

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


#sectionheader, .sectionheader {
        padding:5px 0;
        margin:20px 0 10px 0;
        border-top: 2px dotted #707070 /* #FF9C00 */ ; 
		
		text-transform: uppercase;
		font-size: 14px;
        font-weight: bold;
        color: #707070;				
}

.section_inactive {
		color: #BBB;
		border-top: 2px dotted #BBB; 
		}

.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(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;
}

/* ------------------------------------------ added by XTRCT-jan ------------------------------------------------- */

div#footer a, div#footer p { color: #FFF; font-weight: bold;  text-transform: uppercase; }

div.footerklein { margin-top: 2px; }
div#footer div.footerklein P, div#footer div.footerklein A { font-size: 10px; margin:0px; padding:0px; color: #444;}

.orangebutt, .greybutt { width: 100%; text-align: center; padding:3px 0 2px 0; border: 0px;}
.orangebutt, .orderbutt { background-color: #FF9C00;  }
.greybutt { background-color: #BBB; }


A.link_big DIV, .orderbutt A { 	
	font-size: 14px; 
	color: #FFF;
	}
.orderbutt { 
	width: 100%; height: 17px; 
	padding:3px 0 2px 0; 
	text-align: left;
 }
.orderbutt .orderbutt_icon { 
	float: left;
	background-image:  url(../gfx/pfeilRechts2.gif);
	width: 11px; height: 11px;
	margin: 2px 5px 2px 5px;
	}	

A .orangebutt, A .greybutt, input.orangebutt, input.greybutt { 
	/*	font-family: georgia, times, serif; 	*/
	text-transform: uppercase; font-size: 11px; font-weight: bold; 
	}

A .orangebutt, input.orangebutt, A .orderbutt { color: #FFF; }
A .greybutt, input.greybutt { 	color: #707070; }

.leftbox { margin-left: 10px; }
.loginbox { padding-left: 0px; }
.loginbox A, .loginbox P { margin-bottom: 3px; }
.loginbox DIV.login_item { padding: 5px; }

.tab_spacerow { height: 7px; }
.tabcell_preis { text-align: right; color: #333; }


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

div.artikel_alle { border: 0px solid #ccc;  }
DIV.artikel_ein { width: 265px;  height: auto; 
	border: 1px solid #DDD;
	margin-bottom: 6px; float: left;}
DIV.artikelliste_item_links { margin-right: 6px; }

DIV.artikelliste_item_element { border: 0px solid #FF0;  }
DIV.artikelliste_img { padding: 10px 0 0px 0; width: 154px; height: 195px; margin-left: 50px; }

DIV.artikelliste_info { margin-top: 10px; background-color: #93AE00; width:100%; height: auto; min-height:25px; }
DIV.artikelliste_ub { text-transform: uppercase; float:left; border: 0px solid #FFF; padding:5px ; max-width: 200px; }
DIV.artikelliste_ub A { color:#FFF; text-decoration: none; font-size:11px; font-weight: bold;  }
DIV.artikelliste_preis { float:right; padding: 3px; border: 0px solid #FFF; color: #000; }

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


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

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

DIV.artikeldetail_pic1 { border: 0px solid #F00; }

#artikeldetail_infos { padding: 0px; }
#artikeldetail_variationen { margin-top: 10px; padding-top: 15px; border-top: 2px dotted #d0d0d0; text-align: center;  }
DIV.artikeldetail_variationsbild { width: auto; height: 60px; float: left; border: 1px solid #d0d0d0; margin: 0 3px 3px 0; }

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; }