/*-- allgemeine Sachen ------------------------------------*/

[lang|=de] {quotes: '\201E' '\201D';}

body{  
	position: absolute; top: 0px; left: 0px;
	margin:0; padding:0;
	width: 100%;
} 



a:link {color: #242668; font-weight: bold; font-size: 11px; font-family: Verdana, Helvetica, Arial, Sans-serif; text-decoration: none;}
a:visited {color: #242668; font-weight: bold; font-size: 11px; font-family: Verdana, Helvetica, Arial, Sans-serif; text-decoration: none;}
a:hover {text-decoration: underline;color: #595cff;}

font {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12;}

input,textarea, select {
			padding: 0px;
			/* background-color: #FFFFFF;  */
			/* font-family : Verdana, Arial, sans-serif;  */
			/* font-size : 10px; font-weight : normal; color : #000000; */
			/* border-color : #6E95BB;  */
}

/* input:hover {background-color: #CFCFFA;} */

.b { font-weight: bold; }

fieldset.bc {border-color:#A5B4CA} 

/*-- Klassen ------------------------------------*/

.text { color: #000000; font-size: 10px; font-family: Verdana, Helvetica, Arial, Sans-serif; }

.artikelbeschreibung { color: #000000; font-size: 10px; line-height: 1.7em; text-align: left; font-family: Verdana, Arial, sans-serif; }
.headline { color: #0000ff; font-weight: bold; font-size: 10px; font-family: Verdana, Helvetica, Arial, Sans-serif; }

.text0wh {font-size: 10px; font-weight: normal; font-family: verdana; color: #ffffff;}
.text0gr {font-size: 10px; font-weight: normal; font-family: verdana; color: #cccccc;}
.text0  {font-size: 9px; font-weight: normal; font-family: verdana; color: #000000;}
.text1  {font-size: 12px; font-weight: normal; font-family: verdana;}
.text2  {font-size: 11px; font-weight: normal; font-family: verdana;}

.fett { color: #000000; font-size: 10px; font-family: Verdana, Helvetica, Arial, Sans-serif; font-weight: bold;}
		
.linklike_s {color: #000000; font-size: 10px; font-family: Verdana, Helvetica, Arial, Sans-serif; text-decoration: none;}
.linklike_b {color: #cc0000; font-size: 10px; font-family: Verdana, Helvetica, Arial, Sans-serif; text-decoration: none;}
.linklike_killed {color: #888888; font-size: 10px; font-family: Verdana, Helvetica, Arial, Sans-serif; text-decoration: none;}
a:hover .linklike_killed {color: #595cff;}



/*----------------------------------------------------*/
/*-HAUPTABELLE ---------------------------------------*/


#top_skelett {

	margin: 0; 
	padding: 0;
	border: 0;
}


#main_skelett {
	margin: 0 5px 0 5px; 
	padding: 0;
	border: 0;
}


#left_skelett {
	float: left;
	margin: 0; 
	padding: 0;
	width: 220px;
	border: 0;
}

#right_skelett {
	margin: 0 0 0 230px;
	padding: 0;
	border: 0;
}


#bottom_skelett {
	clear: left;
	margin: 16px 0 0 0; 
	padding: 0;
	background-color: #666;
	height: 16px;
	border: 0;
}

/*----------------------------------------------------*/
/*- KATALOG NAVBAR -----------------------------------*/

.nav {
	height: 34px;
	background-color: #A5B4CA; 	/* #6699cc; */
	border: #516275; 		/* #A5B4CA; */
	border-style: solid; 
	border-width: 2px; 

	margin: 0px;
	padding:0px;

	font-family: Verdana,Helvetica, Arial;
	font-size: 10px; 
	color: #ffffff;
	font-weight: bold; 	
	letter-spacing: 0px;
}
.spacer {color: #FFF;}

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

.tda_title {
	height: 34px;
	padding: 5px 0px 5px 0px;
	border: 2px solid #516275; 
	background-color: #A5B4CA; 
	font-size: 12px; 
	font-family: Arial; 
	font-weight: bold; 
	letter-spacing: 2pt;
	color: #ffffff;
	text-align: center;
}
.tda_body {
	border: #516275; 
	border-style: solid; 
	border-right-width: 2px; 
	border-top-width: 1px; 
	border-left-width: 2px; 
	border-bottom-width: 0px; 
	background-color: #EEEEEE;	/* #f5f8fb;  #f4f8fb */
	background-image:url(../gfx/backgroundlines.gif);
	font-family: verdana; 
	letter-spacing: 1px;
}
.tda_bott {
	border: #516275; 
	border-style: solid; 
	border-right-width: 2px; 
	border-top-width: 1px; 
	border-left-width: 2px; 
	border-bottom-width: 2px; 
	background-color: #EEEEEE; 	/* #f5f8fb;  #f4f8fb */
	background-image:url(../gfx/backgroundlines.gif);
	font-family: verdana; 
	letter-spacing: 1px;
}

.table_cart_sub {
	border: #b6c5db;
	background-color: #c6d5eb; 
	border-style: solid; 
	border-right-width: 2px; 
	border-top-width: 1px; 
	border-left-width: 2px; 
	border-bottom-width: 3px; 
	font-size: 12px; 
	font-family: Arial; 
	color: #000000;
	letter-spacing: 1px;
}

.table_balken {
	background-color: #6666cc; 
	border: #ff0000; 
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px;
	font-size: 12px; 
	font-family: Arial; 
	font-weight: bold; 
	color: #000000;
	letter-spacing: 1px;
}


.tda_1 {
	border: #A5B4CA; 
	border-style: solid; 
	border-right-width: 1px; 
	border-top-width: 2px; 
	border-left-width: 2px; 
	border-bottom-width: 0px
}
.tda_2 {
	border: #A5B4CA; 
	border-style: solid; 
	border-right-width: 1px; 
	border-top-width: 2px; 
	border-left-width: 2px; 
	border-bottom-width: 2px; 
	font-size: 12px; 
	font-family: verdana;
	letter-spacing: 2px;
}
.tda_5 {                                  
	border: #A5B4CA;                  
	border-style: solid;              
	border-right-width: 1px;          
	border-top-width: 2px;            
	border-left-width: 2px;           
	border-bottom-width: 2px;         
	font-size: 10px;                  
	font-family: verdana;             
	letter-spacing: 1px;
}             

.tda_3 {
	border: #A5B4CA; 
	border-style: solid; 
	border-right-width: 1px; 
	border-top-width: 0px; 
	border-left-width: 2px; 
	border-bottom-width: 2px;
}
.tda_text {
	border: #516275; 
	border-style: solid; 
	border-right-width: 2px; 
	border-top-width: 0px; 
	border-left-width: 2px; 
	border-bottom-width: 0px; 
	background-color: #EEEEEE; 
	font-family: verdana; 
	letter-spacing: 1px;
}

.tda_text_small {
	border: #516275; 
	border-style: solid; 
	border-right-width: 0px; 
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	/* background-color: #EEEEEE; */
	font-family: verdana; 
	letter-spacing: 0px;
}
.tdaw {
	background-color: #FFFFFF; 
	padding-top: 1px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px;
}


.th_myorders {
	border: #516275;
	border-style: solid; 
	border-width: 1px; 
	background-color: #A5B4CA; 
	color: #ffffff;
	font-weight: bold; 
}
.td_myorders {
	border: #516275;
	border-style: solid; 
	border-width: 1px; 
	background-color: #FFFFFF; 
	color: #000000;
	font-weight: normal; 
}
	

/*----------------------------------------------------------------*/
/*-- Tabellle: Content-Display-Box -------------------------------*/



.tbl_mainbox {
	margin: 0 0 15px 0;
	padding: 0;
	border:0;	border-spacing: 0; border-collapse: collapse;
}
.th_mainbox {
	height: 34px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left:15px;
	padding-right:15px;
	border: #516275;
	border-style: solid; 
	border-width: 2px; 
	background-color: #A5B4CA; 
	color: #ffffff;
	font-size: 12px; 
	font-family: Arial; 
	font-weight: bold; 
	letter-spacing: 1pt;
}


.td_mainbox {

	padding-top: 22px;	/* 5 */
	padding-bottom: 22px;	/* 5 */
	padding-left: 15px;
	padding-right: 15px;

	border: #516275; 
	border-style: solid; 

	border-top-width: 1px; 
	border-bottom-width: 2px;
	border-left-width: 2px; 
	border-right-width: 2px; 
 
	background-color: #EEEEEE;	/* #f5f8fb;  #f4f8fb */
	background-image:url(../gfx/backgroundlines.gif);

	/* font-family: verdana;  */
	/* letter-spacing: 1px; */
}



/*----------------------------------------------------------------*/
/*-- Tabellle: "Artikel listen" ----------------------------------*/


.tbllist {
	
	table-layout:fixed;
	overflow:scroll;

	text-align:center;	
	padding: 2px;
	border: #516275;
	border-style: solid;
	border-width: 2px;
	border-spacing: 0px;
	background-color: #8393A8;
		
	color: #aaaaaa;
}
.tbllist img {
	border: 2px solid #A5B4CA;	/* #CADADA; */
	 
}
.tdlist0 {			/* tdlist0 ist colspan über alle 4 spalten */

	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;

	font-family: Verdana, Helvetica, Arial, Sans-serif; text-decoration: none;
	font-size: 10px;
	color: #FFFFFF;  
	text-align:center;
}
.tdlist1 {			/* tdlist1 = spalte 1 */

	width:90px;
	height: 130px;
	background-color: #EEEEEE;
	text-align:center;

	border: #A5B4CA; 
	border-style: solid;
	border-top-width: 0px; 
	border-bottom-width: 2px; 
	border-left-width: 0px; 
	border-right-width: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 10px; 
	padding-right: 0px; 
}
.tdlist2 {			/* tdlist2 = spalte 2 */

	width:50%;
	background-color: #EEEEEE;
	text-align:center;	
	
	border: #A5B4CA; 
	border-style: solid; 
	border-top-width: 0px; 
	border-bottom-width: 2px; 
	border-left-width: 0px; 
	border-right-width: 2px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 5px; 
	padding-right: 10px; 
}
.tdlist3 {			/* tdlist3 = spalte3  */

	width:90px;
	background-color: #EEEEEE;
	text-align:center;
	
	border: #A5B4CA; 
	border-style: solid; 
	border-top-width: 0px; 
	border-bottom-width: 2px; 
	border-left-width: 0px; 
	border-right-width: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 8px; 
	padding-right: 0px; 
}
.tdlist4 {			/* tdlist4 = spalte4  */

	width:50%;
	background-color: #EEEEEE;
	text-align:center;

	border: #A5B4CA; 
	border-style: solid; 
	border-top-width: 0px; 
	border-bottom-width: 2px; 
	border-left-width: 0px; 
	border-right-width: 0px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 5px; 
	padding-right: 10px; 
}

/*-- Seitenblättern ------------------------------------*/


div#seitenzahl {

	text-align:center;
    	max-width: 100%;
	padding: 2px;
	border: #BABABA;
	border-style: solid;
	border-width: 2px;
	border-spacing:0px;
	background-color: #DCDCDC;	/* #CADADA; */
}
div#seitenzahl a {
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px; 
	padding-right: 5px; 
}

div#seitenzahl a:hover {
	background-color: #CADADA;
}


/*-- WARENKORB -----------------------------------------------*/

td#warenkorb {
	border: #516275; 
	border-style: solid; 
	border-right-width: 2px; 
	border-top-width: 1px; 
	border-left-width: 2px; 
	border-bottom-width: 2px; 

	background-color: #EEEEEE; 	/* #f5f8fb;  #f4f8fb */
	background-image:url(../gfx/backgroundlines.gif);
	
	font-family: verdana; 
	letter-spacing: 1px;
	text-align: center;
}
td#warenkorb a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px; 
    padding-left: 5px; 
    padding-right: 5px;
}
td#warenkorb a:before {
}
td#warenkorb a:hover {
	color: #2C2CAA;
	text-decoration:none;
	background-color: #DAE8FF;
}

/*-- LOCATIONBAR ---------------------------------------------*/

#locationbar {

	padding: 2px 5px 2px 5px;
	margin:  0px  0px 15px 0px;

	border: 0;
	/* background-color: #A5B4CA; */
	background-color: #DDF; 
	
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana, Helvetica, Arial, Sans-serif; 
	color: #000;
	text-align: left;
}

#locationbar a {

	font-weight: normal; 
	font-size: 11px; 
	font-family: Verdana, Helvetica, Arial, Sans-serif; 
	text-align: left;
}

/*-- GÄSTEBUCH -----------------------------------------------*/

.formular {
    background-color: #EEEEFF;
    border: 1px solid black;
    text-align: center;
}
.formular > ol {
    list-style-type: none;
    margin: 2px;
    padding: 5px;
}
.formular > ol > li {
    vertical-align: top;
}
.formular * label:after {
    content: ":";
}
   

/*-- Left Menu / DefaultBox ----------------------------------*/

.sidebox {

    padding-top: 8px;
    padding-bottom: 8px; 
    padding-left: 5px; 
    padding-right: 5px;
}
   

/*-- Left Menu / Rubriken -----------------------------------*/


.kat ul {

    list-style-type: none;
    width: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: Verdana, Helvetica, Arial, Sans-serif; 
    font-weight: bold; 
    font-size: 10px; 
    letter-spacing: 0px;
    text-decoration: none;
}

.kat ul li {
    line-height: 100%;
    border-bottom: 1px solid #A5B4CA;
    margin: 0px;
    padding: 0px;
}
.kat ul li span {
    display: block;
    background-color: #DDDDDD;
    padding-top: 8px;
    padding-bottom: 8px; 
    padding-left: 5px; 
    padding-right: 5px;
}
.kat ul li a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px; 
    padding-left: 5px; 
    padding-right: 5px;
}
.kat ul li a:before {
}

/* :before, :after (Pseudoelemente für automatisch generierten Inhalt) */

/* Sie können bestimmen, dass vor oder nach einem Element automatisch Inhalt eingefügt wird. Es kann sich um statischen Text handeln, aber auch um variable Inhalte. */


.kat ul li a:hover {
	color: #2C2CAA;
	text-decoration:none;
	background-color: #DAE8FF;
}


/*--- DIV's -------------------------------------------------*/


div.left_float 	{ float:left; text-align:left;}
div.clear_float { clear:both; }
div.none 	{ clear:both; }
div.left 	{ text-align: left;}
div.center 	{ text-align: center;}
div.right 	{ text-align: right; }


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


/* --------------------------------------------------------------------------------------------------- */
/* - LAYOUT DIV'S ------------------------------------------------------------------------------------ */


#logo_o {
	position: relative;
	top: 0px; left: 0px;
		
	background-color: #ccc;
	background-image:url(../gfx/logo_o_CUT.gif);
	background-repeat:no-repeat;	
	background-position: 20px 0px;

	width: 100%;
	height: 30px;

	margin:  0px; 
	padding: 0px;
	border: none;
}

#logo_m {

	position: relative;
	top: 0px; left: 0px;

	background-color: #666;
	background-image:url(../gfx/logo_m_CUT.gif);
	background-repeat:no-repeat;	
	background-position: 20px 0px;

	width: 100%;
	height: 60px;

	margin:  0px; 
	padding: 0px;
	border: none;
	text-align: left;
}

#logo_u {
	position: relative;
	top: 0px; left: 0px;
	
	background-color: #ccc;
	background-image:url(../gfx/logo_u_CUT.gif);
	background-repeat:no-repeat;	
	background-position: 20px 0px;

	width: 100%;
	height: 16px;

	margin:  0px;
	padding: 0px;	
	text-align: right;
}


#topnav_suche {	
	
	background-color: #A5B4CA;	/*--------------------------------------------------------------*/
					/* VERTIKALE POSITIONIERUNG 					*/
	position: absolute;		/* ------------------------				        */
	z-index:9;
	left: 			400px;
					/* kindelement >> muss absolut positionier sein			*/
	top: 			50%;	/* y-pos       == halbe höhe vom mutterelement (absolut)	*/
	height: 		40px;	/* y-länge   							*/
	margin-top: 		-20px;	/* margin-top  ===  - (ylänge/2 ) 				*/
	margin-left:		0px;	/*								*/
	margin-right:		0px;	/*								*/
	margin-bottom: 		0px;	/*--------------------------------------------------------------*/

	padding: 0px;
}
#topnav_suche form {	

	background-color: #516275;
	height: 30px;
	margin: 1px;
	padding: 4px;
}


/* --------------------------------------------------------------------------------------------------- */
/* - TOPSCREEN NAVBAR -------------------------------------------------------------------------------- */



#topnav_right { 
	float: right; 
	margin:  6px 0px 0px 0px;
	padding: 0px 1px 1px 1px;

}
#topnav_mid	{ 
	float: right; 
	margin:  6px 80px 0px 0px;
	padding: 0px 1px 1px 1px;
}
#topnav_left { 
	margin:  0px;
	padding: 0px;		
}




ul.topnav {	
	/*-- nur ein ul --*/
	margin:  	0px;
	padding: 	0px;
	border: none;
}

ul.topnav li {

     /* background-color: #A5B4CA; */
	background-color: #999;

	position: relative;
	float: left;

	list-style: none;

	margin:  	0px;
	padding: 	1px;

}

ul.topnav a, ul.topnav span {	

	/* background-color: #b6c5db; 	*/
	/* #f5f8fb;  #f4f8fb #b6c5db */
	background-color: #666;
	
	margin:  	0px;
	padding: 	2px 6px 2px 6px;

	display: block;
	text-align: center;

	color: #FFF; 	

}
ul.topnav a:hover, ul.topnav span {	
			
	color: #333;				/* #A5B4CA; #2C2CAA; #242668; */
	background-color: 	#DDD;		/* #A5B4CA; #2C2CAA; #242668; */
	text-decoration:	none;
}
ul.topnav a:visited, ul.topnav span {	
	color: #fff;
}


/* --------------------------------------------------------------------------------------------------- */
/* - Bildrahmen- und schatten------------------------------------------------------------------------- */


.bildschatten {
margin-left:4px;	/* damit das rechts-gefloatete element nicht wegen dem negativeinzug überlappt */
float:left;
background:#9a9a9a;	/* background:#efefef;*/
}

.bildschatten img {
position:relative;	/* IE Bugfix*/
top:-4px;		/* Verschieben damit Background(=Schatten) sichtbar */
left:-4px;		/* Verschieben damit Background(=Schatten) sichtbar */
background:#fff;	/* Passepartout Farbe */
padding:4px;		/* Passepartout Grösse */
border:1px solid #777;	/* border:1px solid #ccc; */
}


/* --------------------------------------------------------------------------------------------------- */
/* - MISC -------------------------------------------------------------------------------------------- */


p.impressum {
	width: 600px;
	background: #e5e5e5;
	padding: 2em;
	border: 1px dotted #445599;
	line-height: 1.3em;
}